15 Replies Latest reply on Aug 2, 2012 8:48 PM by CaramelMacchiato

    Creating inner pages


      Hello, I am new to web. I have created a main page that has a banner under the buttons panel and then some text. For my inside pages I want the banner removed and one space for the text which should include the space I already had for text. How do I create one solid table? Is it possible to edit your layout after it has been brought into dreamweaver from illustrator? I imported it after slicing the layout in illustrator.

        • 1. Re: Creating inner pages
          MurraySummers Legend

          The approach you seem to be taking ("I imported it after slicing the layout in illustrator.") is very wrong for live webpages.  The correct approach is to design your layout in some graphics application first, then to design your HTML infrastructure which will hold both the various graphic elements and the text content in DW.  Finally you would then add the graphics and the content and save the page.  If the layout is to be used on multiple pages, investigate the use of Dreamweaver templates, or of server-side includes to supply a consistent layout appearance to each page, and add your unique content to each.


          It will not be possible to execute this plan smoothly without some basic knowledge of HTML and CSS.  Do you have that?

          • 2. Re: Creating inner pages
            Nancy O. Legend

            This 3-part tutorial describes how to go from a Design Comp in your graphics application to a CSS Layout in Dreamweaver.  As Murray said, some knowledge of HTML & CSS code is required.


            Part 1 - Initial Design



            Part 2 - Markup preparation



            Part 3 - Layout and CSS




            Nancy O.

            Alt-Web Design & Publishing

            Web | Graphics | Print | Media  Specialists 


            • 3. Re: Creating inner pages
              srhzaidi Newcomer

              Hello, will I have to learn fireworks to get through web? Isn't there a way through illustrator? I find it more flexible for design. I used to remember making web back in early two-thousand. There used to be those blue layout things and green layout things in dreamweaver. Where you could post images inside and they could work just as well. I understand HTML, Javascript, CSS and the rest. But I still need to know if there some design interfacing that can be done either through illustrator or dreamweaver.

              • 4. Re: Creating inner pages
                Nancy O. Legend

                Although that 3-part tutorial was written for Fireworks users, the same principles  apply no matter which graphics app you use (Photoshop, Illustrator, Fireworks, CorrelDraw, etc..). 


                Personally, I don't use Illustrator except for vector graphics.  I use Photoshop for all my web graphics (RGB).


                There used to be those blue layout things and green layout things in dreamweaver. Where you could post images inside and they could work just as well.


                Pictures of text can not be searched, translated or indexed by Google.  You must have real text on web pages. 


                Nancy O.

                • 5. Re: Creating inner pages
                  srhzaidi Newcomer

                  I think it was for firework users since the beginning. Photoshop and illustrator work almost the same when it comes to designing websites. I want to point out to what Murray said. He said my way of drawing a layout out in illustrator, then slicing it and exporting it for web and editing the resulting HTML + images on dreamweaver was not right. Right now the tables are this black dotted line and not editable. I want to know what divs are. Can I overwrite a table with a div and paste my text content over there?

                  • 6. Re: Creating inner pages
                    Nancy O. Legend

                    Open DW. 

                    Go to File > New > Blank page > HTML > Choose one of the pre-built CSS Layouts (1-col, fixed, centered, header & footer).


                    Insert images and text into the Layout.



                    Nancy O.

                    1 person found this helpful
                    • 7. Re: Creating inner pages
                      srhzaidi Newcomer

                      Yes that would be a great help. I could take from there.

                      • 8. Re: Creating inner pages
                        CaramelMacchiato Newcomer



                        If I may chime in and offer some perspective and thought. As you probably have notice this by now, HTML and CSS has evolved quickly since 2000.


                        Along with Murray (most knowledgable and most nicest fellas I ever known - even though I never met him in person, but would love to meet him through Adobe conference or something (smile)) and Nancy O, it has been a couple years of my hiatius from Dreamweaver user-to-user forum community... I would recommend that you look into HTML5 and CSS3.


                        Next to HTML5 and CSS3, because you probably will need to know how to code them and design websites with HTML5/CSS3. Now that we know that many people have the access to smartphones, tablets and also have access to personal computer whether if it is laptop or desktop computer or all of these gorgeous toys (smile).


                        Then, it is *wise* to design 'responsive web design' website that is more friendlier to all kinds of web browsers (old browsers, yes, and modern browsers) all across the platform regardless - it can be DONE with HTML5/CSS3 by incorporating responsive web design concept. While at that, it can be a hard of work coding CSS3 files to do this. But the good news is that Dreamweaver CS6 (I don't know which Dreamwever version you are using currently) is capable of creating media query website. BUT, like what Murray said, knowing HTML and CSS is very helpful.


                        Hope some perspective and thought be of interest with ideas. BTW, try to avoid too much of graphic web files as it slow down downloading these files especially for smartphones over cellular network (while it is not using WiFi network). If it is used WiFi, then cool. Be thoughtful and do a through testing.


                        In closing, I seconded to Murray's and Nancy O with their thoughtful suggestions. In closing, you can google on 'responsive web design'. It is a good time to learn about responsive web design, becuase it is obvious and feasible choice. Thus, more pleasant web browsing for everyone involved.


                        Hope that helps.


                        • 9. Re: Creating inner pages
                          Nancy O. Legend


                          While I agree that 'Responsive Web Design' techniques are a good thing to know, I don't think 'Responsive' is necessarily a good  First Project; especially if the OP has limited experience with HTML & CSS fundamentals. 


                          'Responsive Web Design' is an advanced project to tackle AFTER code basics are fully understood.  IOW, Learn to swim before you jump into the deep end.



                          Nancy O.

                          • 10. Re: Creating inner pages
                            srhzaidi Newcomer

                            I don't plan on learning HTML5 and CSS3 anytime soon, but I get around some elements of CSS3 by using snippets from the internet. It's a good learning base I have and I am looking to dvelve into it soon. I have to make a few websites and I will try to build everything there. This time around I was trying to build a slider for a client along with dropdown menus and get lost in a few things for a while. Lost that client so I am pretty disappointed. Although the skeletal structure I had shown him was good enough. Learned a few things about divs. Client said I took to long, and I said okay. He wanted to get somewhere with his website complete, not having plenty of web experience other than the slicing ways, I underestimated myself and the work. I had to build a 30 page website inside 2-3 days and even do the content. I did quite a few days inside three days besides learning. Here, check it out: www.griffin-marine.com.pk/main.html

                            • 11. Re: Creating inner pages
                              Nancy O. Legend

                              Sorry about your client.  A new 30 page static web site takes much longer than 2-3 days to design, build and test.  A typical static site would take about 1 month to build.


                              Positioning is not needed for 98% of layouts.  Position:absolute is definitely not the way to begin. Here's why:



                              Learn to use default CSS positioning (none/static) along with margins, padding and floats.





                              Nancy O.

                              • 12. Re: Creating inner pages
                                CaramelMacchiato Newcomer



                                I agree with everything you, it is true.


                                On other hands, I would think HTML5 and CSS3 is a good way to start and learn. It seems that there are better resource that are available now than it was before. You remember how confusing it was - especially with browsers incompatibility.


                                Yes, of course, more work need to be done especially with responsive design websites with CSS media queries.


                                The bottom line is knowing HTML and CSS helps. Definitely, for certain!


                                Thanks again for all remarkable and awesome help you, Nancy, did for Adobe community!


                                Have a good one!


                                • 13. Re: Creating inner pages
                                  CaramelMacchiato Newcomer

                                  Just as what Nancy said, I am also sorry to hear about your client. Sometimes certain client's expectation can be unreasonable at times. Expect that website project to be completed within two-three days' timeframe is pretty unreasonable.


                                  Like what Nancy said - one month for any web development project is more reasonable for static websites. For data-driven, more complicated websites that work with database servers and such, more than one month may be requried. That issue is different, totally different issue. But if client expect that complicated website is to be completed within two/three days - that won't happen and won't work that way.


                                  You wish not to learn HTML5 and CSS3, it is certainly your decision. I can only encourage you to learn HTML5 and CSS3 - by knowing HTML and CSS inside out will certainly help. In a long run, it will make a lot more sense later on. You'll see. BUT, I'll just leave at that and move on.


                                  Have a remarkable day and thanks for letting us know.


                                  • 14. Re: Creating inner pages
                                    MurraySummers Legend

                                    I don't plan on learning HTML5 and CSS3 anytime soon


                                    I think that's a mistake.  Dive in - the water's fine!

                                    • 15. Re: Creating inner pages
                                      CaramelMacchiato Newcomer

                                      Just a quick follow up on responsive web design concept based in combination of HTML5, CSS3 and jQuery, have a read with some interesting case studies and perspective. I think it is truly unbaised info.




                                      Have a good one!