本教材面向网页制作的读者，采用全新流行的Web标准，以HTML技术为基础，由浅入深、完整详细地介绍HTML、CSS和JavaScript网页制作内容。本教材将知识介绍与实例制作融于一体，以网络书城网站（包括主页、栏目页、内容页、后台管理等页面）作为案例讲解，配以家具商城网站的实训练习，两条主线互相结合、相辅相成，自始至终贯穿于本书的主题之中。本书采用案例驱动的教学方法，以案例为引导，结构上采用点面结合，引导读者学习网页设计、制作、规划的基本知识以及项目开发、测试的完整流程。

前 言 随着国家信息化发展策略的贯彻实施，信息化建设已进入了全方位、多层次推进应用的新阶段。作为高校的学生，不仅要具备一般的信息处理能力，更应该具备较高的信息素养。本书就是根据面向21世纪培养高技能人才的需求，结合高职高专学生的学习特点，依据职业教育培养目标的要求，严格按照教育部提出的高职高专教育“以应用为目的，以必需、够用为度”的原则而设计、开发的系列教材之一。 本书主要围绕Web标准的三大关键技术（HTML、CSS和JavaScript）来介绍网页编程的必备知识及相关应用。传统方式制作的网页内容与外观交织在一起，代码量大，难以维护。而Web标准的最大优点是采用HTML+CSS+JavaScript，将网页内容、外观样式及动态效果彻底分离，从而可以大大减少页面代码，更便于分工设计、代码重用。其中，HTML负责网页结构，CSS负责网页样式及表现，JavaScript负责网页行为和功能。本书采用全新流行的Web标准，通过简单的“记事本”工具，以HTML技术为基础，由浅入深，系统、全面地介绍HTML、CSS、JavaScript的基本知识及常用技巧。 本书详细全面系统地介绍了网页制作、设计、规划的基本知识以及网站设计、开发的完整流程。本书采用案例驱动的教学方法，首先展示案例的运行结果，然后详细讲述案例的设计步骤，循序渐进地引导读者学习和掌握相关知识点。本书以网站建设和网页设计为中心，以实例为引导，把介绍知识与实例设计、制作、分析融于一体，结构上采用点面结合，以网络书城网站作为案例讲解，配以家具商城网站的实训练习，两条主线互相结合、相辅相成，自始至终贯穿于本书的主题之中。本书所有例题、习题及上机实训均采用案例驱动的讲述方式，并配备运行效果图，能够有效地帮助读者理解所学习的理论知识，系统全面地掌握网页制作技术。本书在每章之后附有大量的实践操作习题，并在教学课件中给出习题答案，供读者在课外巩固所学的内容。全书共分10章，主要内容包括：HTML基本概念，编辑网页元素，表格和表单，网页样式表CSS，使用DIV+CSS布局页面，使用CSS实现常用的样式修饰，使用CSS设置链接、列表与菜单，使用JavaScript制作网页特效，网络书城前台页面，网络书城后台管理页面。 为了便于教师教学，本书配有教学课件，可从华信教育资源网（www.hxedu.com.cn）免费获取。扫描每章末尾的二维码，可对该章部分知识点进行测验。本书适合作为高等学校、职业院校计算机及相关专业或培训班的网站开发与网页制作教材，也可作为网页制作爱好者与网站开发维护人员的学习参考书。 本书由张晓蕾主编，参加编写的作者有张晓蕾（第1、5、6、7章），王克仁（第2章），张静（第3章），马海洲（第4、9章），田金雨、骆秋容、王如雪、曹媚珠、陈文焕、刘有荣、李刚、孙明建、李索、刘大学、刘克纯、沙世雁、缪丽丽、田金凤、陈文娟、李继臣、王如新、赵艳波、王茹霞、田同福、徐维维、徐云林（第8章），谷硕（第10章）。全书由张晓蕾统编定稿，刘瑞新主审。由于作者水平有限，书中疏漏和不足之处难免，敬请广大师生指正。 编 者

