网页设计与制作及实训教程

出版时间：2008-2  出版社：科学  作者：杜永红  页数：253  

前言

随着计算机网络的迅速发展，Intemet已经成为我们生活中不可或缺的重要组成部分。政府机关通过网站实现电子政务；企业利用网站来展示企业形象、推广产品并进行电子商务活动；‘个人建立一个具有独特风格的网站来展示自我，等等。因此，搭建网站、设计精美的网页来吸引浏览者的目光已不再是一个孤立的问题，它成为了大家共同关注的目标。学校里和社会上涌现了大量的网页设计爱好者，他们希望尽快地学习到网页设计与制作的知识，并将其应用于实践中。目前，许多高等院校都开设了“网页设计与制作”课程，它已成为信息管理、电子商务和计算机类等专业的必修课，并且受到了其他专业学生的喜爱，成为选修率很高的一门课程。为此，我们在多年教学实践的基础上，本着知识系统全面、够用、实用的原则，在重视实践能力培养的指导方针下编写了本书。本书可以帮助初学者在较短的时间内快速掌握较实用的知识，通过上机实践操作，使初学者能够逐步设计出自己喜爱以及能够满足企业需求的网站。首先，本书以“理论够用，突出能力结构的培养”的思路来构建教学内容。通过案例的分析，说明本章节的学习能达到什么样的教学目的，使得知识不再是空洞、教条的理论，而是理论与实践的完美结合，以企业网站建设项目作为主线展开，介绍网站设计与制作的全过程，把实用技术作为重点。其次，本书突出体现了“新”——创新、新颖。第一，知识新。 信息类的课程变化很快，本书以网页设计主流软件网页三剑客8版本为主来更新教学内容。  第二，教学方法新。  采用项目案例教学法和任务驱动教学法等立体化的教学方式，每一章根据内容划分为若干教学单元，以典型案例作为切入点，融入理论知识的介绍与制作流程，再布置相应的阶段任务，进行上机实训，每一教学单元附有上机实训指导。本书最后一章是网站建设综合实训，旨在培养和提高学生的网页设计与制作能力。本书还遵循以下原则来编写。第一，遵循够用、能用、实用的原则。在本书中充分体现理论知识的叙述围绕实例展开，简洁明了，舍去了一些深奥、不常用的知识点，使教材的可读性增强，具有较强的实用性。第二，实用性强——通过学习本书后，学生可上岗工作。在编写时，注意加入各种类型的企业网站建设过程的分析，增加学生的实践操作及分析应用能力，及时补充网站设计与开发的最新知识，吸收这几年比较成熟的学术研究成果和较新的实例资料；使用国内外较新的数据资料；各章节增加实用的课堂操作内容；最后一章专门针对企业网站实际项目开发而设计，实训内容与企业需求紧密结合。

内容概要

　　《网页设计与制作及实训教程》注重在网页制作和设计技术方面紧跟主流技术，以目前最为流行的网页设计软件为技术支持，详细介绍了Dreamweaver、Fil?eworks、Flash这三个软件最新版本的使用方法与技巧。《网页设计与制作及实训教程》内容的组织突出模块化的特点，以网页设计与制作的知识和操作技能为依据构建模块。共分为五大模块：网页设计基础知识、Dreamweaver部分、Fireworks部分、Flash部分、网站建设实战演习部分。各模块之间既有独立性，又有关联性。全书共分为11章，以综合案例的导入为特色，根据案例展开理论与实践的教学，章末配有各个环节的练习题和上机实训，并有详细的实训指导，对本章节的学习起到了巩固和提高的作用。　　《网页设计与制作及实训教程》可以作为高职高专院校“网页设计与制作”课程的教材或培训班的教材，也可作为网页设计与制作爱好者的自学参考书。

书籍目录

