第1章 Web前端开发基础 1
1.1 Web前端开发实训目标 1
1.1.1 实训知识目标 1
1.1.2 实训能力目标 2
1.1.3 实训素质目标 2
1.2 Web前端开发实训项目概述 2
1.2.1 WCMS项目概述 2
1.2.2 WCMS项目前端界面分析 4
1.3 Web前端开发技术 6
1.3.1 HTML语言 6
1.3.2 CSS语言 7
1.3.3 JavaScript语言 8
1.3.4 AJAX框架 8
1.3.5 jQuery框架 9
1.3.6 BootStrap框架 9
1.3.7 EasyUI框架 9
1.4 Web前端开发工具 10
1.4.1 NotePad 10
1.4.2 EditPlus 10
1.4.3 Dreamweaver 10
1.4.4 HBuilder 12
1.4.5 浏览器工具 14
1.5 Web前端开发规范 19
1.5.1 Web前端项目开发实训工作流程 19
1.5.2 Web前端项目开发流程 19
1.5.3 Web前端开发代码规范 20
1.5.4 文档与源码提交规范 23
1.6 小结 24
第2章 WCMS项目前台首页设计与开发 25
2.1 项目描述 25
2.2 项目目标 26
2.3 项目实施 27
2.3.1 网站前台首页布局 27
2.3.2 网站Logo与站内搜索框制作 32
2.3.3 导航栏制作 35
2.3.4 文字列表面板制作 40
2.3.5 图片轮播制作 47
2.3.6 前台用户登录界面制作 51
2.3.7 前台用户注册界面制作 58
2.3.8 视频播放制作 63
2.3.9 选项卡面板制作 77
2.3.10 图文列表面板制作 82
2.3.11 快捷通道制作 86
2.3.12 底部版权信息制作 87
2.4 项目小结与拓展 91
第3章 WCMS项目前台栏目页与内容页设计与开发 93
3.1 项目描述 93
3.2 项目目标 94
3.3 项目实施 96
3.3.1 栏目页布局 96
3.3.2 顶部固定导航条制作 100
3.3.3 滚动通知公告制作 104
3.3.4 图文信息列表和文字信息列表制作 107
3.3.5 最热新闻制作 111
3.3.6 精彩评论制作 117
3.3.7 专业教育平台制作 121
3.3.8 栏目内容页制作 124
3.3.9 内容评论制作 133
3.3.10 回到顶部制作 139
3.3.11 侧栏分享制作 141
3.4 项目小结与拓展 145
第4章 WCMS项目后台管理页设计与开发 148
4.1 项目描述 148
4.2 项目目标 148
4.3 项目实施 149
4.3.1 后台登录页制作 149
4.3.2 网站后台首页制作 154
4.3.3 栏目管理制作 168
4.3.4 文章管理制作 181
4.3.5 文件管理制作 208
4.3.6 网站访问量图表统计制作 214
4.4 项目小结与拓展 245
附录 247
附录一 HTML标签及描述 247
附录二 CSS属性及描述 252
附录三 JavaScript常用对象方法 260
附录四 jQuery参考手册 266
附录五 Bootstrap参考手册 274
附录六 EasyUI参考手册 279
参考文献 282