www.VFXskills.com                                                                                 www.MAXlife.TV

TechsChoice.com
Google Enter your search terms

Creating Templates in Adobe Dreamweaver


Templates:
 

1.  File - Save As Template
2.  Dreamweaver will create a template folder  - on the right.
3.  Select area in template and create an Editable Region - Insert Template Objects - Editable Region -Name it MAIN CONTENT - aqua colored region.
4.  Save template

5.  File - create a new page based off of our template
6.  Hit create - looks the same - all areas that aren't editable are shown with the DO NOT TOUCH cursor.
7.  Save page as HUMBLE.HTML

8.  This is going to be the general page.

9.  Press Release Section is going to be built a little differently.

10.  build a new template and allow people adding press releases to have a little more flexibility.

11.  Create a new page, base it off the company template.

12.  Come back up to FILE and SAVE THIS AS A TEMPLATE and this becomes the NESTED TEMPLATE

13.  Now - Select same content in middle in Main Content and insert a REPEATING REGION 

14.  Wrap repeat region around of our Main Content Area -  now we need to create editable regions inside of our repeat region

15.  Want to also allow user to input an image - drag a thumbnail on to the page and left align - add vertical spacing, horizontal spacing.

16.  Select paragraph Press Release Text.

17.  Insert another editable region - call it text

18.  Select image and make it an editable region

19.  Insert - template objects - editable region - call it image.

20.  Select Humble Beginnings Region and insert - editable region - Press Release Titlte - Click OK

21. Save Template

22.  Now you can make new pages.  FILE - NEW - PAGE FROM TEMPLATE

23.  When add a new press release - press the PLUS + button and we can add as many regions as we want.  Can reorder press releases.

24.  SAVE  AS PRESS RELEASES PAGE

25.  What happens if I want to make changes outside of the editable regions?

26.  Go back to the original template

27.  Changes - Save changes in template - Dreamweaver will ask you to update.  Click UPDATE and it will update all the pages.

Great way to make site wide changes quickly



 

 
   

 

 

 

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.