当前位置：网站首页>图书 > 正文 >>

Web前端开发实例教程——HTML、CSS、JavaScript

图书信息

作者占东明 张利华 张薇
出版社人民邮电出版社
ISBN9787115396891
出版时间2016-08-01
字数22.4万
分类教育,大中专教材,研究生,本科,专科教材

读书简介

Web技术综述、发工具介绍、Web运行环境搭建、HTML/CSS/JavaScript综述、HTML基础、HTML文件标准结构、文本与段落、列表、超、图片与多媒体的使用、表格、框架、表单、CSS基础、字体样式表、段落样式表、列表和背景、CSS盒子模型、DIV+CSS页面布局、本书全面系统地讲解了Web前端发技术，包括HTML、CSS、JavaScript等。

目录

扉页

版权页

内容提要

前言

准备篇

第1章 Web技术综述

1.1 Internet基础

1.1.1 TCP/IP

1.1.2 主机和IP地址

1.1.3 DNS和域名

1.2 Web概述

1.2.1 Web起源

1.2.2 Web的工作原理

1.2.3 Web基本技术

1.2.4 Web服务器

1.3 超文本与标签语言

1.3.1 超文本

1.3.2 标签语言

1.4 Web标准综述

1.4.1 Web标准体系

1.4.2 Web标准的意义

1.5 浏览器

1.5.1 主流浏览器

1.5.2 浏览器内核

1.6 知识点提炼

1.7 思考与练习

1.8 上机实例练习——浏览器安装及内核检测

第2章 开发工具介绍

2.1 Web开发工具

2.1.1 Photoshop图像制作

2.1.2 Fireworks网页作图

2.1.3 Flash网页动画

2.1.4 记事本

2.1.5 Notepad代码编辑器

2.1.6 EditPlus代码编辑器

2.1.7 TextPad代码编辑器

2.1.8 Dreamweaver网页编辑器

2.1.9 CSS3 Menu——CSS菜单设计工具

2.1.10 ColorImpact颜色方案设计工具

2.2 Dreamweaver软件的使用

2.2.1 基本操作

2.2.2 界面介绍

2.2.3 站点管理配置

2.3 知识点提炼

2.4 思考与练习

2.5 上机实例练习——新建站点、新建网页

第3章 Web运行环境搭建

3.1 Web常见运行环境

3.2 Windows7环境下IIS安装

3.3 IIS中站点配置

3.4 知识点提炼

3.5 思考与练习

3.6 上机实例练习——安装IIS并配置站点

入门篇

第4章 HTML/CSS/JavaScript综述

4.1 HTML综述

4.1.1 HTML所扮演的角色

4.1.2 HTML代码片段

4.2 CSS综述

4.2.1 CSS所扮演的角色

4.2.2 CSS代码片段

4.3 JavaScript综述

4.3.1 JavaScript所扮演的角色

4.3.2 JavaScript代码片段

4.4 小实例——HTML、CSS、JavaScript的综合应用

4.5 知识点提炼

4.6 思考与练习

4.7 上机实例练习——仿照4-3-2.html练习

第5章 HTML基础介绍

5.1 HTML文档结构

5.2 HTML基本语法

5.2.1 标签语法

5.2.2 属性语法

5.3 HTML文件命名规则

5.4 编写HTML文档注意事项

5.5 小实例——简单图文混排网页制作

5.6 知识点提炼

5.7 思考与练习

5.8 上机实例练习——用记事本仿5-5.html编写一个HTML文件

第6章 HTML文件的标准结构

6.1 文件头部内容

