网页设计案例教程
2009-3
北京大学
张兴科//孙连军
292
442000
自从Dreamweaver、Fireworks和Flash网页三剑客推出之后，这3个工具获得了用户广泛的好评，并成为网页设计和制作人员的首选工具。现在Adobe公司全新推出的Dreamweaver。CS3、Flash CS3和Fireworks CS3，以其更强大的功能和方便、快捷的操作界面，帮助用户轻松、快速地完成设计、开发和维护网站的全过程。 现在书店中陈列的关于网页设计的书非常丰富，但对于初学者而言，选择一本好书则显得尤为重要。本书在内容编写上按由浅入深、从易到难的顺序，以图文并茂、案例分析的方式讲述，是学习三剑客软件的初、中级用户的首选教材。 本书主要为高等职业院校以及中等职业学校学习网页设计而编写，下面介绍主要内容及写作思路。 写作思路：本书第1章由认识网页引出构成网页的主要元素，以本书附带的教学网站网页为例引出制作网页涉及的一些基本知识。第2～14章则由该网站中的网页或网页元素引出涉及的知识点，并详细介绍了基本用法及网页或网页元素的制作步骤。第15章则简要介绍了网站设计成型后要进行的测试、发布与推广。
本书介绍了网页设计三剑客——DreamweaverCS3、FireworksCS3和FlashCS3的基本知识和具体用法。 本书第1章通过一个网页介绍了构成网页的基本元素，通过自建的网页教学网站介绍了网页设计涉及的一些基本知识。第2～8章主要介绍了Dreamweaver CS3的使用，包括站点的建立、网页的布局、网页内容的编排、CSS样式表、编辑表单、模板和库的使用、添加网页特效等。第9～11章主要介绍了FireworksCS3的使用，包括矢量图绘制、位图的美化与优化、特效按钮的制作等；第12～14章介绍了FIash CS3的使用方法与技巧，用以制作网页中需要的矢量动画以及设置交互动作等效果；第15章介绍了网站的测试、发布与推广的基本知识。 本书内容编排注重理论与实践相结合，以本书网站的制作为主线，通过网站中的网页制作引出相关的知识点，并详细介绍了网页的具体实现。全书重点突出、结构清晰、内容翔实、实例丰富。在每章后配备的上机实训，可进一步提高读者的知识应用能力与实践能力。 本书可作为高职、大中专院校和计算机培训班的教材，也可作为网页设计人员的专业参考书，同时可作为业余爱好者的自学用书。
第1章 网站基础 1.1 网站基本知识 1.1.1 组成网页的常用元素 1.1.2 制作网页时应注意的因素 1.2 本教材配套教学网站 1.3 习题第2章 站点的创建与管理 2.1 本地站点的创建并上传案例 2.1.1 工作环境 2.1.2 文档窗口 2.1.3 插入面板 2.1.4 属性面板 2.1.5 浮动面板 2.1.6 创建新站点 2.1.7 管理资源站点 2.1.8 设置本地文件灾 2.1.9 上传下载文件 2.1.10 案例实现 2.2 上机实训 2.3 习题第3章 网页布局 3.1 站点巾表格网页的制作案例 3.1.1 使用表格进行布局 3.1.2 网页制作实现 3.2 站点中层网页的制作案例 3.2.1 使用层进行布局 3.2.2 网页制作实现 3.3 站点中框架网页的制作案例 3.3.1 使用框架进行布局 3.3.2 网页制作实现 3.4 上机实训 3.5 习题第4章 添加网页内容 4.1 站点中“设置文本格式”网页的制作案例 4.1.1 在网页中使用文本 4.1.2 网页制作实现 4.2 站点中“图像与动画”网页的制作案例 4.2.1 在网页中使用图像与动画 4.2.2 网页制作实现 4.3 站点中“主页”网页的制作案例 4.3.1 超链接 4.3.2 网页制作实现 4.4 上机实训 4.5 习题第5章 CSS样式表 5.1 站点中“CSS样式”页面的制作案例 5.1.1 CSS样式的基本操作 5.1.2 CSS滤镜效果 5.1.3 网页制作实现 5.2 上机实训 5.3 习题第6章 编辑表单 6.1 站点中“用户信息”网页的制作案例 6.1.1 表单的基本操作 6.1.2 网页制作实现 6.2 上机实训 6.3 习题第7章 模板和库 7.1 站点中“Home page”网页的制作案例 7.1.1 模板 ……第8章 添加网页特效第9章 fireworks CS3中矢量图的用法第10章 位图应用 第11章 按钮制作 第12章 Flash CS3基础第13章 动画基础第14章 文本对象与脚本应用 第15章 网站的测试与发布参考文献
第1章 网站基础 1.2 本教材配套教学网站 根据教材内容，我们制作了一个简单的教学网站，制作网站的目的是结合教学内容，尽可能多地把Dreamweaver CS3、Fireworks CS3、Flash CS3的功能与用法体现在该教学网站中，在后续教学过程中可以围绕该网站中涉及的知识点展开教学。另一个目的是最终体现职业教育的特点，使学与用紧密结合，达到学以致用。下面我们来看该网站中的部分网页。 1.首页 网站的首页如图1.6所示。 该网页页面元素不多，网页的布局样式为我们前面讲的整幅效果型。整个页面背景是一幅图画，色彩明快人，以橘色为主色调。网页中“网页设计实战演练”是由Fireworks制作完成的一幅特效透明图片，颜色为绿色，使用这种颜色的目的是橘红色配以绿色，起到颜色均衡作用。中间部分是用Fireworks制作的静态Lo90“三剑客”，该图既涉及Fireworks矢量图的绘制与编辑，也涉及Fireworks位图处理。在“三剑客”外围是围绕“三剑客”旋转的动态Lo90，涉及了在Fireworks制作简单动画的用法。制作静态Lo90与动态Lo90涉及的知识及具体制作方法将在第9、10章中讲解。 ……
