第1章 网站开发基础知识介绍 1
本章引线 1
学习目标 1
案例一 了解网站开发流程 1
案例说明 1
案例步骤 2
本例知识点拓展 5
案例二 使用Dreamweaver创建站点 7
案例说明 7
案例步骤 7
本例知识点拓展 9
案例三 利用HTML+CSS制作简单的页面 17
案例说明 17
案例步骤 18
本例知识点拓展 22
本章总结 28
本章实训 28
第2章 HTML与CSS基础 30
本章引线 30
学习目标 30
案例一 制作宝马品牌介绍页面的结构——HTML标签 30
案例说明 30
案例步骤 31
本例知识点拓展 36
案例二 修饰宝马品牌介绍页面——CSS样式 44
案例说明 44
案例步骤 45
本例知识点拓展 48
本章总结 55
本章实训 55
第3章 网页中文字的应用 56
本章引线 56
学习目标 56
案例一 制作文字页面——设置文字样式 56
案例说明 56
案例步骤 56
本例知识点拓展 63
案例二 制作详细内容页面——设置段落及其他文字样式 69
案例说明 69
案例步骤 69
本例知识点拓展 73
案例三 制作列表页面——设置列表样式 78
案例说明 78
案例步骤 78
本例知识点拓展 82
本章总结 87
本章实训 87
第4章 网页中图像的应用 89
本章引线 89
学习目标 89
案例一 某公司产品与服务页面——元素中插入图像 89
案例说明 89
案例步骤 90
本例知识点拓展 95
案例二 某公司产品与服务页面——元素添加背景图像 98
案例说明 98
案例步骤 98
本例知识点拓展 103
本章总结 107
本章实训 107
第5章 导航栏的制作 108
本章引线 108
学习目标 108
案例一 制作纵向单导航栏 108
案例说明 108
案例步骤 108
本例知识点拓展 112
案例二 制作横向单导航栏 113
案例说明 113
案例步骤 113
案例三 制作纵向二级导航栏 116
案例说明 116
案例步骤 116
本例知识点拓展 120
案例四 制作横向双导航栏 121
案例说明 121
案例步骤 121
本章总结 127
本章实训 127
第6章 网页中表格的应用 128
本章引线 128
学习目标 128
案例一 突出的行和边界 128
案例说明 128
案例步骤 128
本例知识点拓展 136
案例二 斑马线效果 143
案例说明 143
案例步骤 143
案例三 用CSS3美化的表格 148
案例说明 148
案例步骤 148
本章总结 154
本章实训 154
第7章 网页中表单的应用 156
本章引线 156
学习目标 156
案例一 制作企业信用信息平台开通 156
案例说明 156
案例步骤 156
本例知识点拓展 164
案例二 美化企业信息平台页面——使用CSS控制表单 166
案例说明 166
案例步骤 167
本章总结 170
本章实训 170
第8章 CSS三种布局页面方式 171
本章引线 171
学习目标 172
案例一 CSS标准流布局 172
案例说明 172
案例步骤 172
案例二 CSS浮动布局 177
案例说明 177
案例步骤 177
本例知识点拓展 180
案例三 CSS定位布局 185
案例说明 185
案例步骤 185
本例知识点拓展 188
本章总结 191
本章实训 191
第9章 JavaScript的应用 193
本章引线 193
学习目标 193
案例一 JavaScript实现窗口自动关闭 193
案例说明 193
案例步骤 194
本例知识点拓展 195
案例二 JavaScript获取勾选项的值 198
案例说明 198
案例步骤 199
本例知识点拓展 204
本章总结 211
本章实训 211
第10章 DIV+CSS制作企业网站之页头页脚设计 213
本章引线 213
学习目标 214
案例一 页面设计前的准备工作 214
案例说明 214
案例二 企业网站首页——页头页脚设计 226
本章总结 229
本章实训 229
第11章 DIV+CSS制作企业网站之导航栏侧边栏设计 230
本章引线 230
学习目标 231
案例一 企业网站的导航栏设计 231
案例二 企业网站的侧边栏设计 238
本章总结 245
本章实训 245
第12章 DIV+CSS制作企业网站之主体设计 246
本章引线 246
学习目标 246
案例企业网站的主体设计 246
本章总结 259
本章实训 259
附录 260
附录A HTML标签(含HTML5标签) 260
附录B 常用CSS属性参考 265
参考文献 270