5 Replies Latest reply on Jan 15, 2012 8:56 PM by John Hawkinson

    Making website in Indesign CS 5.5

    WebsiteIndesign

      Hi,

       

      I am a big lover of Indesign.

      I have read most of articles people saying not to create website in Indesign, but i dont agree with them i started making my website in Indesign CS5.5 .

      I am facing one problem "How to center the website in center of browser as most of the website open".

      Website size is 1024 x 768. And i have exported html and swf file and uploaded both files in ftp.

       

      My website is www.pixeltodot.com. I am still in process of making the website, but if anyone can help me would be great.

       

       

      Rohit

        • 1. Re: Making website in Indesign CS 5.5
          BobLevine MVP & Adobe Community Professional

          You’ll need to put that SWF into a container div and set the left and right margins to auto.

           

           

           

          That said, you can agree or disagree with those that say InDesign is not for websites (and it’s not) but your website takes forever to load and that’s on a lightning fast connection. Additionally, the chances of your site showing up in a search are slim and none.

           

           

           

          If you’re thinking of using this site for business than create it in tool designed for websites. If you can’t or don’t want to learn HTML/CSS than at least take a look at Muse. If you’re comfortable in InDesign you should take to it pretty easily.

           

           

           

          Bob

          • 2. Re: Making website in Indesign CS 5.5
            rob day Adobe Community Professional & MVP

            Most Flash developers use swfobject to load a flash site. Here's the download and documentation page:

             

            http://code.google.com/p/swfobject/wiki/documentation

             

            swfobject makes it easy to add alternate HTML content, which can help with SEO.

             

            To center a SWF you can define a CSS style then wrap the SWF in a div. So the style to center both horizontally and vertically a style would be defined inside the head tag like this:

             

            <style type="text/css">

            #wrap {width: 1024px; height: 768px; margin-left: -512px; margin-top: -384px; position: absolute; left: 50%; top: 50%;}

            </style>

             

            And then you wrap the content after the body tag with this:

             

            <div id="wrap">

                  your content here

            </div>

             

            Your site loaded in less than 2 secs for me, but there's nothing in the display of the site that couldn't be done with HTML. The only reason to use Flash is for effects and interactions that can't be accomplished with HTML and scripting.

            • 3. Re: Making website in Indesign CS 5.5
              WebsiteIndesign Level 1

              Hey Rob,

               

              I also found link in youtibe "http://www.youtube.com/watch?v=l8kl9pdVNW8"

               

              Its was really simple to add <center> at beginning and </center> at end.

               

              Chk the website now www.pixeltodot.com.

               

              But now one question arises that do i have to add this <center> tag everytime after i export html and swf file from indesign.

              • 4. Re: Making website in Indesign CS 5.5
                rob day Adobe Community Professional & MVP

                Its was really simple to add <center> at beginning and </center> at end.

                 

                The center tag is deprecated, so it works but maybe not always:

                 

                http://www.w3schools.com/tags/tag_center.asp

                 

                The div style I posted centers both vertically and horizontally. If you don't care about the vertical, as Bob suggested, it would be safer use a div with margin:auto. This version of the wrap style centers horizontally but not vertically:

                 

                #wrap {width: 1024px; height: 768px; margin:auto;}

                 

                But now one question arises that do i have to add this <center> tag everytime after i export html and swf file from indesign.

                 

                Just export the SWF without the HTML shell, as long as you don't change its name it will still link into your edited HTML.

                • 5. Re: Making website in Indesign CS 5.5
                  John Hawkinson Level 5

                  Rob:

                  The center tag is deprecated, so it works but maybe not always:

                  http://www.w3schools.com/tags/tag_center.asp

                  Per http://w3fools.com, please don't suggest w3schools as a good HTML reference.

                  (Though this case is a bit tricky since use of <center> isn't good HTML, ha ha. But I think http://reference.sitepoint.com/html/center is decent on this one; normally I'd cite the W3C though).