前言

模块一 HTML语言

任务一 认识HTML

 1.1 案例一 创建第一个HTML文件

1.1.1 案例资讯

1.1.2 案例步骤

 1.2 案例二 正确进行网页布局

1.2.1 案例资讯

1.2.2 案例步骤

任务二 在网页中对文字及段落进行修饰

 2.1 案例一 在网页中插入绝美的文字

2.1.1 案例资讯

2.1.2 案例步骤

 2.2 案例二 设计布局合理的段落

2.2.1 案例资讯

2.2.2 案例步骤

 2.3 案例三 用列表让网页格式更工整

2.3.1 案例资讯

2.3.2 案例步骤

任务三 插入图片和多媒体让网页更生动

 3.1 案例一 我的音乐贺卡

3.1.1 案例资讯

3.1.2 案例步骤

 3.2 案例二 我的网页也能看电影

3.2.1 案例资讯

3.2.2 案例步骤

 3.3 案例三 我的滚动相册

3.3.1 案例资讯

3.3.2 案例步骤

任务四 如何实现页面的跳转

 4.1 案例一 用文字来进行超链接

4.1.1 案例资讯

4.1.2 案例步骤

 4.2 案例二 用图像制作导航条

4.2.1 案例资讯

4.2.2 案例步骤

任务五 学会使用表格

 5.1 案例一 制作成绩表

5.1.1 案例资讯

5.1.2 案例步骤

 5.2 案例二 制作课程表

5.2.1 案例资讯

5.2.2 案例步骤

 5.3 案例三 用表格进行复杂网页的布局

5.3.1 案例资讯

5.3.2 案例步骤

任务六 会用表单收集用户输入的信息

 6.1 案例一 制作用户登录界面

6.1.1 案例资讯

6.1.2 案例步骤

 6.2 案例二 制作用户注册界面

6.2.1 案例资讯

6.2.2 案例步骤

任务七 使用框架对页面进行分割

 7.1 案例一 使用普通框架进行页面分割

7.1.1 案例资讯

7.1.2 案例步骤

 7.2 案例二 使用内部框架进行页面分割

7.2.1 案例资讯

7.2.2 案例步骤

模块二 CSS语言

任务一 认识CSS

 1.1 案例一 我的第一个CSS文件

1.1.1 案例资讯

1.1.2 案例步骤

任务二 用CSS实现页面风格的统

 2.1 案例一 用CSS美化字体

2.1.1 案例资讯

2.1.2 案例步骤

 2.2 案例二 用CSS实现页面的精细排版

2.2.1 案例资讯

2.2.2 案例步骤

 2.3 案例三 用CSS设置对象的边框

2.3.1 案例资讯

2.3.2 案例步骤

 2.4 案例四 用CSS进行页面的颜色和背景设置

2.4.1 案例资讯

2.4.2 案例步骤

任务三 学会CSS的高级应用技巧

 3.1 案例一 用CSS实现层的排版

3.1.1 案例资讯

3.1.2 案例步骤

 3.2 案例二 用CSS的滤镜实现各种特效

3.2.1 案例资讯

3.2.2 案例步骤

模块三 JavaScript语言

任务一 认识JavaScript

 1.1 案例一 Title栏滚动特效

1.1.1 案例资讯

1.1.2 案例步骤

 1.2 案例二 水波文字效果

1.2.1 案例资讯

1.2.2 案例步骤

 1.3 案例三 页面中输入的年月曰是否正确

1.3.1 案例资讯

1.3.2 案例步骤

任务二 认识JavaScript对象

 2.1 案例一 打印机式字符输出

2.1.1 案例资讯

2.1.2 案例步骤

 2.2 案例二 页面两侧的小广告

2.2.1 案例资讯

2.2.2 案例步骤

 2.3 案例三 记忆测试

2.3.1 案例资讯

2.3.2 案例步骤

 2.4 案例四 很酷的日历

2.4.1 案例资讯

2.4.2 案例步骤

 2.5 案例五 产生随机数

2.5.1 案例资讯

2.5.2 案例步骤

任务三 认识浏览器对象

 3.1 案例一 显示Navigator对象属性

3.1.1 案例资讯

3.1.2 案例步骤

 3.2 案例二 子窗体返值到母窗体

3.2.1 案例资讯

3.2.2 案例步骤

 3.3 案例三 Screen综合应用实例

3.3.1 案例资讯

3.3.2 案例步骤

 3.4 案例四 隐藏菜单

3.4.1 案例资讯

3.4.2 案例步骤

任务四 认识事件

 4.1 案例一 可移动的导航条

4.1.1 案例资讯

4.1.2 案例步骤

 4.2 案例二 验证输入的注册信息

4.2.1 案例资讯

4.2.2 案例步骤

参考文献

《网页前端技术》是学习网页设计技能的入门级教材，也是掌握网页前端技术的首选教材，鉴于此，我们力求做到内容通俗易懂、可操作性强。而对于教学方法的改革，我们想努力地创新和探索。它可能不是最好的，但它绝对是我们最精心和努力的结果。

本书分为三个模块：第一个模块是HTML语言，HTML语言(Hyper Text Mark-up Language，超文本标记语言/超文本链接标识语言)是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言；第二个模块是CSS语言，CSS(Cascading Style Sheet，层叠样式表/级联样式表)是一组格式设置规则，用于控制Web页面的外观；第三个模块是JavaScript语言，JavaScript是Interaaet上最流行的脚本语言，并且可在所有主要的浏览器中运行。本书运用了大量的案例，便于读者熟练掌握HTML、CSS和JavaScript技术。

《网页前端技术》可作为高职院校网络相关专业的教材，也可作为从事网页设计方面工作的读者参考用书。本书由王敏杰、任云晖主编。

《网页前端技术》的网页制作是介于静态网页制作和动态网页制作之间的一门学科。本书共分为三个模块：HTML语言、CSS语言和JavaScript语言，从网页制作的基础认识到网页的一些简单变换，再到网页的高级应用，给想认识和掌握网页制作的初学者提供了一个入门级的教程。对初学者的网页制作提供了一个完善和实际的解决方案，也让希望在计算机网页制作方面有所成就的人增加自信心，让他们觉得计算机网页制作是如此简单和容易掌握，并且以此来进一步发展。

本书面向最实际和最富可操作性的技能，提供了完整的、具体的操作步骤，让使用者有遵循的依据。本书由王敏杰、任云晖主编。