内容简介
《Dreamweaver CS6基础培训教程(中文版)》全面系统地介绍了Dreamweaver CS6的基本操作方法和网页设计制作技巧,包括初识Dreamweaver CS6、文本与文档、图像和多媒体、超链接、使用表格、ASP、使用层、CSS样式、模板和库、表单的使用、使用行为、网页代码、商业案例实训等内容。
《Dreamweaver CS6基础培训教程(中文版)》内容均以课堂案例为主线,通过对各案例的实际操作,学生可以快速上手,熟悉软件功能和艺术设计思路。书中的软件功能解析部分使学生能够深入学习软件功能。课堂练习和课后习题,可以拓展学生的实际应用能力,提高学生的软件使用技巧。商业案例实训,可以帮助学生快速地掌握商业网页的设计理念和设计元素,顺利达到实战水平。
《Dreamweaver CS6基础培训教程(中文版)》适合作为院校和培训机构艺术专业课程的教材,也可作为Dreamweaver CS6自学人员的参考用书。
内页插图
目录
第1章 初识Dreamweaver CS6
1.1 Dreamweaver CS6的工作界面
1.1.1 友善的开始页面
1.1.2 不同风格的界面
1.1.3 伸缩自如的功能面板
1.1.4 多文档的编辑界面
1.1.5 新颖的“插入”面板
1.1.6 更完整的CSS功能
1.2 创建网站框架
1.2.1 站点管理器
1.2.2 创建文件夹
1.2.3 定义新站点
1.2.4 创建和保存网页
1.3 管理站点
1.3.1 打开站点
1.3.2 编辑站点
1.3.3 复制站点
1.3.4 删除站点
1.3.5 导入和导出站点
1.4 网页文件头设置
1.4.1 插入搜索关键字
1.4.2 插入作者和版权信息
1.4.3 设置刷新时间
1.4.4 设置描述信息
1.4.5 设置页面中所有链接的基准链接
1.4.6 设置当前文件与其他文件的关联性
1.5 多屏幕
第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.1.11 改变文本的颜色
2.1.12 改变文本的字体
2.1.13 改变文本的对齐方式
2.1.14 设置文本样式
2.1.15 段落文本
2.2 项目符号和编号列表
2.2.1 课堂案例——鲜花速递网页
2.2.2 设置项目符号或编号
2.2.3 修改项目符号或编号
2.2.4 设置文本缩进格式
2.2.5 插入日期
2.2.6 特殊字符
2.2.7 插入换行符
2.3 水平线、网格与标尺
2.3.1 课堂案例——数码科技前线
2.3.2 水平线
2.3.3 显示和隐藏网格
2.3.4 标尺
课堂练习——无公害水果网页
课堂练习——数码产品资讯
课后习题——化妆品网页
第3章 图像和多媒体
3.1 图像的插入
3.1.1 课堂案例——儿童相册
3.1.2 网页中的图像格式
3.1.3 插入图像
3.1.4 设置图像属性
3.1.5 给图片添加文字说明
3.1.6 插入图像占位符
3.1.7 跟踪图像
3.2 多媒体在网页中的应用
3.2.1 课堂案例——营养美食网页
3.2.2 插入Flash动画
3.2.3 插入Shockwave影片
3.2.4 影片插入Applet程序
3.2.5 插入参数
3.2.6 插入ActiveX控件
3.2.7 插入插件
课堂练习——数码世界网页
课堂练习——旅游资讯网
课后习题——宝贝相册网页
第4章 超链接
4.1 超链接的概念与路径知识
4.2 文本超链接
4.2.1 课堂案例——车行天下网
4.2.2 创建文本链接
4.2.3 文本链接的状态
4.2.4 下载文件链接
4.2.5 电子邮件链接
4.3 图像超链接
4.3.1 课堂案例——恋之语素材模板网
4.3.2 图像超链接
4.3.3 鼠标经过图像链接
4.4 命名锚记超链接
4.4.1 课堂案例——花卉百科网
4.4.2 命名锚记链接
4.5 热点链接
4.5.1 课堂案例——健康水果之家
4.5.2 创建热点链接
课堂练习——绿色食品网页
课堂练习——茶文化
课后习题——时尚精品素材
第5章 使用表格
5.1 表格的简单操作
5.1.1 课堂案例——时尚家居网
5.1.2 表格的组成
5.1.3 插入表格
5.1.4 表格各元素的属性
5.1.5 在表格中插入内容
5.1.6 选择表格元素
5.1.7 复制、粘贴表格
5.1.8 删除表格和表格内容
5.1.9 缩放表格
5.1.10 合并和拆分单元格
5.1.11 增加和删除表格的行和列
5.2 网页中的数据表格
5.2.1 课堂案例——电子科技网
5.2.2 导入和导出表格的数据
5.2.3 排序表格
5.3 复杂表格的排版
课堂练习——设计家园网
课堂练习——健康美食网页
课后习题——时尚花庭楼盘网页
第6章 ASP
6.1 ASP动态网页基础
6.1.1 课堂案例——葡萄酒网页
6.1.2 ASP服务器的安装
6.1.3 ASP语法基础
6.1.4 数组的创建与应用
6.1.5 流程控制语句
6.2 ASP内置对象
6.2.1 课堂案例——体育运动网页
6.2.2 Request请求对象
6.2.3 Response响应对象
6.2.4 Session会话对象
6.2.5 Application应用程序对象
6.2.6 Server服务对象
6.2.7 ObjectContext事务处理对象
课堂练习——咖啡订购网页
课后习题——灯具购物网页
第7章 使用层
7.1 层的基本操作
7.1.1 课堂案例——圣诞礼品屋
7.1.2 创建层
7.1.3 选择层
7.1.4 设置层的默认属性
7.1.5 “AP元素”控制面板
7.1.6 更改层的堆叠顺序
7.1.7 更改层的可见性
7.1.8 调整层的大小
7.1.9 移动层
7.1.10 对齐层
7.1.11 层靠齐到网格
7.2 应用层设计表格
7.2.1 课堂案例——精品家居网
7.2.2 将AP Div转换为表格
7.2.3 将表格转换为AP Div
课堂练习——我的音乐世界
课堂练习——时尚礼品屋
课后习题——沐浴产品网页
第8章 CSS样式
8.1 CSS样式的概念
8.2 CSS样式
8.2.1 “CSS样式”控制面板
8.2.2 CSS样式的类型
8.3 样式的类型与创建
8.3.1 创建重定义HTML标签样式
8.3.2 创建和应用自定义样式
8.3.3 创建和引用外部样式
8.4 编辑样式
8.5 CSS的属性
8.5.1 课堂案例——时尚彩妆网
8.5.2 类型
8.5.3 背景
8.5.4 区块
8.5.5 方框
8.5.6 边框
8.5.7 列表
8.5.8 定位
8.5.9 扩展
8.5.10 过渡
8.6 过滤器
8.6.1 课堂案例——办公用品网页
8.6.2 可应用过滤的HTML标签
8.6.3 CSS的静态过滤器
8.6.4 CSS的动态过滤器
课堂练习——抒情散文网
课堂练习——新车上市资讯
课后习题——有氧运动网
第9章 模板和库
9.1 “资源”控制面板
9.2 模板
9.2.1 课堂案例——房产资讯网
9.2.2 创建模板
9.2.3 定义和取消可编辑区域
9.2.4 创建基于模板的网页
9.2.5 管理模板
9.3 库
9.3.1 课堂案例——热点话题跟踪
9.3.2 创建库文件
9.3.3 向页面添加库项目
9.3.4 更新库文件
课堂练习——节日礼品购物网
课堂练习——啤酒世界
课后习题——精品汽车网
第10章 使用表单
10.1 使用表单
10.1.1 课堂案例——产品订单
10.1.2 创建表单
10.1.3 表单的属性
10.1.4 单行文本域
10.2 应用复选框和单选按钮
10.2.1 课堂案例——留言板
10.2.2 单选按钮
10.2.3 单选按钮组
10.2.4 复选框
10.3 创建列表和菜单
10.3.1 课堂案例——会员注册表
10.3.2 创建列表和菜单
10.3.3 创建跳转菜单
10.3.4 课堂案例——精品鲜花网页
10.3.5 创建文件域
10.3.6 创建图像域
10.3.7 提交、无、重置按钮
课堂练习——星座查询网
课后习题——订购单
第11章 行为
11.1 行为概述
11.1.1 “行为”控制面板
11.1.2 应用行为
11.2 动作
11.2.1 课堂案例——恒洲电子商务网页
11.2.2 打开浏览器窗口
11.2.3 拖动层
11.2.4 设置容器的文本
11.2.5 设置状态栏文本
11.2.6 设置文本域文字
课堂练习——游戏网页
课后习题——蟹来居饭店首页
第12章 网页代码
12.1 网页代码
12.1.1 课堂案例——音乐世界网
12.1.2 代码提示功能
12.1.3 使用标签库插入标签
12.1.4 用标签选择器插入标签
12.2 编辑代码
12.2.1 使用标签检查器编辑代码
12.2.2 使用标签编辑器编辑代码
12.3 常用的HTML标签
12.4 脚本语言
12.5 响应HTML事件
课后习题——儿童乐园
第13章 商业案例实训
13.1 李可的个人网页
13.1.1 案例分析
13.1.2 案例设计
13.1.3 案例制作
课堂练习1——李美丽的个人网页
课堂练习2——刘恋的个人网页
课后习题1——妞妞的个人网页
课后习题2——晓辛的个人网页
13.2 Flash游戏库网页
13.2.1 案例分析
13.2.2 案例设计
13.2.3 案例制作
课堂练习1——在线电影网页
课堂练习2——娱乐星闻网页
课后习题1——综艺频道网页
课后习题2——时尚前沿网页
13.3 户外运动网页
13.3.1 案例分析
13.3.2 案例设计
13.3.3 案例制作
课堂练习1——休闲生活网页
课堂练习2——篮球运动网页
课后习题1——旅游度假网页
课后习题2——滑雪运动网页
13.4 精品房产网页
13.4.1 案例分析
13.4.2 案例设计
13.4.3 案例制作
课堂练习1——购房网页
课堂练习2——焦点房产网页
课后习题1——购房中心网页
课后习题2——房产信息网页
13.5 戏曲艺术网页
13.5.1 案例分析
13.5.2 案例设计
13.5.3 案例制作
课堂练习1——古乐艺术网页
课堂练习2——数码相机网页
课后习题1——诗词艺术网页
课后习题2——书法艺术网页
……
前言/序言
网页设计与开发的入门指南:掌握Dreamweaver CS6的精髓 互联网时代的蓬勃发展,让网页设计与开发成为一项炙手可热的技能。从个人博客到大型企业官网,一个精心设计的网站是信息传达、品牌塑造和业务拓展的关键。对于初学者而言,掌握一款功能强大且易于上手的网页设计软件至关重要。本书,正是为怀揣网页设计梦想的你量身打造的启蒙之作。 我们聚焦于Adobe Dreamweaver CS6这款在网页设计领域久负盛名的软件。它以其直观的界面、强大的可视化编辑能力以及完善的代码支持,赢得了无数设计师和开发者的青睐。本书旨在带领你从零开始,循序渐进地掌握Dreamweaver CS6的核心功能和常用技巧,让你能够自信地创建出专业、美观且功能齐全的网页。 本书内容概览: 本书的编排遵循学习的逻辑顺序,从基础概念的建立到实际案例的演练,力求让每一位读者都能稳步提升。 第一部分:认识Dreamweaver CS6与网页设计基础 在正式动手之前,我们需要对Dreamweaver CS6有一个全面的认识,并对网页设计的一些基本概念有所了解。 Dreamweaver CS6初探: 我们将首先介绍Dreamweaver CS6的安装与启动,让你快速熟悉它的工作环境。通过对软件界面元素的详解,如菜单栏、工具栏、属性面板、代码视图、设计视图等,帮助你建立起对软件整体结构的认知。了解工作区布局的自定义,以及如何高效地管理项目文件,为后续的学习打下坚实基础。 网页设计基础概念: 这一部分将为你梳理网页设计的基本原理。我们会讲解HTML(超文本标记语言)和CSS(层叠样式表)这两个构建网页的基石。你将了解到HTML如何负责网页内容的结构和语义,而CSS又如何控制网页的样式和布局。此外,还会触及到一些基础的网页设计理念,例如用户体验(UX)、用户界面(UI)的重要性,以及响应式设计的概念,为后续深入学习打下理论基础。 创建你的第一个网页: 在掌握了基本概念后,我们将引导你使用Dreamweaver CS6创建你的第一个简单网页。从设置网站项目开始,学习如何创建HTML文件,并尝试在设计视图下添加文本、图片等基本元素。同时,也会介绍如何在代码视图下查看和编辑HTML代码,让你初步体验代码与可视化编辑的结合。 第二部分:掌握Dreamweaver CS6的核心功能 本部分将深入讲解Dreamweaver CS6的各项核心功能,让你能够运用它们来构建更复杂的网页。 HTML元素的运用: HTML是网页的骨架。我们将详细介绍各种常用的HTML标签,如标题 (`
`-``)、段落 (`
`)、列表 (`
`, ``, `- `)、链接 (``)、图片 (`
`)、表格 (``) 等。你会学习如何通过Dreamweaver CS6的可视化工具来插入、编辑和管理这些元素,并理解它们在网页结构中的作用。 CSS样式控制: CSS是网页的灵魂。我们将深入讲解CSS的选择器、属性和值,以及如何使用Dreamweaver CS6的CSS面板来创建和管理样式规则。你将学会如何为文本设置字体、颜色、大小,如何调整元素的间距、边框、背景,以及如何实现元素的定位和布局。通过CSS,你将能够赋予网页丰富的视觉表现力。 页面布局与排版: 网页的布局决定了信息的呈现方式和用户的浏览体验。我们将介绍不同的页面布局技术,如使用div进行块级元素布局、使用浮动(float)和定位(position)来实现复杂的页面结构。你还将学习如何创建响应式布局,让你的网页在不同尺寸的设备上都能良好显示。Dreamweaver CS6提供了强大的可视化工具来辅助你完成这些复杂的布局工作。 链接与导航设计: 链接是网页之间相互连接的桥梁。我们将学习如何创建内部链接、外部链接和邮件链接,以及如何设计直观易用的导航菜单。理解锚点链接的应用,以及如何通过Dreamweaver CS6的关联文件面板来管理网站链接,确保用户能够顺畅地在你的网站中穿梭。 图像与多媒体处理: 图像和多媒体元素能够极大地提升网页的吸引力。我们将讲解如何插入和优化图片,包括调整图片大小、格式和分辨率。同时,也会介绍如何在网页中嵌入音频和视频文件,并了解一些基本的交互元素,如按钮和表单。 第三部分:提升网页交互性与动态效果 当你的网页具备了良好的结构和样式后,如何让它变得更加生动有趣,更具交互性呢?这一部分将为你揭示答案。 JavaScript基础与Dreamweaver CS6集成: JavaScript是实现网页动态效果和用户交互的关键。虽然本书不是一本JavaScript编程的专著,但我们将介绍JavaScript在网页设计中的基础应用,并演示如何在Dreamweaver CS6中方便地集成JavaScript代码。你将学习如何通过Dreamweaver CS6的“行为”(Behaviors)面板来添加一些预设的交互效果,例如图片轮播、下拉菜单等,而无需深入编写复杂的JavaScript代码。 表单设计与验证: 表单是用户与网站进行信息交互的重要渠道。我们将详细讲解如何使用Dreamweaver CS6创建各种类型的表单元素,如文本框、密码框、复选框、单选按钮、下拉列表、文本域等。同时,还会介绍如何进行简单的客户端表单验证,以提高用户体验和数据准确性。 添加动效与交互元素: Dreamweaver CS6内置了一些便捷的功能,可以帮助你快速添加一些基础的动效和交互元素。例如,我们会演示如何创建按钮的鼠标悬停效果,如何实现淡入淡出动画,以及如何利用Dreamweaver CS6的库功能来管理可重用的页面元素。 第四部分:网站开发与管理 一个完整的网站项目,除了单个页面的制作,还需要对整个网站进行有效的管理和发布。 网站管理与项目设置: 在Dreamweaver CS6中,科学地设置和管理网站项目是至关重要的。我们将详细讲解如何创建本地站点,配置FTP服务器信息,以及如何使用“站点”面板来管理项目文件和文件夹。理解本地站点与远程服务器之间的同步,能够让你在本地编辑内容,然后轻松上传到服务器。 使用模板与库: 对于结构相似的页面,使用模板和库能够极大地提高效率。我们将讲解如何创建和使用Dreamweaver CS6的模板功能,让你能够一次性修改所有基于该模板的页面。同样,也会介绍如何创建和管理库,将常用的元素(如页眉、页脚、导航栏)集中管理,并在多个页面中复用。 网站的测试与调试: 创建完成的网站需要在不同的浏览器和设备上进行测试,以确保其兼容性和正常显示。我们将介绍如何在Dreamweaver CS6中预览网页,以及一些常见的浏览器兼容性问题和调试方法。 网站的发布: 当你的网站制作完成并经过充分测试后,就可以发布到互联网上了。我们将讲解如何使用Dreamweaver CS6的FTP功能将你的网站文件上传到Web服务器,使其能够被全球用户访问。 本书特色: 循序渐进,由浅入深: 本书的章节安排逻辑清晰,内容由基础概念逐步深入到高级技巧,适合没有任何网页设计基础的初学者。 图文并茂,直观易懂: 充分利用Dreamweaver CS6的可视化特性,通过大量的截图和实例操作演示,让学习过程更加直观和生动。 实战导向,案例丰富: 结合实际的网页设计项目,通过具体的案例讲解,帮助读者将所学知识应用到实际创作中,快速提升实践能力。 技巧点拨,效率提升: 总结了许多实用的Dreamweaver CS6操作技巧和快捷方式,帮助读者提高工作效率。 附带光盘: 随书附带的CD光盘中包含了大量的配套学习资源,包括本书案例的源文件、精选的素材资源以及一些额外的教程视频,为你的学习提供全方位的支持。 谁适合阅读本书? 零基础的网页设计初学者。 想要学习使用Dreamweaver CS6进行网页设计和开发的学员。 希望快速掌握网页设计基本技能,制作个人网站、博客或小型企业网站的设计爱好者。 需要提升网页设计能力,将其应用于工作中的从业人员。 掌握Dreamweaver CS6,就如同拥有了一把开启数字世界大门的钥匙。通过本书的学习,你将不仅仅是学会了一个软件的使用,更是掌握了一种创造和表达的方式。我们期待着你用Dreamweaver CS6创造出令人惊叹的网页作品!
这本书真是让我惊喜连连!我一直对网页设计抱有浓厚的兴趣,但苦于没有系统学习的途径,看了不少网上的零散教程,总感觉抓不住重点,上手也慢。这次偶然发现了这本《Dreamweaver CS6基础培训教程》,抱着试试看的心态买了下来。拿到手的那一刻,我就被它厚实的篇幅和清晰的排版吸引了。书中的内容讲解得非常细致,从最基础的软件界面介绍,到如何创建和管理网站,再到HTML、CSS的入门,一步步引导我熟悉Dreamweaver的操作。尤其是对于初学者容易遇到的概念,比如网页结构、元素定位、样式应用等,作者都用通俗易懂的语言和大量的图例进行了讲解,让我这种零基础的读者也能够轻松理解。我特别喜欢书中关于“响应式网页设计”的部分,这在现在这个多设备浏览的时代简直是太重要了。书中的讲解非常实用,不仅仅是教你怎么点按钮,更是让你理解背后的原理。比如,关于表格布局和div+css布局的对比分析,让我深刻认识到现代网页设计的趋势和优势。而且,书中的案例也非常贴近实际工作需求,我跟着书中的步骤做了一个简单的个人作品集页面,整个过程非常流畅,成就感满满。光盘里附带的素材和源代码更是锦上添花,省去了自己查找和整理的时间,直接可以拿来练习,大大提高了学习效率。我强烈推荐给所有想要学习网页设计,特别是对Dreamweaver CS6感兴趣的朋友们,这本书绝对是你的不二之选!