本教材以培养具有良好综合素质，掌握Web前端开发基础知识，具备静态网页设计、开发、调试等能力，能从事Web前端开发工作的技术技能型人才为目标来进行编写。本教材以流行的Hbuilder软件为开发工具，通过五个单元全面介绍了网站前端开发技术。
本教材可作为高等职业院校人工智能技术服务、计算机应用技术、计算机网络技术、软件技术、信息管理、电子商务技术等专业学生的网络课程教材，也可供从事计算机网Web前端开发工程技术人员使用。

单元一 网站前端开发基础
项目一 网站开发入门
任务一 学习网站开发基础
任务二 了解前端开发技术
任务三 在HBuilder中创建站点
任务四 使用常用浏览器调试网页
单元二 HTML结构化语言
项目二 HTML应用—“学校概况”结构页设计
任务一 学习HTML5基础
任务二 在网页中添加文本
任务三 制作图文混排效果
任务四 使用HTML5创建超链接
单元三 CSS表现技术
项目三 CSS表现技术基础知识
任务一 了解CSS3基本语法及应用
任务二 使用CSS3选择器
任务三 了解CSS3层叠性、继承性与优先级
项目四 CSS3应用-—“学校概况”页面样式设计
任务一 使用CSS3设计背景
任务二 使用CSS3设计文字效果
任务三 使用CSS3设置列表样式
项目五 HTML5布局—新城实验小学“首页”设计
任务一 设计首页整体布局
任务二 设计主体内容部分布局
任务三 制作头部和版权部分页面
任务四 制作主体内容部分页面
项目六 HTML5表格与表单—“用户注册”页面设计
任务一 设计表格布局
任务二 设计与美化表单
单元四 JavaScript交互技术
项目七 JavaScript交互技术基础知识
任务一 学习JavaScript基础
任务二 利用JavaScript进行用户注册信息验证
项目八 JavaScript应用实例1
任务设计“校园风采”模块焦点图轮播特效
项目九 JavaScript应用实例2
任务 设计“新闻动态/通知公告”Tab面板
单元五 综合实训—企业网站设计
实训一 策划网站
实训二 设计网站首页
实训三 设计新闻列表页
实训四 设计新闻内容页
参考文献