《网页设计与制作案例教程》面向学习网页制作的读者，采用全新流行的Web标准，以HTML技术为基础，由浅入深地介绍了HTML、CSS及JavaScript网页制作的内容。本书把介绍知识与实例制作融于一体，以爱家商城网站（包括主页、栏目页、内容页、会员管理等页面）作为案例进行讲解，配以宇宙商务网站的实训练习，两者相辅相成，自始至终贯穿于本书的主题中。本书采用案例驱动的教学方法，以案例为引导，结构上采用点面结合的方式，引导读者学习网页规划、设计、制作的基本知识以及项目开发、测试的完整流程。本书适合作为高职高专院校计算机及相关专业的教材，也可以作为培训网站开发与网页制作的教材。

《网页设计与制作案例教程》把介绍知识与实例制作融于一体，以爱家商城网站（包括主页、栏目页、内容页、会员管理等页面）作为案例讲解，配以宇宙商务网站的实训练习，两条主线互相结合、相辅相成，自始至终贯穿于本书的主题之中。

前言前言

随着国家信息化发展策略的贯彻实施，信息化建设已进入了全方位、多层次推进应用的新阶段。作为高校的学生，不仅要掌握一般的信息处理能力，更应该具备较高的信息素养以应对信息化社会的需求。本书就是根据面向21世纪培养高技能人才的需求，结合高职高专学生的学习特点，依据职业教育培养目标的要求，严格按照教育部提出的高职高专教育以应用为目的，以必需、够用为度的原则而设计、开发的系列教材之一。

本书主要围绕Web标准的三大关键技术（HTML、CSS和JavaScript）来介绍网页编程的必备知识及相关应用。传统方式制作的网页内容与外观交织在一起，代码量大，难以维护。而Web标准的最大优点是采用HTML CSS JavaScript将网页内容、外观样式及动态效果彻底分离，从而可以大大减少页面代码，更便于分工设计、代码重用。其中，HTML负责网页结构，CSS负责网页样式及表现，JavaScript负责网页行为和功能。本书采用全新流行的Web标准，通过简单的记事本工具，以HTML技术为基础，由浅入深，系统、全面地介绍了HTML、CSS、JavaScript的基本知识及常用技巧。

本书全面系统地介绍了网页制作、设计、规划的基本知识以及网站设计、开发的完整流程。本书采用模块化设计、任务驱动学习的编写模式，首先展示案例的运行结果，然后详细讲述案例的设计步骤，循序渐进地引导读者学习和掌握相关知识点。本书以网站建设和网页设计为中心，以实例为引导，把介绍知识与实例设计、制作、分析融于一体，结构上采用点面结合，以爱家商城网站作为案例讲解，配以宇宙商务网站的实训练习，两者相辅相成，自始至终贯穿于本书的主题中。本书所有例题、习题及上机实训均采用案例驱动的讲述方式，并配有运行效果图，能够有效地帮助读者理解所学习的理论知识，系统全面地掌握网页制作技术。本书在每章之后附有实践操作习题，并在教学课件中给出习题答案，供读者在课外巩固所学的内容。本书共分12章，主要内容包括网站与网页的基础知识，网页基本排版，网页元素的布局与交互，使用CSS为网页添加样式，盒模型，CSS格式化排版，CSS修饰链接、表格与列表，使用CSS制作导航菜单，Div CSS布局技术，JavaScript脚本语言，爱家商城前台页面和爱家商城会员中心管理页面。

本书适合作为高等学校、职业院校计算机及相关专业或培训班的网站开发与网页制作教材，也可作为网页制作爱好者与网站开发维护人员的学习参考书。为了便于教师教学，本书配有教学课件，教师可从清华大学出版社网站下载。

本书由张兵义、朱立、王蓓主编，具体分工如下： 张兵义编写了第1～3章，朱立编写了第4章和第5章，王蓓编写了第6章，吕振雷编写了第7章和第8章，殷莺编写了第9章和第10章，马海州编写了第11章，刘克纯、翟丽娟、韩建敏编写了第12章。另外，庄建新、彭春芳、崔瑛瑛、庄恒、李建彬、徐维维、刘大学、徐云林、缪丽丽、刘大莲、陈周、骆秋容、彭守旺、杨丽香、杨占银、马春锋、孙洪玲、王如雪、曹媚珠、陈文焕、刘有荣、李刚、孙明建、李索也参与了部分内容的编写，同时还完成了本书课件的制作。全书由刘瑞新教授主审、统稿。

由于作者水平有限，书中疏漏和不足之处在所难免，敬请广大师生指正。

编者

2017年12月

目录目录

第1章网站与网页的基础知识1

1.1认识网站与网页1

1.1.1网站、网页和主页1

1.1.2静态网页和动态网页1

1.2网页的基本构成元素2

1.3网页布局结构4

1.4Web标准5

1.4.1什么是Web标准6

1.4.2建立Web标准的优点6

1.4.3理解表现和结构相分离7

1.5HTML语法基础8

1.5.1HTML概述8

1.5.2HTML语法结构8

1.5.3HTML编写规范9

1.5.4HTML文档结构10

1.6创建HTML文档11

1.7网页头部标签12

1.7.1