项目一  利用CSS设计页面排版 1

任务一：使用继承制作网页 6

知识储备 6

任务实践 17

任务二：设计百度Logo 19

知识储备 19

任务实践 29

任务三：排版新闻文稿 30

知识储备 30

任务实践 39

上机实训：制作百度搜索 42

实训背景 42

实训内容和要求 43

实训步骤 43

实训素材 46

习题 46

项目二  使用CSS设置图片和

控制背景图像 49

任务一：设计淘宝网页图片的布局 55

知识储备 55

任务实践 65

任务二：设计个人网站的主页 70

知识储备 70

任务实践 78

上机实训：制作古词

“念奴娇·赤壁怀古”网页 81

实训背景 81

实训内容和要求 82

实训步骤 82

实训素材 84

习题 85

项目三  使用CSS设计表格和表单 87

任务一：设计日历 93

知识储备 93

任务实践 101

任务二：设计娱乐新闻调查表 105

知识储备 105

任务实践 111

上机实训：制作新浪网民调查问卷 114

实训背景 114

实训内容和要求 114

实训步骤 114

实训素材 117

习题 117

项目四  使用CSS控制列表样式和

定义链接 119

任务一：设计百度导航条 125

知识储备 125

任务实践 134

任务二：设计美食图片欣赏网页 137

知识储备 137

任务实践 147

上机实训：制作网页的Tab菜单 150

实训背景 150

实训内容和要求 151

实训步骤 151

实训素材 157

习题 157

项目五  初识CSS + DIV排版布局 159

任务一：设计图片的签名 164

知识储备 164

任务实践 174

任务二：设计个人网页 176

知识储备 176

任务实践 186

上机实训：制作咖啡店网页 190

实训背景 190

实训内容和要求 191

实训步骤 191

实训素材 194

习题 195

项目六  剖析网页排版和CSS + DIV

布局 197

任务一：设计交河故城网页 205

知识储备 205

任务实践 210

任务二：设计禅意花园的两列

三列布局 214

知识储备 214

任务实践 228

上机实训：制作清明上河图网页 234

实训背景 234

实训内容和要求 235

实训步骤 235

实训素材 239

习题 239

项目七  使用CSS定位控制网页 241

任务一：设计浪漫式网页 246

知识储备 246

任务实践 253

任务二：设计展览式网页 257

知识储备 257

任务实践 273

上机实训：制作电子相册 276

实训背景 276

实训内容和要求 277

实训步骤 277

实训素材 284

习题 284

项目八  使用JavaScript控制CSS 287

任务：设计灯光效果 290

知识储备 290

任务实践 301

上机实训：制作跑马灯特效 302

实训背景 302

实训内容和要求 303

实训步骤 303

实训素材 304

习题 305

项目九  使用CSS设计XML文档

样式 307

任务：设计新闻网页 309

知识储备 309

任务实践 316

上机实训：制作诗情画意的图文网页 318

实训背景 318

实训内容和要求 319

实训步骤 319

实训素材 320

习题 321

参考答案 323

参考文献 325