3
Create A Second Template Review Contents: • evans design template part 1 css folder html pages template folder • vuvox.doc on desktop (open and minimize)

Dreamweaver template

Embed Size (px)

DESCRIPTION

In cla

Citation preview

Page 1: Dreamweaver template

Create A Second Template

Review Contents:

• evans design template part 1        css folder        html pages        template folder • vuvox.doc on desktop (open and

minimize)

Page 2: Dreamweaver template

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 template 8.Name new template 1-column9.Update links? YES 10.In Design view- highlight text and images in content

area11.Insert > Template objects > Editable region12.Name13.Save all

Page 3: Dreamweaver template

Add new template to page

1.Open video.html2.We already have a template connected to this page 3.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