计算机网络应用基础第3版王建珍第08章网页设计与制作技术课件教学.pptVIP

8.1 网页与网站的概念 ◆构建WWW的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其它文件，获得相应的信息，从而实现网页之间的链接，从而构成了WWW的纵横交织的网状结构。 ◆通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。 8.2.1 网页主题 网页的主题指网页所要表现的最主要的思想内涵，可以说是网页的灵魂。 主题的概念是很模糊的，它是一种约束，是同一站点中各个页面于五彩缤纷中体现出统一风格的约束；它也是一种力量，是将各个设计者的作品有机结合起来的力量。主题必须与Web页面主要推销或展示的产品或服务紧密相关，同时它又必须有相当的吸引力。 8.2.2 网页的文字 文字是网页最主要的表达形式，尽管图形使得网页变得五彩缤纷，但大多数浏览者大部分时间仍将注意力集中在页面中的文字上面，他们总是首先浏览文字内容，而甚少关心其他页面元素，甚至对导航系统也是如此。所以，给浏览者一个亲和的文字界面是必要的。 文字艺术与文字应用 同一页面采用三种字体以内 字型大小变化在3-6个层次以内 大标题﹑小内文﹑粗标题﹑细内文 应用闪烁字效应控制得当 特殊字体应用时应使用图片格式 色彩与背景应拉开层次 文字艺术与文字应用 同一页面采用三种字体以内 字型大小变化在3-6个层次以内 大标题﹑小内文﹑粗标题﹑细内文 应用闪烁字效应控制得当 特殊字体应用时应使用图片格式 色彩与背景应拉开层次 8.2.3 网页的色彩 　　　在制作网站的时候，色彩的选择和搭配十分重要，因为一个网站格调的确定，往往取决于色彩的选择与搭配是否适当，一般的情况下，从以下几个方面来考虑色彩的选择： 色彩的鲜明性网站色彩的选择与搭配要鲜艳，这样比较容易吸引访问者的注意，而且在访问者的记忆中驻留的时间也比较长。 色彩的独特性网站色彩的选择与搭配要与众不同，这样就可以使得访问者留下深刻的印象。 色彩的合适性网站色彩的选择与搭配要与网站的内容气氛相适合。 色彩的联想性不同的色彩会产生不同的联想，在网站的设计中多运用具有美好联想的色彩，可以使你的网站流露出另外一种气息。 页面中各处用色的选择首先确定主色。主色是指页面中相对来说较大面积使用的色彩。主色可以反映出整个网页的风格，亦可使页面内容以色彩语言表达出来。接下来是确定辅助色。辅助色可以有多种，其应用范围包括输入框的颜色，表格边框颜色、 表格的底色、小图标用色、文字颜色以及链接色等等。 色彩设计既要有理性的一面，还要有感性的一面。不仅要了解色彩的科学性知识和合理的配色方法，还要了解色彩表现情感的力量。色彩设计不仅仅是为了传递某种信息，更重要的是以它特有的魅力激发起人们的情感反应，达到影响人﹑感染人使人容易接受的目的。 一、布局设计理念 一、布局设计理念 二、布局设计的方法 手绘布局草图 手绘布局草图 手绘布局草图 手绘布局草图 二、布局设计的方法 软件布局图 Word 三、布局设计的技术 表格布局 表格布局技术 它能对不同对象加以处理，而又不用担心各对象之间的影响。 表格布局技术 CSS布局技术 框架布局技术 框架布局技术 　网页版面设计的步骤 （1）画出页面的结构草图 ：只需画出页面的大体结构，注意分辨率，设定页面显示尺寸。（2）布局细化和调整：将需要放置的功能模块安排在页面上，注意突出重点和平衡协调。（3）定格：确定出完美的布局方案，定格为最后的版式。 8.3 网站的规划 定位网站主题和名称 网站的风格 网站的CI形象 确定网站的栏目和版块 确定网站的目录结构和链接结构 8.3.1 定位网站主题和名称 一般的建议是： （1）名称要正。也就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。 （2）名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。（3）名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。这里举几个例子：音乐前卫，网页陶吧，天籁绝音。在体现出网站主题的同时，能点出特色之处。  8.3.2 网站的风格 风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。 这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，语气，内容价值，存在意义，站点荣誉等