模块1 HTML基础

　1.1网站开发综述

　　1.1.1网站的基本概念

　　1.1.2静态网页与动态网页

　　1.1.3Web前端与后端

　　1.1.4网站开发技术路线

　　1.1.5HTML简介

　1.2常用标签

　　1.2.1文档标题

　　1.2.2段落

　　1.2.3文本格式化

　　1.2.4超链接

　　1.2.5图像

　　1.2.6列表

　1.3表格

　　1.3.1表格元素

　　1.3.2表格项目

　1.4表单

　　1.4.1表单简介

　　1.4.2表单元素

　　1.4.3表单项目

　1.5音视频元素

　　1.5.1audio元素

　　1.5.2video元素

　1.6语义元素

　　1.6.1元素

　　1.6.2元素

　　1.6.3元素

　　1.6.4元素

　　1.6.5元素

　　1.6.6元素

　　1.6.7元素和元素

　　1.6.8布局项目

　1.7练习与实训

模块2 CSS基础

　2.1CSS概述

　　2.1.1CSS简介

　　2.1.2CSS的基本使用

　　2.1.3CSS选择器

　　2.1.4案例：东坡居

　2.2CSS常用属性

　　2.2.1文本属性

　　2.2.2字体属性

　　2.2.3颜色和背景属性

　　2.2.4超链接属性

　　2.2.5列表属性

　　2.2.6表格属性

　　2.2.7案例：图文文档样式

　2.3盒子模型

　　2.3.1盒子模型简介

　　2.3.2盒子模型属性

　　2.3.3案例：用户注册页面

　2.4定位与布局

　　2.4.1定位

　　2.4.2 浮动

　　2.4.3页面布局

　2.5综合项目

　　2.5.1项目介绍

　　2.5.2网页结构描述

　　2.5.3浮动问题

　　2.5.4页面头部设计

　　2.5.5页面主体内容设计

　　2.5.6页面侧边栏设计

　　2.5.7页脚设计

　　2.5.8练习与实训

模块3 JavaScript基础

　3.1JavaScript入门——以九九乘法表为例

　　3.1.1项目HTML部分

　　3.1.2JavaScript代码规范

　　3.1.3输出

　　3.1.4变量与数据类型

　　3.1.5运算符

　　3.1.6条件语句

　　3.1.7循环

　　3.1.8项目JavaScript部分

　　3.1.9项目CSS部分

　　3.1.10练习与实训

　3.2JavaScript进阶——以日历为例

　　3.2.1项目HTML部分

　　3.2.2数组

　　3.2.3函数

　　3.2.4内置对象

　　3.2.5项目JavaScript部分

　　3.2.6项目CSS部分

　　3.2.7练习与实训

　3.3HTML DOM对象——以用户注册为例

　　3.3.1项目HTML部分

　　3.3.2项目CSS部分

　　3.3.3DOM

　　3.3.4HTML DOM文档

　　3.3.5HTML DOM的属性与方法

　　3.3.6HTML DOM事件

　　3.3.7创建JS对象

　　3.3.8项目相关技术

　　3.3.9项目JavaScript部分

　　3.3.10练习与实训

　3.4定时器——以随机点名程序为例

　　3.4.1项目HTML部分

　　3.4.2项目CSS部分

　　3.4.3定时器函数

　　3.4.4项目相关技术

　　3.4.5项目JavaScript部分

　　3.4.6补充案例：万花筒

　　3.4.7练习与实训

　3.5

　　3.5.1项目界面部分

　　3.5.2绘图技术

　　3.5.3项目JavaScript部分

　　3.5.4补充案例：笑脸

　　3.5.5补充案例：《黑客帝国》屏保

　　3.5.6练习与实训

　3.6综合项目：画册

　　3.6.1Font Awesome图标

　　3.6.2项目文件结构

　　3.6.3HTML部分

　　3.6.4CSS部分

　　3.6.5项目相关技术

　　3.6.6JavaScript部分

　　3.6.7练习与实训

模块4 综合实例

　4.1准备工作

　4.2静态页面实现

　　4.2.1页面结构分析和初始化代码

　　4.2.2header区域实现

　　4.2.3logo区域实现

　　4.2.4menu区域实现

　　4.2.5main区域实现

　　4.2.6news区域实现

　　4.2.7department区域实现

　　4.2.8slogan区域实现

　　4.2.9footer区域实现

　4.3使用JavaScript添加动态效果

　　4.3.1下拉菜单实现

　　4.3.2飘浮广告实现

　　4.3.3轮播图片实现

　4.4实例小结

参考文献