网页制作ABC
网页制作A B C
网页设计思路
网页设计一般应遵循几条简单的原则,如独特而充实的内容、良好的组织结构、一致的外观、富于个性和想象力等,这样就会取得较好的效果。
根据这些原则,您可以确定好自己网页的主题和栏目,也就是说您希望在网上发表一些什么内容。当然应该尽量选一些有特色的,因为内容是一个网页的生命,没有好的内容,网页设计得再好,也难以引起浏览者的兴趣。
另外网页的组织也很重要。一般来说层次不宜过多,三层比较适当,层次太多往往令人感觉厌烦。
添加网页背景
内容和组织结构确定好以后,还应该考虑整个网页的外观。好的网站外观应有很好的一致性,也就是说相同的页面安排、背景图像、颜色组合、栏目条等等。背景是整个页面的基调,同时也是给浏览者的第一印象,因此很重要。您可以根据网页的主题选择合适的图片作背景,尽量采用比较明亮的颜色。当图片作为整体背景时,可通过重复平铺实现。
此外,还可以将图片作为某一局部的背景,这可利用表格功能来实现。您可以先按需要用表格将屏幕分成几行几列,若想将图片作为整个表的背景,可以这样做:点击鼠标右键,选择“Table
properties”→“style”→“colors”,在此选择框下的“background Image”下点击“Browse”按钮来挑选一副图片,然后将“attachment”属性设为“fixed”(不随其他内容滚动),“Repeat”属性设为“no-repeat”(图像不重复出现),在“Vertical
position”和“Horizontal position”中设置图片在表中的位置(例如“center”为居中)。若想将图片只在垂直方向或水平方向重复,那么“Repeat”需设为“repeat-y”或“repeat-x”。
注意:图片是作为该表格中的背景出现的,若表格中无任何内容,则该图片也不会出现。
若想将图片作为某个单元格的背景,也可将鼠标移到该单元格中,单击鼠标右键,选择“cell properties”,用同样的方法来设置。
增强网页生动性
在网页中使用一些精致的小箭头、小动画等可以使页面生动起来。这些可以在Internet上提供的免费图库中找到。另外一个非常简便的方法就是每次上网结束后,用ACDsee等图像软件在浏览器的Cache中寻找想要的图像分类保存起来,以备后用。
对于一个页面来说,总的字节数一般应控制在50KB以内,否则访问速度就会很慢,影响浏览效率。因此图像、动画等的选择应小巧而精致。
消除屏幕分辨率的影响
不知您发觉没有,当您在800×600分辨率下制作的精美网页,在640×480下就不是那么称心如意;而在640×480分辨率下制作好的网页,在800×600下可能就不如原先那么美观了。这种由屏幕分辨率差异而造成的影响,可在设计网页时予以消除。利用主页工具提供的表格功能来布局页面,在表格属性中均以百分比来设置宽度,这样无论在何种屏幕设置下,它都能正好充满整个屏幕。具体方法如下:
先设置整个表格的宽度为100%(即表示充满整个屏幕),然后对表格的每一列的宽度也用百分比来设置。例如:想将表格分成3例,其中左右两列窄,中间一列最宽,那么可以这样设置:左列为 15%,中列为65%,右列为20%。必须注意,3列的百分数的和应为100%。
经过这样的设置之后,网页中的图片就不会随屏幕设置的不同而改变大小了。
巧妙布局网页
主题页面一般应放在默认网页下,如index.html。主题页面中可设置一个反映客流量的计数器,它可以从提供计数器的网站上免费获得。另外广州网易公司不久前开设了“网易中文网站排行榜”,经过简单的注册后能够为您全面分析网站访客的详细情报(时间、地点、浏览器和操作系统类型等)。注册网址为http://best.nease.net/register/register.html。
栏目设置可以是页首或页末的一个栏目条,或者是一个帧页面:半边栏目,半边内容,也可以是几幅说明栏目内容的链接图像。但不管是哪一种方式,首先都应该很明确地让人知道这是干什么的。对于帧结构(Frame)的使用宜谨慎,虽然它可以使页面组织更容易,而在实际应用中,它会使页面看起来很复杂。
栏目条可以加入到每一栏目的主要页面中,这样使浏览者能够很容易地找到自己感兴趣的东西。
最后别忘了加上自己的E-mail地址。在重要网页的末尾加上一个别致的E-mail链接,是浏览者与作者间的沟通所必不可少的。
一切完毕后,最好用FTP工具将所有页面、图像上传到服务器,看看浏览速度是否符合要求,链接是否正确以及版面布局是否合理等等。
所有页面通过测试后,就可以到一些搜索引擎上去注册了。如网易http://www.yeah.net,也可以在相关的讨论组、公告板上贴上自己网站的介绍,这样您的网站的知名度会迅速提高。
(任一舫)