本书为高职院校教材。内容上，本书以电网前后台页面制作为主线，采用项目式编写方法，从读者的认知角度出发，对前端基础知识进行讲解。本书共有4个章节，主要内容涵盖项目需求分析和页面设计过程、HTML常用标签和属性、CSS属性和选择器、DIVCSS页面布局、JavaScript基础知识等，最终让读者掌握前端开发技术。 本书适合零基础想要从事网页制作、Web前端开发等行业的初学者或爱好者，也可作为普通高等院校计算机及相关专业课程的教材。

项目1 电网门户网站网页设计与制作
任务1.1 电网门户项目需求规划
任务1.2 打开Web世界的大门
项目2 电网门户网站首页开发
任务2.1 量身定制——div+CSS实现首页整体布局规划
任务2.2 小试牛刀——首页顶部(TopBar)的实现
任务2.3 首页标题栏(NavBar)的实现
任务2.4 首页轮播图的实现
任务2.5 首页左侧固定导航栏与滚动公告栏的实现
任务2.6 首页主要内容展示
任务2.7 首页底部(footer)的实现
项目3 电网后台管理系统页面开发
任务3.1 登录页面开发
任务3.2 后台管理系统主页面开发
任务3.3 新闻发布与管理页面开发
项目4 参考手册附录
任务4.1 HTML5标签列表
任务4.2 CSS属性参考手册
任务4.3 CSS3属性——多列(column)
任务4.4 CSS3属性——弹性盒子(flex)
任务4.5 CSS选择器参考手册
参考文献