www.VFXskills.com                                                                                 www.MAXlife.TV

TechsChoice.com
Google Enter your search terms

Creating CSS Layouts in Adobe Dreamweaver
Part 1


 

Part I - Basics of CSS Layouts (Div Based Layouts)

Launch Dreamweaver, create new document, define site

Insert Bar (Window - Insert)
Layout Tab - Look for Draw AP Div
Take Cursor and click and drag a box anywhere in dreamweaver (This is an absolute div)  Same as Layers (but they are not called layers anymore, they are called AP Divs in CS3)  The only difference is the positioning  value.

Top left.  Can grab the div and drag it around to reposition it.

Div can hold any kind of content (text, video, images, another div)

Remind him of text boxes.

Draw two more AP Divs

Grab first div.
Property inspect at bottom of screen:  highlight first div, look at property inspector and rename it HEADER

grab second div:  rename it CONTENT

grab third dive:  rename it FOOTER

Could drag the divs around, but use hard values.  Go to HEADER and go to L T W H (length, top, width and height)




GRAB FOOTER:  Left 0, Top 560, Width 990, Height 50 Units of measurements is Pixels



 

 
   

 

 

dreamweaver cs3, dreamweaver tutorials, learning dreamweaver, adobe dreamweaver, learn dreamweaver, dreamweaver classes, dreamweaver lessons, how to define a site in dreamweaver, web design, web design tutorials, css, stylesheets in dreamweaver, support, free dreamweaver tutorials, templates, how to adobe, adobe dreamweaver, web editing, web design, cs3, dream weaver, css, dreamweaver, extensions, Free, tutorials, Tutorials, learn dreamweaver, how to use dreamweaver
Site Map         

 

Please add us to your website or blog!

Privacy Policy - Disclaimer
free sound files, free media files, free tutorials, free web hosting, cheapest domain names, inexpensive domain names, screen capture software, Computer Software Tutorials, online training videos, computer basics tutorial, free windows tutorial, free computer tutorial for kids, computer programming tutorials, free computer courses, pc tutorial, beginner computer tutorials, free computer software tutorials, free internet tutorial, free typing tutorial programs, computing tutorials, computer science tutorials, graphic design tutorials, free visual basic tutorials, free Photoshop tutorials, newbie computer tutorials free flash tutorials, access tutorial online, computer course, pc maintenance online tutorials, absolute beginners computer tutorials, free online computer classes, frshirtsbestee online learning, free computer training download, free computer tutorial for seniors, computer parts tutorial, computer tutorials for children, computer hardware tutorials, free excel tutorials, computer fundamental introduction basics tutorial, Microsoft tutorial, free grocery coupons, Free computer software tutorials, tech support, technical support, the tech support forum, game development, 3d game development software tutorials, graphic design tutorials, graphic illustration tutorials, character animation and design tutorials, web development, Clipart and Banner Ads, adobe photoshop tutorials and downloads, software lessons, how to do it yourself, Fierce Layouts learn adobe Photoshop, learn silverlight, learn microsoft expressions, asp.net, video editing, youtube video, digital image editing software, national association of Photoshop professionals (naap) Flash Animation, graphics, computer software, computer books, manhattan flash animation presentations for advertising and banner ads, adobe, photoshop, macromedia, microsoft, software and application development, learn to, how to, tutorials, hardware, software Tech Support - Free Technical Support for Beginners and Advanced Users of Computers, Videographers, photographers, Programmers and Web Designers, Tutorials and How To Start, computer help, video, audio, nonlinear editing, cameras, microsoft excel free online video lessons, learn excel, learn microsoft word

Free software tutorials, downloads and technical support information for computer geeks, photographers and videographers.