XHTML+CSS网页布局与美化案例教程【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

XHTML+CSS网页布局与美化案例教程PDF格式电子书版下载

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

单元1 体验网页的布局与美化1

教学要点1

1.1 前导训练1

【任务1-1-1】创建本地站点1

【任务1-1-2】建立网页0101.html5

【任务1-1-3】准备网页0102.html且浏览其效果10

【任务1-1-4】准备网页0103.html且浏览其效果11

【任务1-1-5】准备网页0104.html且浏览其效果11

1.2 操作实战12

【任务1-2-1】体验网页中结构与表现的分离12

【任务1-2-2】体验符合web标准的网页设计规则17

【任务1-2-3】体验Dreamweaver CS3对CSS的支持18

【任务1-2-4】体验CSS的盒模型22

【任务1-2-5】体验CSS的选择符及属性设置33

【任务1-2-6】体验CSS属性值的缩写42

【任务1-2-7】体验Dreamweaver CS3中CSS的属性设置49

【任务1-2-8】体验使用XHTML+CSS布局网页53

1.3 拓展实践58

【任务1-3】分析网页index0102.html58

1.4 技术点睛58

1.4.1 盒模型尺寸的计算实例分析58

1.4.2 盒模型的兼容性问题60

1.5 知识拓展63

单元2 文本与列表的美化71

教学要点71

2.1 前导训练71

准备工作71

【任务2-1-1】创建网页0201.html72

【任务2-1-2】创建网页0202.html85

【任务2-1-3】创建网页0203.html93

【任务2-1-4】创建网页0204.html96

2.2 操作实战98

【任务2-2】创建网页index0201.html98

2.3 拓展实践106

【任务2-3】创建网页index0202.html106

2.4 技术点睛112

2.4.1 设置段落首字下沉效果112

2.4.2 控制列表项行内显示112

2.4.3 控制列表符号的个性化显示113

2.4.4 应用CSS样式实现列表的截字效果115

2.4.5 利用定义列表实现图像切换和选项卡切换115

2.5 知识拓展118

单元3 图像与背景的应用与美化129

教学要点129

3.1 前导训练129

准备工作129

【任务3-1-1】创建网页0301.html130

【任务3-1-2】创建网页0302.html136

【任务3-1-3】创建网页0303.html140

【任务3-1-4】创建网页0304.html144

3.2 操作实战 创建网页index0301.html148

3.3 拓展实践 创建网页index0302.html153

3.4 技术点睛160

3.4.1 图文混排布局160

3.4.2 制作全图排版网页162

3.4.3 实现“图片替代文本”效果163

3.4.4 利用CSS Sprites原理合成图片165

3.4.5 利用背景图像实现圆角布局166

3.4.6 利用CSS样式控制圆角布局170

3.4.7 利用CSS样式设置图像的阴影效果173

3.5 知识拓展174

单元4 超级链接与导航栏的美化180

教学要点180

4.1 前导训练181

准备工作181

【任务4-1-1】创建网页0401.html181

【任务4-1-2】创建网页0402.html188

【任务4-1-3】创建网页0403.html193

【任务4-1-4】创建网页0404.html196

4.2 操作实战 创建网页index0401.html200

4.3 拓展实践 创建网页index0402.html206

4.4 技术点睛214

4.4.1 利用CSS样式定义各种不同形式的超级链接214

4.4.2 利用定义列表制作垂直导航栏215

4.4.3 利用CSS样式实现水平导航栏及分隔小竖条216

4.4.4 利用背景图像制作立体导航菜单218

4.4.5 实现导航栏菜单自动伸缩和超级链接的悬停交换效果219

4.5 知识拓展220

单元5 表格的应用与美化222

教学要点222

5.1 前导训练222

准备工作222

【任务5-1-1】创建网页0501.html223

【任务5-1-2】创建网页0502.html226

【任务5-1-3】创建网页0503.html229

5.2 操作实战 创建网页index0501.html233

5.3 拓展实践 创建网页index0502.html236

5.4 技术点睛 应用JavaScript代码在网页中插入Flash动画242

5.5 知识拓展243

单元6 表单的应用与美化248

教学要点248

6.1 前导训练248

准备工作248

【任务6-1-1】创建网页0601.html249

【任务6-1-2】创建网页0602.html256

【任务6-1-3】创建网页0603.html261

【任务6-1-4】创建网页0604.html264

6.2 操作实战 创建网页index0601.html268

6.3 拓展实践272

【任务6-3-1】创建网页index0602.html272

【任务6-3-2】创建网页index0603.html274

6.4 技术点睛 表单按钮与单行文本域的美化276

6.5 知识拓展277

单元7 两列式网页的布局与美化281

教学要点281

7.1 前导训练281

准备工作281

【任务7-1-1】创建网页0701.html282

【任务7-1-2】创建网页0702.html285

【任务7-1-3】创建网页0703.html289

7.2 操作实战 创建网页index0701.html293

7.3 拓展实践 创建网页index0702.html297

7.4 技术点睛302

7.4.1 网页的单列式布局与元素的自适应302

7.4.2 网页元素的嵌套布局305

7.4.3 网页的两列式布局309

7.5 知识拓展315

7.5.1 如何使用CSS的定位属性控制元素的位置315

7.5.2 CSS布局网页的基本布局模型及各自的特点319

7.5.3 浮动清除属性clear的取值及其含义320

单元8 三列式网页的布局与美化326

教学要点326

8.1 前导训练326

准备工作326

【任务8-1-1】创建网页0801.html327

【任务8-1-2】创建网页0802.html333

【任务8-1-3】创建网页0803.html336

8.2 操作实战 创建网页index0801.html342

8.3 拓展实践 创建网页index0802.html346

8.4 技术点睛 三列式网页布局352

8.5 知识拓展355

单元9 多列式网页的布局与美化358

教学要点358

9.1 前导训练358

准备工作358

【任务9-1-1】创建网页0901.html359

【任务9-1-2】创建网页0902.html365

【任务9-1-3】创建网页0903.html370

9.2 操作实战 创建网页index0901.html373

9.3 拓展实践 创建网页index0902.html378

9.4 技术点睛 多行多列式网页布局386

9.5 知识拓展390

参考文献394