Web前端项目开发实践

第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.2editplus(10)

  1.4.3dreamweaver(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)