计算机网络课件第08章网页设计与制作技术 知识.ppt

*;*;8.1 网页与网站的概念;*;8.2.1 网页主题 ;文字艺术与文字应用 同一页面采用三种字体以内 字型大小变化在3-6个层次以内 大标题﹑小内文﹑粗标题﹑细内文 应用闪烁字效应控制得当 特殊字体应用时应使用图片格式 色彩与背景应拉开层次 ;8.2.3 网页的色彩 ;色彩的合适性网站色彩的选择与搭配要与网站的内容气氛相适合。 色彩的联想性不同的色彩会产生不同的联想，在网站的设计中多运用具有美好联想的色彩，可以使你的网站流露出另外一种气息。 页面中各处用色的选择首先确定主色。主色是指页面中相对来说较大面积使用的色彩。主色可以反映出整个网页的风格，亦可使页面内容以色彩语言表达出来。接下来是确定辅助色。辅助色可以有多种，其应用范围包括输入框的颜色，表格边框颜色、 表格的底色、小图标用色、文字颜色以及链接色等等。;色彩设计既要有理性的一面，还要有感性的一面。不仅要了解色彩的科学性知识和合理的配色方法，还要了解色彩表现情感的力量。色彩设计不仅仅是为了传递某种信息，更重要的是以它特有的魅力激发起人们的情感反应，达到影响人﹑感染人使人容易接受的目的。 ;一、布局设计理念;页面尺寸;一、布局设计理念;T　型　结　构;同　字　结　构 ;川　字　结　构;三　字　结　构;单　一　结　构 ;单　一　结　构 ;;二、布局设计的方法;手绘布局草图;手绘布局草图;手绘布局草图;手绘布局草图;二、布局设计的方法;软件布局图;三、布局设计的技术;表格布局技术;表格布局技术;CSS布局技术;框架布局技术;框架布局技术;　网页版面设计的步骤;8.3 网站的规划;8.3.1 定位网站主题和名称;一般的建议是： （1）名称要正。也就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。 （2）名称要易记。根据中文网站浏览者的特点，除非特??需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。（3）名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。这里举几个例子：音乐前卫，网页陶吧，天籁绝音。在体现出网站主题的同时，能点出特色之处。 ;8.3.2 网站的风格;风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。 如何树立网站风格呢？我们可以分这样几个步骤： 第一，确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。 第二，你需要彻底搞清楚自己希望站点给人的印象是什么。第三，在明确自己的网站印象后，开始努力建立和加强这种印象。 ;8.3.3　网站的CI形象 ;8.3.4 确定网站的栏目和版块 ;(1) 确定栏目和版块; ③ 设定一个可以双向交流的栏目 　　不需要很多，但一定要有。比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。有调查表明，提供双向交流的站点比简单的留一个“Email me”的站点更具有亲和力。 ④ 设定一个下载或常见问题回答栏目 　　网络的特点是信息共享。如果你看到一个站点有大量的优秀的有价值的资料，你肯定希望能一次性下载，而不是一页一页浏览存盘。“将心比心”在你自己的主页上设置一个资料下载栏目，会得到大家的喜欢。另外，如果您的站点经常收到网友关于某方面的问题来信，你最好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多时间用以学习。 　　;总结以上几点，我们得出划分栏目需要注意的是： 　　●尽可能删除与主题无关的栏目 　　●尽可能将网站最有价值的内容列在栏目上 　　●尽可能方便访问者的浏览和查询 　　;上面说的是栏目，我们再看看版块设置。 版块比栏目的概念要大一些，每个版块都有自己的栏目。举个例子：网易的站点分新闻，体育，财经，娱乐，教育等版块，每个版块下面有各有自己的主栏目。 一般的个人站点内容少，只有主栏目(主菜单)就够了，不需要设置版块。 ;⑴ 在网站根目录中开设images?、common?、temp?三个子目录，根据需要再开设media?子目录. images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志logo、banner?条、菜单、按钮等等； common?子目录中放css、include?等公共文件； temp?子目录放客户提供的各种文字图片等等原始资料；