HTML5+CSS3网页美化与布局任务驱动式教程 第2版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5+CSS3网页美化与布局任务驱动式教程 第2版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

单元1网页美化与布局的基本属性设置体验与分析1

【知识预览】1

【验证训练】8

【任务1-1】验证美化与布局网页的基本属性设置8

【任务描述】8

【任务实施】8

【引导训练】17

【任务1-2】浏览网页0102.html的外观效果并分析其布局结构17

【任务描述】17

【任务实施】17

【任务1-3】浏览网页0103.html的外观效果并分析其布局结构18

【任务描述】18

【任务实施】18

【任务1-4】浏览网页0104.html的外观效果并分析其布局结构19

【任务描述】19

【任务实施】19

【任务1-5】浏览网页0105.html的外观效果并分析其布局结构20

【任务描述】20

【任务实施】20

【技术点睛】21

【同步训练】29

【任务1-6】浏览网页0106.html的外观效果并分析其布局结构29

【任务描述】29

【任务1-7】浏览网页0107.html的外观效果并分析其布局结构30

【任务描述】30

【任务1-8】浏览网页0108.html的外观效果并分析其布局结构30

【任务描述】30

【单元小结】31

单元2网页文本与段落的美化与布局32

【知识预览】32

【验证训练】42

【任务2-1】验证各种类型的文本属性设置42

【任务描述】42

【任务实施】43

【引导训练】44

【任务2-2】创建以正文文字为主体的网页0202.html44

【任务描述】44

【任务实施】44

【任务2-3】创建包含文本标题和多个文本段落的网页0203.html46

【任务描述】46

【任务实施】46

【任务2-4】创建包含导航文字和标题文字的网页0204.html48

【任务描述】48

【任务实施】49

【任务2-5】创建布局结构较复杂的文本网页0205.html51

【任务描述】51

【任务实施】51

【技术点睛】54

【同步训练】59

【任务2-6】创建包含正文内容和版权信息的网页0206.html59

【任务描述】59

【操作提示】59

【任务2-7】创建包含导航文字和标题文字的网页0207.html60

【任务描述】60

【操作提示】60

【单元小结】61

单元3网页图片与背景的美化与布局62

【知识预览】62

【验证训练】67

【任务3-1】验证各种类型的图片与背景属性设置67

【任务描述】67

【任务实施】68

【引导训练】68

【任务3-2】创建以图片为主体的网页0302.html68

【任务描述】68

【任务实施】69

【任务3-3】创建多张图片并行排列的网页0303.html70

【任务描述】70

【任务实施】70

【任务3-4】创建图片和文字的网页0304.html71

【任务描述】71

【任务实施】71

【任务3-5】创建带动画效果的相册网页0305.html74

【任务描述】74

【任务实施】74

【任务3-6】创建布局结构较复杂的图片墙网页0306.html78

【任务描述】78

【任务实施】79

【技术点睛】82

【同步训练】90

【任务3-7】创建多列图片展示的网页0307.html90

【任务描述】90

【操作提示】90

【任务3-8】创建图文混排的网页0308.html92

【任务描述】92

【操作提示】92

【单元小结】93

单元4 网页列表与表格的美化与布局94

【知识预览】94

【验证训练】99

【任务4-1验证各种类型的列表属性设置99

【任务描述】99

【任务实施】100

【任务4-2】验证各种类型的表格属性设置101

【任务描述】101

【任务实施】101

【引导训练】102

【任务4-3】创建以项目列表为主的标题新闻网页0403.html102

【任务描述】102

【任务实施】102

【任务4-4】创建项目列表式导航按钮的网页0404.html104

【任务描述】104

【任务实施】105

【任务4-5】创建应用项目列表模拟表格外观的网页0405.html107

【任务描述】107

【任务实施】107

【任务4-6】创建应用表格存放数据的网页0406.html112

【任务描述】112

【任务实施】112

【任务4-7】创建包含个性化表格的网页0407.html114

【任务描述】114

【任务实施】114

【技术点睛】116

【同步训练】119

【任务4-8】创建以项目列表为主的旅游攻略标题网页0408.html119

【任务描述】119

【操作提示】120

【任务4-9】创建以项目列表方式排列图片的网页0409.html121

【任务描述】121

【操作提示】121

【任务4-10】创建通过项目列表实现的三列式布局网页0410.html122

【任务描述】122

【操作提示】122

【任务4-11】创建以表格为主的网页0411.html124

