9 Replies Latest reply on Apr 2, 2010 4:01 PM by Nancy OShea

    Very new to Dreamweaver

    Mitzi777

      Please move this if I have posted this in the wrong area.    

       

      I've tried tutorials and other resources and I admit, this may be a very low level question - but I am using this software for the first time.  I've been using Illustrator and Photoshop for many years so I was hoping I could pick this up relatively easily.

       

      I am able to create a sliced html file in Photoshop and import to Dreamweaver.

      I am stuck on this though.

      My links (About, Resume, Samples, E-mail me) are all sliced on a solid background color.

      What I want to happen is this:

      When someone clicks one of those links I'd like the content to show up in the body of my page.  My problem is that the body of my page is patterened and I can't seem to make it editable without removing the pattern.

       

      I'm sure this is pretty basic to everyone here and I apologize if this has been covered.  I've tried searching the forum and I might not be using the right terms.

        • 1. Re: Very new to Dreamweaver
          zarproductions Level 1

          I am pretty new at this too and I am not sure how to solve your problem but I just thought to tell you that I have found some great tutorials on lynda.com and VTC.com on DW and other software.

           

          Hope you find answers,

          Alex Zar

          http://www.zarproductions.com.au

          • 2. Re: Very new to Dreamweaver
            370H55V Level 4

            Photoshop and Illustrator are great programs.. for photo editing and very precise graphics work. While they have the ability to import to Dreamweaver, it's not a good idea to use them to design web pages, unless you know a lot about how to properly integrate slices with metadata and links, etc.

             

            I use PS and Fl to build content for my websites, but never to build the sites themselves. That's what Dreamweaver is for.

             

            Build the pages first in DW and then integrate graphics into them.

             

            Once you become an advanced user in DW and know how to integrate slices into DIVs and/or frames or tables, then you can effectivley use slices from PS or AI. Otherwise you're asking for more trouble than benefit from the process.

            • 3. Re: Very new to Dreamweaver
              Mitzi777 Level 1

              My hmtl index page was sliced (and created in photoshop).  It looks good, I just can't seem to make

              one section of the page (the portion I sliced to create the "body"...where content will be seen)

              editable.  I don't want to delete the pattern in the body - but it looks like that is the only way to allow that por

              tion to be editable...


              • 4. Re: Very new to Dreamweaver
                Nancy OShea Adobe Community Professional & MVP

                Use your graphics apps to make images and slices.  Save for web as IMAGES only.

                Use DW to build your web pages.

                 

                For best results, spend a few hours learning basic HTML, CSS and web terminology first.  HTML is the content code.  CSS is the style code.  Together, these form the 123's and ABCs of web design.  Knowing the basics will give you a head start and make DW much easier to learn.

                 

                Start here:

                HTML & CSS Tutorials - http://w3schools.com/

                 

                Then work your way through this 3-part tutorial:

                Taking  a Fireworks (or Photoshop) comp to a CSS based layout in DW

                http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html

                 

                 

                Best of luck,

                 

                Nancy O.
                Alt-Web Design & Publishing
                Web | Graphics | Print | Media  Specialists
                http://alt-web.com/
                http://twitter.com/altweb
                http://alt-web.blogspot.com

                • 5. Re: Very new to Dreamweaver
                  Mitzi777 Level 1

                  I totally understand that I need to learn html and css.  I thought that this specific question would have an answer that would help me learn a little bit of it.

                   

                  I already created the art in Photoshop and sliced it and imported it into DW.  I am able to manipulate all the slices - I just wanted to know how to make the body slice editable.  I've tried using code like:

                   

                  "<td rowspan="11" style="background-image:url(images/body.gif);height:636px;width:483px;">
                              Editable Text!</td>

                   

                  And deleting the other row but it disrupts the background.  I only want to make one slice/section of my background editable and I just thought it seemed like something that would be a very easy thing to find.

                   

                  I've spent all day watching online tutorials and googling forums and FAQ sites and I guess I assumed that this question would be much easier to answer than it is.

                   

                  I've never written a bit of code in my life and I am trying to ease into it.

                  • 6. Re: Very new to Dreamweaver
                    Nancy OShea Adobe Community Professional & MVP

                    You need to take the background image out of the tables and place it into the body background using CSS.  I'll assume you want the background image to fill in your page.

                     

                    Put the following CSS code between the <head> and </head> tags in your HTML document.  You'll need to work in Code View for this.

                     

                    <style type="text/css">


                    body {

                    background: url (your-BG-image.jpg) repeat;

                    }


                    </style>

                     

                     

                     

                    Nancy O.
                    Alt-Web Design & Publishing
                    Web | Graphics | Print | Media  Specialists
                    http://alt-web.com/
                    http://twitter.com/altweb
                    http://alt-web.blogspot.com

                    • 7. Re: Very new to Dreamweaver
                      Mitzi777 Level 1

                      Thanks for the code - but before I try that let me make sure I was clear in terms of what I was asking.

                       

                      The main page is sliced like this:

                      About Me

                      Resume

                      Sample Work

                      E-mail Me

                      Body

                      And then, there is just the rest of the page - Basically the header sits above those slices.  I might need to slice that as well, but I haven't done that.

                      All I want to do is make the body slice editable.  I want the rest of the page to remain the same.

                       

                      The body has a pattern that needs to match up to the sliced images (links) to the left.

                       

                      If I use that code, will that disrupt the pattern?

                      • 8. Re: Very new to Dreamweaver
                        Nancy OShea Adobe Community Professional & MVP

                        Without seeing your design comp or code it's almost impossible to give meaningful answers.  But offhand, it doesn't sound like you have a flexible web page design.  It's nearly impossible to line up slices with backgrounds.

                         

                        Working with HTML Backgrounds

                        http://alt-web.com/Backgrounds.shtml

                         

                        Basic CSS Layout -  View source in browser to see the code

                        http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html

                         

                        Nancy O.
                        Alt-Web Design & Publishing
                        Web | Graphics | Print | Media  Specialists
                        http://alt-web.com/
                        http://twitter.com/altweb
                        http://alt-web.blogspot.com

                        1 person found this helpful
                        • 9. Re: Very new to Dreamweaver
                          Mitzi777 Level 1

                          That is what I was wondering.  Thanks for your help.