登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>网页制作>>制作技巧文集>>网页制作技巧
网页制作技巧
来源:软件世界 ‖ 作者: ‖ 点击: ‖ 时间:12-02-03 10:19:29 ‖ 【 】‖ 我要投稿
二、 设计网页的考虑

  在制作网页之前,你应该知道制作本网页的目的,应该完成什么样的任务,涉及到的内容,并且明白制作本网页应该达到的要求. 确定内容后可围绕着目的进行设计。然后,根据所要完成的任务来搜集制作网页的资料。

  接下来是设计网页的布局。考虑在什么位置安排什么样的内容,如果网页包含若干页,那么如何定位到所需的页,也就是如何建立链接关系。需要注意的是:安排网页的布局时要注意合理,所有细节都要考虑周到。设计页面时要使页面鲜明、生动、新颖。对于主页尤其要精心制作,因为它是浏览者进入你站点的入口,如果主页做得好,有特色,将会吸引更多的浏览者。

  最后,你可以将这些设计内容绘成流程图,以供制作网页时参考。图1是某公司制作网页的流程图。

  为了更好地构造和设计网页,还应该注意以下几点:

  1)网页上的文字应易于阅读,并且若是网页有背景,应该与文字的颜色有区别。好的背景能增强网页的效果,但是,若背景是黑的或醒目的颜色、图像则影响了文字的颜色,使得文字难以阅读。应该使文字与背景具有对比颜色,以使包含背景的文档易于阅读。

  2) 组织内容要合理。网页结构合理不但能帮助你有效地表达思想,还可以帮助浏览者阅读你的站点。

  3)尽量使网页能在大多数浏览器上查看。虽然所有的浏览器都支持相同的HTML语言,但是还存在着某些不同,因此在不同的浏览器浏览同样的网页时,有可能不太一样。因此应该使设计的网页在大多数甚至所有环境中都可以阅读。

  4)减少多媒体的使用数量。虽然多媒体可以使网页更有趣、更有渲染效果,但是,这将使文件加长,从而增加网页的下载时间。若有需要使用图形的位置,最好使用颜色较少、尺寸不太大的图形;若有需要使用视频的位置,应多使用黑白颜色、尺寸不太大及经过压缩的视频文件。

  三、制作网页及测试

  现在可以根据流程图制作网页了。可以按以下步骤操作:

  1) 打开制作页面的应用程序。

  2) 制作页面,然后保存。

  3) 重复1-2步操作,制作完所有的页面。

  4) 将PowerPoint 97、Access 97及Excel 97制作的网页存为HTML文件。

  5) 打开需要给区域命名的页面(使用Word 97制作的网页),然后给区域命名(建立超链接需要引用某个区域)。

  6) 在需要插入超链接的地方插入超链接,然后保存。

  7) 测试刚制作的网页,查看正文显示是否正确,超链接是否链接正常。

  制作网页时,应该新建一个文件夹,将该网页的所有文件均保存在该文件夹内,以防发布网页时少拷贝了某些文件。

  下面以图1所示的流程图制作网页为例,介绍制作网页的具体方法。

  1.制作主页

  1)打开Word 97。

  2)从“文件[F]”选择“新建[N]”命令,单击“新建”对话框中的“Web页”选项卡,然后双击“Web 页向导”图标,弹出"Web页向导”对话框,从中选择一种样式,然后单击“下一步”按钮。在弹出的对话框中选一种风格,然后单击“完成”按钮。

  3)修改通过向导建立的网页,把网页中的内容替换为主页的内容,同时给被链接的区域命名。

  4)为了使主页生动,可以添加一些横线、图片、控件、滚动文字或视频。但应注意的是根据需要添加。

  5)保存该主页。图2所示是对模板进行以上修改后的某公司的主页,并在其中加入了表格、视频和滚动文字。

  2.按照制作主页的方法,制作其他页面,然后保存。需要注意的是:在保存时,文件不要用中文名命名。

  3.检查除了主页之外的其他页面,确认正确无误后,将其存为HTML文件,然后在需要插入超链接处插入超链接,保存后将其关闭。

  4.在主页中插入超链接

  首先在该公司的主页中选中“新闻”,然后从“插入[I]”菜

|<< << < 1 2 > >> >>|
加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
相关文章列表
请文明参与讨论,禁止漫骂攻击。  
网友评论