第1章 网页设计基础知识1.1 Internet基础1.1.1 Internet概述1.1.2 WWW1.1.3 网页与网站1.1.4 域名与IP地址1.2 网页制作工具1.2.1 网页编辑工具1.2.2 图形和图像处理工具1.2.3 动画制作工具1.3 HTML语言1.3.1 HTML语法结构1.3.2 常见的HTML标签小结练习题上机实训第2章 创建站点2.1 Dreamweaver 8的工作界面2.2 定义本地站点2.2.1 创建站点2.2.2 管理站点2.2.3 创建网页小结练习题上机实训第3章 制作页面3.1 实例导入：西部旅游网3.2 页面属性的设置3.3 文本的修饰3.3.1 输入文本3.3.2 文本属性的设置3.3.3 段落格式的设置3.3.4 列表格式的设置3.3.5 滚动文本3.4 设置超链接3.4.1 URL地址3.4.2 超链接的分类3.4.3 锚记链接3.4.4 空链接3.4.5 电子邮件链接3.4.6 选择链接目标3.5 制作包含超链接的纯文本网站3.6 使用图像3.6.1 插入图像3.6.2 设置图像属性3.6.3 制作翻转图像3.6.4 制作图像映射3.6.5 制作导航条3.6 制作网站相册小结练习题上机实训第4章 页面布局4.1 网页版面布局概述4.2 实例导入：表格排版网页4.3 使用表格排版4.3.1 插入表格和编辑表格4.3.2 表格及单元格属性设置4.3.3 使用表格排版网页4.3.4 在布局模式下插入表格和单元格4.3.5 表格排版实例的制作过程4.4 使用层排版4.4.1 实例导入：层排版网页4.4.2 插入层和编辑层4.4.3 使用层排版网页的制作过程4.5 时间轴特效及行为4.5.1 实例导入：网页中的时间轴特效及行为的应用4.5.2 利用时间轴制作动态特效4.5.3 应用Dreamweaver内部的行为4.5.4 推荐制作网页特效的软件4.6 使用框架排版网页4.6.1 实例导入：框架排版网页4.6.2 创建与编辑框架结构4.6.3 框架排版网页的制作过程小结　练习题上机实训第5章 CSS样式表5.1 实例导入：使用CSs样式表的网页5.2 使用CSS样式表5.2.1 CSS样式表概述5.2.2 在Dreamweaver中定义CSS5.3 CSS样式表的应用5.3.1 背景样式的应用5.3.2 文本及列表的应用5.3.3 方框和边框样式的应用5.3.4 动态链接样式的应用5.3.5 滤镜效果的应用5.3.6 应用进阶：利用CSS+Div进行网页布局小结练习题上机实训第6章 使用表单6.1 实例导入：利用表单创建用户信息注册表6.2 创建表单6.3 插入表单对象6.3.1 表单网页的布局6.3.2 插入和编辑表单对象6.3.3 用户注册表实例制作过程6.3.4 验证表单小结练习题上机实训第7章 模板与库的应用7.1 实例导入：利用模板生成的站点7.2 模板的创建和编辑7.2.1 创建模板7.2.2 编辑模板7.3 模板的应用和更新7.3.1 模板的应用7.3.2 模板的更新7.4 使用库7.4.1 创建库7.4.2 应用库7.4.3 修改库7.5 利用模板和库生成站点的制作过程小结练习题上机实训第8章 在网页中插入多媒体对象8.1 实例导入：多媒体站点8.2 使用多媒体对象8.2.1 设置页面背景音乐8.2.2 插入Flash影片8.2.3 插入Flash文本8.2.4 插入Flash按钮8.2.5 插入FlashVideo8.2.6 插入FlashPaper8.2.7 插入Flash元素制作相册8.2.8 在网页中嵌入音频文件8.2.9 在网页中嵌入视频文件8.3 多媒体网站实例的制作过程小结练习题上机实训第9章 Fireworks娼图像处理9.1 图像基础及色彩应用9.1.1 认识色彩9.1.2 色彩的作用9.1.3 色彩的配色应用方案实例9.1.4 矢量图形和位图图像9.1.5 网页图像的处理流程9.2 静态图像的制作9.2.1 Fireworks8的工作界面9.2.2 位图图像处理9.2.3 绘制和编辑矢量对象9.2.4 文本应用9.2.5 层9.2.6 蒙版9.3 动画图像制作9.3.1 r逐帧动画9.3.2 使用动画元件创建动画9.3.3 制作精品Brnner9.4 动态交互图像的制作9.4.1 切片和热点的应用……第10章 Flash动画的制作第11章 网站建设综合实训参考文献

章节摘录

插图：目前网页制作工具较多，大多数网页的制作都是通过“所见即所得”的编辑工具完成的。在网页制作过程中，还需要进行素材的创作和加工，即图形和动画制作工具。1.2.1网页编辑工具网页编辑工具主要分为标记型和所见即所得型。标记型工具常用的是Notepad（记事本）、Ultraedit等。Ultraedit是一套很好用的文本编辑器，附有HTML标记颜色显示、搜寻替换以及无限制的还原功能。所见即所得型的编辑主流软件有微软的FrontPage和Dreamweaver。其中FrontPage继承了Office系列软件的界面通用、操作简单的特点，十分适合初学者使用。但FrontPage与MacroMedia公司的Dreamweaver相比，在HTML源代码的精确性、实用性以及对各种新技术的支持上都略逊一筹。本书主要介绍的网页编辑工具是Dreamweaver。1.2.2图形和图像处理工具目前常用的图形和图像处理工具主要是Adobe公司出品的著名的图形图像处理软件Photoshop，以及Macromedia公司推出的Firoworks（Macromedia公司也已被Adobe公司收购）。Photoshop的功能十分强大，是目前使用最为广泛的专业图形图像处理软件之一，它捆绑了Image Ready，能够实现各种专业化的图像处理及动画的制作等。有兴趣的读者可查阅相关的参考书研究和学习，Photoshop的工作界面如图114所示。

编辑推荐

《网页设计与制作及实训教程》中充分体现理论知识的叙述围绕实例展开，简洁明了，舍去了一些深奥、不常用的知识点，使教材的可读性增强，具有较强的实用性。第二，实用性强——通过学习《网页设计与制作及实训教程》后，学生可上岗工作。