SCME初级3G/4G通信工程师 使用HTML语言开发WEB程序页面PDF电子书下载

第一部分理论 3

第1章 HTML语言基础 3

1.1 HTML文档的基本结构 5

1.1.1 HTML文档结构 5

1.1.2 HTML注释和特殊字符 7

1.1.3使用EditPlus创建第一个HTML文档 9

1.2 HTML基本标签 10

1.2.1格式标签 10

1.2.2文本标签 16

1.2.3图像标签 19

1.2.4超链接标签 22

第2章 表格与表单 31

2.1表格基础 33

2.1.1表格的基本结构 33

2.1.2如何创建表格 34

2.1.3表格属性 35

2.1.4表格嵌套 42

2.2表单 44

2.2.1表单概述 44

2.2.2 〈form〉标签 45

2.2.3输入元素input 46

2.2.4下拉列表框 53

2.3综合应用 55

第3章 样式表 65

3.1 CSS概述 67

3.1.1为什么需要CSS 67

3.1.2什么是CSS 68

3.2行内样式表 69

3.3内嵌样式表 70

3.4选择器 72

3.4.1标签选择器 72

3.4.2类选择器 74

3.4.3 ID选择器 75

3.4.4伪类选择器 77

3.4.5包含选择器 79

3.4.6组合选择器 80

3.5使用外部样式文件 81

3.6样式表的优先级 85

第4章 样式表应用 91

4.1常用标签 93

4.1.1 〈div〉与〈span〉 93

4.1.2 〈ul〉与〈1i〉 95

4.1.3〈p〉与〈h〉 97

4.1.4 〈table〉 98

4.2常用样式属性 100

4.2.1字体样式（font） 100

4.2.2边框样式（border） 101

4.2.3文本样式（text） 103

4.2.4方框样式（box） 105

4.2.5显示样式（display） 107

4.2.6浮动与清除（float&clear） 109

4.3长度单位 112

4.3.1 px与pt 112

4.3.2 em与ex 113

第5章XHTML语言基础 119

5.1 XHTML简介 121

5.1.1为什么使用XHTML 121

5.1.2什么是XHTML 121

5.2 XHTML特点及发展优势 122

5.3如何过渡到XHTML 122

5.4 XHTML与HTML的区别 123

5.4.1标签名称必须小写 123

5.4.2属性名称必须小写 124

5.4.3标签必须严格嵌套 124

5.4.4标签必须封闭 124

5.4.5属性值必须加双引号 124

5.4.6属性值必须使用完整形式 124

5.4.7用id属性代替name属性 125

5.4.8强制使用的XHTML元素 125

5.4.9 XHTML文档必须拥有一个根元素 125

5.5 XHTML基本标签 125

5.5.1块状标签 126

5.5.2行内标签 129

5.6使用XHTML标签进行页面布局 132

第6章 页面布局设计 137

6.1页面布局概述 139

6.1.1什么是页面布局 139

6.1.2常见的页面布局 140

6.2表格布局 141

6.3框架布局 143

6.3.1什么是框架布局 143

6.3.2创建复杂的框架页面 146

6.3.3框架与超链接 148

6.4 DIV布局 148

6.4.1什么是DIV布局 148

6.4.2 DIV布局的特点 150

6.4.3页面元素定位 151

6.4.4博客页面布局设计分析 154

第7章 布局类型——盒子模型 163

7.1盒子模型概述 165

7.1.1内容与表现分离 165

7.1.2盒子 166

7.1.3盒子之间的关系 168

7.2盒子定位 170

7.2.1静态定位（static ） 170

7.2.2绝对定位（absolute） 171

7.2.3相对定位（relative） 173

7.2.4包含块（include） 174

7.3综合应用 175

第8章 布局模型——流动、浮动模型 181

8.1标准文档流 183

8.2流动模型 183

8.2.1流动模型概述 183

8.2.2相对定位流动 185

8.3浮动模型 186

8.3.1为什么需要浮动模型 186

8.3.2什么是浮动模型 187

8.3.3浮动模型的特征 188

8.3.4浮动塌陷 188

8.3.5浮动清除 188

8.4 CSS基本布局 192

8.4.1单行单列 192

8.4.2单行两列 193

8.4.3单行三列 195

第9章 页面背景特效 205

9.1 background属性 207

9.1.1 background-image属性 207

9.1.2 background-repeat属性 208

9.1.3 background-position属性 209

9.2 CSS Sprites 212

9.2.1什么是CSS Sprites 212

9.2.2 CSS Sprites的优点 212

9.2.3 CSS Sprites的应用 213

9.3滑动门技术 216

9.3.1什么是滑动门技术 216

9.3.2滑动门实现原理 216

9.3.3滑动门的应用 216

第10章 导航栏 223

10.1水平导航菜单 225

10.1.1横向文本导航 225

10.1.2 tab导航 227

10.2垂直导航菜单 228

10.2.1箭头导航 228

10.2.2提示信息导航 231

10.3下拉式导航菜单 232

10.3.1垂直列表下拉导航 232

10.3.2水平列表下拉导航 234

第二部分 上机 241

上机1HTML语言基础 241

阶段1制作天涯社区新手指南页面 242

阶段2制作“找回密码”页面 244

阶段3制作“标签分类”页面 248

阶段4制作滚动新闻 250

上机作业 252

上机2表格与表单 257

阶段1创建表格的基本结构 258

阶段2使用嵌套表格 261

阶段3表单的使用 264

上机作业 266

上机3样式表 269

阶段1行内样式表的用法 270

阶段2内嵌样式表的用法 272

阶段3外部样式文件的用法 275

上机作业 278

上机4样式表应用 283

阶段1制作NBA新闻列表 284

阶段2制作搜索和登录页面 290

上机作业 292

上机5 X日TML语言基础 295

阶段1创建XHML基本结构 296

阶段2制作首字下沉效果 297

阶段3制作站点搜索页面 298

阶段4制作环绕文字与导航栏 300

上机作业 302

上机6页面布局设计 305

阶段1表格及hover伪类的用法 306

阶段2项目列表的基本用法 311

上机作业 314

上机7布局类型——盒子模型 317

阶段1搭建博客科技页面结构 318

阶段2制作博客科技页面左栏内容 319

阶段3制作博客科技页面中间及右栏内容 321

上机作业 326

上机8布局模型——流动、浮动模型 329

阶段1搭建迷你QQ相册结构 330

阶段2制作相册浏览区 332

阶段3制作相册导航栏 334

上机作业 338

上机9页面背景特效 341

阶段1制作重复背景效果 342

阶段2制作在线编辑器 343

阶段3制作QQ空间的Tab菜单 346

上机作业 349

上机10导航栏 353

阶段1搭建淘宝首页水平导航栏框架 354

阶段2制作淘宝首页水平导航栏内容 356

阶段3制作淘宝商城垂直导航栏 363

上机作业 367

第三部分在线学习 371

在线学习1使用Dreamweaver制作网页 371

综合练习 制作新闻版块 372

在线学习2滤镜的使用与网站配色方案 375

综合练习设计“我的博客”主页 376