1、第1章 网站设计与网页制作基础,本章要点： 网站的概念 网站的设计与实现 HTML及其语法,1.1 网站概述,1.1.1 Internet与Web服务 Internet是一个覆盖范围极广，功能极其强大的网络，在Internet上用户可以享受很多服务，Web服务是目前Internet上很重要也是用户最多的一项服务。Web服务最初是由日内瓦欧洲核物理研究中心（CERN）开发的一个科研项目，1990年底研制成功并投入使用。1993年初，美国国家超级计算机应用中心（NCSA）开发的基于图形用户界面的MOSAIC浏览器问世，使得Web服务得以突飞猛进地发展。随后，Internet上Web服务器的数量也成
2、几何数增长，并使得Web服务迅速成为Internet上最有吸引力的服务之一。,1.1.2 网页与网站 Internet上各式超文本文件称为网页（Page）。其中其中超文本 （Hypertext）是一种文件格式，是一种对信息的描述方法，这种描述方法不受系统平台的限制，可以在不同的平台上使用，用户也可以在各种操作系统上浏览这些超文本文件。在每一个页面上，可以有一些词、语句或图片等作为“链接点（Link）”，通过这些链接点可以快速地跳转到本网站的其它页面或其它网站上的页面。这种“链接点”方式称为超链接。存放这些页面的服务器称为网站。,1.2 网站设计,1.2.1 网站规划 1确定主题和目的 2可行性
3、分析 可行性分析是指分析建设者是否有能力建设和维护网站，即这个网站的制作在经济上及技术上是否可行，是否具备一定的经济效益和社会效益，是否值得为制作和维护网站而付出时间、精力和金钱。 3确定网站的功能、形式,1.2.2 网站实现 1服务器选择 2网页的编写3网页调试 4网页的发布5维护与管理,1.3 HTML概述,1.3.1 HTML简介 HTML语言是由一个世界性的标准化组织W3C（World Wide Web Consortium）制定出来的。该语言自1990年问世以来，迄今为止已经发行了4个版本。现在最新的是HTML4.0版本，通过浏览“http:/www.w3.org/pub/www/”
4、站点，可以了解HTML标准的最新动态。 HTML文件本身是一个ASCII文件，在任何文本编辑器中都可以进行编辑，当一个HTML文件编辑好后，必须用扩展名“.htm”或“.html”来存储，以表示该文件是HTML文档。一个HTML文件是由内容和标记构成的。,1.3.2 HTML基本语法 HTML文件通常由4个主要的标识元素构成，基本格式为：HTML文件标题演示HTML文件的内容在这里显示,下面简单介绍一些HTML文件中常见的标记及其功能与用法,1子标题标记 HTML定义了6个级别的子标题，从到，数字越小，字号越大。定义格式为：子标题名称。 分段、换行、原样显示标记 ：段落标记，它是一个双向标记，
5、相当于回车换行 。：也是一个换行标识，同样也是一个双向标记。不同于的是，由它定义的换行，两行之间不留空行。 ：双向标识，标识以原始文本格式进行显示。,3超文本链接标记 ：双向标识，用于标识超文本链接。使用格式为：超链接标记创建的超链接可以有以下几种形式： （1）链接到其它网页 （2）链接到本网页的其它部分 （3）链接到FTP服务器定义格式为：超链接标记。 （4）链接到E-mail地址定义格式为：超链接标记。 （5）将图像作为超链接标记在网页中嵌入图像：定义格式为：。,4网页文本修饰标记修饰网页文本的标记非常丰富，下面列举几种主要的标记 （1）字体修饰 （2）设置字号和颜色定义格式为：文字 （3
6、）居中显示定义格式为：文字。 （4）横线标识,5HTML标记应用举例,HTML代码如下： 我的个人网站首页欢迎光临个人网站：（这里是标题1）互联网简介（这里是标题2）随着Internet技术的飞速发展，Internet用户正以指数级速度在增长。, 现在已经没有人怀疑，是Internet打破了传统的信息传播方式，是Internet实现了世界范围内的网络间的互联和资源共享。它没有地理上的差别和时间上的限制，具有其独有的互联、开放和共享模式，真正的将全世界紧密的联系在一起。,网页的浏览效果如下图,小结,本章主要讲述了网站的基本概念及网站与网页的关系，重点讲述了网站的设计过程，包括如何规划和实现。另外，还简单地讲解了HTML语言及其基本用法。通过本章的学习，用户应该了解到，Internet上的五颜六色、精彩纷呈的网站都是经过了哪些制作步骤来实现的，具体采用了哪些技术等。尤其是和网页分不开的HTML语言，它是标准的超文本标记语言，其编程方法及特点和其它高级编程语言有着很大的不同之处。不管以后采用何种方法创作网页，了解HTML语言的基本语法对制作网页是很有帮助的。,
