Dreamweaver CS4网页设计与制作 何富贵 课件 第一章绪论新.pptVIP

在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 第一章绪论 网页和网站 网页制作工具 网站开发流程 网页的设计原理 网页设计的规范 优秀网站赏析 解网页和网站的关系和区别 熟悉常用的网页制作的工具 掌握网站的开发流程 掌握网页设计原理 掌握网页设计规范 欣赏优秀的网页，学习他人之长，激发学习网页设计的兴趣 能够根据网站的要求，写出网站设计文档 网页和网站的区别很大，网站是由网页集合而成的，网页就是一个浏览页面，是一个html文件，浏览器是用来解读这份文件的，想要制作一个网站，就需要单独编辑若干个html文件，然后通过“超链接”把它们连接在一起，这样一个属于自己的网站就制作出来了。网站的话必须提供某种服务，或不断更新某些问题,用来吸引人气。一般得有自己鲜明的特色，它需要专门的技术和内容维护人员。 网站是以数据为核心，以服务器为基础的“浏览者-管理员-系统管理员”相互关联系、相互促进、有机制约的信息化整体。网页则是静态页面各自为政，仅仅提供链接的HTML文件。 制作网页的专业工具的功能越来越完善，操作也越来越简单，处理图像、制作动画、发布网站的专业软件应用得非常广泛。 常用制作网页的工具如下： 制作网页的专门工具：如 Frontpage、Dreamweaver 图像处理工具：Firmworks、Photoshop 动画制作工具：Flash、Swish 图标制作工具：图标制作器、超级图标 抓图工具：屏幕抓图工具、HyperSnap、HyperCam、Camtasia Studio 网站发布工具：CuteFTP 第一个阶段：规划和准备阶段。这个阶段要做的工作包括： （1）需求分析、决定网站的主题、风格； （2）收集资料、准备素材并进行整理修改； （3）规划网站结构和页面形式； 第二阶段：网页设计、制作阶段。这个阶段要做的工作包括： （1）网站总体设计； （2）设计界面、制作网站中的各个网页； （3）将各个网页通过超级链接进行整合。 第三阶段：网站的发布、推广和维护阶段。这个阶段要做的工作包括： （1）测试、调试与完善网站； （2）发布与推广网站； （3）维护和更新网站。 1.4.1网页设计的基本原则 （1）用户至上原则 一个优秀的网站必须要满足用户要求，以“用户”为中心，充分考虑用户的浏览器软件、网络速度。 （2）易用性原则 网页中的导航应该放置在明显、易找的区域，以方便用户浏览。导航结构清晰、操作简单。网站的链接结构合理，方便浏览者浏览网站中的其他网页，在不同网页之间跳转快捷、方便。网页中设置“我的位置”以提示浏览者当前所处的位置。 （3）实用形原则 一个实用的主页要给访问者留下深刻、强烈的印象，应用得体的欢迎方法，具有较强的说服力。页面中可以使用图片、色彩、图案等方式表示对访问者的欢迎。 网站设计不是把所有内容放置到网页中就行了，还需要我们把网页内容进行合理的排版布局，以给浏览者赏心悦目的感觉，增强网站的吸引力。在设计布局的时候要注意把文字、图片在网页空间上均匀分布并且不同形状、色彩的网页元素要相互对比，以形成鲜明的视觉效果。常见的布局结构有 “同”字形布局、“国”字形布局、“匡”字形布局、“三”字形布局和“川”字形布局等 LOGO是网站的标志、名片，如同商标一样。在网站设计中logo的设计是不可缺少的一个重要环节。logo是网站特色和内涵的集中体现,它作用于传递网站的定位和经营理念、同时便于人们识别。一个重点突出的商标内容元素，一张极具视觉冲击力的商标设计，会直接影响到客户对网站的判断，特别是网站日后需要进行全球性推广，优秀的商标设计会吸引来更多的访问者。 LOGO可以是中文、英文字母，也可以是符号、图案，还可以是动物或者人物。LOGO的设计创意来自网站的名称和内容。 色彩的运用在网页中的作用真是太重要了，有些网页看上去十分典雅、有品位，令人赏心悦目，但是页面结构却很简单、图像也不复杂，这主要是色彩运用得当。色彩是人的视觉最敏感的元素，网页色彩处理得好，可以锦上添花。 颜色名称 心理反应 应用情况 红色 热情、活力、温暖、喜庆 极易吸引人们的眼球，在网页中广泛使用 橙色 时尚、轻快、温馨、热烈 常常用于某些时尚新潮的网站中，如时装网站、化妆品网站等 黄色 快乐、希望、明亮、乐观 营造出愉快的氛围，能够得到大部分浏览者的认可 绿色 宁静、希望、清爽、自然 浅绿、黄绿等颜色既有绿色的特点，又能表现出黄色的温暖，用在网站中常常能够得到青年人和儿童的喜爱 蓝色 凉爽、清新、理智、平静 在商业设计中，强调科技、效率的商品或企业形象，大多选用蓝色作为标准色 灰色 柔和、高雅、可靠、成熟 与红色、