书名：HTML+CSS+JavaScript网页客户端程序设计pdf/doc/txt格式电子书下载

推荐语：

作者：谢英辉著

出版社：电子工业出版社

出版时间：2014-01-01

书籍编号：30467638

ISBN：9787121219948

正文语种：中文

字数：75523

版次：1

所属分类：教材教辅-中职/高职

版权信息

书名：HTML+CSS+JavaScript网页客户端程序设计

作者：谢英辉

ISBN：9787121219948

版权所有 · 侵权必究

前言

本书适合的读者

本书通过一个整体门户网站项目来讲解 HTML、JavaScript和 CSS 的基本语法，书中每个知识点都有一个鲜活、典型的小实例，并在每章后面有一节为知识综合案例，使读者能够学以致用。本书可作为高职高专相关专业的教材和网页制作初学者的入门教程，同时也可为网站建设的专业人士提供一些参考。

为什么要学习HTML、JavaScript和CSS技术

Internet又称因特网，是全球性的网络，是一种公用信息的载体，这种大众传媒比以往的任何一种通信媒体都要快，它缩短了人与人之间的距离，而网站就是Internet中信息载体的宿主单元，网站中的网页是人与人交流的主要窗口，因此，作为计算机相关专业的学生，无论是专业的网站设计人员，还是网站爱好者，都应该掌握一定的网站建设与制作技术。

如今建设互联网的各种新技术层出不穷并且日新月异，但有一点是肯定的，不管是采用什么技术设计的网站，用户在客户端通过浏览器打开看到的网页都是静态网页，都是由 HTML、JavaScript和 CSS 技术构成的，所以如果想从事网页设计或网站管理相关工作，就必须学习 HTML、JavaScript 和 CSS 技术，哪怕只是简单地了解，因为这些技术是网页制作技术的基础和核心。

本书特色

（1）针对性强、实用性强。

本书的编者都有10年以上专业教学经验，3年以上软件企业项目开发与企业管理经验，教材的编写是在大量的企业需求调查、学校学生调查的基础上进行的，重点讲解了HTML、JavaScript和CSS网站客户端技术。

在本书的编写中，本着“学生会学、教师好教、企业需要”的原则，注意理论与实践的一体化，并注重实用性。每个知识点的介绍通过理论介绍、案例源代码、运行效果和源代码解释 4 个步骤完成。每章有一个综合案例，综合案例针对软件企业项目开发过程来讲解，步骤为提出问题、分析问题、解决问题，实用性强。同时为了学生扩展能力的培养，每章还安排了学生任务扩展的项目实训。

（2）精心设计，理论与案例实训完美结合。

本书介绍了HTML语言、JavaScript脚本、CSS样式三方面的知识，将教材分为15章，每章的讲解都是先讲解理论知识，再介绍小案例，最后以完整网站项目贯通详解。同时，本书试图为读者描绘一幅HTML、CSS、JavaScript的角色图，即三者在网页制作这个大的生态环境中各自扮演的角色。其中，HTML 是网页制作的主要语言，是页面的基础架构；CSS 简称样式表，是目前唯一的网页页面排版样式标准，它能使任何浏览器都听从指令，可开发Internet客户端的应用程序；JavaScript是基于对象和事件驱动并具有相对安全性的客户端脚本语言，主要用来给HTML网页添加动态功能，比如响应用户的各种操作、减轻服务器端压力等。

设计网站时需要利用相关工具来完成，好的工具能使设计者事半功倍，目前比较流行的网页设计工具是Dreamweaver，利用Dreamweaver进行网页设计在本书中有详细介绍。

设计出来的网站，必须能通过浏览器访问，甚至能通过Internet来访问，所以网站必须要部署与发布，有局域网或Internet发布，发布需要熟悉过程和一些网络术语，在本书中也有详细介绍。

了解了以上内容，可以使读者理清思路，避免盲目学习，不会有盲人摸象的感觉。

致谢

本书的编写过程是一个不断解决问题和完善的过程，所有参加教材编写的老师都是尽心尽力，利用宝贵的休息时间来编写，是他们对本书编写进行了大量的调研，多次审订，并提出宝贵的修改意见，才使得本书得以顺利出版，在此表示忠心的感谢，同时也感谢书后参考文献的所有作者们，感谢他们的资料给予本书的引导作用。

本书由谢英辉任主编并负责教材总体设计与统稿，胡胜丰、雷军环，彭维捷，刘灿勋任副主编，参与了本书的编写工作和相关资料的整理工作，其中，谢英辉编写了第1、2、3、13、14、15章，胡胜丰编写了第8、9、10、11、12章，雷军环编写了第4、5章，彭维捷编写了第6章，刘灿勋编写了第7章。

