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