简单网页制作模板-如何建立一个网页模板

网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。每个网页模板压缩包内包含: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

一个企业想要建设网站,那么网页模板是必须要设计的,网页模板用于创建一个页面,只此一次,保持外观的任何未来的网页均匀,用很少的努力

使用模板,轻松创建网站的设计,因为任何问题制定了事前,你可以简单地复制文件,需要多次

考虑到一些必备物品,你创造了坚实的建筑块,并把所有的部件需要创建一个成功的模板

第2步 设计了导航栏,以容纳您的文档的链接

在图形应用程序,您可以构建功能,如烟花,或使用自动工具栏生成器(请参阅参考资料)

将这个文件保存在同一文件夹为您的模板,以便它可以很容易地添加到页面中

第3步 创建或找到一个级联样式表(CSS)模板风格的布局

整体外观的CSS格式的内容,如字体样式和背景颜色,并保持页面的代码的光,所以它不会有很长的加载时间发布时

使用HTML文本编辑器,如BBEdit中,开发自己的样式规则或在网络上得到一个现成的模板

命名和“CSS”扩展名保存文件,并将其放置在您的模板将是相同的目录中

第4步 生成或准备必要为您的网页的任何图像,如徽标或图标

图形程序,如烟花,配备了易于使用的接口,以帮助你创造的原始艺术

一定要放置在适当的位置以便于访问的文件(S)

第5步 启动你的HTML文本编辑器,并为你的网页模板创建一个新的文件

第6步 请参阅您的草图,在最合适的地方建立自己的模板,然后输入先前构建的组件

第7步 你的CSS文件链接到您的网页文件

第8步 将文件命名为“模板”或类似的东西,将它保存

现在,您可以在需要的时候复制

一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”

建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站

一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题

特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象

你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象

网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深

二、搜集材料 明确了网站的主题以后,你就要围绕主题开始搜集材料了

常言道:“巧妇难为无米之炊”

要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易

材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材

三、规划网站 一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房

网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹

也只有如此制作出来的网页才能有个性、有特色,具有吸引力

如何规划网站的每一项具体内容,我们在下面会有详细介绍

四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果

网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,是首选

除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用

五、制作网页 材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作

所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计

所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改

在制作网页时要多灵活运用模板,这样可以大大提高制作效率

六、上传测试 网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上

网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试

全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览

七、推广宣传 网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度

推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等

制作网页主要有以下一些工具