专题网站网页制作中应注意的问题
今天一定要写完“专题网站设计制作”接第二篇专题网站设计制作和网页制作中应注意的问题，我今天的题目就叫专题网站网页制作中应注意的问题吧。如果您没看过前两篇，请自行阅读如何建设专题网站的几点建议 和专题网站设计制作和网页制作中应注意的问题。本文是前两篇的补充。
正题：网页制作中应注意的问题
A 页面尺寸与分辨率。
目前浏览者多使用 800 600和 1024 768两种分辨率,为了在这两种分辨率下都能看到布局美观的网页,一般采用在网页中插入一个大的表格,表格宽度设置在 760～770像素之间,并让表格居中,网页内容在这个表格中再作布局。这样,在两种分辨率下都能达到较好的视觉效果。另一种办法是在 800 600和 1024 768两种分辨率下分别设计一个适合本分辨率的主页,再制作索引页 index . htm,在索引页中制作出对应两个主页的链接,运行索引页时由浏览者根据自己的分辨率自行选择。
B 采用相对路径。
网站中的路径应全部采用相对路径。如果在应该使用相对路径的地方使用了绝对路径,会导致浏览器无法在指定的位置打开指定的文件,出现做好的网页在自己机器上可以正常浏览,传到服务器上就看不到图片的情况。如果使用 Dreamweaver的站点管理功能来管理站点,那么链接路径自动采用相对路径,这就有效地避免了路径错误的情况发生。
C 文件夹、 文件和图片命名原则。文件夹命名一般用英文,长度一般不超过 20个字符,命名采用小写字母。文件名称统一用小写的英文字母、 数字和下划线的组合,其中不得包含汉字、 空格和特殊字符,网站的默认首页文件名: index . ht ml或 index . QSP。图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质,例如广告、 标志、 菜单、 按钮等。
D 用表格排版。
表格是有经验的网页设计师控制页面布局的重要工具。初学网页制作的人,都比较喜欢用图层排版,结果是在编辑状态下看起来不错的页面,一到浏览器里很可能走了样。网页中所有元素的定位都要依靠表格。图层更多地用来做一些特效,用得好可以让网页有锦上添花的效果。
E 网页文字与样式表。
网页中所有的字号都应该用样式表来实现,否则不同的浏览者设置的文字大小不同,页面会发生很大的混乱。使用 CSS(层叠样式表 )定义网页文字的样式,对固定整个网页的风格方面有着不可替代的作用。如果希望所有网页中的正文文字采用一种格式,而标题文字采用另一种格式,那么用 CSS为它们分别定义就可以了。如果需要改变网页风格,将所有正文文字或标题文字换一种格式,那么只要简单地改变 CSS的定义就可以了,如此能极大地减少网页设计者的工作量。
F 图片尺寸与显示技巧。
图像文件太大会直接影响到网页的显示速度,所以应尽可能对图片进行适当处理。在制作网页图片时,单张图片一般不要超过 30KB,每个网页的图片总量不要超过 60KB。减少图像文件的大小办法有以下几种:
a 减少图片色彩数量。图片内色彩数量愈多,文件尺寸就愈大,可以用图像处理软件,将图片所使用的色彩数量减少。当颜色数目减少后,如果图像质量变化不大,这时就可以选用 GIF格式保存。
b 对图片进行适当压缩。如果色彩数量减少后图像的视觉效果明显变差,那么可以采用 JPEG压缩格式。使用图形处理软件,在以 JPEG格式存盘时,选取一定的压缩比例,可以丢失部分不易察觉的数据,使图像文件变得较小。
c 控制图片的尺寸。图片尺寸越小,则图像文件占用的字节数相应就会越少。这就要求在制作图像时,应尽量将图片四周无用的信息去掉,来减小图像文件的大小。如果图像文件实在无法减小,还可以想办法使用一定的显示技巧,让浏览者可以耐心地等待图片全部出来。其方法是采用隔行 GIF和逐级 JPEG方式。隔行 GIF是指图片文件按照隔行的方式来显示,比如先出奇数行,再出偶数行,使图片逐渐变清楚。逐级 JPEG文件可以让图片先以比较模糊的形式显示,随着文件数据不断从网上传过来,图片逐渐变清晰。在 Phot oshop等图形处理软件中,在保存图片时可以选择这两种显示方式。另外可以给每个图片都加上注解,防止网速慢时图片无法显示。
G 不要出现太多动画和闪烁文字。
初学网页制作的人往往喜欢多用动画和闪烁文字,来增加网页的生动性和吸引力,但大量的动画和闪烁文字不仅拖慢了网页的显示速度,而且会引起浏览者视觉疲劳,反而影响浏览者访问网站的其他内容。
H 不要出现空链接、 死链接。
网页上出现空链接或死链接会影响用户对网站的评价,所以在制作网页时应尽量避免。如果页面尚未完成,应链接上“ 建设中 ……”等提示语。
至此专题网站设计制作全部结束。欢迎您来访，有问题请联系我。我们做交流。
本站原创整理,编者：二十一@兰州seo
兰州网站优化，http://www.0931seo.cn 为您提供网站优化服务，电子商务解决方案。
本站文章如转载，请注明：转载自兰州seo|提供网站建设,网站优化,客户体验,关键词排名服务 [http://www.0931seo.cn]
本文链接地址：http://www.0931seo.cn/seo-book/website-design-ue.html
相关内容
下列内容与网站建设,专题网站有着内在的联系，建议您一并阅读。