网站建设:网站制作原则及多个制作小技巧
确保页面的导览性好
主页的其中一个很重要的功能就是作为导航工具,指引用户查阅你存储在网址或其他地点的信息。因此在设计主页时,应尽量使导览过程变得很轻松。基于清晰明确和速度的考虑,主页上的超级联接内容应只限于几个高级的类别,例如公司、产品、服务等等。一般一个A4页面大小的网页用六至八个超级联接比较合适。此外,你还要保证超级联接的层数不能太多,超过4层以上的联接信息将会使人感到厌烦。因此,你必须在广度和深度之间求取平衡。如果你的网址上有太多信息,你可能要制作较长的页面或使用更多联接层数,甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息,肯定受用户欢迎。
合理设计视觉效果
不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在网站设计与网页设计不扰乱带宽的情况下增强图形感。另外网页设计好后,一定要在不同类型的浏览器和不同分辨率的情况下测试主页,例如许多浏览器使用640×480的分辨率,尽管在800×600高分辨率下一些Web页面看上去很具吸引力,但在640×480的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率和不同类型的浏览器下都能正常显示的网页。
排版时要注意细节
别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外,很多流览器不能很好地显示斜体字,也不能补偿由于字母倾斜引起的空白变化。利用短的段落,加点列示,适当的整块引用文字,用水平线分节,用影象地图指引主要连接,使你的页面能吸引人和容易上海网站建设哪家价格低阅读。另外笔者提醒大家注意的是,不要把重要的内容排版放到网页的结尾,因为读者的视线可能停留在主页上面较多一点,或者有些读者没有耐心往下看那么远。
每个页面都要有导航标志
所有页面从头至尾都要使用导航标志,尤其是要用“返回到首页”连接。可以在每个页面都这样做。比如在每页的顶端(或底部)都有一小串图标,第一个回到首页,第二个回到章,第三个回到节。如果是图像导航按钮,那么要有清晰的标识,让人看得明白,千万别只顾视觉效果的热闹,而让人家不知东西南北;而文本导航的链接颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。总之,文本链接一定要和页面的其他文字有所区分,给读者一个清楚明白的导向。
网站建设有效提升网站使用性>正确使用嵌入式框架可以给网站的创建带来许多方便,比如当单击某个在线播放的MP3 文件时,就可以使用嵌入式框架进行局部刷新。
效果说明
建立文件,以大型网站的链接作为实例,当单击链接时,该网站的内容就会出现在表格中,供用户浏览。
创作思想
打开Dreamweaver MX 2004 软件新建页面及表格,表格的第一行为导航栏,第二行为内容显示,在第二行中插入嵌入式框架代码。
滚动报告栏通常是通过利用Javascript 技术控制网页中的层的滚动来实现的,然而手工编写Javascript 代码进行制作肯定是比较复杂、困难的事情。使用Dreamweaver 为用户提供的【ScrollableArea 】插件可以快速便捷地制作出滚动报告栏。
效果说明用户可以通过滚动栏上的【向上滚】和【向下滚】两个按钮控制报告栏文字的滚动速度和方向。实际效果请浏览随书光盘中【源文件】下的对应文件。
创作思想在随书光盘中找到“ScrollableArea ”插件,然后运行Macromedia 的插件管理器安装插件。接着打开Dreamweaver MX 2004, 在【命令】菜单中单击【dHTML AP Scrollable Area 】选项,就可以开始设计滚动布告栏了。