前言

随着国家信息化发展策略的贯彻实施，信息化建设已进入了全方位、多层次推进应用的新阶段。作为高校的学生，不仅要具备一般的信息处理能力，更应该具备较高的信息素养。本书是根据面向21世纪培养高技能人才的需求，结合高等院校学生的学习特点，依据高等教育培养目标的要求开发的教材。

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

本书全面系统地介绍了网页制作、设计、规划的基本知识以及网站设计、开发的完整流程。本书采用“模块化设计、任务驱动学习”的编写模式，首先展示案例的运行结果，然后详细讲述案例的设计步骤，循序渐进地引导读者学习和掌握相关知识点。本书以网站建设和网页设计为中心，以实例为引导，把介绍知识与实例设计、制作、分析融于一体。结构上采用点面结合，以光影世界网站作为案例讲解，配以家具商城网站的实训练习，两条主线互相结合、相辅相成，自始至终贯穿全书。本书所有例题、习题及上机实训均采用案例驱动的讲述方式，并配备运行效果图，能够有效地帮助读者理解所学习的理论知识，系统全面地掌握网页制作技术。本书在每章之后附有大量的实践操作习题，并给出习题答案，供读者在课外巩固所学的内容。

本书共分12章，主要内容包括网页设计与制作基础、编辑网页元素、网页布局与交互、CSS样式基础、CSS盒模型、Div+CSS布局页面、使用CSS修饰网页元素、使用CSS修饰链接与列表、使用CSS制作导航菜单、网页行为语言——JavaScript、光影世界前台页面和光影世界后台管理页面。

本书由刘瑞新、张兵义主编，其中刘瑞新编写第1～3章，张兵义编写第4和5章，吕振雷编写第6和7章，殷莺编写第8和9章，马海洲编写第10和11章，第12章及资料的收集整理等由李颖、刘克纯、翟丽娟、韩建敏、李建彬、徐维维、刘大学、陈周、骆秋容、徐云林、缪丽丽、刘大莲、彭守旺、庄建新、彭春芳、崔瑛瑛、庄恒、杨丽香、杨占银、马春锋、孙洪玲、王如雪、曹媚珠、陈文焕、刘有荣、李刚、孙明建、李索完成。全书由刘瑞新教授统稿。

由于编者水平有限，书中难免有疏漏和不足之处，敬请广大读者指正。

编者

第1章

网页设计与制作基础

网页设计与制作是一门综合技术，涉及商业策划、平面设计、程序语言和数据库等。在网站的开发过程中网页设计与制作可分为策划、前台和后台3个部分，分别由不同的专业人员来完成。本书将通过案例来介绍如何完成网页前台的设计与制作。

1.1

网页与网站的概念

万维网（World Wide Web，WWW）是Internet上基于客户/服务器体系结构的分布式多平台的超文本超媒体信息服务系统，它是Internet最主要的信息服务，允许用户在一台计算机上通过Internet读取另一台计算机上的信息。

网页（Web Page）是存放在Web服务器上供客户端用户浏览的文件，可以在Internet上传输。网页是按照网页文档规范编写的一个或多个文件，这种格式的文件由超文本标记语言创建，能将文字、图片、声音等各种多媒体文件组合在一起，这些文件被保存在特定计算机的特定目录中。几乎所有的网页都包含链接，可以方便地跳转到其他相关网页或是相关网站。