第1章 HTML基本概念 （1） 1.1 HTML简介 （1） 1.2 HTML基本结构 （2） 1.2.1 HTML语法结构 （2） 1.2.2 HTML语法规范 （2） 1.2.3 HTML文档结构 （3） 1.3 创建HTML文档 （4） 1.4 页面摘要信息 （5） 1.4.1 ＜title＞标签 （5） 1.4.2 ＜meta＞标签 （5） 1.4.3 案例——制作网络书城页面摘要信息 （6） 1.5 网页结构 （7） 1.6 注释和特殊符号 （8） 1.6.1 注释 （8） 1.6.2 特殊符号 （8） 1.7 实训——制作家具商城页面的版权信息 （9） 习题1 （9） 第2章 编辑网页元素 （10） 2.1 文字与段落排版 （10） 2.1.1 标题标签＜h#＞…＜/h#＞ （10） 2.1.2 段落标签＜p＞…＜/p＞ （10） 2.1.3 换行标签＜br/＞ （11） 2.1.4 水平线标签＜hr/＞ （12） 2.1.5 案例——制作网络书城服务指南页面 （14） 2.2 列表 （15） 2.2.1 无序列表 （15） 2.2.2 有序列表 （16） 2.2.3 嵌套列表 （17） 2.3 超链接 （18） 2.3.1 超链接的基本概念 （18） 2.3.2 超链接的应用 （19） 2.3.3 案例——制作网络书城购物向导 （23） 2.4 图像 （24） 2.4.1 网页图像的格式及使用原则 （24） 2.4.2 图像标签＜img＞ （25） 2.4.3 用图像作为超链接热点 （26） 2.4.4 案例——制作网络书城图文简介 （26） 2.5 ＜div＞标签 （27） 2.6 ＜span＞标签 （28） 2.6.1 基本语法 （29） 2.6.2 span与div的区别 （29） 2.7 实训——制作家具商城简介页面 （30） 习题2 （30） 第3章 表格和表单 （32） 3.1 表格 （32） 3.1.1 表格的结构 （32） 3.1.2 表格的基本语法 （32） 3.1.3 不规范表格 （33） 3.1.4 表格数据的分组标签 （36） 3.1.5 表格数据的对齐方式 （38） 3.1.6 表格在网页中的对齐方式 （38） 3.1.7 表格的应用 （38） 3.2 表单 （41） 3.2.1 表单的工作机制 （41） 3.2.2 表单标签 （41） 3.2.3 表单元素 （42） 3.2.4 表单的高级用法 （49） 3.2.5 案例——制作网络书城会员注册表单 （50） 3.2.6 表单布局 （51） 3.3 实训——制作家具商城客服中心表单 （53） 习题3 （54） 第4章 网页样式表CSS （56） 4.1 初识CSS （56） 4.1.1 什么是CSS （56） 4.1.2 CSS的优点 （56） 4.1.3 CSS的版本 （57） 4.1.4 CSS的工作环境 （57） 4.1.5 CSS设计与编写原则 （58） 4.1.6 感受CSS的设计风格 （59） 4.2 网页中引用CSS的方法 （59） 4.2.1 内部样式表 （60） 4.2.2 行内样式表 （61） 4.2.3 链入外部样式表 （63） 4.2.4 导入外部样式表 （64） 4.3 CSS语法基础 （66） 4.3.1 构造样式规则 （66） 4.3.2 常用的CSS选择符 （67） 4.4 元素的显示类型 （79） 4.5 CSS的属性单位 （80） 4.5.1 长度、百分比单位 （80） 4.5.2 色彩单位 （81） 4.6 样式表的层叠、特殊性与重要性 （82） 4.6.1 样式表的层叠 （82） 4.6.2 特殊性 （83） 4.6.3 重要性 （84） 4.7 案例——制作网络书城相关图书局部信息 （84） 4.8 实训——使用CSS制作家具商城简介页面 （87） 习题4 （89） 第5章 使用DIV+CSS布局页面 （91） 5.1 DIV布局技术简介 （91） 5.1.1 什么是DIV布局 （91） 5.1.2 将页面用DIV分块 （91） 5.2 盒模型 （92） 5.2.1 盒模型简介 （93） 5.2.2 外边距、边框与内边距 （93） 5.2.3 盒模型的宽度与高度 （99） 5.2.4 外边距的合并 （100） 5.2.5 案例——制作网络书城关于页的局部信息 （100） 5.3 CSS的定位 （103） 5.3.1 和定位相关的属性 （103） 5.3.2 定位方式 （105） 5.4 浮动与清除浮动 （110） 5.4.1 浮动 （110） 5.4.2 清除浮动 （113） 5.4.3 案例——商城登录页面整体布局 （114） 5.5 典型的CSS布局样式 （116） 5.5.1 两列布局样式 （116） 5.5.2 三列布局样式 （119） 5.6 综合案例——制作网络书城畅销图书局部页面 （123） 5.6.1 页面布局规划 （123） 5.6.2 页面的制作过程 （123） 5.7 实训——制作家具商城产品明细局部页面 （128） 5.7.1 页面布局规划 （128） 5.7.2 页面的制作过程 （128） 习题5 （132） 第6章 使用CSS实现常用的样式修饰 （133） 6.1 设置文字样式 （133） 6.1.1 设置文字的字体 （133） 6.1.2 设置字体的大小 （134） 6.1.3 设置字体的粗细 （135） 6.1.4 设置字体的倾斜 （136） 6.1.5 设置字体的修饰 （137） 6.1.6 设置文本的颜色 （138） 6.2 文本的排版 （139） 6.2.1 设置文字的对齐方式 （140） 6.2.2 设置首行缩进 （140） 6.2.3 设置首字下沉 （141） 6.2.4 设置行高 （141） 6.2.5 设置字间距 （142） 6.2.6 设置字符间距 （143） 6.2.7 设置文本的大小写 （144） 6.3 设置图片样式 （145） 6.3.1 设置图片边框 （146） 6.3.2 设置图片缩放 （147） 6.4 设置背景样式 （148） 6.4.1 设置背景颜色 （148） 6.4.2 设置背景图像 （149） 6.4.3 设置背景重复 （149） 6.4.4 设置背景图片位置 （151） 6.4.5 设置背景大小 （153） 6.5 设置表格样式 （153） 6.5.1 常用的CSS表格属性 （153） 6.5.2 案例——使用隔行换色表格制作畅销图书排行榜 （156） 6.6 设置表单样式 （158） 6.6.1 使用CSS美化常用的表单元素 （158） 6.6.2 案例——制作网络书城联系我们表单 （159） 6.7 图文混排 （162） 6.8 综合案例——制作网络书城环保社区页面 （163） 6.8.1 页面布局规划 （164） 6.8.2 页面的制作过程 （164） 6.9 实训——制作家具商城会员注册页面 （171） 习题6 （175） 第7章 使用CSS设置链接、列表与菜单 （176） 7.1 设置链接 （176） 7.1.1 设置文字链接 （176） 7.1.2 设置图文链接 （178） 7.1.3 设置按钮链接 （179） 7.2 设置列表 （180） 7.2.1 表格布局与列表布局的对比 （180） 7.2.2 设置列表类型 （182） 7.2.3 设置列表项图片符号 （184） 7.2.4 设置列表项位置 （185） 7.2.5 设置图文信息列表 （186） 7.3 设置导航菜单 （190） 7.3.1 普通的链接导航菜单 （190） 7.3.2 纵向列表导航菜单 （192） 7.3.3 横向列表导航菜单 （197） 7.4 综合案例——使用CSS设置链接与导航菜单 （201） 7.4.1 页面布局规划 （201） 7.4.2 页面的制作过程 （201） 7.5 实训——制作家具商城关于页面 （207） 习题7 （213） 第8章 使用JavaScript制作网页特效 （215） 8.1 JavaScript概述 （215） 8.2 在网页中调用JavaScript （215） 8.2.1 直接加入HTML文档 （215） 8.2.2 引用脚本文件 （216） 8.2.3 在HTML标签内添加脚本 （217） 8.3 制作网页特效 （218） 8.3.1 Flash幻灯片广告 （218） 8.3.2 循环滚动的图文字幕 （220） 8.4 实训——制作二级纵向列表模式的导航菜单 （223） 习题8 （227） 第9章 网络书城前台页面 （228） 9.1 网站的开发流程 （228） 9.1.1 需求分析 （228） 9.1.2 站点规划 （228） 9.1.3 网站制作 （230） 9.1.4 测试发布 （230） 9.2 设计首页布局 （230） 9.2.1 使用Dreamweaver创建站点 （230） 9.2.2 页面布局规划 （233） 9.3 首页的制作 （233） 9.4 制作商品展示页 （247） 9.5 制作商品详细信息页 （250） 9.6 制作查看购物车页 （254） 习题9 （256） 第10章 网络书城后台管理页面 （258） 10.1 制作后台管理登录页面 （258） 10.2 图书查询页面的制作 （262） 10.3 图书添加页面的制作 （271） 10.4 图书修改页面的制作 （276） 10.5 页面的整合 （279） 习题10 （279） 参考文献 （281）

张晓蕾，女，1970年生人，毕业于北京航空航天大学计算机科学与技术专业，研究生学历。1989～1999年在北京成人电子信息大学计算机系任教，担任软件教研室主任；1999～2005年在北京信息职业技术学院电子信息系担任教学副主任、学术带头人；2006至今在北京信息职业技术学院软件工程系担任系主任。北京市嵌入式系统协会理事，工信行指委计算机专业指导委员会秘书长。

http://www.hxedu.com.cn/hxedu/fg/book/bookinfo.html?code=G0233600