西安邮电学院 网页制作18.pptVIP

第1章 网页设计基础 教学重点 网站的创意 网站的设计 网站和网页的构成 网站的分类 根据网站建立的目的，可以把网站分为以下几类： 服务网站 教育网站 宣传、销售网站 网站和网页的构成（续） 网页的构成 网页布局的要素一般可以概括为： 网页的名称 标题 背景 内容 网站设计创意 交互的透明性 为让访问者流畅地浏览网页，方便地使用网站提供的服务，网页设计中应尽量使用容易理解的图片和符号。 网站设计创意（续） 网页的视觉流程 所谓视觉流程，就是人们观看物体时的视线流动顺序，先看什么，后看什么，再看什么，依次进行下去。 网站设计创意（续） 风格的统一 为了使网页有一致的风格，所有体现风格的元素必须互相协调。 网站设计创意（续） 对比和调和 对比就是两个或两个以上的要素之间在配合时产生的排斥、分离的感觉，也可以是同一种要素的不同部分间的形或色、质或量的差异。而调和是使两个或两个以上要素通过某种方式，呈现出联系上的共同性的感觉。 网站设计创意（续） 规律性和变化性 保持网页具有规律性的方法有： 给光标赋予新的功能 节省宝贵的屏幕空间，删除当前不需要的元素，而创建单一的屏幕导航工具 显示访问者的轨迹 为特定的网络用户显示特定的信息 网站设计创意（续） 装饰与趣味性 网页的装饰是指为网页增加各类外框线、内文铅线、跳跃的点和色块等。 趣味是一种活泼的视觉语言。 Web可用性设计 网页设计 屏幕空间划分 响应时间 链接 链接标题 链接颜色 预期链接 出站链接 入站链接 Web可用性设计（续） 网页设计（续） 样式表 在处理样式表时，需要遵守几条方针： 不要使用两种以上的字体。 不要使字体大小太绝对化。 利用CSS，样式表可以规定某些设置可以优于其他级别。 如果有多个样式表，要保证在所有的样式表中，同一个概念使用的是同样的样式名称。 框架 结论 Web可用性设计（续） 内容设计 文本编辑 进行文本编辑要注意三个主要原则 简洁 可浏览性 利用超文本将长信息拆分成多个网页 文本的编写本着可浏览性的目的： 用两三个分级标题构建文章的结构 使用有意义的标题 多使用项目符号列表将一段正文分条显示 使用不同的文字颜色和字体突出和强调重要内容。 Web可用性设计（续） 内容设计（续） 可读性 对比度 背景 字体 多媒体 自动安装插件 客户端多媒体 图像 视频 Web可用性设计（续） 内容设计（续） 音频 三维图形 结论 Web可用性设计（续） 站点设计 主页 网页宽度 主页与内部网页 导航 结论 网页设计与制作过程 资料的准备 设计主题和风格 找相关的资料 网页设计与制作过程（续） 网页的设计 设计是重要环节。 创意的设计 网页的框架 布局 色彩的设计 网页设计与制作过程（续） 网页的制作 制作阶段的工作包括整理设计阶段所准备的文本、图片、声音和导航组件等素材，并把它们与代码结合，以便它们能够使用。 制作过程包括以下几方面的工作： 标题的制作 文字与图片的插入与编辑 背景的设置 为网页添加特殊效果 网页排版等 习题 1．到网络上寻找1~2个个人网站，感受制作者是如何通过网站的设计创意来表现网站的建立目的并与浏览者交流的。 2．打开易趣网（）首页，通过浏览首页和点击页面上部的导航系统及物品目录链接来感受设计者是如何进行网站的网页设计、内容设计和站点设计的。 3．考虑自己在学习用Dreamweaver MX制作网页的过程中想要尝试设计的一个网站，分析网站的风格和服务对象，进行网站的创意设计并通过网络搜索所需要的各种材料。 习题（续） 4．一个网站包含什么内容？ 5．DW是什么软件，功能是什么？ 《Dreamweaver 网页制作标准教程》 云南交通职业技术学院交通信息工程系