玫瑰家族HTML/CSS/JavaScript教室PDF电子书下载

第1章　HTML！熟悉它的基础知识 3

1.1 01 撕掉初学者的标签 3

1．了解HTML 3

2．HTML的简单规则 7

3．在网络浏览器上运行HTML 10

1.2 02 前进吧！从设定网页的标签开始 10

1．使用〈HEAD〉标签设定网页 18

2．使用〈BODY〉标签设定页面 22

3．运用标签进行分段和对齐 26

1.3 03 该怎样改变文本 38

1．设定文字大小、颜色和模样 38

2．设定标题文字的大小、颜色和对齐方式 40

3．制作四处运动的文字 41

4．美化文字的标签 43

5．多样化的特殊文字 46

1.4 04 学习可自由移动的链接标签 46

1．链接文本和图片 48

2．设定链接页面的出现位置 52

3．去除链接图片的蓝色边框 53

4．单击小图使其变大 54

5．链接下载文件 55

6．在特定的位置上进行链接 56

7．用链接发送电子邮件 59

8．事先设置电子邮件的标题 59

1.5 05 给图片添加标签 63

1．插入图片——高、宽及说明文字 63

2．为图片设定边框 67

3．对齐图片 68

4．为图片设置空白 72

5．利用Photoshop制作图片地图 73

1.6 06 学习目录标签 82

1．制作有序目录 82

2．制作无序目录 87

3．制作自定义目录 88

4．用图片装点目录 89

1.7 07 想知道怎样制作漂亮的表格吗1．什么是表格？ 92

2．制作基本表格 93

3．在表格上标注标题 95

4．设定表格的大小 96

5．设定单元格内文字和图片的位置 97

6．设定表格的空白 97

7．简便合并单元格 99

8．为表格添加漂亮的立体边框 102

9．控制表格边框各位置的颜色 103

10．在表格中添加漂亮的背景色和背景图片 107

1.8 08 制作极具幻想效果的图文框 107

1．划分基本图文框 120

2．固定图文框的大小 122

3．在图文框中控制滚动条 124

4．调整图文框内的空白 126

5．设定图文框边框的粗细和颜色 129

6．在文本的特定位置嵌入图文框 131

7．在图文框上添加链接 134

1.9 09 制作有型有款的表单 143

1．制作文本输入栏 143

2．制作密码输入栏 145

3．制作文本输入区 146

4．制作单选按钮（radio button） 146

5．制作复选框（checkbox） 147

6．设定文件路径 148

7．制作下拉菜单 149

8．制作提交按钮和重设按钮 151

第2章　给网页插上CSS的翅膀 161

2.1 01 唯我风采的CSS 161

1．你喜欢什么风格？ 161

2．用CSS控制标签 162

3．CSS常用语和基本样式 165

2.2 02 怎样嵌入样式表？想知道 165

1．方法①：内嵌至HEAD部分 167

2．方法②：使用外部样式表——链接模式 167

3．方法③：直接插入至标签部分 168

4．方法④：使用外部样式表——Import模式 169

2.3 03 风格能适用于标签吗 172

1．使风格适用于标签 172

2．使风格适用于特定标签中的下位标签 172

3．使风格只适用于自己指定的部分（class属性） 172

4．使风格适用于自己指定的部分（id属性） 174

2.4 04 了解基本才能成为高手 177

1．左右文字风格的两大属性 177

2．背景设计交给我吧！background属性和color属性 184

3．使边框绚丽多彩的border边框属性 191

4．在目录上添加风格——list属性 197

5．调整layer位置的pos…on属性 200

2.5 05 赋予滚动条多样的色彩 207

1．使滚动条五彩缤纷 207

2．利用滚动条制作单一的文字箱 208

3．制作插入滚动条的漂亮表格 210

2.6 06 用滤镜给文本和图片增添Photoshop效果 210

1．搞定使图片具有透明效果的Alpha滤镜 213

2．生成图片和文本的阴影效果 215

3．利用shadow滤镜生成阴影 217

4．模糊图片的blur滤镜 218

5．有去除特定颜色的功能吗？ 219

6．在图片上增添可以写字的mask效果，猛吧！ 220

7．颠倒上下，调转左右！真的吗？ 221

8．文字也能发光 223