本书的结构是一种新的尝试，能否得到同行的认可，能否给教学带来新的感受，都要经过实践的检验。由于作者水平有限，错误之处在所难免，恳请各位读者给予批评和指正。

编者

第1章 网站部署与发布及设计分析

基本介绍

软件开发设计有一个严格的过程，即软件开发流程。软件开发流程是软件设计思路和方法的一般过程，包括设计软件的功能和实现的算法及方法、软件的总体结构设计和模块设计、编程和调试、程序联调和测试，以及编写、提交程序。软件项目的开发实践表明，软件开发各个阶段所需要的技术人员类型、层次和数量是不同的，在软件开发过程中，人员的选择、岗位分配和组织是决定软件开发效率、软件开发进度、软件开发过程管理和软件产品质量的重大因素。而网站部署与发布是把信息放在局域网或 Internet上，让用户可以通过浏览器在局域网或Internet上访问。

需求与应用

对于软件企业来说，软件过程是整个企业最复杂、最重要的业务流程，软件产品就是软件企业的生命，改进整个企业的业务流程，最重要的还是要改进它的软件开发流程。目前，中国软件产业之所以落后，不是因为技术落后，而是对软件生产过程的管理落后。

某网络服务提供商公司招聘一职位，需要该职位的员工专门负责个人或企业租用该公司Web服务器在Internet上发布门户网站的工作。该职位技术需求为了解万维网、Web网页、网站、IP地址、域名等基本知识，掌握利用IIS部署发布网站的整个流程。

学习目标

了解万维网、Web网页、网站、IP地址、域名的基本概念。

掌握IIS的安装。

掌握利用IIS发布网站的方法。

认识软件开发流程。

了解软件开发过程中的岗位需求情况。

建立模拟项目团队。

1.1 网页的基本概念

1.Internet网络与万维网

Internet，中文正式译名为因特网，又称国际互联网，起源于美国20世纪60年代末。它是由那些使用公用语言互相通信的计算机连接而成的全球网络。只要连接到它的任何一个节点上，就意味着你的计算机已经连入Internet了。

万维网（World Wide Web，简称为Web或WWW）是一个资料空间。在这个空间中，所有资料采用统一资源标识符（Uniform/Universal Resource Locator，URL）来标识，每个URL由通信协议、通信主机服务器和服务器上的资源路径所组成，如电子工业出版社的留言簿的URL为http：//cbjj.phei.com.cn/bbs/index.jsp，其中，cbjj.phei.com.cn为服务器（这里采用的是唯一的域名），bbs/index.jsp为服务器上的资源路径。

2.网页

网页（Web Page）是一个文件，是构成网站的基本元素，是承载各种网站应用的平台，它存放在世界某个角落的某一台计算机中，而这台计算机必须是与因特网相连的。网页由网址（URL）来识别与存取，当我们在浏览器中输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机上，然后再通过浏览器解释网页的内容，最后展示到你的眼前，它是万维网中的一“页”，是超文本标记语言格式的文件（文件扩展名为.html或.htm，.asp或.aspx，.php或.jsp等）。网页通常用图像文档来提供图画，网页要通过浏览器来阅读。

3.网站

网站（Web Site）开始是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通信工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度（俗称“网速”）、网站软件配置、网站提供服务等几方面来考虑，最直接的衡量标准是网站的真实流量。

网站是因特网上一块固定的面向全世界发布消息的地方，由域名（也就是网站地址）和网站空间构成，通常包括主页和其他具有超链接文件的页面。

4.Web标准

Web 标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制定的标准，比如 ECMA（European Computer Manufacturers Association）的ECMAScript标准。Web标准用来创建和解释基于Web的内容。这些规范是专门为了那些在网上发布的可向后兼容的文档所设计，使其能够被大多数人访问。

5.IP地址

IP是英文Internet Protocol的缩写，意思是“网络之间互连的协议”，也就是为计算机网络相互连接进行通信而设计的协议。在因特网中，它是能使连接到网上的所有计算机网络实现相互通信的一套规则，规定了计算机在因特网上进行通信时应当遵守的规则，IP协议也可以称为“因特网协议”。

所谓IP地址就是给每台连接在Internet上的主机分配的一个32位二进制表示的唯一的地址（也叫IPv4），而采用二进制表示太难记忆，所以采用十进制进行表示，分为4个字节，每个字节为8位，字节与字节间用“.”分隔，每个字节十进制数的范围为0～255。如一个采用二进制形式的IP地址是“00001010000000000000000000000001”，用十进制表示为“10.0.0.1”。IP地址编址方案将IP地址空间划分为A、B、C、D、E五类，其中A、B、C是基本类，D、E类作为多播和保留使用。

