HTML5+CSS3网站前台设计项目化教程

项目1概貌体验项目：初识网站

1.1项目介绍

1.2搭建开发环境

1.2.1工作任务

1.2.2技术理论

1.2.3任务实施

1.2.4知识拓展

1.3认识网站与网页

1.3.1工作任务

1.3.2技术理论

1.3.3任务实施

1.3.4知识拓展

1.4编辑与调试

1.4.1工作任务

1.4.2任务实施

1.5发布与测试

1.5.1工作任务

1.5.2任务实施

1.5.3知识拓展

1.6技术要点

1.7项目进阶

1.8课外实践

项目2入门项目：个人主页网站设计

2.1项目介绍

2.2知识准备

2.2.1html概述

2.2.2HTML5

2.2.3css概述

2.2.4css3

2.3网站规划与设计

2.4导航模块

2.5个人简介模块

2.6个人履历模块

2.7个人荣誉模块

2.8照片集模块

2.9作品集模块

2.10“与我联系”模块

2.11项目进阶

2.12课外实践

项目3进阶项目：教育门户网站前台设计

3.1项目介绍

3.2知识准备

3.2.1bootstrap样式框架

3.2.2javascript基础

3.3网站规划与设计

3.3.1网站设计需求

3.3.2网站风格定位

3.3.3网站结构布局

3.4学院首页

3.4.1标题区域设计

3.4.2导航区域设计

3.4.3巨屏区域设计

3.4.4图文区域1设计

3.4.5图文区域2设计

3.4.6图文区域3设计

3.4.7版权区域设计

3.5专业介绍页面

3.5.1标题区域设计

3.5.2图文区域设计

3.6“关于我们”页面

3.7*新资讯页面

3.7.1资讯区域设计

3.7.2侧边区域设计

3.8“联系我们”页面

3.8.1联系方式设计

3.8.2在线提问设计

3.9项目进阶

3.10课外实践

项目4提高项目：移动新闻网站前台设计

4.1项目介绍4.2知识准备

4.2.1json数据格式

4.2.2jQuery基础

4.2.3ajax

4.3网站规划与设计

4.4新闻首页

4.5新闻列表模块

4.6新闻阅读模块

4.7项目进阶

4.8课外实践

项目5自主项目：个人记账助手设计

5.1项目介绍

5.2知识准备

5.3网站规划与设计

5.3.1账目登记表单设计

5.3.2账目记录列表设计

5.3.3用户操作流程设计

5.4数据结构设计

5.4.1账目记录项

5.4.2账目记录列表

5.4.3账目编号

5.5系统编码实现

5.5.1初始化处理

5.5.2新增或修改消费记录

5.5.3删除消费记录

5.5.4清空消费记录

5.5.5用户体验改进

5.6项目进阶

5.7课外实践

项目6综合项目：打地鼠游戏设计

6.1项目介绍

6.2系统功能分析

6.3设计用户界面

6.3.1网页布局

6.3.2地鼠图片引入

6.4系统编码实现

6.4.1初始化处理

6.4.2显示和隐藏地鼠函数

6.4.3敲击函数

6.4.4开始按钮处理事件

6.4.5结束按钮处理事件

6.4.6震动效果函数

6.4.7绑定事件处理函数

6.4.8*终实现代码

6.5项目进阶

6.6课外实践

参考文献