网页与网站基础知识.ppt

网页与网站基础知识
第1页，本讲稿共49页
越来越多的人开始熟悉网络，熟悉网页。人们已经渐渐意识到网络正在改变日常生活。人们需要为个人、企业制作一个精彩的网站，这就带来一个新的问题：怎样设计制作一个实用而美观的网站？在一面于五彩缤纷中体现出统一风格的约束；它也是一种力量，是将各个设计者的作品有机结合起来的力量。主题必须与Web页面主要推销或展示的产品或服务紧密相关，同时它又必须有相当的吸引力。
第13页，本讲稿共49页
　网页的文字
文字是网页最主要的表达形式，尽管图形和解构的表格五彩缤纷，但大多数浏览者大部分时间仍将注意力集中在页面中的文字上面，他们总是首先浏览文字内容，而甚少关心其他页面元素，甚至对导航系统也是如此。所以，给浏览者一个亲和的文字界面是必要的。
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px  这是经过优化的字号，黑体字或者宋体字加粗时， 的字号比较合适。
第14页，本讲稿共49页
　网页的色彩
在制作网站的时候，色彩的选择和搭配十分重要，因为一个网站格调的确定，往往取决于色彩的选择与搭配是否适当，一般的情况下，从以下几个方面来考虑色彩的选择：
色彩的鲜明性网站色彩的选择与搭配要鲜艳，这样比较容易吸引访问者的注意，而且在访问者的记忆中驻留的时间也比较长。
色彩的独特性网站色彩的选择与搭配要与众不同，这样就可以使得访问者留下深刻的印象。
第15页，本讲稿共49页
色彩的合适性网站色彩的选择与搭配要与网站的内容气氛相适合。
色彩的联想性不同的色彩会产生不同的联想，在网站的设计中多运用具有美好联想的色彩，可以使你的网站流露出另外一种气息。
页面中各处用色的选择首先确定主色。主色是指页面中相对来说较大面积使用的色彩。主色可以反映出整个网页的风格，亦可使页面内容以色彩语言表达出来。接下来是确定辅助色。辅助色可以有多种，其应用范围包括输入框的颜色，表格边框颜色、 表格的底色、小图标用色、文字颜色以及链接色等等。
第16页，本讲稿共49页
　网页版式和布局
版面设计的步骤（1）画出页面的结构草图 ：只需画出页面的大体结构。注：分辨率为640*480时，页面显示尺寸为620*311；分辨率为800*600时，页面显示尺寸为780*428；分辨率为1024*768时，页面显示尺寸为1007*600；（2）布局细化和调整：将需要放置的功能模块安排在页面上，注意突出重点和平衡协调（3）定格：确定出完美的布局方案，定格为最后的版式。
第17页，本讲稿共49页
T型结构
同字结构
川字结构
三字结构
常见网页布局
第18页，本讲稿共49页
T　型　结　构
第19页，本讲稿共49页
同　字　结　构
第20页，本讲稿共49页
川　字　结　构
第21页，本讲稿共49页
三　字　结　构
第22页，本讲稿共49页
单　一　结　构
第23页，本讲稿共49页
网站的规划
定位网站主题和名称
网站的风格
网站的CI形象
确定网站的栏目和版块
确定网站的目录结构和链接结构
第24页，本讲稿共49页
定位网站主题和名称
设计一个站点，首先遇到的问题就是定位网站主题。所谓主题也就是你的网站的题材。对于题材的选择，应注意：
（1）主题要小而精。定位要小，内容要精。调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店。
（2）题材最好是你自己擅长或者喜爱的内容。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。 （3）题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。
第25页，本讲稿共49页
网站名称的选择也是非常重要的。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。一般的建议是：
（1） 名称要正。也就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。
（2）名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。（3） 名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。这里举几个例子：