网页前端技术PDF电子书下载

模块一 HTML语言 2

任务一 认识HTML 2

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

1.1.1 案例资讯 3

1.1.2 案例步骤 5

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

1.2.1 案例资讯 5

1.2.2 案例步骤 9

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

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

2.1.1 案例资讯 10

2.1.2 案例步骤 12

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

2.2.1 案例资讯 15

2.2.2 案例步骤 16

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

2.3.1 案例资讯 20

2.3.2 案例步骤 21

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

3.1 案例一 我的音乐贺卡 26

3.1.1 案例资讯 26

3.1.2 案例步骤 27

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

3.2.1 案例资讯 29

3.2.2 案例步骤 29

3.3 案例三 我的滚动相册 30

3.3.1 案例资讯 31

3.3.2 案例步骤 31

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

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

4.1.1 案例资讯 33

4.1.2 案例步骤 34

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

4.2.1 案例资讯 39

4.2.2 案例步骤 39

任务五 学会使用表格 41

5.1 案例一 制作成绩表 41

5.1.1 案例资讯 41

5.1.2 案例步骤 42

5.2 案例二 制作课程表 43

5.2.1 案例资讯 43

5.2.2 案例步骤 44

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

5.3.1 案例资讯 48

5.3.2 案例步骤 48

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

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

6.1.1 案例资讯 50

6.1.2 案例步骤 52

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

6.2.1 案例资讯 54

6.2.2 案例步骤 57

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

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

7.1.1 案例资讯 59

7.1.2 案例步骤 61

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

7.2.1 案例资讯 62

7.2.2 案例步骤 62

模块二 CSS语言 65

任务一 认识CSS 65

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

1.1.1 案例资讯 65

1.1.2 案例步骤 69

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

2.1 案例一 用CSS美化字体 71

2.1.1 案例资讯 71

2.1.2 案例步骤 72

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

2.2.1 案例资讯 73

2.2.2 案例步骤 74

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

2.3.1 案例资讯 75

2.3.2 案例步骤 76

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

2.4.1 案例资讯 78

2.4.2 案例步骤 79

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

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

3.1.1 案例资讯 81

3.1.2 案例步骤 83

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

3.2.1 案例资讯 85

3.2.2 案例步骤 86

模块三 JavaScrip语言 89

任务一 认识JavaScript 89

1.1 案例一 Title栏滚动特效 89

1.1.1 案例资讯 89

1.1.2 案例步骤 97

1.2 案例二 水波文字效果 98

1.2.1 案例资讯 98

1.2.2 案例步骤 100

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

1.3.1 案例资讯 102

1.3.2 案例步骤 108

任务二 认识JavaScript对象 113

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

2.1.1 案例资讯 113

2.1.2 案例步骤 119

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

2.2.1 案例资讯 121

2.2.2 案例步骤 123

2.3 案例三 记忆测试 125

2.3.1 案例资讯 125

2.3.2 案例步骤 128

2.4 案例四 很酷的日历 135

2.4.1 案例资讯 135

2.4.2 案例步骤 138

2.5 案例五 产生随机数 142

2.5.1 案例资讯 142

2.5.2 案例步骤 145

任务三 认识浏览器对象 148

3.1 案例一 显示Navigator对象属性 148

3.1.1 案例资讯 148

3.1.2 案例步骤 151

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

3.2.1 案例资讯 154

3.2.2 案例步骤 156

3.3 案例三 Screen综合应用实例 158

3.3.1 案例资讯 158

3.3.2 案例步骤 159

3.4 案例四 隐藏菜单 162

3.4.1 案例资讯 162

3.4.2 案例步骤 164

任务四 认识事件 168

4.1 案例一 可移动的导航条 168

4.1.1 案例资讯 168

4.1.2 案例步骤 180

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

4.2.1 案例资讯 183

4.2.2 案例步骤 186

参考文献 192