1 Reply Latest reply on May 20, 2017 4:04 PM by Nancy OShea

    Changing from Fluid Grid Layout to non-FGL?

    PCMAMEDINA

      This is a followup to this question.

       

      If i make a new page without Fluid Grid Layout, is there a way to copy/paste what I already have in my FGL page into it? I tried copy/pasting the code, but something's not working out and the images don't show. I don't have enough time to just start over.

       

      I'm not sure if this is related, but in the FGL page the code for my divs is in a separate tab from the code for my CSS Styles, one is labeled Source Code and the other is labeled Untitled.css. The new page doesn't have separate tabs.

        • 1. Re: Changing from Fluid Grid Layout to non-FGL?
          Nancy OShea Adobe Community Professional & MVP

          By default FGLayout creates an external CSS file and adds a link to it inside your document's <head> tag.  This is called a dependent file.  Source code tab is your main document.  The CSS tab is your dependent file.

           

          It's important to work in a defined local site folder otherwise the path to your assets will not be correctly mapped to your site.   Paths will point to assets on your local computer which nobody except you can see.

           

          There's no shortcuts to creating web sites unless you use pre-built templates or features like FGLayouts.  What do you learn from that?  Not much.   Shortcuts are fine AFTER you learn the fundamentals.   Until then, you should do every step on your own.   Expecially since you're earning a grade on this project.

           

          Start with a basic HTML5 document.

           

          <!doctype html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>XYZ Project Name</title>

          </head>

          <body>

               INSERT CONTENT HERE....

          </body>

          </html>

           

          Add HTML5 tags to your <body> to hold your content.

           

          <header> </header>

          <nav> </nav>

          <article></article>

          and so on.....

           

          Then create a CSS file and save it to your site folder.

               xyz_styelsheet.css

           

          Add a link to it in your HTML <head> tag.

               <link rel="stylesheet" href="xyz_styesheet.css"/>

           

          Save your main document.

           

          EDIT:  You may copy text from your old project into the new one.  But I would avoid bringing the other code into your new document because it would just result in more of the same.

           

           

          Nancy

          1 person found this helpful