9．能转换成黑白图片吗？不用Photoshop也行吗？ 223

10．使图片产生胶片效果 224

11．想制作像X光片那样的黑白图像 225

12．使图片产生波纹效果 226

2.7 07 其他实用的例题集锦 229

1．丰富链接部分文本的风格 229

2．给表单“穿上”帅气的边框 230

3．图文框上的粉红色虚线边框 232

4．用fieldset制作风格多样的表格 233

5．制作透明的iframe 235

6．制作当鼠标光标移上时图片会产生变化的菜单 236

7．制作当鼠标光标移上时表格内会显示图片的菜单 237

8．制作当鼠标光标移上时颜色会产生变化的目录选项 238

第3章　用Java Scri pt装点绚丽的网页3.1 01 JavaScript！应该了解哪些1．何谓JavaScript？ 243

2．JavaScript的功能 243

3．JavaScript的形态 245

4．在HTML中嵌入JavaScript 247

3.2 02 简单编写JavaScript 250

1．利用记事本编写JavaScript 250

2．利用NAMO WebEditor编写JavaScript 251

3.3 03 显示日期和时间 254

1．告知日期和时间 254

2．每天都有新的问候 256

3．能每个小时呈现不同信息的Script 258

4．制作漂亮的图像时钟 260

5．制作精美的日历 263

6．D-day功能 265

3.4 04 生成帅气的文本效果 269

1．生成键入效果的Script 1 269

2．生成键入效果的Script 2 270

3．使信息在显示框内来回移动的Script 272

4．当鼠标移上文字时，显示框内会显示说明文字的Script 274

5．新闻或公告事项中使用的Script 1 276

6．新闻或公告事项中使用的Script 2 277

7．生成跃然而出的欢迎语的Script 279

8．使访问者在芳名录上留言的Script 281

3.5 05 制作动感十足的图片 285

1．鼠标一碰，图片就变 285

2．每次打开网页，图片都会变化 288

3．图片自然滑动 289

4．时而清晰时而模糊的图片 292

5．图片四处闪现最终消失 294

6．零碎图块滑动拼凑成完整图片 296

7．利用转换滤镜变换图片 300

3.6 06 与鼠标相关的各类效果 303

1．鼠标移上时菜单发生变化 303

2．禁止使用鼠标右键 305

3．随鼠标移动的图片 306

4．随鼠标移动的块状图片 307

5．文本随着鼠标滴溜溜地转 309

6．单击鼠标右键，弹出“添入收藏夹”窗口 311

3.7 07 状态栏也可以吸引眼球 314

1．状态栏上的闪动信息 314

2．在状态栏上显示当前时间 315

3．在状态栏上显示动态文本 316

4．在状态栏上只显示信息而不显示链接地址 318

5．信息一个字一个字地显示 318

6．信息在状态栏上来回移动 320

3.8 08 为背景添加多样效果 324

1．鼠标移上文本时，背景色产生变化 324

2．为背景添加Fade效果 325

3．生成随鼠标移动的十字线效果 327

4．利用META标签转换画面 328

5．雪花簌簌落下的效果 331

6．水泡噗噗向上冒的效果 334

3.9 09 想了解与窗口相关的迷人效果吗 334

1．访问网页时自动弹出公告窗 335

2．公告窗只出现一次 336

3．生成无边框窗口 339

4．单击即打开新窗口，如同按F11键一样 342

5．生成多个弹出窗口 343

6．关闭某页面自动链接至另一网站 344

3.10 10 制作风格各异的菜单 347

1．鼠标移上时会产生变化的菜单 347

2．鼠标移上时会自行展开的菜单 350

3．鼠标移上时会显示图解说明的菜单 352

4．单击即会生成向下滑动（slide）的菜单 355

5．利用iframe制作滑动菜单（sliding menu） 359

3.11 11 还有哪些实用的源代码 359

1．制作多样的网络功能按钮 364

2．制作“收藏夹”按钮 365

3．制作“设为首页”按钮 366

4．打印当前页 367

5．制作“查看源代码”按钮 368

6．禁用鼠标右键和键盘 369

7．告知一切信息 370

8．制作背景音乐的播放、停止按钮 373

9．每次进入网页，都会传出不同的背景音乐 374