6.1.1 设置网页标题</p> <p>6.1.2 定义元素信息<meta></p> <p>6.1.3 设置网页关键词——keywords</p> <p>6.1.4 设置网页描述——description</p> <p>6.2 文件主体内容</p> <p>6.2.1 设置页面背景——bgcolor</p> <p>6.2.2 设置背景图片——background</p> <p>6.2.3 设置页面边距</p> <p>6.2.4 设计正文颜色——text</p> <p>6.3 小实例——Web课程介绍网页</p> <p>6.4 知识点提炼</p> <p>6.5 思考与练习</p> <p>6.6 上机实例练习——个人文字简历网页</p> <p>第7章 文本与段落</p> <p>7.1 内容编辑</p> <p>7.1.1 添加文本</p> <p>7.1.2 添加注释<!-- --></p> <p>7.1.3 添加空格 </p> <p>7.1.4 添加删除线<del></p> <p>7.1.5 插入特殊符号</p> <p>7.2 文本修饰</p> <p>7.2.1 简单文本修饰 <b> <i> <u></p> <p>7.2.2 设置文本效果<font></p> <p>7.2.3 文字上下标<sup> <sub></p> <p>7.2.4 设置地址文本<address></p> <p>7.3 段落排版</p> <p>7.3.1 段落<p></p> <p>7.3.2 换行<br/></p> <p>7.3.3 预格式化<pre></p> <p>7.3.4 段落缩进<blockquote></p> <p>7.3.5 设置水平线<hr/></p> <p>7.4 小实例——唐诗宋词网页设计</p> <p>7.5 知识点提炼</p> <p>7.6 思考与练习</p> <p>7.7 上机实例练习——重写唐诗宋词网页并设置网页背景和文本颜色等</p> <p>第8章 列表</p> <p>8.1 列表类</p> <p>8.1.1 无序列表<ul></p> <p>8.1.2 有序列表<ol></p> <p>8.1.3 定义列表<dl></p> <p>8.2 嵌套列表</p> <p>8.2.1 无序与有序嵌套列表</p> <p>8.2.2 定义嵌套列表</p> <p>8.3 小实例——列表在网页中的应用</p> <p>8.4 知识点提炼</p> <p>8.5 思考与练习</p> <p>8.6 上机实例练习——制作一个多类别的新闻列表网页</p> <p>第9章 超链接</p> <p>9.1 超链接概述</p> <p>9.2 超链接路径</p> <p>9.2.1 绝对路径</p> <p>9.2.2 相对路径</p> <p>9.2.3 根路径</p> <p>9.3 超链接的使用</p> <p>9.3.1 创建内部链接</p> <p>9.3.2 创建外部链接</p> <p>9.4 小实例——超链接的应用</p> <p>9.5 知识点提炼</p> <p>9.6 思考与练习</p> <p>9.7 上机实例练习——小型电子书</p> <p>第10章 图片与多媒体的使用</p> <p>10.1 图片</p> <p>10.1.1 网页图片格式</p> <p>10.1.2 插入图片方法</p> <p>10.1.3 设置图片替代文本——alt</p> <p>10.1.4 设置图片属性——width、height</p> <p>10.1.5 添加图片链接<a></p> <p>10.1.6 创建图片热区链接</p> <p>10.2 多媒体<embed></p> <p>10.2.1 插入音频</p> <p>10.2.2 插入视频</p> <p>10.2.3 插入Flash动画</p> <p>10.3 知识点提炼</p> <p>10.4 思考与练习</p> <p>10.5 上机实例练习——多媒体网页制作</p> <p>第11章 表格的应用</p> <p>11.1 表格概述</p> <p>11.1.1 表格结构<table></p> <p>11.1.2 设置表格标题<caption></p> <p>11.1.3 设置表格表头<th></p> <p>11.2 表格属性</p> <p>11.2.1 设置表格宽度和高度——width和height</p> <p>11.2.2 设置表格边框——border</p> <p>11.2.3 设置表格边距cellpadding和间距cellspacing</p> <p>11.2.4 内容水平对齐——align</p> <p>11.2.5 内容垂直对齐——valign</p> <p>11.2.6 设置跨行——rowspan</p> <p>11.2.7 设置跨列——colspan</p> <p>11.3 表格嵌套</p> <p>11.4 小实例——表格在网页布局中的应用</p> <p>11.5 用DW工具快速创建表格方法</p> <p>11.6 知识点提炼</p> <p>11.7 思考与练习</p> <p>11.8 上机实例练习——利用表格布局制作一个网页</p> <p>第12章 框架的应用</p> <p>12.1 框架概述</p> <p>12.2 框架的基本结构</p> <p>12.3 设置框架集</p> <p>12.3.1 左右分割——cols</p> <p>12.3.2 上下分割——rows</p> <p>12.4 嵌套框架</p> <p>12.5 设置框架<frame></p> <p>12.5.1 设置框架源文件属性——src</p> <p>12.5.2 设置框架名称——name</p> <p>12.5.3 设置框架边框——frameborder</p> <p>12.5.4 设置框架滚动条——scrolling</p> <p>12.5.5 调整框架尺寸——noresize</p> <p>12.6 浮动框架</p> <p>12.6.1 设置浮动框架</p> <p>12.6.2 浮动框架属性——width和height</p> <p>12.7 小实例——利用框架制作电子简历</p> <p>12.8 知识点提炼</p> <p>12.9 思考与练习</p> <p>12.10 上机实例练习——利用框架制作电子相册</p> <p>第13章 表单的设计</p> <p>13.1 表单标签</p> <p>13.2 表单标签<form></p> <p>13.3 表单域<input/></p> <p>13.3.1 文本框——text</p> <p>13.3.2 密码框——password</p> <p>13.3.3 文件域——file</p> <p>13.3.4 复选框——checkbox</p> <p>13.3.5 单选按钮——radio</p> <p>13.3.6 标准按钮——button</p> <p>13.3.7 提交按钮——submit</p> <p>13.3.8 重置按钮——reset</p> <p>13.3.9 图像域——image</p> <p>13.3.10 隐藏域——hidden</p> <p>13.4 文本区域<textarea></p> <p>13.5 下拉菜单<select>和列表项<option></p> <p>13.6 小实例——在线报名表单设计</p> <p>13.7 知识点提炼</p> <p>13.8 思考与练习</p> <p>13.9 上机实例练习——应聘简历表单设计</p> <p>进阶篇</p> <p>第14章 CSS样式表基础</p> <p>14.1 CSS概述</p> <p>14.2 CSS语法</p> <p>14.3 CSS常用选择器</p> <p>14.3.1 类选择符</p> <p>14.3.2 id选择符</p> <p>14.3.3 包含选择符</p> <p>14.3.4 伪类</p> <p>14.4 CSS使用方法</p> <p>14.4.1 链入外部样式表</p> <p>14.4.2 内部样式表</p> <p>14.4.3 嵌入样式表</p> <p>14.4.4 导入外部样式表</p> <p>14.5 CSS特性和优先级问题</p> <p>14.6 小实例——CSS样式的应用</p> <p>14.7 知识点提炼</p> <p>14.8 思考与练习</p> <p>14.9 上机实例练习——利用外部样式设计一个网页</p> <p>第15章 字体样式表</p> <p>15.1 字体颜色——color</p> <p>15.2 字体设置——font-family</p> <p>15.3 字号设置——font-size</p> <p>15.4 字体样式——font-style</p> <p>15.5 字体加粗——font-weight</p> <p>15.6 字体变体——font-variant</p> <p>15.7 组合设置字体属性——font</p> <p>15.8 小实例——利用CSS进行字体综合设置</p> <p>15.9 知识点提炼</p> <p>15.10 思考与练习</p> <p>15.11 上机实例练习——制作利用CSS进行字体设置网页</p> <p>第16章 段落样式表</p> <p>16.1 调整字符间距——letter-spacing</p> <p>16.2 调整单词间距——word-spacing</p> <p>16.3 添加文本修饰——text-decoration</p> <p>16.4 文本对齐方式——text-align</p> <p>16.5 设置段落缩进——text-indent</p> <p>16.6 设置行高——line-height</p> <p>16.7 英文大小写转换——text-transform</p> <p>16.8 小实例——利用CSS进行段落精确编排</p> <p>16.9 知识点提炼</p> <p>16.10 思考与练习</p> <p>16.11 上机实例练习——制作一个利用CSS进行精美编排的网页</p> <p>第17章 列表和背景</p> <p>17.1 列表样式——list-style-type</p> <p>17.2 列表图像——list-style-image</p> <p>17.3 列表位置——list-style-position</p> <p>17.4 设置背景颜色——background-color</p> <p>17.5 设置背景图片——background-image</p> <p>17.6 设置背景附件——background-attachment</p> <p>17.7 设置背景图片重复——background-repeat</p> <p>17.8 设置背景图片位置——background-position</p> <p>17.9 综合设置背景——background</p> <p>17.10 小实例——字体和背景的综合应用</p> <p>17.11 知识点提炼</p> <p>17.12 思考与练习</p> <p>17.13 上机实例练习——利用背景和列表样式制作新闻列表</p> <p>第18章 CSS盒子模型</p> <p>18.1 CSS盒子模型概述</p> <p>18.2 CSS内边距——padding</p> <p>18.3 CSS边框——border</p> <p>18.3.1 边框样式——border-style</p> <p>18.3.2 边框颜色——border-color</p> <p>18.3.3 边框宽度——border-width</p> <p>18.4 CSS外边距——margin</p> <p>18.5 盒子模型显示——display</p> <p>18.6 小实例——盒子模型的综合应用</p> <p>18.7 知识点提炼</p> <p>18.8 思考与练习</p> <p>18.9 上机实例练习——利用盒子模型制作照片边框效果</p> <p>第19章 DIV+CSS页面布局</p> <p>19.1 层的创建<div></p> <p>19.2 创建嵌套层</p> <p>19.3 层的常见属性</p> <p>19.4 CSS定位</p> <p>19.4.1 定位方式——position</p> <p>19.4.2 堆叠顺序——z-index</p> <p>19.4.3 CSS浮动——float</p> <p>19.4.4 浮动清除——clear</p> <p>19.4.5 溢出设置——overflow</p> <p>19.4.6 可见设置——visibility</p> <p>19.5 页面内容样式设计</p> <p>19.5.1 垂直导航菜单</p> <p>19.5.2 水平导航菜单</p> <p>19.5.3 新闻列表</p> <p>19.5.4 图文混排</p> <p>19.6 小实验——DIV+CSS页面布局</p> <p>19.7 知识点提炼</p> <p>19.8 思考与练习</p> <p>19.9 上机实例练习——利用DIV+CSS布局一个网页</p> <p>高级篇</p> <p>第20章 JavaScript概述</p> <p>20.1 JavaScript语言概况</p> <p>20.2 JavaScript的特点</p> <p>20.3 JavaScript使用方法</p> <p>20.4 知识点提炼</p> <p>20.5 思考与练习</p> <p>20.6 上机实例练习——写一个带JS的网页</p> <p>第21章 JavaScript基本语法</p> <p>21.1 基本数据类型</p> <p>21.2 运算符</p> <p>21.2.1 算术运算符</p> <p>21.2.2 逻辑运算符</p> <p>21.2.3 比较运算符</p> <p>21.3 程序结构</p> <p>21.3.1 If语句</p> <p>21.3.2 Switch语句</p> <p>21.3.3 For语句</p> <p>21.3.4 While与Do…While</p> <p>21.4 函数</p> <p>21.4.1 有参函数</p> <p>21.4.2 无参函数</p> <p>21.5 小实例——用户登录</p> <p>21.6 知识点提炼</p> <p>21.7 思考与练习</p> <p>21.8 上机实例练习——编写一个求长方体体积的程序网页</p> <p>第22章 JavaScript事件分析</p> <p>22.1 事件概述</p> <p>22.2 主要事件</p> <p>22.2.1 鼠标单击事件onClick</p> <p>22.2.2 内容改变事件onChange</p> <p>22.2.3 内容选择事件onSelect</p> <p>22.2.4 聚焦事件onFocus</p> <p>22.2.5 失焦事件onBlur</p> <p>22.2.6 装载事件onLoad</p> <p>22.2.7 卸载事件onUnload</p> <p>22.2.8 鼠标事件onMouseOver</p> <p>22.2.9 鼠标移开事件onMouseOut</p> <p>22.3 小实例——主要事件综合应用</p> <p>22.4 知识点提炼</p> <p>22.5 思考与练习</p> <p>22.6 上机实例练习——制作鼠标经过图片放大效果</p> <p>第23章 JavaScript对象</p> <p>23.1 对象概述</p> <p>23.2 浏览器对象</p> <p>23.2.1 Navigator对象</p> <p>23.2.2 Location对象</p> <p>23.2.3 Window对象</p> <p>23.2.4 Document对象</p> <p>23.2.5 History对象</p> <p>23.3 内置对象和方法</p> <p>23.4 小实例——对象的综合应用</p> <p>23.5 知识点提炼</p> <p>23.6 思考与练习</p> <p>23.7 上机实例练习——编写显示客户端系统及当前时间的网页</p> <p>实战篇</p> <p>第24章 综合案例</p> <p>24.1 网站开发与发布流程</p> <p>24.1.1 网站开发流程</p> <p>24.1.2 网站发布流程</p> <p>24.2 花店系统前端开发过程</p> <p>24.3 知识点提炼</p> <p>24.4 思考与练习</p> <p>扩展篇</p> <p>第25章 全新的HTML—HTML5</p> <p>25.1 初识HTML5</p> <p>25.2 HTML5语法结构</p> <p>25.3 HTML5页面架构元素</p> <p>25.4 元素的改变</p> <p>25.4.1 新增元素</p> <p>25.4.2 停止使用的元素</p> <p>25.5 属性的改变</p> <p>25.5.1 新增的属性</p> <p>25.5.2 停止使用的属性</p> <p>25.5.3 全局属性</p> <p>25.6 知识点提炼</p> <p>25.7 思考与练习</p> <p>第26章 HTML5的表单</p> <p>26.1 新的input输入类型及属性</p> <p>26.1.1 新的input输入类型</p> <p>26.1.2 新的input公用属性</p> <p>26.2 表单的验证方式</p> <p>26.2.1 调用 checkValidity()方法实现验证</p> <p>26.2.2 调用 setCustomValidity ()方法实现验证</p> <p>26.2.3 设置不验证</p> <p>26.3 知识点提炼</p> <p>26.4 思考与练习</p> <p>参考文献</p><div class="tags"><p>书籍类型：<a href="http://www.chunzang.com/tag/525.html">人民邮电出版社</a>,<a href="http://www.chunzang.com/tag/383.html">教育</a>,<a href="http://www.chunzang.com/tag/384.html">大中专教材</a>,<a href="http://www.chunzang.com/tag/385.html">研究生</a>,<a href="http://www.chunzang.com/tag/386.html">本科</a>,</p></div></div></div><div class="xscontent"><div class="tjtit">推荐图书</div><hr><div class="tuijianshici"><ul><li><a href="http://www.chunzang.com/1778780528.html">北大国学课</a>（文章）</li><li><a href="http://www.chunzang.com/1778811093.html">饿兔子跳</a>（孙家宇）</li><li><a href="http://www.chunzang.com/1778816934.html">四季筵</a>（清辰）</li><li><a href="http://www.chunzang.com/1778817981.html">502</a>（暂无）</li><li><a href="http://www.chunzang.com/1778830681.html">第7集 制度的起点是小人思维</a>（俞凌雄）</li><li><a href="http://www.chunzang.com/1778832014.html">欧洲的转折</a>（郭方）</li><li><a href="http://www.chunzang.com/1778836678.html">数据资本论</a>（[美]阿莱克斯·彭特兰[美]亚历山大·利普顿 [美]托马斯·哈德乔诺）</li><li><a href="http://www.chunzang.com/1778837567.html">戒子的诗</a>（戒子）</li></ul></div></div></div><div class="sidebar"><div class="widget"><form name="searchform" method="post" action="http://www.chunzang.com/operate/search.html" id="searchform2"><input type="hidden" name="keyword" value="title" placeholder="关键词" ><input type="text" value="" name="keyword" id="s" placeholder="输入搜索内容" required><button type="submit" id="submit">搜索</button></form></div><div class="widget divTags"><div class="wddhhsan">作品分类</div><hr></div><div class="widget divPrevious"><ul></ul></div><div class="widget hotComments"><div class="wddhhsan">推荐作品</div><hr><ul><li><a href="http://www.chunzang.com/1778816672.html">Daughters of the Puritans: A Group of Brief Biographies</a>（Seth Curtis Beach）</li><li><a href="http://www.chunzang.com/1778818767.html">GBT 51338-2018 分布式电源并网工程调试与验收标准</a>（电力企业联合会）</li><li><a href="http://www.chunzang.com/1778820341.html">县域经济破局:数智化驱动县域发展新模式</a>（刘丁蓉,华崇鑫,朱建良）</li><li><a href="http://www.chunzang.com/1778824799.html">分开以后我变成了你喜欢的样子</a>（Josie乔）</li><li><a href="http://www.chunzang.com/1778829127.html">侯大利刑侦笔记8:旧案寻踪(集侦查学、痕迹学、社会学、尸体解剖学、犯罪心理学的教科书式破案小说)(读客知识小说文库)</a>（小桥老树）</li><li><a href="http://www.chunzang.com/1778831125.html">简单易学的基金投资</a>（杨天南,孙振曦,贾泽亮 等）</li><li><a href="http://www.chunzang.com/1778833569.html">AutoCAD 2018中文版完全自学手册</a>（龙马高新教育 策划 教传艳）</li><li><a href="http://www.chunzang.com/1778836900.html">小红书爆款规律</a>（吕白）</li></ul></div></div></div></div></div></div></div><div class="footer"><div class="text-center"><div class="ttexx"><p>Powered by <a href="http://www.chunzang.com">春藏国学网</a> All rights Reserved</p><p>Copyright 2006-2025 © http://www.chunzang.com版权所有<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">鲁ICP备19022647号-22</a></p></div></div></div><div class="shang"><a href="#">↑</a></div><script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script></body></html>