本书共分为4个模块, 模块1主要介绍了HTML语言, 主要包括常用标签、表格、表单、HTML5新增的音视频元素和语义元素等内容。模块2主要介绍了CSS基础知识, 包括CSS选择器、常用属性、盒子模型、定位和布局等内容。模块3主要讲解JavaScript语言, 通过大量案例, 介绍了JavaScript基本语法、数组、函数、内置对象、DOM操作、定时器、绘图等内容的基本概念和实际应用。模块4通过一个综合案例, 综合运用前3章所学知识, 模仿制作扬工院主页, 并实现一定的动态效果。
前言
编者结合多年Web前端教学经验，将平时授课中所用的素材和案行精心整理，编写了这本案例丰富、难度适中、适合零基础读者入门的《Web前端设计基础教程》。
本书具有以下：
（1）编写时严格筛选知识点，摒弃在实际开发中早已淘汰或使用很少的技术，不求面面俱到，每个模块覆盖常用、重要的技术和知识，对读行。
（2)在兼顾传统HTML、CSS、JavaScript基础知识的前提下，尽量渗透从新标准中带来的新理念和新技术。
（3)综合实例选择模仿制作学校网站主页，对读者熟悉的情行开发，能显著提升读者的成就感。
（4）发挥“互联网+教材”的优势，读者使用手机扫描书中二维码即可获得在线的数字资源。同时，本书提供配套教学课件、素材、源代码、试卷等供任课教师使用。
本书由扬州工业职业技术学院秦久明和张亮任主编，奚修学和戴菲任副主编，董学枢主审。薛娟、郭静和唐苏旭在过程中提出了宝贵意见，在此一并表示感谢。
尽管我们已经尽了大努力，但书中难免存在不足之处，欢迎读者提出宝贵意见，我们将不胜感激。可以通过电子邮件与我们取得联系，请发送电子邮件至zhliang@ypi.edu.cn。
模块1HTML基础
1.1网站开发综述
1.1.1网站的基本概念
1.1.2静态网页与动态网页
1.1.3Web前端与后端
1.1.4网站开发技术路线
1.1.5HTML简介
1.2常用标签
1.2.1文档标题
1.2.2段落
1.2.3文本格式化・
1.2.4超链接
1.2.5图像
1.2.6列表
1.3表格
1.3.1表格元素
1.3.2表格项目
1.4表单
1.4.1表单简介
1.4.2表单元素
1.4.3表单项目
1.5音元素
1.5.1audio元素
1.5.2 video元素
1.6语义元素
1.6.1〈header>元素
1.6.2〈section〉元素
1. 6.3〈article〉元素
1.6.4
元素
1.6.5 〈aside〉元素…
1.6.6 〈footer〉元素
1.6.7 〈figure〉元素和〈figcaption〉元素
1.6.8布局项目…
1.7练训·
模块2CSS基础
2.1CSS概述
2.1.1CSS简介
2.1.2CSS的基本使用
2.1.3CSS选择器
2.1.4案例：东坡居
2.2CSS常用属性·
2.2.1文本属性
2.2.2字体属性
2.2.3颜色和背景属性
2.2.4超链接属性…
2.2.5列表属性
2.2.6表格属性
2.2.7案例：图文文档样式
2.3盒子模型
2.3.1盒子模型简介
2.3.2盒子模型属性
2.3.3案例：用户注册页面
2.4定位与布局
2.4.1定位
2.4.2浮动
2.4.3页面布局
2.5综合项目
2.5.1项目介绍
2.5.2网页结构描述
2.5.3浮动问题
2.5.4页面头部设计
2.5.5页面主体内容设计
2.5.6页面侧边栏设计
2.5.7页脚设计
2.5.8练训
模块3JavaScript基础
3.1 JavaScript入门——以九九乘法表为例
……
3.5.2绘图技术
3.5.3 项目JavaScript部分
3.5.4补充案例：笑脸
3.5.5补充案例：《黑客帝国》屏保
3.5.6练训
3.6综合项目：画册·
3.6.1 Font Awesome 图标
3.6.2项目文件结构·
3.6.3项目HTML部分
3.6.4项目CSS部分
3.6.5项目相关技术
3.6.6 项目JavaScript部分·
3.6.7练训
模块4综合实例
4.1准备工作
4.2静态页面实现
4.2.1页面结构分析和初始化代码
4.2.2 header区域实现
4.2.3logo区域实现
4.2.4 menu 区域实现
4.2.5 main 区域实现
4.2.6 news 区域实现
4.2.7department 区域实现
4.2.8 slogan 区域实现
4.2.9 footer 区域实现
4.3使用JavaScript 添加动态效果
4.3.1下拉菜单实现
4.3.2飘浮广告实现
4.3.3轮播图片实现
4.4实例小结
参考文献
新书资讯
