追学网

Dreamweaver利用模板创建网页

UPDATE:2014/11/18 | 分类:网页设计
  在制作网站时,为了保证网站的风格统一,很多网页都会用相同的按钮、图片等元素,也会用相同的布局。为了避免不必要的重复劳动,可以使用Dreamweaver CS4中的模板,减少重复劳动,提高工作效率。

  1.应用Dreamweaver CS4自带的模板

  为了更方便用户建立网页,在Dreamweaver CS4软件中提供了一些常用的模板,可以直接用这些模板建立网页。

  (1)点击菜单上的“文件”→“新建”命令。

  (2)在“新建文档”窗口选择“空白页”→“HTML模板”,在“布局”中会列出许多布局样式,选择一种你需要的,点击“创建”。

  (3)在工作页面就出现该种样式的网页,可以直接在上面编辑制作网页。

  2.创建与应用自定义模板

  (1)如果想把一个制作好的网页定义为模板,要在菜单栏选择“文件”→“另存为模板”命令。

  (2)在弹出的对话框中的“另存为”处输入模板的名称,点击“保存”。

  (3)在“站点”管理面板会自动生成一个Templates文件夹,在文件夹中显示刚保存的模板文件,该文件以“.dwt”为扩展名。

  当创建了一个自定义模板后,就可以利用这个模板创建新的网页。在菜单栏点击“文件”→“新建”,在弹出的窗口中选择“模板中的页”→“站点”,在右侧会列出模板的缩略图,选中它,点击“创建”,就在工作页面建立了一个新网页。

  但当想要编辑该网页时,会发现该网页不能被改动,这是因为在模板中没有定义可编辑的区域,下面就来定义可编辑区域。

  3.为模板设定可编辑区域

  (1)在“站点”管理面板双击模板文件,打开该模板。

  (2)在模板中选择要定义为可编辑区域的文本、表格及其他内容,然后在菜单中点击“插入”→“模板对象”→“可编辑区域”命令。

  (3)在“新建可编辑区域”对话框中输入可编辑区域的名称,点击“确定”。

  (4)此时,再用模板新建一个页面,发现可编辑区域中的内容已经可以被改动。

  8.2.15 管理和维护站点

  对于站点的维护和管理都在“站点管理器”中进行。

  (1)在“站点管理器”文件上点击鼠标右键就弹出站点管理器的各项命令,可以通过这些命令实现新建文件和文件夹,拷贝、粘贴、删除、重命名文件,检查链接,上传文件等操作。

  (2)此外,当需要移动文件时可以在“站点管理器”中直接拖动文件到目标文件夹,这时会弹出“更新文件”窗口,为了保证文件链接和插入元素的正确性,必须选择“更新”按钮,Dreamweaver CS4会自动更新链接的相对路径。

   至此,我们简要地讲解了Dreamweaver CS4的基础操作,相信你已经可以用Dreamweaver CS4制作网页了。网站的制作是一个复杂 的系统工程,要考虑的因素还有许多,也还有许多技术需要更深入的学习。制作一个好的网站需要良好的技术、丰富的经验,更需要制作团队的紧密配合。让我们在 不断的学习中提高自己,一起遨游在网络的世界吧!
学习网

世界看中国 娱乐情感文化观点视频