Create A Template• Download folder from Google Docs      Username: USCiml140      Password: imlpassword• IML 140 Template ...
Create A Template• Create new pages and “save as”:    index.html    blog.html video.html
Create A Template• Add links to topnav on main.html    home = index.html    blog = blog.html video = video.html “save all”
Open main.html (source code)1.File > Save as template2.Name new template 2-column3.Update links? YES4.In code view- highli...
Create A Template      Create a new HTML page• File > New > HTML 5     delete code and paste code from     main.html so we...
Open main.html (source code)1.Highlight entire <div id="right-side"> </div> and delete2.Change <div id="content"> to <div ...
Add new template to page1.Open video.html2.We already have a template connected to this page3.Modify > Templates > Detach ...
Upcoming SlideShare
Loading in …5
×

Dreamweaver Template

836 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
836
On SlideShare
0
From Embeds
0
Number of Embeds
76
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Dreamweaver Template

  1. 1. Create A Template• Download folder from Google Docs Username: USCiml140 Password: imlpassword• IML 140 Template 1 (contents): css folder main.html vuvox url
  2. 2. Create A Template• Create new pages and “save as”: index.html blog.html video.html
  3. 3. Create A Template• Add links to topnav on main.html home = index.html blog = blog.html video = video.html “save all”
  4. 4. Open main.html (source code)1.File > Save as template2.Name new template 2-column3.Update links? YES4.In code view- highlight text and images in content area5.Insert > Template objects > Editable region6.Name7.Save all8.Then apply template to pages: A. Modify > Templates > Add template to page
  5. 5. Create A Template Create a new HTML page• File > New > HTML 5 delete code and paste code from main.html so we have two identical pages, but save the other as main-wide.html• In code view: • Delete entire “right-side” div • Change name of “content” div to “content- wide” and “save all”
  6. 6. Open main.html (source code)1.Highlight entire <div id="right-side"> </div> and delete2.Change <div id="content"> to <div id="content-wide">3.Save all4.Click CSS stylesheet5.Add #content-wide { width: 100%; } under #content6.Save all7.File > Save as template8.Name new template 1-column9.Update links? YES10.In code view- highlight text and images in content area11.Insert > Template objects > Editable region12.Name13.Save all
  7. 7. Add new template to page1.Open video.html2.We already have a template connected to this page3.Modify > Templates > Detach template from page4.Click code view5.Highlight all code and delete6.Now we will add the new template7.Modify > Templates > Apply template to page8.Save all9.Copy all contents from vuvox.doc on desktop10.Delete images and paste in embed code11.Save all12.Open in browser

×