个人网页设计与制作模板-网页设计与制作(个人主页

网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。每个网页模板压缩包内包含:PSD图片文件(可用Photoshop、ImageReady或Fireworks修改),按钮图片PSD文件、Flash源文件和字体文件,推荐使用Dreamweaver软件向网页模板添加内容。

创建和设置

1)模板的概念:作为创建其它文档的样板的文档。创建模板时,可以说明哪些网页元素不可编辑,哪些元素可以编辑。其扩展名为.dwt。

2)模板的作用:有利于保持网页风格的一致;提高工作效率。

1.创建模板

1)创建一个全新的模板:在模板面板中,使用快捷菜单按钮或单击面板上的新建按钮

模板面板的打开:Window菜单--Templates

2)创建基于文档的模板:File菜单-SaveAsTemplate

2.设置模板页面属性

1)用模板创建的文档继承模板的页面属性,页标题除外。

2)设置:Modify菜单-PageProperties

3.定义模板的可编辑区

1)定义模板的可编辑区

在模板文档中选定对象、Modify菜单、Templates、NewEditableRegion

2)取消可编辑区标记

Modify菜单-Templates-RemoveEditableRegion

应用和更新

1.应用模板创建文档

1)应用模板创建文档

使用模板创建新文档:File菜单-NewFromTemplate

或:File菜单-New-从模板面板中拖一个模板到文档

对现有文档应用模板:Modify菜单-Templates-ApplyTemplatetoPage-模板面板中选定模板-单击Select

或:从模板面板中拖一个模板到文档中

或:从模板面板中选定一个模板,单击Apply

2)可编辑区和锁定区

在应用了模板的文档中,只有可编辑区的内容才可以修改。

3)把页面从模板中分离出来

如果要对应用了模板的页面的锁定区进行修改,必须先把页面从模板中分离出来。

具体操作:Modify菜单-Templates-DetachFromTemplate

2.修改模板

在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存

3.更新站点中使用模板的所有文件

Modify菜单-Templates-UpdatePages

直接到网上下载自助建站系统就可以了,例如:pageadmin cms、discua都是比较简单的建站系统、直接下载就可以建网站,非常方便。

网页设计与制作的实际需要出发,全面、系统地介绍网页设计与制作的基础知识、网页编辑软件DreamweaverCS4、网页图像处理软件FireworksCS4和网页动画制作软件FlashCS4等内容,还提供了一个完整的网站规划、网页设计与制作的实例

全书共分6章

第1章介绍了网页设计涉及的基本概念、网站开发的技术层面及工具,并提供了一些典型的网页实例,使学习者具备一定的网页设计知识

第2章重点介绍HTML语言和JavaScript语言,使学习者能够掌握两种语言的代码使用方法,并能根据网页开发的需要,合理使用这些语言

第3章、第4章和第5章分别介绍了网页编辑软件DreamweaverCS4、网页图像处理软件FireworksCS4和网页动画制作软件FlashCS4的基本使用方法和综合实例

第6章以一个完整的网站为例,详细介绍了网站规划、各页面的设计和页面制作的具体过程,其目的是通过实例的学习,综合运用所学知识设计并制作出精美的网页