《网页制作与设计教程（第二版）教学课件杨长兴第一章》由会员分享，可在线阅读，更多相关《网页制作与设计教程（第二版）教学课件杨长兴第一章（20页珍藏版）》请在金锄头文库上搜索。
1、网页制作与设计教程 杨长兴 陈语林 周诚 编著 中国水利水电出版社,第1章 网站设计 网站设计是一个很大的课题。本章将网页设计的软件透明化，从网站的主题、结构、风格、布局等讲述一个网站的制作构思。这是从一个最大的范围去讲述网站设计这个主题的。,教学重点与难点,网站的目录结构 网站的连接结构 网站创意 网站布局,1.1 定位网站的主题和名称,一、题材的选择 美国个人电脑杂志（PC Magazine评出的2001年度排名前100位的全美知名网站的十类题材，这对于读者进行网站设计，也许有一些参考价值。 第一类：网上求职 第二类：网上聊天/即时信息/ICQ,第三类：网站社区/讨论邮件列表 第四类：计算
2、机技术 第五类：网页/网站开发 第六类：娱乐网站 第七类：旅行 第八类：参考/资讯 第九类：家庭/教育 第十类：生活/时尚,在选择题材时，可从下面几个方面进行考虑： 1主题要小而精 定位要小，内容要精。 2题材最好是自己擅长或者喜爱的内容 3题材不要太滥或者目标太高,二、网站名称的选择 一般建议按以下规则取名： 1名称要正气 2名称要易记 3名称要有特色 名称平实可以接受，但如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。在体现网站主题的同时，要有这画龙点睛之笔。,1.2 定位网站的CI形象,CI（Corporate Identity）是借用广告词语，意思是通过视觉来统一企
3、业的形象。 1.设计网站的标志（logo） 2.设计网站的标准色彩 3.设计网站的标准字体 4.设计网站的宣传标语,1.3 确定网站的栏目和版块,一般的网站栏目安排要注意以下几个方面： 1一定记住要紧扣主题 2设一个最近更新或网站指南栏目 3设定一个可以双向交流的栏目 4设一个下载栏目或常见问题回答栏目,栏目实质是一个网站的大纲索引，索引应该将网站的主题明确显示出来。在指定栏目的时候，要仔细考虑，合理安排。 划分栏目需要注意的是： （1）尽可能将网站最有价值的内容列在栏目上。 （2）尽可能方便访问者的浏览和查询。 （3）尽可能删除与主题无关的栏目。,1.4 确定网站的目录结构和链接结构,一、网
4、站的目录结构 建立目录结构的一些建议： 1不要将所有文件都存放在根目录下 2按栏目内容建立子目录,在设置网站的目录结构时，需要注意的问题有： （1）不要使用中文名字的目录名。 （2）不要使用过长的目录名。 （3）尽量使用意义明确的目录名，尽量做到“见名知意”。 （4）目录的层次不要太多，建议不要超过3层。,二、网站的链接结构 一般情况下，建立网站的链接结构有以下两种基本方式： 1树状链接结构 2星状链接结构 链接结构的设计，在实际的网页制作中是非常重要的一环，采用什么样的链接结构将直接影响到版面的布局。,1.5 确定网站的整体风格和创意设计,一、 网站风格 风格是抽象的，是指站点的整体形象给浏
5、览者的感受。 风格是独特的 风格是有人性的,如何树立网站风格 ？ （1）要肯定风格是建立在有价值内容之上的。一个网站有风格而没有内容，就像绣花枕头一包草，像一个性格傲慢但目不识丁的人。所以首先必须保证内容的质量和价值。 （2）要彻底搞清楚自己希望站点给人的印象是什么。 （3）在明确自己的网站印象后，开始努力建立和加强这种印象。,二、网站创意 创意（idea）是网站生存的关键。 1创意是传达信息的一种特别方式 2创意是将现有的要素重新组合 创意的目的是更好地宣传推广网站。如果创意很好却对网站发展毫无意义，就像给奶牛穿高跟鞋，那么宁可放弃这个创意。,1.6 首页设计,设计好一个首页，一般的步骤是：
6、 （1）确定首页的功能模块。 包括：网站名称（logo）、主菜单（menu）、新闻（whats new）、搜索（search）、友情链接（links）、邮件列表（maillist）、计数器（count）、版权（copyright）,（2）设计首页的版面。 （3）处理技术上的细节。,1.7 版面布局,版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律。版面布局一般可分为以下步骤： 1草案 2粗略布局 3定案,1.8 网页色彩搭配,通常的做法是：主要内容文字用非彩色（黑色），边框、背景、图片用彩色。这样页面整体不单调，看主要内容也不会眼花。 在网页配色中，要注意的是：不要将所有颜色都用到，尽最控制在三种色彩以内。背景和前文的对比尽最要大，绝对不要用花纹繁复的图案作背景。,
