Dreamweaver CC 2018网页製作案例教程

作者：宋晓明 张冰
　　定价：58元
印次：1-1
ISBN：9787302513087
出版日期：2018.11.01
印刷日期：2018.11.02

《Dreamweaver CC 2018网页製作案例教程》以通俗易懂的语言、翔实生动的案例全面介绍使用Dreamweaver CC 2018软体进行网页製作的方法和技巧。全书共分16章，内容涵盖网页製作基础知识、操作网页文档、编辑网页文本、设计网页图像、添加网页多媒体、设定网页超连结、使用表格、使用表单、使用CSS、製作Div+CSS页面、定位网页对象、使用CSS3动画、设计HTML5结构、使用网页行为、製作移动设备网页、使用模板和库项目等。

目录

第1章网页製作基础知识1

1.1网页与网页製作的基础知识2

1.1.1网页与网站的概念2

1.1.2网页的常见类型3

1.1.3网页的页面元素3

1.1.4网页製作的相关知识4

1.2网站设计的常用流程6

1.2.1网站策划6

1.2.2设计配色6

1.2.3收集素材11

1.2.4规划站点12

1.2.5製作网页12

1.2.6测试站点12

1.2.7发布站点12

1.3初识DreamweaverCC201812

1.4Dreamweaver站点管理14

1.4.1为什幺要创建站点14

1.4.2创建站点15

1.4.3编辑站点15

1.4.4管理站点16

1.5Dreamweaver环境设定18

1.5.1常规设定18

1.5.2不可见元素设定19

1.5.3网页字型设定19

1.5.4档案类型/编辑器类型20

1.5.5界面颜色设定20

1.6Dreamweaver代码编辑20

1.6.1使用快速标籤编辑器22

1.6.2使用【代码片段】面板22

1.6.3最佳化网页原始码23

1.7案例演练25

第2章操作网页文档27

2.1创建空白网页28

2.2设定网页属性28

2.2.1设定外观(CSS)29

2.2.2设定外观(HTML)30

2.2.3设定连结(CSS)31

2.2.4设定标题(CSS)33

2.2.5设定标题/编码33

2.2.6设定跟蹤图像34

2.3定义头部信息34

2.3.1设定META34

2.3.2设定说明信息36

2.3.3设定关键字36

2.4案例演练36

第3章编辑网页文本39

3.1输入网页文本40

3.1.1输入普通文本40

3.1.2输入特殊文本40

3.1.3输入日期与时间41

3.1.4插入水平线42

3.1.5插入滚动文本43

3.2设定文本格式44

3.2.1设定段落文本44

3.2.2设定标题文本45

3.2.3为文本设定预定义格式46

3.3设定字型样式46

3.3.1设定字型类型46

3.3.2设定字型颜色47

3.3.3设定粗体和斜体48

3.2.4设定字型大小48

3.4设定文本样式49

3.4.1设定文本换行49

3.4.2设定文本对齐49

3.4.3设定文本缩进和凸出50

3.5设定列表样式51

3.5.1设定项目列表51

3.5.2设定编号列表52

3.5.3设定定义列表53

3.5.4设定列表属性53

3.6案例演练54

第4章设计网页图像57

4.1插入网页图像58

4.1.1网页图像档案简介58

4.1.2在网页中插入图像58

4.1.3设定网页背景图像58

4.2设定网页图像的属性59

4.2.1使用图像的【属性】面板59

4.2.2HTML图像的属性代码60

4.3处理网页图像效果61

4.3.1使用外部图像编辑软体61

4.3.2编辑图像设定62

4.3.3从源档案更新图像62

4.3.4裁剪图像63

4.3.5设定图像的亮度和对比度63

4.3.6设定锐化图像63

4.3.7重新取样图片63

4.4製作滑鼠经过图像63

4.5案例演练64

第5章添加网页多媒体67

5.1插入FlashSWF动画68

5.1.1在网页中插入Flash动画68

5.1.2调整Flash动画大小69

5.1.3设定Flash动画信息69

5.1.4控制Flash动画播放70

5.1.5设定Flash动画边距70

5.1.6设定对齐方式与颜色70

5.1.7Flash附加参数设定71

5.2插入FlashVideo视频72

5.3插入普通音视频73

5.4插入HTML5音视频75

5.4.1插入HTML5视频75

5.4.2插入HTML5音频75

5.5案例演练76

第6章设定网页超连结81

6.1超连结的基础知识82

6.1.1超连结的类型82

6.1.2超连结的路径82

6.2设定基本超连结83

6.2.1设定文本的图像超连结83

6.2.2设定图像映射超连结83

6.3设定锚点超连结85

6.4设定音视频超连结86

6.5设定档案下载超连结87

6.6设定电子邮件超连结88

6.7管理超连结89

6.7.1更新超连结89

6.7.2修改超连结89

6.7.3测试超连结90

6.8案例演练90

第7章使用表格93

7.1创建与调整表格94

7.1.1网页中表格的用途94

7.1.2创建表格94

7.1.3调整表格96

7.2为表格添加内容97

7.2.1在表格中输入文本98

7.2.2在表格中插入图像98

7.3设定表格和单元格属性99

7.3.1设定表格属性99

7.3.2设定单元格属性101

7.4排序表格数据104

7.5导入和导出网页表格104

7.5.1导入表格式数据104

7.5.2导出表格式数据105

7.6案例演练106

第8章使用表单113

8.1製作表单的方法114

8.1.1表单的基础知识114

8.1.2创建表单115

8.2设定表单属性115

8.3使用文本域和密码域116

8.4使用文本区域118

8.5使用选择对象(列表/选单)119

8.6使用单选按钮121

8.7使用複选框123

8.8使用档案域124

8.9使用标籤和栏位集125