A类IP地址由1字节的网络地址和3字节的主机地址组成，网络地址的最高位必须是0，地址范围为1.0.0.0～126.0.0.0。可用的A类网络有126个，每个网络能容纳1亿多个主机。B类IP地址由2字节的网络地址和2字节的主机地址组成，网络地址的最高位必须是 10，地址范围为 128.0.0.0～191.255.255.255。可用的 B类网络有16 382个，每个网络能容纳6万多个主机。C类IP地址由3字节的网络地址和1字节的主机地址组成，网络地址的最高位必须是 110，范围为 192.0.0.0～223.255.255.255。C类网络可达209万余个，每个网络能容纳254个主机。

由于因特网的蓬勃发展，IP地址的需求量愈来愈大，使得IP地址的发放愈趋严格，各项资料显示全球IPv4地址将可能在2015至2025年间全部发完。地址空间的不足必将妨碍因特网的进一步发展。为了扩大地址空间，拟通过IPv6重新定义地址空间。IPv6采用128位地址长度。在IPv6的设计过程中除了一劳永逸地解决了地址短缺问题以外，还解决了在IPv4中不好的其他问题。

6.域名

域名（Domain Name），是由一串用点“.”分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置），一个域名，它定义了行政自主权、权力或控制因特网的境界。域名是一个IP地址上的“面具”。域名是便于记忆和沟通的一组服务器的地址（网站、电子邮件、FTP 等）。域名作为力所能及和难忘的因特网参与者的名称，如计算机网络和服务。世界上第一个域名是在1985年1月注册的。

通俗地说，域名就相当于一个家庭的门牌号码，别人通过这个号码可以很容易地找到您，和 IP 地址一样，域名也具有唯一性，采用域名映射关系和 IP 地址唯一对应，在访问某个网站时，只需要输入域名就可访问，解决了IP地址太难记忆，不方便在访问时输入的问题。

域名可分为不同级别，包括顶级域名、二级域名等。顶级域名又分为国家顶级域名和国际顶级域名两类。

国家顶级域名（national Top-Level Domainnames，nTLDs），200 多个国家都按照ISO3166国家代码分配了顶级域名，例如中国是cn，美国是us，日本是jp等。

国际顶级域名（international Top-Level Domainnames，iTLDs），如表示工商企业的.com，表示网络提供商的.net，表示非营利组织的.org等。大多数域名争议都发生在.com的顶级域名下，因为多数公司上网的目的都是为了赢利。为加强域名管理，解决域名资源的紧张，Internet协会、Internet分址机构及世界知识产权组织（WIPO）等国际组织经过广泛协商，在原来三个国际通用顶级域名的基础上，新增加了7个国际通用顶级域名：firm（公司企业）、store（销售公司或企业）、web（突出WWW活动的单位）、arts（突出文化、娱乐活动的单位）、rec（突出消遣、娱乐活动的单位）、info（提供信息服务的单位）、nom（个人），并在世界范围内选择新的注册机构来受理域名注册申请。

二级域名是指顶级域名之下的域名，在国际顶级域名下，它是指域名注册人的网上名称，例如ibm、yahoo、microsoft等；在国家顶级域名下，它是表示注册企业类别的符号，例如com、edu、gov、net等。中国在国际互联网络信息中心（Inter NIC）正式注册并运行的顶级域名是cn，这也是中国的一级域名。在顶级域名之下，中国的二级域名又分为类别域名和行政区域名两类。类别域名共6个，包括用于科研机构的ac，用于工商金融企业的com，用于教育机构的edu，用于政府部门的gov，用于互联网络信息中心和运行中心的net，用于非营利组织的org。而行政区域名有34个，分别对应于中国各省、自治区和直辖市。

三级域名用字母（A～Z，a～z）、数字（0～9）和连接符（-）组成，各级域名之间用实点（.）连接，三级域名的长度不能超过 20 个字符。如无特殊原因，建议采用申请人的英文名（或者缩写）或者汉语拼音名（或者缩写）作为三级域名，以保持域名的清晰性和简洁性。

7.ISP互联网服务提供商

ISP（Internet Service Provider），互联网服务提供商，即向广大用户综合提供互联网接入业务、信息业务、和增值业务的电信运营商。ISP是经国家主管部门批准的正式运营企业，受国家法律保护。中国三大基础运营商为中国电信、中国移动和中国联通。

