学习建站 模板先行

网络通信

  前段时间,电脑报读者论坛(http://bbs.cpcw.com)的建站大本营板块贴出了一个提供免费网页模板下载的帖子,现成的网页模板对于学习制作网页的朋友们来说,是非常有用的。但很多读者反映,这些模板怎么使用呢?下面,让我们来全面接触一下网页模板。

  认识网页模板

  网页模板是一种预先设计的网页,包含网页设置、格式和网页元素,这里的网页元素可以是文本、图形、页面布局、样式或区域等。当网页上的某个元素(如网站Logo)需要更新的时候,通常情况下需要对每个网页逐一进行修改,如果使用了网页模板,我们就可以在模板上更新部分内容,从而实现整个网站的更新。使用网页模板不仅可以提高建站效率、统一整体设计风格,还有助于我们对整个网站的维护、更新。

  有模可依 快速建站

  处在学习阶段的朋友们可以使用网页编辑工具(这里我们主要以适用于网页初学者的Frontpage为例)提供的一些现成的网页模板或网络上流行的模板来建设自己的网站,当然在使用过程中我们也可以注意学习一下它们的页面结构布局、色彩运用等。

  一、利用现有模板创建网站

  开启Frontpage,在“新建”菜单下单击“其他网站模板”进入网站模板窗口,可以看出系统默认提供了“个人网站”、“客户支持网站”和“项目网站”等几种不同类型的网站模板,这里我们以“个人网站”为例加以介绍。

  选中“个人网站”并点击“确定”按钮即可快速建成需要的网站,然后在Frontpage中切换到“网站”选项,进入其中的页面就可以按照模板的“注释”提示对网页进行具体的修改了(图1)。

  提示:如果是创建单个网页,则可以在“新建→其他网页模板”中选择合适的模板使用。

  二、网上模板的应用

  Frontpage之类的网页编辑工具虽然自带了不少现成的网页模板,而且使用起来也挺方便,但是这些模板都略显呆板缺乏个性,满足不了喜欢追求时尚的朋友们的需要。

  我们还可以利用互联网上的一些网页模板来建立自己的网站,网上的网页模板一般有html模板和PSD模板之分,html模板是以网页文件形式存在的模板,可以使用Frontpage对它创建模板并应用到其他页面上去;PSD模板是以可编辑图像文件形式保存的模板,需要使用Photoshop、Fireworks等专业的网页图形软件来读取转换,不适宜菜鸟们使用,这里主要以html模板为例来介绍网上模板的使用。

  Step1:编辑网页模板

  下载html网页模板后使用Frontpage打开文件,由于模板文件的语言形式可能不是中文的或者是导航菜单的设置不合乎我们的需要,因此我们还得对这个文件进行一下简单的编辑,编辑内容包括修改“网页属性→语言”中的网页语言、html编码、网页Logo图标、导航菜单内容以及网页下方的版权说明等,当然,你也可以在这个模板布局基础上加入自己的新内容。编辑完毕,执行“文件→另存为”,在“保存类型”中选择“动态Web模板”,点击“保存”按钮后即可将它保存为.dwt格式的模板文件。

  Step2:添加可编辑区域

  接下来要在模板中添加可编辑区域,这是“动态Web模板”的关键所在,可编辑区域一般就是网页中用来添加内容的区域,应用了“动态Web模板”的网页只能在可编辑区域添加、删除内容,其他固定区域如网站Logo、导航菜单、版权说明等不会受到影响,保证了网页布局的一致性。使用Frontpage打开.dwt模板文件,在页面上选中相应的区域然后点击菜单栏“管理可编辑区域”按钮就会弹出一个窗口(图2),在“区域名称”下为选中的可编辑区域取一个名称,点击“添加”按钮后即可定义好可编辑区域,然后重复这一步骤添加好其他的可编辑区域。

  Step3:应用“动态Web模板”

  在Frontpage中打开需要应用模板的网站,并按下“Alt+F1”组合键打开“文件夹列表”,在列表上按下Ctrl键并选中所有网页,然后执行“格式→动态Web模板→应用动态Web模板”,选择刚才编辑好的网页模板,“打开”后即可对网页附加Web模板。在应用过程中会弹出“选择内容的可编辑区域”窗口(图3),点击“修改”按钮可以在新网页中选择一个区域用于接收原网页中的内容。若选择“无”就会删除原网页中的内容。应用“动态Web模板”之后就可以对各网页在可编辑区域进行编辑处理了,而不用再担心整体布局的变化了。

  自创模板 建站不求人

  在熟悉了现有模板和网上模板的应用以后,我们也可以自己创建一个网页模板来使用,首先在Frontpage中按照事先策划好的结构布局设计一个网页,将它另存为.dwt格式的“动态Web模板”,接下来就可以按照“网上模板应用”的第二步、第三步来添加可编辑区域和应用“动态Web模板”了。

  如果网站的网页布局有所改变或其中的某些固定区域如网站Logo、导航菜单、版权说明等需要变化时,我们就可以利用Frontpage打开.dwt格式的“动态Web模板”,然后根据需要对其可编辑区域和固定区域进行修改,修改完毕保存后,点击菜单栏中“更新应用了模板的网页”按钮即可更新整个网站的网页了。

  模板下载资源网站:

  叮当模板网http://www.dingdang.cn

  中国企业模板网http://www.cnmoban.com

  就要模板网http://www.91mb.com