8.9.1使用标籤125

8.9.2使用域集126

8.10使用按钮和图像按钮127

8.10.1使用按钮127

8.10.2使用图像按钮128

8.11使用隐藏域129

8.12使用HTML5表单对象130

8.13案例演练131

第9章使用CSS139

9.1认识CSS样式表140

9.1.1CSS样式表的功能140

9.1.2CSS样式表的规则140

9.1.3CSS样式表的类型140

9.2创建CSS样式表142

9.2.1创建外部样式表142

9.2.2创建内部样式表143

9.2.3附加外部样式表143

9.3添加CSS选择器144

9.3.1添加类选择器144

9.3.2添加id选择器145

9.3.3添加标籤选择器145

9.3.4添加其他选择器146

9.4编辑CSS样式效果149

9.4.1CSS类型设定149

9.4.2CSS背景设定151

9.4.3CSS区块设定153

9.4.4CSS方框设定154

9.4.5CSS框线设定156

9.4.6CSS列表设定157

9.4.7CSS定位设定157

9.4.8CSS扩展设定159

9.4.9CSS过渡设定159

9.5案例演练160

第10章製作Div+CSS页面163

10.1Div与盒模型简介164

10.1.1认识Div164

10.1.2盒模型164

10.2理解标準布局165

10.2.1网页标準165

10.2.2内容、结构、表现和

行为165

10.3使用Div+CSS166

10.4插入Div标籤167

10.5常用Div+CSS布局方式168

10.5.1高度自适应布局168

10.5.2网页内容居中布局170

10.5.3网页元素浮动布局171

10.6案例演练174

第11章定位网页对象185

11.1使用绝对定位186

11.2使用相对定位188

11.3使用固定定位190

11.4案例演练192

第12章使用CSS3动画195

12.1使用CSS3Transition196

12.1.1CSS3Transition简介196

12.1.2设定缓动属性197

12.1.3设定缓动时间198

12.1.4设定延迟时间198

12.1.5设定缓动效果199

12.2使用CSS3Transform200

12.2.1CSS3Transform简介200

12.2.2製作变形选单203

12.2.3製作3D平面206

12.3使用CSS3Animation207

12.3.1CSS3Animation简介207

12.3.2製作旋转的商品图片210

12.4案例演练211

第13章设计HTML5结构217

13.1HTML5简介218

13.1.1创建HTML5档案218

13.1.2HTML5档案的基本结构219

13.1.3浏览器对HTML5的

支持221

13.2使用HTML5新增的主体

结构元素222

13.2.1使用section元素222

13.2.2使用article元素222

13.2.3使用aside元素223

13.2.4使用nav元素224

13.2.5使用time元素225

13.3使用HTML5新增的非主体

结构元素226

13.3.1使用header元素226

13.3.2使用hgroup元素227

13.3.3使用footer元素227

13.3.4使用figure元素228

13.3.5使用address元素229

13.4使用HTML5新增的其他

常用元素229

13.4.1使用mark元素230

13.4.2使用rp、rt和rudy元素230

13.4.3使用progress元素230

13.4.4使用command元素231

13.4.5使用embed元素231

13.4.6使用detail和summary

元素231

13.4.7使用datalist元素232

13.5使用HTML5新增的

全局属性233

13.5.1使用contentEditable属性233

13.5.2使用spellcheck属性233

13.5.3使用tabIndex属性233

13.6使用HTML5新增的

其他属性234

13.6.1使用表单相关属性234

13.6.2使用连结相关属性238

13.6.3使用其他属性239

13.7案例演练239

第14章使用网页行为241

14.1认识行为242

14.1.1行为的基础知识242

14.1.2JavaScript代码简介242

14.2使用行为调节浏览器视窗243

14.2.1打开浏览器视窗243

14.2.2转到URL244

14.2.3调用JavaScript245

14.3使用行为套用图像245

14.3.1交换图像与恢复交换

图像246

14.3.2拖动AP元素248

14.4使用行为显示文本249

14.4.1弹出信息249

14.4.2设定状态栏文本250

14.4.3设定容器的文本250

14.4.4设定文本域文字251

14.5使用行为载入多媒体252

14.5.1检查外挂程式252

14.5.2显示-隐藏元素253

15.5.3改变属性253

14.6使用行为控制表单254

14.6.1跳转选单、跳转选单

开始254

14.6.2检查表单256

14.7案例演练257

第15章製作移动设备网页263

15.1iQuery和jQueryMobile简介264

15.1.1iQuery264

15.1.2jQueryMobile264

15.2建立jQueryMobile页面265

15.3使用jQueryMobile组件267

15.3.1使用列表视图267

15.3.2使用布局格线270

15.3.3使用可摺叠区块271

15.3.4使用文本输入框271

15.3.5使用密码输入框272

15.3.6使用文本区域272

15.3.7使用选择选单273

15.3.8使用複选框273

15.3.9使用单选按钮274

15.3.10使用按钮275

15.3.11使用滑块275

15.3.12使用翻转切换开关275

15.4使用jQueryMobile主题276

15.5案例演练277

第16章使用模板和库项目279

16.1创建模板280

16.1.1将网页保存为模板280

16.1.2创建空白网页模板281

16.2编辑模板281

16.2.1设定可编辑区域281

16.2.2设定可选区域282

16.2.3设定重複区域283

16.3套用模板284

16.3.1从模板新建网页284

16.3.2为网页套用模板284

16.4管理模板285

16.4.1删除网页模板285

16.4.2打开网页上附加的模板285

16.4.3更新网页模板285

16.4.4将网页脱离模板285

16.5使用库项目286

16.5.1认识库项目286

16.5.2创建库项目286

16.5.3设定库项目286

16.5.4套用库项目287

16.5.5修改库项目287

16.6案例演练288