（1）中国电信：拨号上网、ADSL、1X、CDMA1X，EVDO rev.A、FTTx。

（2）中国移动：GPRS及EDGE无线上网、TD-SCDMA无线上网、一少部分FTTx。

（3）中国联通：GPRS、W-CDMA无线上网、拨号上网、ADSL、FTTx。

中国电信重组之后，中国网通并入中国联通，剔除中国联通CDMA，组成新联通；中国铁通并入中国移动，成为其旗下全资子公司；中国联通CDMA并入中国电信组成新电信。

8.IIS Web服务器

IIS是Internet Information Services（互联网信息服务）的缩写，是一个World Wide Web server。Gopher server和FTP server全部包容在IIS里面。IIS意味着能发布网页，并且由ASP（Active Server Pages）、Java、VBscript产生页面，有一些扩展功能。IIS支持一些有趣的东西，像有编辑环境的界面FrontPage、有全文检索功能的Index Server、有多媒体功能的Net Show。IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器，是在Windows NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成，允许使用Windows NT Server内置的安全性及NTFS文件系统建立强大灵活的Internet/Intranet站点。IIS是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括因特网和局域网）上发布信息成了一件很容易的事。

1.2 网站的发布与测试

1.2.1 在实验室或局域网内部发布HTML页面

本地的HTML页面可以直接用浏览器打开显示，但如果想要让局域网（比如同一个办公室或机房教室）里的其他机器访问该HTML页面的话，就必须用Web服务器进行发布，发布过程如下。

1.安装IIS Web服务器

IIS作为当今流行的Web服务器之一，提供了强大的Internet和Intranet服务功能，它是Windows平台服务器的首选Web服务器。IIS通过超文本传输协议（HTTP）传输信息，还可配置IIS以提供文件传输协议（FTP）和其他服务，如NNTP服务、SMTP服务等。IIS在Web服务器阵营里一直稳居Number 2的位置，其安装步骤如下。

打开“控制面板”→“添加/删除程序”→“添加/删除 Windows 组件”→按图 1-1设置操作→按提示提供Windows安装盘并完成安装。

2.利用IIS Web服务器部署HTML页面

IIS服务器默认Web站点的主目录是“c：\\InetPub\\wwwroot”，而实际要发布的信息是存放在其他目录下的，如“d：\\soft\\example”，这时，就需要在“默认Web站点”创建一个虚拟目录，实际上虚拟目录（如example）并不是一个真正存在的目录，它是实际的物理路径（如 c：\\InetPub\\example）的别名，文件是存放在实际的物理路径下的，而在 IIS服务器中，是以虚拟目录进行管理的，与物理路径无关。用户在浏览器中用虚拟目录名来访问实际的物理路径目录，这样做比较安全，用户不知道文件在服务器中的实际位置，并且不能用此信息修改文件。Web服务器部署过程如下。

打开“控制面板”→“性能与维护”→“管理工具”→“Internet信息服务”→按如图1-1所示设置操作→“下一步”→输入要访问网站的别名如“web”→“下一步”→选择页面或网站所在的文件夹→“下一步”→“下一步”→“完成”。关键步骤如图1-2和图1-3所示。

图1-1 添加IIS Web服务器

图1-2 新建虚拟目录

图1-3 选择要发布网站所在的目录

3.用浏览器访问网站

当用IIS服务器部署完项目后，就可以用浏览器访问网页了。打开浏览器后，在地址栏中输入访问URL，如http：//localhost/web/index.html，其中http为访问协议，localhost为服务器IP地址，因为在本机访问，所以可用localhost，也可用127.0.0.1或本服务器真实的IP地址，web为前面步骤部署时创建的虚拟目录，index.html为要访问的网站的首页，如图1-4所示。

图1-4 局域网部署网站效果图

1.2.2 在Internet上发布网站

如果想让Internet上的用户都能访问您的网页，就必须在Internet上发布您的网站，在1.4.1节中在局域网中发布的网站，只能在同一个局域网中访问，不能在Internet上访问，在Internet上发布网站的具体过程如下。

1.注册域名

注册域名需要遵循先申请先注册原则。域名是一种有价值的资源，在新的经济环境下，域名所具有的商业意义已远远大于其技术意义，人们已经把域名看做知识产权的一部分。

当然，相对于传统的知识产权领域，域名是一种全新的客体，具有自身的特性。例如，域名的使用是全球范围的，没有传统的严格地域性的限制；从时间性的角度看，域名一经获得即可永久使用，并且无须定期续展；域名在网络上是绝对唯一的，一旦取得注册，其他任何人不得注册、使用相同的域名，因此其专有性也是绝对的；另外，域名非经法定机构注册不得使用，这与传统的专利、商标等客体不同，等等。即使如此，把域名作为知识产权的客体也是科学和可行的，在实践中对于保护企业在网络上的相关合法权益是有利而无害的。

