Dreamweaver网页设计与制作案例教程

出版时间：2010-8  出版社：中国人民大学出版社  作者：李敏 编  页数：220  

前言

　　DreamweaverCS4是由Adobe公司开发的网页设计与制作软件。它功能强大、易学易用，深受网页制作爱好者和网页设计师的喜爱，已经成为网页设计与制作领域最流行的软件之一。　　编者对本书的编写体系做了精心的设计，前10章按照“任务驱动——案例教学——实训练习——课后习题”这一思路进行编排，第11章是一个电子商务类网站布局设计综合实例。力求通过任务驱动，使学生轻松地掌握网页设计制作必须的基本知识；通过一系列“由简到繁、由易到难、承前启后”的阶梯式案例演练，使学生快速掌握网页设计制作的思路和基本技能；通过实训练习和课后习题，拓展学生的网页设计制作实际应用能力。通过第11章的学习，使读者全面掌握网站设计制作的基本流程和方法技能。　　本书在编写内容安排上由浅入深、逐步拓宽；编写手法图文注释、通俗易懂、重点突出；案例和实训取材难度适中，并具有针对性和实用性；设计编排符合高等职业院校学生的认知特点，学生按照书中提供的操作步骤学习，就可以轻松地掌握网页设计与制作的技能和技巧，有助于学生网页设计制作技能的提高。

内容概要

《Dreamweaver网页设计与制作案例教程》是一本全面介绍网页设计与制作技术的教程。它将目前最流行的网页设计软件作为技术支持。由浅入深，系统地介绍了网页的构思、规划、制作的全过程。《Dreamweaver网页设计与制作案例教程》共分11章，主要内容包括：网页设计与制作综述、网站建设流程、超文本标记语言HTML、CSS样式表、应用表格和框架、使用AP元素、应用DIV+CSS技术、使用行为和表单、使用模板和库、网站的测试发布和管理维护等。《Dreamweaver网页设计与制作案例教程》实用性强，可作为高等院校高职高专计算机专业教材和相关培训教材，也可作为从业人员的参考用书。

书籍目录

第1章 网页设计与制作基础1.1 学习任务1：网页和网站基本知识1.1.1 网页和网站概述1.1.2 网页的主要元素1.1.3 网页类型1.1.4 静态网页编辑软件1.1.5 网页图像与网页动画制作软件1.2 学习任务2：网站开发的基本流程1.2.1 需求分析1.2.2 网站规划1.2.3 网站制作1.2.4 网站的测试与上传1.2.5 网站的推广与维护1.3 学习任务3：全面认识DreamweaveCS1.3.1 DreamweaverCS4简介1.3.2 DreamweaverCS4的工作界面1.4 学习任务4：创建和管理本地站点1.4.1 规划站点1.4.2 创建本地站点1.4.3 管理本地站点1.4.4 操作本地站点文件1.5 学习任务5：HTML标识语言基础1.5.1 HTML概述1.5.2 HTML的基本语法1.5.3 HTML的文档结构1.6 案例：制作一个简单的网页1.6.1 创建本地站点1.6.2 建立站点文件夹1.6.3 创建并制作网页1.6.4 设置页面属性1.6.5 保存并浏览网页实训1习题1第2章 应用文本和图像.2.1 案例1：制作文本网页2.1.1 直接输入文本2.1.2 添加其他文档中的文本2.1.3 设置文本的基本属性2.1.4 创建列表2.1.5 插入特殊文本2.2 学习任务：网页图像及其处理工具2.2.1 网页中常见的图像格式2.2.2 网页图像设计工具简介2.3 案例2：制作图像网页2.3.1 插入图像2.3.2 设置图像属性2.3.3 编辑图像2.3.4 插入其他图像元素2.3.5 调整图像与页面其他元素对齐实训2 制作“图文混排”网页习题2第3章 插入多媒体元素和超链接3.1 案例1：制作多媒体网页“我的乐园3.1.1 插入Flash元素3.1.2 插入视频和音频3.1.3 插入其他多媒体元素3.2 案例2：为网页添加超链接3.2.1 超链接概述3.2.2 创建超链接3.2.3 创建E-mail链接3.2.4 创建锚记链接3.2.5 创建图像链接3.2.6 创建图像热点链接3.3 学习任务：管理链接3.3.1 自动更新链接3.3.2 在整个站点范围内更改链接实训3习题3第4章 使用CSS样式4.1 学习任务1：认识CSS样式表4.1.1 CSS的基本概念4.1.2 CSS样式的引用4.2 学习任务2：CSS规则的定义和创建4.2.1 CSS规则的语法和类型4.2.2 CSS规则的创建方法4.3 学习任务3：在网页文档中使用CSS样式4.3.1 “CSS样式”面板4.3.2 应用CSS样式4.3.3 定义CSS样式属性实训4 用CSS美化网页习题第5章 表格5.1 案例1：制作个人履历表5.1.1 在页面中创建表格5.1.2 表格的基本操作5.1.3 设置表格属性5.2 学习任务：表格标签及标签检查器5.3 案例2：使用表格设计网页5.3.1 使用表格对网页进行布局5.3.2 导入和导出表格数据5.3.3 排序表格实训5 使用表格设计“礼品店主页习题5第6章 框架6.1 学习任务1：框架和框架集6.1.1 认识框架和框架集6.1.2 创建和保存框架集6.2 学习任务2：编辑框架6.3 学习任务3：设置框架和框架集属性6.4 学习任务4：框架标签6.5 案例1：利用框架设计网页6.6 案例2：创建浮动框架网页实训6 用框架设计“立杨花园”网页习题6第7章 使用AP Div元素7.1 学习任务1：AP Div元素7.1.1 AP Div概述7.1.2 创建AP Div元素7.1.3 设置.AP Div元素的属性7.1.4 “AP元素”面板7.1.5 AP Div元素的基本操作7.2 案例：使用AP Div元素布局网页7.3 学习任务2：AP Div元素与表格相互转换7.3.1 将AP Div元素转换为表格7.3.2 将表格转换为AP Div元素7.4 学习任务3：AP Div标签7.5 学习任务4：使用Div标签7.5.1 CSS与Div标签7.5.2 插入Div标签7.5.3 设置Div属性实训7使用Div+CSS制作企业网站主页7习题第8章 使用行为和表单8.1 学习任务1：认识行为8.1 .1行为的基本知识8.1.2 行为面板与行为菜单8.1.3 行为的基本操作8.2 案例1：添加弹出提示信息的行为8.3 案例2：制作网页加载时弹出的公告页8.4 案例3：使用行为设置图像特效“交换图像”8.5 案例4：通过行为设置文本8.5.1 设置状态栏文本8.5.2 设置容器的文本8.6 学习任务2：表单和表单对象8.6.1 表单8.6.2 表单对象8.7 案例5：制作“用户注册页面8.7.1 “用户注册”界面设计8.7.2 插入文本域8.7.3 插入单选按钮8.7.4 插入复选框8.7.5 插入列表／菜单8.7.6 插入按钮8.8 案例6：插入Spry表单元素8.8.1 插入Spry菜单栏8.8.2 插入Spry选项卡式面板8.8.3 插入Spry折叠式控件8.8.4 插入Spry可折叠面板控件实训8习题8第9章 模板、库和资源管理9.1 案例：创建基于模板的网页9.1.1 模板简介9.1.2 创建模板9.1.3 定义模板的可编辑区域9.1.4 创建基于模板的文档9.1.5 在现有文档上应用模板9.1.6 编辑模板9.1.7 从模板中分离文档9.1.8 更新基于模板的页面9.2 学习任务1：使用库项目9.2.1 库概述9.2.2 创建库项目9.2.3 管理和编辑库项目9.3 学习任务2：资源管理9.3.1 资源面板9.3.2 使用站点列表管理资源9.3.3 使用收藏列表管理资源9.3.4 在另外的站点中重新使用资源实训9习题9第10章 站点的测试、发布、管理与维护10.1 学习任务1：测试和发布站点10.1.1 测试站点10.1.2 发布站点10.2 学习任务2：管理网站10.2.1 同步本地和远程站点10.2.2 标识和删除未使用的文件10.2.3 在设计备注中管理站点信息10.3 学习任务3：维护站点10.3.1 上传和下载10.3.2 文件传输管理10.3.3 遮盖文件和文件夹10.3.4 存回和取出系统10.3.5 导入和导出站点10.4 学习任务4：网站的宣传10.4.1 注册搜索引擎10.4.2 链接和广告10.4.3 其他宣传方法习题10第11章 综合实例——制作电子商务类网站首页11.1 网站建设的前期准备工作11.1.1 网站整体需求分析11.1.2 确定网站风格11.1.3 网站素材搜集11.2 创建站点11.3 网站主页制作11.3.1 使用Div+CSS布局页面11.3.2 设置页面属性11.3.3 插入图片11.3.4 添加导航条11.3.5 推荐厂家11.3.6 网页广告设计制作11.3.7 页面右侧栏目设计11.3.8 行业栏目设计11.3.9 右边侧栏设计11.3.10 网页底部设计11.3.11 案例小结参考文献

