0
Create A Second Template <ul><li>Review Contents: </li></ul><ul><ul><li>evans design template part 1 </li></ul></ul><ul><l...
Open main.html (source code) <ul><ul><li>Highlight entire <div id=&quot;right-side&quot;> </div> and delete </li></ul></ul...
Add new template to page <ul><ul><li>Open video.html </li></ul></ul><ul><ul><li>We already have a template connected to th...
Upcoming SlideShare
Loading in...5
×

Dreamweaver template

563

Published on

In cla

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

  • Be the first to like this

No Downloads
Views
Total Views
563
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Dreamweaver template"

  1. 1. Create A Second Template <ul><li>Review Contents: </li></ul><ul><ul><li>evans design template part 1 </li></ul></ul><ul><li>         css folder         html pages         template folder </li></ul><ul><li>  </li></ul><ul><ul><li>vuvox.doc on desktop (open and minimize) </li></ul></ul>
  2. 2. Open main.html (source code) <ul><ul><li>Highlight entire <div id=&quot;right-side&quot;> </div> and delete </li></ul></ul><ul><ul><li>Change <div id=&quot;content&quot;> to <div id=&quot;content-wide&quot;> </li></ul></ul><ul><ul><li>Save all </li></ul></ul><ul><ul><li>Click CSS stylesheet </li></ul></ul><ul><ul><li>Add #content-wide { width: 100%; } under #content </li></ul></ul><ul><ul><li>Save all </li></ul></ul><ul><ul><li>File > Save as template  </li></ul></ul><ul><ul><li>Name new template 1-column </li></ul></ul><ul><ul><li>Update links? YES </li></ul></ul><ul><ul><li>In Design view- highlight text and images in content area </li></ul></ul><ul><ul><li>Insert > Template objects > Editable region </li></ul></ul><ul><ul><li>Name </li></ul></ul><ul><ul><li>Save all </li></ul></ul>
  3. 3. Add new template to page <ul><ul><li>Open video.html </li></ul></ul><ul><ul><li>We already have a template connected to this page </li></ul></ul><ul><ul><li>Modify > Templates > Detach template from page </li></ul></ul><ul><ul><li>Click code view </li></ul></ul><ul><ul><li>Highlight all code and delete </li></ul></ul><ul><ul><li>Now we will add the new template </li></ul></ul><ul><ul><li>Modify > Templates > Apply template to page </li></ul></ul><ul><ul><li>Save all </li></ul></ul><ul><ul><li>Copy all contents from vuvox.doc on desktop </li></ul></ul><ul><ul><li>Delete images and paste in embed code </li></ul></ul><ul><ul><li>Save all </li></ul></ul><ul><ul><li>Open in browser </li></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×