本书介绍了网站前台设计中的设计语言HTML+CSS+JavaScript，从多方面讲解了设计语言所涉及的知识点并配合大量的实用案例。由浅入深、由点到面地诠释网页设计语言在网页设计製作中使用的方法和技巧。全书採用了知识点加案例的方法，将设计语言在设计中具体的实用方法贯穿整本书的脉络，从而达到更加有效的学习效果。全书共分为22章，其中包括HTML基础知识、HTML整体结构设定、HTML中文本与段落的设定、HTML中列表设定、HTML中图像设定、HTML中超连结设定、HTML中多媒体设定、HTML中表单元素设定、HTML中表格和Div的套用、HTML中的框架设定、CSS样式基础、使用CSS设定文字和段落样式、使用CSS设定列表和背景样式、使用CSS设定图片和超连结样式、使用滑鼠效果和CSS滤镜、CSS布局、JavaScript基础知识、JavaScript的语法基础、JavaScript中的事件回响、JavaScript中的函式、JavaScript实现动态网页效果和综合案例等内容。本书配套光碟中提供了书中所有实例的源档案和相关素材，以及书中的视频教程，方便读者的学习和参考。本书适合初级和中级读者以及想进入网页前台领域的读者朋友与网页设计相关的大中专学生阅读。同时，也可作为广大网页设计爱好者的参考书以及网页前台製作的培训教材。
基本介绍
- 中文名：HTML+CSS+JavaScript网页设计实用教程
- 出版时间：2015-02-01
- 正文语种：中文
- 包装：平装
- 开本：16开
- 出版社：人民邮电出版社
目录
第1章 HTML基础 2
1.1 了解Internet相关知识 …………………………… 2
1.1.1 TCP/IP协定 ………………………………………… 2
1.1.2 IP位址和域名 ……………………………………… 2
1.1.3 URL ………………………………………………… 1
1.1.4 Web浏览器 ………………………………………… 1
1.2 网页与网站 ……………………………………… 2
1.2.1 网页与网站的关係 ………………………………… 2
1.2.2 静态网页与动态网页 ……………………………… 2
1.3 HTML、CSS与JavaScript ……………………… 3
1.3.1 HTML、CSS和JavaScript代码 …………………… 3
1.3.2 HTML在网页中的作用……………………………… 4
1.3.3 CSS在网页中的作用 ……………………………… 4
1.3.4 JavaScript在网页中的作用 ………………………… 4
1.4 HTML网页技术 ………………………………… 5
1.4.1 HTML概述…………………………………………… 5
1.4.2 HTML文档结构……………………………………… 5
1.4.3 HTML中的标籤形式………………………………… 6
1.4.4 编写HTML时需要注意的问题……………………… 6
1.5 了解XHTML ……………………………………… 6
1.5.1 什幺是XHTML ……………………………………… 6
1.5.2 XHTML的文档结构 ………………………………… 7
1.5.3 XHTML的代码规範 ………………………………… 7
1.5.4 XHTML的文档类型 ………………………………… 9
1.5.5 名字空间 …………………………………………… 9
1.5.6 使用XHTML的优势 ………………………………… 9
1.6 两种编写HTML的方法 …………………………10
1.6.1 使用记事本编写 ……………………………………10
课堂案例 使用记事本编写HTML页面 ……………………10
1.6.2 使用Dreamweaver编写 …………………………… 11
课堂案例 使用Dreamweaver编写网页 …………………13
1.7 网页设计製作流程 ………………………………14
1.7.1 前期网站策划 ………………………………………14
1.7.2 规划站点结构 ………………………………………14
1.7.3 收集网站相关素材 …………………………………15
1.7.4 网页的版式与布局分析 ……………………………15
1.7.5 确定网页配色 ………………………………………15
1.7.6 设计网站页面 ………………………………………16
1.7.7 切割和最佳化网页图像 ………………………………16
1.7.8 製作网站HTML页面…………………………………16
1.7.9 开发动态网站模组 …………………………………16
1.7.10 申请域名和伺服器空间 ……………………………16
1.7.11 测试并上传网站 ……………………………………16
1.8 本章小结 …………………………………………16
1.9 课后习题 …………………………………………17
1.9.1 课后习题1：製作简单的HTML页面 ………………17
第2章 HTML整体结构设定 18
2.1 网页头部head标籤 ……………………………18
2.1.1 网页标题title标籤…………………………………18
2.1.2 网页说明description ………………………………19
2.1.3 网页关键字keywords ………………………………19
2.1.4 网页编码格式charset ………………………………19
2.1.5 网页编辑工具genrator………………………………20
2.1.6 网页作者信息author ………………………………20
2.1.7 网页定时跳转refresh ………………………………20
课堂案例 综合设定网页头信息 …………………………21
2.1.8 网页基址base标籤 ………………………………21
2.2 网页主体body标籤 ……………………………23
2.2.1 网页边距margin ……………………………………23
2.2.2 网页默认文字颜色text ………………………………23
课堂案例 设定网页文字 …………………………………24
2.2.3 默认连结文字link ……………………………………25
课堂案例 设定网页连结文字 ……………………………26
2.2.4 网页背景颜色bgcolor ………………………………27
2.2.5 网页背景图片background …………………………28
课堂案例 设定网页背景效果 ……………………………28
2.3 本章小结 …………………………………………30
2.4 课后习题 …………………………………………30
2.4.1 课后习题1：设定插画设计网站头信息 ……………30
2.4.2 课后习题2：综合设定网页整体外观 ………………30
第3章 HTML中文本与段落设定 32
3.1 网页文本处理 ……………………………………32
3.1.1 在网页中输入文字的方法 …………………………32
3.1.2 在文本中插入空格 …………………………………32
3.1.3 插入特殊字元 ………………………………………33
课堂案例 在网页中输入文本 ……………………………34
课堂案例 对文本进行换行 ………………………………35
3.1.4 文本换行br /标籤 …………………………………35
3.1.5 文本强制不换行nobr标籤 ………………………35
3.1.6 文本分段p标籤……………………………………36
课堂案例 段落文本处理 …………………………………37
3.1.7 段落文本对齐 ………………………………………37
3.2 设定网页字型 ……………………………………38
3.2.1 设定字型 ……………………………………………38
3.2.2 设定文字大小 ………………………………………39
3.2.3 设定文字颜色 ………………………………………39
课堂案例 设定文字效果 …………………………………40
3.2.4 文字加粗b和strong标籤 ………………………41
3.2.5 文字倾斜i和em标籤 …………………………41
3.2.6 文字下画线u标籤…………………………………41
课堂案例 修饰网页中的文字 ……………………………42
3.2.7 上标与下标文字 ……………………………………43
3.2.8 标题文字h1至h6标籤 …………………………43
课堂案例 在网页中创建标题文字 ………………………44
3.3 水平线 ……………………………………………45
3.3.1 在网页中插入水平线 ………………………………45
3.3.2 设定水平线宽度和高度 ……………………………45
3.3.3 设定水平线的颜色 …………………………………46
3.3.4 水平线对齐方式 ……………………………………46
3.3.5 去除水平线阴影 ……………………………………46
课堂案例 为网页文本添加水平分割线 …………………47
3.4 滚动文本 …………………………………………48
3.4.1 文本滚动marquee标籤 …………………………48
3.4.2 设定文本滚动方向 …………………………………48
3.4.3 文本滚动的方式和速度 ……………………………48
课堂案例 製作网站滚动公告 ……………………………49
3.5 本章小结 …………………………………………51
3.6 课后习题 …………………………………………51
3.6.1 课后习题1：製作广告促销页面 ……………………51
3.6.2 课后习题2：製作文章页面 …………………………52
第4章 HTML中列表设定 54
4.1 HTML中列表的组成 ……………………………54
4.2 列表设定 …………………………………………54
4.2.1 无序列表ul标籤 …………………………………54
课堂案例 製作无序新闻列表 ……………………………55
4.2.2 有序列表ol标籤 …………………………………56
课堂案例 製作音乐排行榜 ………………………………57
4.2.3 定义列表dl标籤 …………………………………58
课堂案例 製作论坛列表 …………………………………58
4.2.4 目录列表dir标籤 …………………………………59
4.2.5 选单列表menu标籤 ………………………………60
4.3 本章小结 …………………………………………60
4.4 课后习题 …………………………………………60
4.4.1 课后习题1：製作网站新闻公告 ……………………60
4.4.2 课后习题2：製作玩家排行 …………………………61