如何设计网站模板

第一步：确定网站定位

先要想明白你打算用这个网站做什么，是做个人博客网站，用来记录生活，还是想做一个简历网站，用来找工作？或者是做一个自媒体网站，用来积累粉丝？不同类型的网站要用到不同的模板，所以在建站前一定要想清楚，这样你建站时才能有清晰的主题方向。

第二步：找一个靠谱的建站工具

现在市面上的自助建站系统很多，新手尽量选择操作简单、零门槛上手、模板设计美观、知名度较高的类型，比如「上线了」，后台都是可视化操作，而且模板设计感强，简洁欧美范儿，做出来的个人网站也好看。

第三步：搭建网站页面

进入「上线了」官网，注册账号后选择【创建网站】，再选择一个“个人”或“作品集”模板。

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

创建和设置

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

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

1.创建模板

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

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

2)创建基于文档的模板：File菜单-Save

As

Template

2.设置模板页面属性

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

2)设置：Modify菜单-Page

Properties

3.定义模板的可编辑区

1)定义模板的可编辑区

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

Editable

Region

2)取消可编辑区标记

Modify菜单-Templates-Remove

Editable

Region

应用和更新

1.应用模板创建文档

1)应用模板创建文档

使用模板创建新文档：File菜单-New

From

Template

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

对现有文档应用模板：Modify菜单-Templates-Apply

Template

to

Page-模板面板中选定模板-单击Select

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

或：从模板面板中选定一个模板，单击Apply

2)可编辑区和锁定区

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

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

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

具体操作：Modify菜单-Templates-Detach

From

Template

2.修改模板

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

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

Modify菜单-Templates-Update

Pages

网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。\x0d\x0a\x0d\x0a创建和设置\x0d\x0a\x0d\x0a1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。\x0d\x0a\x0d\x0a2)模板的作用：有利于保持网页风格的一致提高工作效率。\x0d\x0a\x0d\x0a1.创建模板\x0d\x0a\x0d\x0a1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮\x0d\x0a\x0d\x0a模板面板的打开：Window菜单--Templates\x0d\x0a\x0d\x0a2)创建基于文档的模板：File菜单-Save As Template\x0d\x0a\x0d\x0a2.设置模板页面属性\x0d\x0a\x0d\x0a1)用模板创建的文档继承模板的页面属性，页标题除外。\x0d\x0a\x0d\x0a2)设置：Modify菜单-Page Properties\x0d\x0a\x0d\x0a3.定义模板的可编辑区\x0d\x0a\x0d\x0a1)定义模板的可编辑区\x0d\x0a\x0d\x0a在模板文档中选定对象、Modify菜单、Templates、New Editable Region\x0d\x0a\x0d\x0a2)取消可编辑区标记\x0d\x0a\x0d\x0aModify菜单-Templates-Remove Editable Region\x0d\x0a\x0d\x0a应用和更新\x0d\x0a\x0d\x0a1.应用模板创建文档\x0d\x0a\x0d\x0a1)应用模板创建文档\x0d\x0a\x0d\x0a使用模板创建新文档：File菜单-New From Template\x0d\x0a\x0d\x0a或：File菜单-New-从模板面板中拖一个模板到文档\x0d\x0a\x0d\x0a对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select\x0d\x0a\x0d\x0a或：从模板面板中拖一个模板到文档中\x0d\x0a\x0d\x0a或：从模板面板中选定一个模板，单击Apply\x0d\x0a\x0d\x0a2)可编辑区和锁定区\x0d\x0a\x0d\x0a在应用了模板的文档中，只有可编辑区的内容才可以修改。\x0d\x0a\x0d\x0a3)把页面从模板中分离出来\x0d\x0a\x0d\x0a如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。\x0d\x0a\x0d\x0a具体操作：Modify菜单-Templates-Detach From Template\x0d\x0a\x0d\x0a2.修改模板\x0d\x0a\x0d\x0a在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存\x0d\x0a\x0d\x0a3.更新站点中使用模板的所有文件\x0d\x0a\x0d\x0aModify菜单-Templates-Update Pages

---