章节摘录

　　2.图像　　图像在网页中可以起到提供信息、展示作品、美化网页以及体现风格等功效。图像可以用作网页的标题、网站Logo、网页背景、链接按钮、导航栏和网页主图等。图像给人的视觉效果要比文字强烈得多，在网页中灵活应用图像可以起到点缀的效果。虽然图像在网页中不可或缺，但也不能太多，这是因为图像的下载速度较慢，如果网页上放置了过多的图片，就会显得很乱，有喧宾夺主之势。　　网页上的图像文件大部分使用JPG和GIF格式，它们除了具有压缩比例高外，还具有跨平台的特性。　　3.动画　　动画是网页上最活跃的元素。通常，制作优秀、创意出众的动画是吸引浏览者的最有效的方法。如果网页中存有太多的动画，会使浏览者眼花缭乱，无心细看。因此，设计者对动画制作的要求越来越高。在网页中加入的动画一般是GIF格式的动画和Flash动画。　　4.导航栏　　导航栏是网站设计者在规划网站结构时必须考虑的一个问题，站点的每个网页上均应设置导航栏，并且应将其放置在网页中比较明显的位置。设置导航栏的目的是使浏览者能够顺利地浏览网页，方便地返回主页或继续下一页的访问。导航栏可以是文本、按钮或图像的样式。　　5.超链接　　超链接是网页中最为有用的功能之一。超链接是从一个网页指向另一个网页的链接，该链接既可以指向本地网站的另一个网页，也可以指向世界各地的其他网页。　　无论是文本还是图像，都可以加上超链接标记，当鼠标指上超链接对象时会变成小手形状，左击鼠标即可链接到相应地址（URL）的网页。超链接包括站内链接和站外链接。　　（1）站内链接：若网站规划了多个主题板块，需要给网站的首页加入超链接，让浏览者可以快速地转到感兴趣的页面。在各个子页面也要有超链接，并设有能够回到主页的链接。　　（2）站外链接：在个人网站上放置一些与网站主题有关的对外链接，不但可以把好的网站介绍给浏览者，而且能使浏览者乐意再度光临该网站。

用户评论 (总计4条)

•   书本的知识挺全面的，希望自学能成功
•   还不错，内容挺全的！
•   诚信很好
•   这本书很适合初学者 对网页设计中的每个符号表示什么意思都做了详细说明 但实战案例较少