第一章  网站开发入门

本章导读

学习目标

案例一  了解网站开发流程

案例说明

案例步骤

支撑知识点

案例二  创建Dreamweaver站点

案例说明

案例步骤

支撑知识点

案例三  制作简单的HTML+CSS页面

案例说明

案例步骤

支撑知识点

本章总结

本章实训

第二章  HTML标签与CSS样式基础

本章导读

学习目标

案例一  制作鲜花导购网页的结构——HTML标签

案例说明

案例步骤

支撑知识点

案例二  修饰鲜花导购网页——CSS样式基础

案例说明

案例步骤

支撑知识点

本章总结

本章实训——制作个人主页

第三章  使用CSS设置文字效果

本章导读

学习目标

案例一  制作个人博客首页——设置文字样式

案例说明

案例步骤

支撑知识点

案例二  制作个人博客子页——设置段落和其他文字样式

案例说明

案例步骤

支撑知识点

案例三  制作个人博客排行榜——设置列表样式

案例说明

案例步骤

支撑知识点

本章总结

本章实训——制作企业新闻网页

第四章  使用CSS设置图片效果和网页背景

本章导读

学习目标

案例一  制作休闲文章页面——设置图片效果

案例说明

案例步骤

支撑知识点

案例二  制作童话故事页面——设置网页元素背景

案例说明

案例步骤

支撑知识点

本章总结

本章实训——制作旅游景点介绍网页

第五章  制作导航栏并使用CSS美化

本章导读

学习目标

案例一  制作简单纵向导航栏

案例说明

案例步骤

支撑知识点——使用CSS的一些小技巧

案例二  制作简单横向导航栏

案例说明

案例步骤

案例三  制作带图片效果的横向导航栏

案例说明

案例步骤

案例四  制作带下拉菜单的横向导航栏

案例说明

案例步骤

支撑知识点——使用CSS的一些小技巧

本章总结

本章实训——制作3个不同的导航菜单

第六章  制作表格并使用CSS美化

本章导读

学习目标

案例一  制作2012年世界杯分组表——构建和美化表格

案例说明

案例步骤

支撑知识点

案例二  制作月历——使用CSS控制表格进阶

案例说明

案例步骤

支撑知识点

本章总结

本章实训——设计两个表格

第七章  制作表单并使用CSS美化

本章导读

学习目标

案例一  制作注册页面——表单的HTML结构

案例说明

案例步骤

支撑知识点——常用的表单HTML标签

案例二  美化注册页面——使用CSS控制表单

案例说明

案例步骤

支撑知识点——使用CSS定义表单样式

本章总结

本章实训——制作快递信息输入页面

第八章  CSS与浏览器兼容问题

本章导读

学习目标

案例一  无序列表的兼容性

案例二  浮动在IE下产生的双倍距离

案例三  在IE 6中图片下方有空隙产生

案例四  3像素问题

案例五  浏览器不能自适应高度

案例六  margin值加倍问题

支撑知识点

本章总结

第九章  CSS标准流布局——制作企业网站的新闻显示页面

本章导读

学习目标

案例一  对页面进行整体布局——盒子模型

案例说明

案例步骤

支撑知识点——盒子模型的概念

案例二  制作页头部分——标准流布局概念

案例说明

案例步骤

支撑知识点——标准流的概念

案例三  制作新闻正文显示部分

案例说明

案例步骤

支撑知识点——margin使用注意事项

本章总结

本章实训

一、制作博客网站日志页面

二、制作企业简介页面

第十章  CSS浮动布局——制作企业网站新闻列表页面

本章导读

学习目标

案例一  对页面进行整体布局——浮动布局概念

案例说明

案例步骤

支撑知识点

案例二  制作搜索栏目

案例说明

案例步骤

案例三  制作新闻菜单

案例说明

案例步骤

案例四  制作新闻列表

案例说明

案例步骤

本章总结

本章实训

一、制作个人文集页面

二、制作博客网站主页

第十一章  CSS定位布局——制作企业网站首页

本章导读

学习目标

案例一  对页面进行整体布局——CSS定位属性

案例说明

案例步骤

支撑知识点

案例二  制作图片新闻栏目

案例说明

案例步骤

案例三  制作新闻列表栏目

案例说明

案例步骤

案例四  制作企业首页的其他栏目

案例说明

案例步骤

本章总结

本章实训

一、制作博客网站日志页面

二、制作学校网站主页

第十二章  JavaScript的应用

本章导读

学习目标

案例一  使用JavaScript实现关闭窗口功能

案例说明

案例步骤

支撑知识点

案例二  制作跑马灯效果

案例说明

案例步骤

支撑知识点

本章总结

本章实训

一、制作交换图像效果

二、屏蔽网页鼠标右键

第十三章  综合应用1——制作婚礼策划机构首页

本章导读

案例分析

案例一  搭建页面整体框架

一、整体布局分析

二、编写HTML代码

三、编写CSS代码

案例二  制作网页头部

一、模块分析

二、编写HTML代码

三、编写CSS代码

案例三  制作网页导航部分

一、模块分析

二、编写HTML代码

三、编写CSS代码

案例四  制作主体内容的上面部分

一、制作左边登录部分

二、制作右边图片显示部分

案例五  制作主体内容的中间部分

一、制作左侧婚礼资讯部分

二、制作右侧视频显示区

案例六  制作主体内容的下面部分

一、模块分析

二、编写HTML代码

三、编写CSS代码

案例七  制作友情链接部分

一、模块分析

二、编写HTML代码

三、编写CSS代码

案例八  制作网页底部

第十四章  综合应用2——制作海南旅游网首页

本章导读

案例分析

案例一  搭建页面整体框架

一、整体布局分析

二、编写HTML代码

三、编写CSS代码

案例二  制作网页头部

一、模块分析

二、编写HTML代码

三、编写CSS代码

案例三  制作主体内容的上面部分

一、制作今日三亚栏目

二、制作广告条部分

三、制作右边快捷按钮部分

案例四  制作主体内容的下面部分

一、制作旅游资讯栏目

二、制作推荐路线栏目

三、制作酒店推荐栏目

四、制作推荐景点栏目

案例五  制作友情链接栏目

一、模块分析

二、编写HTML代码

三、编写CSS代码

案例六  制作页面底部

一、模块分析

二、编写HTML代码

三、编写CSS代码