【任务描述】124

【操作提示】124

【单元小结】126

单元5网页超链接与导航栏的美化与布局127

【知识预览】127

【验证训练】130

【任务5-1】验证各种类型的超链接属性设置130

【任务描述】130

【任务实施】131

【引导训练】132

【任务5-2】创建包含横向主导航栏的网页0502.html132

【任务描述】132

【任务实施】133

【任务5-3】创建包含横向主导航栏和锚链接的网页0503.html137

【任务描述】137

【任务实施】137

【任务5-4】创建包含纵向栏目导航栏和横向主导航栏的网页0504.html141

【任务描述】141

【任务实施】141

【任务5-5】创建包含图像热点链接的网页0505.html144

【任务描述】144

【任务实施】144

【技术点睛】149

【同步训练】153

【任务5-6】创建包含顶部横向导航栏的网页0506.html153

【任务描述】153

【操作提示】154

【任务5-7】创建包含锚链接和导航按钮的网页0507.html155

【任务描述】155

【操作提示】156

【任务5-8】创建包含多个矩形图像链接的网页0508.html160

【任务描述】160

【操作提示】160

【单元小结】161

单元6网页表单元素与表单的美化与布局162

【知识预览】162

【验证训练】166

【任务6-1】验证表单及表单控件各种类型的属性设置166

【任务描述】166

【任务实施】167

【引导训练】169

【任务6-2】创建酒店预订的表单网页0602.html169

【任务描述】169

【任务实施】170

【任务6-3】创建酒店搜索的表单网页0603.html178

【任务描述】178

【任务实施】179

【任务6-4】创建用户注册的表单网页0604.html182

【任务描述】182

【任务实施】182

【技术点睛】186

【同步训练】188

【任务6-5】创建旅游线路搜索的表单网页0605.html188

【任务描述】188

【操作提示】188

【任务6-6】创建用户登录的表单网页0606.html190

【任务描述】190

【操作提示】191

【单元小结】193

单元7网页特效的美化与布局194

【知识预览】194

【验证训练】199

【任务7-1】验证图片切换特效的属性设置199

【任务描述】199

【任务实施】200

【引导训练】201

【任务7-2】创建包含特效文字的网页0702.html201

【任务描述】201

【任务实施】201

【任务7-3】创建包含板块着色特效的网页0703.html203

【任务描述】203

【任务实施】203

【任务7-4】创建包含图片及特形相框特效的网页0704.html205

【任务描述】205

【任务实施】205

【任务7-5】创建包含横向图片滚动特效的网页0705.html207

【任务描述】207

【任务实施】207

【任务7-6】创建包含横向图片循环轮换特效的网页0706.html211

【任务描述】211

【任务实施】212

【任务7-7】创建包含纵向图片循环轮换特效的网页0707.html216

【任务描述】216

【任务实施】217

【技术点睛】222

【同步训练】226

【任务7-8】创建选项卡式切换文本内容的网页0708.html226

【任务描述】226

【操作提示】227

【任务7-9】创建单张图片轮换特效的网页0709.html229

【任务描述】229

【操作提示】229

【单元小结】232

单元8网页整体的美化与布局233

【知识预览】233

【验证训练】246

【任务8-1】验证网页的不同布局方式246

【任务描述】246

【任务实施】246

【引导训练】248

【任务8-2】创建浮动定位两列式布局的网页0802.html248

【任务描述】248

【任务实施】249

【任务8-3】创建绝对定位两列式布局网页0803.html251

【任务描述】251

【任务实施】251

【任务8-4】创建左宽右窄的两列式布局网页0804.html253

【任务描述】253

【任务实施】253

【任务8-5】创建左窄右宽的两列式布局网页0805.html256

【任务描述】256

【任务实施】256

【任务8-6】创建等距排列的四列式布局网页0806.html258

【任务描述】258

【任务实施】259

【任务8-7】创建不规则布局网页0807.html262

【任务描述】262

【任务实施】262

【技术点睛】266

【同步训练】283

【任务8-8】创建浮动定位两列规则分块的网页0808.html283

【任务描述】283

【操作提示】283

【任务8-9】创建三列式与四列式等距布局的网页0809.html286

【任务描述】286

【操作提示】286

【单元小结】288

附录A HTML5增减的标签与属性289

附录B HTML5的常用标签及其属性293

附录C CSS的属性297

附录D CSS的选择器303

附录E网页美化与布局课程设计313

参考文献316