CSS+DIV网页布局技术教程(本科教材)

项目一 利用CSS设计页面排版
任务一：使用继承制作网页
知识储备
任务实践
任务二：设计百度Logo
知识储备
任务实践
任务三：排版新闻文稿
知识储备
任务实践
上机实训：制作百度搜索
实训背景
实训内容和要求
实训步骤
实训素材
习题

项目二 使用CSS设置图片和
控制背景图像
任务一：设计淘宝网页图片的布局
知识储备
任务实践
任务二：设计个人网站的主页
知识储备
任务实践
上机实训：制作古词
"念奴娇·赤壁怀古"网页
实训背景
实训内容和要求
实训步骤
实训素材
习题

项目三 使用CSS设计表格和表单
任务一：设计日历
知识储备
任务实践
任务二：设计娱乐新闻调查表
知识储备
任务实践
上机实训：制作新浪网民调查问卷
实训背景
实训内容和要求
实训步骤
实训素材
习题

项目四 使用CSS控制列表样式和
定义链接
任务一：设计百度导航条
知识储备
任务实践
任务二：设计美食图片欣赏网页
知识储备
任务实践
上机实训：制作网页的Tab菜单
实训背景
实训内容和要求
实训步骤
实训素材
习题

项目五 初识CSS+DIV排版布局
任务一：设计图片的签名
知识储备
任务实践
任务二：设计个人网页
知识储备
任务实践
上机实训：制作咖啡店网页
实训背景
实训内容和要求
实训步骤
实训素材
习题

项目六 剖析网页排版和CSS+DIV
布局
任务一：设计交河故城网页
知识储备
任务实践
任务二：设计禅意花园的两列
三列布局
知识储备
任务实践
上机实训：制作清明上河图网页
实训背景
实训内容和要求
实训步骤
实训素材
习题

项目七 使用CSS定位控制网页
任务一：设计浪漫式网页
知识储备
任务实践
任务二：设计展览式网页
知识储备
任务实践
上机实训：制作电子相册
实训背景
实训内容和要求
实训步骤
实训素材
习题

项目八 使用JavaScript控制CSS
任务：设计灯光效果
知识储备
任务实践
上机实训：制作跑马灯特效
实训背景
实训内容和要求
实训步骤
实训素材
习题

项目九 使用CSS设计XML文档
样式
任务：设计新闻网页
知识储备
任务实践
上机实训：制作诗情画意的图文网页
实训背景
实训内容和要求
实训步骤
实训素材
习题

参考答案
参考文献