目前Internet上有很多网站提供免费域名，只需在百度中搜索“申请免费域名”即可获得，当然免费的总是有不如意的地方，如果是公司或单位，最好去专门负责的公司去申请购买，如中国万网、互易中国、四博互联等。注册域名的申请步骤如下。

（1）准备申请资料：com域名无须提供身份证、营业执照等资料，2012年6月3日cn域名已开放个人申请注册，但申请需要提供身份证或企业营业执照。

（2）寻找域名注册网站：推荐谷谷互联，由于com、cn域名等不同后缀均属于不同注册管理机构所管理，如要注册不同后缀域名则需要从注册管理机构寻找经过其授权的顶级域名注册查询服务机构。如com域名的管理机构为ICANN，cn域名的管理机构为CNNIC（中国互联网络信息中心）。如域名注册查询注册商已经通过ICANN、CNNIC双重认证，则无须分别到其他注册服务机构申请域名。

（3）查询域名：在注册商网站注册用户名成功后并查询域名，选择要注册的域名，并点击域名注册查询。

（4）正式申请：查到想要注册的域名，并且确认域名为可申请的状态后，提交注册，并缴纳年费。

（5）申请成功：正式申请成功后，即可开始进入DNS解析管理、设置解析记录等操作。

2.申请空间

因为自己建立服务器来搭建网站需要的费用比较高，而且对技术人员的维护水平也是相当严峻的考验。所以对于中小企业和个人用户来说，目前性价比最高的建立网站的方法就是使用虚拟主机。通过向一些空间服务商交纳一定的租用虚拟主机的费用来实现建立网站的目的。一方面空间服务商提供的服务器是高效和稳定的，出现问题也会有专业人员进行排查；另一方面空间服务商也会保证服务器的安全，安装防火墙等硬件设备来阻止病毒与黑客的攻击。

目前因特网上也有很多提供免费虚拟主机的网站，如中国免费空间网（http：//www.06la.com/），也可在百度上查找“免费空间申请”关键字，可找到很多提供免费空间的网站，也可到专门提供虚拟主机的公司去租用，如当地电信、中国万维网等。

3.上传文件到空间

利用空间提供商提供的用户名和密码在指定的网站上把要发布的网站文件内容上传到购买的空间。

4.测试

利用因特网在远程访问发布的网站，如果不成功，则查看原因，可询求网站空间服务商来帮忙解决。如果成功，则会得到如图1-5所示的效果图。

图1-5 网站Internet上部署效果图

1.3 软件开发流程

网站开发是开发基于 B/S（IE 浏览器）的网页开发的一个整体过程，也可以理解开发即制作，是较多的小制作带来的开发，网站是由若干个页面组成的有联系的集合，在整个开发过程中需要遵循一个流程，需要分工合作，根据技术要求不同分成不同的岗位。

软件开发流程（Software Development Process）即软件设计思路和方法的一般过程，包括设计软件的功能和实现的算法及方法、软件的总体结构设计和模块设计、编程和调试、程序联调和测试，以及编写、提交程序等。

1.需求调研分析

网站同样需要“以人为本”。只有准确把握用户需求，才能做出用户真正喜欢的网站。如果不考虑用户需求，网站的页面设计得再漂亮，功能再强大，也只能作为摆设，无法得到用户的肯定。需求分析过程因网站大小与复杂度、用途不同而不尽相同。以本书提供的门户网站为例，该网站主要用于公司发布和展示信息，分析人员可以先去公司了解该公司的需求，形成文档，然后对需求文档进行分析总结形成易于客户理解的信息，结合相关成功案例，向客户解释，使客户认可，这是一个反复的过程。

2.概要设计

首先，开发者需要对软件系统进行概要设计，即系统设计。概要设计需要对软件系统的设计进行考虑，包括系统的基本处理流程、系统的组织结构、模块划分、功能分配、接口设计、运行设计、数据结构设计和出错处理设计等，为软件的详细设计提供基础。

以本书提供的门户网站为例，可以利用画图、Excel、Word 工具对网站功能效果画图并描述，并展示给客户，请客户认可。这也是一个反复的过程，需要多次修改并最终使客户认可。详见随书配套资源中“第 1 章网站部署与发布及设计分析范例集合”中的“门户网站概要设计书”文件。

3.详细设计

在概要设

....