描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787121444654丛书名: 工业和信息化设计人才实训指南
《Dreamweaver基础与实战教程》全面易学,基于Dreamweaver CC中文版软件,帮助读者更好地学习,尽快熟悉软件的设计功能。《Dreamweaver基础与实战教程》内容由浅入深,通过理论加典型范例讲解的方式,使读者快速了解软件的具体操作步骤,引导读者一步步学会对Web 站点、Web 网页和Web 应用程序进行设计、编码和开发等。本书的作者在该领域已有多年教学经验,精心编写的图书适合广大网页设计师,和相关专业院校学生及培训班学员使用。
Dreamweaver 是一款专业的网页编辑软件,用于对Web 站点、Web 网页和Web 应用程序进行设计、编码和开发。Dreamweaver 中的可视化编辑功能和强大的编码环境,使不同层次的网页制作者都能拥有更加完美的Web 创作体验。与Dreamweaver 的早期版本相比,Dreamweaver CC的功能得到了较大的改进。通过学习本书内容,读者能够快速地学习网页的设计制作。本书通过14章内容,为读者全面、系统地介绍了各种网页设计知识,以及使用Dreamweaver进行网页设计制作的方法和技巧。采用理论知识和案例相结合的方法,使读者能够融会贯通。全书内容采用“软件功能 实践练习”的形式进行描写。其中实践练习主要包含课堂案例、课堂练习和课后习题。
第01章
Dreamweaver CC 入门
1.1 什么是网页 002
1.1.1 网页设计与网页制作 002
1.1.2 网页设计术语 003
1.2 Dreamweaver CC简介 004
1.3 Dreamweaver CC的安装与启动 005
1.3.1 系统要求 005
课堂案例 安装Dreamweaver CC 006
1.3.2 Dreamweaver CC的启动 007
1.4 Dreamweaver CC的工作界面 007
1.4.1 认识Dreamweaver CC的工作界面 008
1.4.2 “插入”面板 008
1.4.3 状态栏 010
1.5 网页文件的基本操作 011
1.5.1 新建网页文件 011
1.5.2 保存网页文件 012
1.5.3 打开网页文件 013
1.5.4 预览网页 013
课堂练习 新建并保存网页文件 014
课堂练习 打开并预览网页 015
课后习题 016
第02章 创建与管理站点
2.1 创建站点 018
课堂案例 创建本地静态站点 018
课堂案例 创建企业站点并设置远程服务器 019
2.2 站点文件的基本操作 020
2.2.1 创建页面 021
2.2.2 创建文件夹 021
2.2.3 移动和复制文件或文件夹 021
2.2.4 重命名文件或文件夹 022
2.2.5 删除文件或文件夹 022
2.3 管理站点 022
2.3.1 站点的切换 022
2.3.2 “管理站点”对话框 023
课堂练习 在站点中新建文件夹和网页文件 023
课后习题 024
第03章 从HTML到HTML 5
3.1 HTML基础 026
3.1.1 HTML概述 026
3.1.2 HTML文档的特点 026
3.1.3 HTML文档的结构 026
3.1.4 HTML的基本语法 027
3.1.5 HTML代码编写的注意事项 028
3.2 HTML中常用的重要标签 028
3.2.1 字符格式标签 028
3.2.2 区段格式标签 029
3.2.3 列表标签 029
3.2.4 表格标签 030
3.2.5 超链接标签 030
3.2.6 多媒体标签 031
3.2.7 表单标签 031
3.2.8 分区标签 032
3.3 在Dreamweaver中编写HTML代码 032
课堂案例 在设计视图中制作HTML页面 033
课堂案例 在代码视图中制作HTML页面 033
3.4 HTML 5基础 035
3.4.1 HTML 5概述 035
3.4.2 HTML 5的文档结构 035
3.4.3 HTML 5的优势 036
3.5 HTML 5中新增的标签 037
3.5.1 结构标签 037
3.5.2 文本标签 037
3.5.3 应用和辅助标签 037
3.5.4 进度标签 038
3.5.5 交互性标签 038
3.5.6 在文档和应用中使用的标签 038
3.5.7 <ruby>标签 039
3.5.8 其他标签 039
3.6 网页中的其他源代码 039
3.6.1 CSS样式代码 039
3.6.2 JavaScript脚本 040
3.6.3 源代码中的注释 040
课堂练习 使用记事本制作HTML页面 041
课后习题 042
第04章 精通CSS样式
4.1 了解CSS样式 044
4.1.1 什么是CSS样式 044
4.1.2 CSS样式的发展 044
4.1.3 CSS样式规则 045
4.2 认识“CSS设计器”面板 045
4.2.1 “源”选项区 046
4.2.2 “@媒体”选项区 047
4.2.3 “选择器”选项区 048
4.2.4 “属性”选项区 048
4.3 CSS选择器 048
课堂案例 使用通配符选择器控制网页中的所有
标签 052
课堂案例 使用标签选择器设置网页整体样式 053
课堂案例 创建和使用ID CSS样式 054
课堂案例 创建和使用类CSS样式 056
课堂案例 设置网页中的超链接伪类样式 057
课堂案例 创建并应用派生选择器 059
课堂案例 同时定义多个网页元素样式 060
4.4 使用CSS样式的方法 061
课堂案例 链接外部CSS样式表文件 062
4.5 丰富的CSS样式设置 064
4.5.1 布局样式设置 064
课堂案例 布局CSS样式 065
4.5.2 文本样式设置 067
课堂案例 设置网页中的文字效果 068
4.5.3 边框样式设置 069
课堂案例 设置网页元素的边框效果 070
4.5.4 背景样式设置 071
课堂案例 为网页元素设置背景图像 072
4.5.5 其他样式设置 073
课堂练习 链接外部CSS样式表文件 073
课堂练习 在网页中设置文字列表效果 075
课后习题 076
第05章 CSS 3.0新增属性及应用
5.1 新增的颜色定义方法 078
5.1.1 HSL颜色的定义方法 078
5.1.2 HSLA颜色的定义方法 078
5.1.3 RGBA颜色的定义方法 078
课堂案例 为网页元素设置半透明背景 079
5.2 新增的文字设置属性 080
5.2.1 text-overflow属性 080
5.2.2 word-wrap属性 081
5.2.3 word-break和word-space属性 081
5.2.4 text-shadow属性 082
课堂案例 为网页文字设置阴影效果 082
5.2.5 @font-face规则 084
课堂案例 在网页中实现特殊字体效果 084
5.3 新增的背景设置属性 086
5.3.1 background-size属性 086
课堂案例 实现始终满屏显示的网页背景 087
5.3.2 background-origin属性 089
5.3.3 background-clip属性 090
5.3.4 background属性 090
课堂案例 为网页设置多背景图像 091
5.4 新增的边框设置属性 092
5.4.1 border-colors属性 092
5.4.2 border-image属性 093
5.4.3 border-radius属性 093
课堂案例 为网页元素设置圆角效果 094
5.4.4 box-shadow属性 096
课堂案例 为网页元素设置阴影效果 097
5.5 新增的多列布局属性 098
5.5.1 columns属性 098
5.5.2 column-width属性 099
5.5.3 column-count属性 099
5.5.4 column-gap属性 099
5.5.5 column-rule属性 100
5.5.6 column-span属性 100
课堂案例 设置网页内容分栏显示 101
5.6 新增的盒模型设置属性 103
5.6.1 opacity属性 103
课堂案例 设置网页元素的不透明度 104
5.6.2 overflow-x和overflow-y属性 105
5.6.3 resize属性 106
5.6.4 outline属性 106
5.6.5 content属性 108
课堂案例 为网页元素赋予文字内容 108
课堂练习 实现网页元素的任意缩放 109
课堂练习 为网页元素添加轮廓外边框效果 110
课后习题 112
第06章 Div CSS网页布局
6.1 创建Div 114
6.1.1 了解Div 114
6.1.2 如何插入Div 114
6.1.3 在设计视图中插入Div 115
6.1.4 块元素与行内元素 116
6.1.5 Div CSS布局的优势 117
6.2 CSS基础盒模型 117
6.2.1 CSS基础盒模型概述 118
6.2.2 margin属性——边距 119
课堂案例 制作欢迎页面 119
6.2.3 border属性——边框 120
课堂案例 为图像添加边框效果 120
6.2.4 padding属性——填充 121
课堂案例 设置网页元素盒模型效果 122
6.2.5 空白边叠加 123
课堂案例 网页中空白边叠加的应用 123
6.3 网页元素的定位 124
6.3.1 CSS的定位属性 125
6.3.2 相对定位relative 125
课堂案例 实现网页元素的叠加显示 126
6.3.3 绝对定位absolute 127
课堂案例 网页元素固定在页面右侧 127
6.3.4 固定定位 128
课堂案例 实现固定位置的顶部导航栏 128
6.3.5 浮动定位 129
课堂案例 制作顺序排列的图像列表 129
6.4 常用网页布局方式 132
6.4.1 居中布局 132
6.4.2 浮动布局 134
6.4.3 自适应高度的解决方法 138
课堂练习 CSS盒模型综合应用 138
课堂练习 设置元素溢出处理 140
课后习题 142
第07章 插入文本元素
7.1 设置网页头信息 144
7.1.1 设置网页标题 144
7.1.2 设置网页关键字 144
7.1.3 设置网页说明 145
7.1.4 插入视口 145
7.1.5 设置网页META信息 145
课堂案例 设置网页头信息 147
7.2 在网页中输入文本 148
7.2.1 在网页中输入文本的两种方法 148
课堂案例 制作内容介绍网页 149
7.2.2 插入段落 150
7.2.3 插入换行符 150
7.3 插入特殊的文本对象 151
7.3.1 插入水平线 151
课堂案例 在网页中插入水平线 152
7.3.2 插入时间 153
7.3.3 插入空格和特殊字符 153
课堂案例 在网页中插入系统时间和特殊字符 154
7.4 插入列表 155
7.4.1 插入ul项目列表 155
课堂案例 制作新闻列表 156
7.4.2 插入ol编号列表 157
课堂案例 制作排行列表 157
7.4.3 设置列表属性 158
课堂练习 在网页中实现滚动文本效果 159
课堂练习 在网页中实现图文混排 161
课后习题 162
第08章 插入图像和多媒体元素
8.1 插入图像元素 164
课堂案例 制作图像欢迎网页 164
8.1.1 设置图像属性 165
8.1.2 鼠标经过图像 165
课堂案例 制作网站导航菜单 166
8.2 插入Canvas元素 167
8.2.1 了解Canvas元素 167
8.2.2 插入Canvas元素 167
8.2.3 使用JavaScript实现在画布中绘图的
流程 168
课堂案例 在网页中绘制圆形 169
8.3 插入动画元素 170
课堂案例 在网页中插入Flash动画 170
8.3.1 设置Flash SWF属性 172
8.3.2 插入Flash Video 172
课堂案例 在网页中插入Flash Video 173
8.3.3 了解动画合成 174
课堂案例 在网页中插入动画合成 174
8.4 插入插件 175
8.4.1 使用插件嵌入音频 175
课堂案例 在网页中嵌入音频 176
8.4.2 使用插件嵌入视频 177
课堂案例 在网页中嵌入视频 177
8.5 插入HTML 5 Audio元素 179
8.5.1 插入HTML 5 Audio元素 179
8.5.2 HTML 5支持的音频文件格式 179
课堂案例 在网页中插入HTML与Audio元素 180
8.6 插入HTML 5 Video元素 180
8.6.1 插入HTML 5 Video元素 181
8.6.2 HTML 5支持的视频文件格式 181
8.6.3 Audio与Video元素属性 181
课堂案例 制作HTML 5视频页面 182
课堂练习 为网页添加背景音乐 183
课堂练习 实现图片滚动效果 184
课后习题 186
第09章 设置网页超链接
9.1 创建超链接 188
9.1.1 创建文字和图像超链接 188
9.1.2 设置超链接属性 189
9.1.3 相对路径和绝对路
前 言
随着互联网的高速发展,人们已经很难离开网络,它已成为人们与社会联系的主要方式,也是人们获取信
息的主要方式。当人们浏览到独特、美轮美奂的网页时,都会好奇这些网页是如何制作的。本书就来介绍如何
制作出精美而实用的网页。
Dreamweaver 是一款专业的网页编辑软件,用于对Web 站点、Web 网页和Web 应用程序进行设计、
编码和开发。Dreamweaver 中的可视化编辑功能和强大的编码环境,使不同层次的网页制作者都能拥有更加
完美的Web 创作体验。与Dreamweaver 的早期版本相比,Dreamweaver 的功能得到了较大的改进。通过
学习本书内容,读者能够快速地学习网页的设计制作。
本书内容丰富,结构条理清晰,从网页设计的思想出发,向读者传达一种新的设计理念,每个知识点都配
有案例进行详细的讲解,循序渐进地介绍Dreamweaver 软件的相关知识点,让读者真正做到学以致用。本书
章节内容安排如下。
第01 章 Dreamweaver 入门:介绍Dreamweaver 的相关基础知识,包括Dreamweaver 的安装与启动、
工作界面,以及网页文件的基本操作。
第02 章 创建与管理站点:介绍在Dreamweaver 中创建和管理站点的方法,以及站点的一些基本操作,
使读者快速掌握建立与管理站点的操作方法和技巧。
第03 章 从HTML 到HTML 5:介绍有关HTML 和HTML 5 的基础知识,使读者对HTML 的发展有
所了解,还会介绍网页中的其他源代码。
第04 章 精通CSS 样式:介绍如何在网页中创建和应用各种不同类型的CSS 样式。
第05 章 CSS 3.0 新增属性及应用:介绍CSS 3.0 新增的属性,并且通过对案例制作步骤的讲解让读者
掌握CSS 3.0 新增属性的使用方法和技巧。
第06 章 Div CSS 网页布局:介绍使用Div CSS 对网页进行布局的方法和技巧,包括CSS 盒模型和网
页元素定位的知识。
第07章 插入文本元素:介绍在网页中插入网页头信息和文本内容,以及插入特殊文本对象和列表的方法,使读者掌握制作文本网页的方法和技巧。
第08章 插入图像和多媒体元素:介绍如何在网页中插入图像、动画、声音、视频等多媒体元素。通过实际案例的制作,使读者快速掌握在网页中应用各种多媒体元素的方法和技巧。
第09章 设置网页超链接:介绍网页中各种超链接的创建和设置方法,并且对超链接属性进行介绍。
第10章 插入表单元素:介绍如何在网页中插入各种类型的表单元素,并且通过常见表单页面的制作,使读者掌握表单元素的应用。
第11章 表格和iFrame框架:介绍表格与iFrame框架的基础知识和相关操作,使读者掌握表格与iFrame框架在网页中的应用。
第12章 模板和库的应用:介绍模板和库的创建方法和技巧,并且介绍模板页面中可编辑区域、可选区域等内容的创建,这些操作使得模板页面的功能更加强大。
第13章 使用行为创建动态效果:介绍Dreamweaver中内置的行为效果,并且通过案例的制作使读者掌握各种行为的使用方法。
第14章 综合案例:通过几个典型网站页面的制作,使读者熟练运用Dreamweaver中的各种功能来设计制作网站页面。
本书内容丰富,结构条理清晰,通过14章内容,为读者全面、系统地介绍各种网页设计知识,以及使用Dreamweaver进行网页设计制作的方法和技巧。采用理论知识和案例相结合的方法,使读者能够融会贯通。 语言通俗易懂,精美案例图文同步,涉及大量的网页设计知识,帮助读者深入了解网页设计。 案例涉及面广,几乎涵盖了网页设计的各个领域,每个领域下通过大量的设计讲解和案例制作帮助读者掌握相关领域中的专业知识点。 注重设计知识点和案例制作技巧的归纳总结,在知识点和案例的讲解过程中,穿插大量的软件操作技巧和提示等,使读者更好地对知识点进行归纳和吸收。 每一个案例都配有相关视频教程和素材,步骤详细,使读者轻松掌握。
本书特点
由于本书编写时间较为仓促,书中难免有疏漏之处,在此敬请广大读者朋友批评、指正。
前 言
随着互联网的高速发展,人们已经很难离开网络,它已成为人们与社会联系的主要方式,也是人们获取信
息的主要方式。当人们浏览到独特、美轮美奂的网页时,都会好奇这些网页是如何制作的。本书就来介绍如何
制作出精美而实用的网页。
Dreamweaver 是一款专业的网页编辑软件,用于对Web 站点、Web 网页和Web 应用程序进行设计、
编码和开发。Dreamweaver 中的可视化编辑功能和强大的编码环境,使不同层次的网页制作者都能拥有更加
完美的Web 创作体验。与Dreamweaver 的早期版本相比,Dreamweaver 的功能得到了较大的改进。通过
学习本书内容,读者能够快速地学习网页的设计制作。
本书内容丰富,结构条理清晰,从网页设计的思想出发,向读者传达一种新的设计理念,每个知识点都配
有案例进行详细的讲解,循序渐进地介绍Dreamweaver 软件的相关知识点,让读者真正做到学以致用。本书
章节内容安排如下。
第01 章 Dreamweaver 入门:介绍Dreamweaver 的相关基础知识,包括Dreamweaver 的安装与启动、
工作界面,以及网页文件的基本操作。
第02 章 创建与管理站点:介绍在Dreamweaver 中创建和管理站点的方法,以及站点的一些基本操作,
使读者快速掌握建立与管理站点的操作方法和技巧。
第03 章 从HTML 到HTML 5:介绍有关HTML 和HTML 5 的基础知识,使读者对HTML 的发展有
所了解,还会介绍网页中的其他源代码。
第04 章 精通CSS 样式:介绍如何在网页中创建和应用各种不同类型的CSS 样式。
第05 章 CSS 3.0 新增属性及应用:介绍CSS 3.0 新增的属性,并且通过对案例制作步骤的讲解让读者
掌握CSS 3.0 新增属性的使用方法和技巧。
第06 章 Div CSS 网页布局:介绍使用Div CSS 对网页进行布局的方法和技巧,包括CSS 盒模型和网
页元素定位的知识。
第07章 插入文本元素:介绍在网页中插入网页头信息和文本内容,以及插入特殊文本对象和列表的方法,使读者掌握制作文本网页的方法和技巧。
第08章 插入图像和多媒体元素:介绍如何在网页中插入图像、动画、声音、视频等多媒体元素。通过实际案例的制作,使读者快速掌握在网页中应用各种多媒体元素的方法和技巧。
第09章 设置网页超链接:介绍网页中各种超链接的创建和设置方法,并且对超链接属性进行介绍。
第10章 插入表单元素:介绍如何在网页中插入各种类型的表单元素,并且通过常见表单页面的制作,使读者掌握表单元素的应用。
第11章 表格和iFrame框架:介绍表格与iFrame框架的基础知识和相关操作,使读者掌握表格与iFrame框架在网页中的应用。
第12章 模板和库的应用:介绍模板和库的创建方法和技巧,并且介绍模板页面中可编辑区域、可选区域等内容的创建,这些操作使得模板页面的功能更加强大。
第13章 使用行为创建动态效果:介绍Dreamweaver中内置的行为效果,并且通过案例的制作使读者掌握各种行为的使用方法。
第14章 综合案例:通过几个典型网站页面的制作,使读者熟练运用Dreamweaver中的各种功能来设计制作网站页面。
本书内容丰富,结构条理清晰,通过14章内容,为读者全面、系统地介绍各种网页设计知识,以及使用Dreamweaver进行网页设计制作的方法和技巧。采用理论知识和案例相结合的方法,使读者能够融会贯通。 语言通俗易懂,精美案例图文同步,涉及大量的网页设计知识,帮助读者深入了解网页设计。 案例涉及面广,几乎涵盖了网页设计的各个领域,每个领域下通过大量的设计讲解和案例制作帮助读者掌握相关领域中的专业知识点。 注重设计知识点和案例制作技巧的归纳总结,在知识点和案例的讲解过程中,穿插大量的软件操作技巧和提示等,使读者更好地对知识点进行归纳和吸收。 每一个案例都配有相关视频教程和素材,步骤详细,使读者轻松掌握。
本书特点
由于本书编写时间较为仓促,书中难免有疏漏之处,在此敬请广大读者朋友批评、指正。
评论
还没有评论。