第1章网站设计与网页制作基础 本章要点 区网站的概念 区网站的设计与实现 区HTML及其语法
第1章 网站设计与网页制作基础 ⚫ 本章要点： ⚫ 网站的概念 ⚫ 网站的设计与实现 ⚫ HTML及其语法
1.1网站概述 11.1 nternet与Web服务 Internet是一个覆盖范围极广,功能极其强大的网络,在 Internet 上用户可以享受很多服务,Web服务是目前 Internet上很重要也是用 户最多的一项服务。 Web服务最初是由日内瓦欧洲核物理研究中心(CERN)开发的 个科研项目,1990年底研制成功并投入使用。 1993年初,美国国家超级计算机应用中心(NCSA)开发的基于图 形用户界面的 MOSAIO浏览器问世,使得Web服务得以突飞猛进地发 展 随后, Internet上Web服务器的数量也成几何数增长,并使得Web 服务迅速成为 Internet上最有吸引力的服务之一
1.1 网站概述 ⚫ 1.1.1 Internet与Web服务 Internet是一个覆盖范围极广，功能极其强大的网络，在Internet 上用户可以享受很多服务，Web服务是目前Internet上很重要也是用 户最多的一项服务。 Web服务最初是由日内瓦欧洲核物理研究中心（CERN）开发的一 个科研项目，1990年底研制成功并投入使用。 1993年初，美国国家超级计算机应用中心（NCSA）开发的基于图 形用户界面的MOSAIC浏览器问世，使得Web服务得以突飞猛进地发 展。 随后，Internet上Web服务器的数量也成几何数增长，并使得Web 服务迅速成为Internet上最有吸引力的服务之一
112网页与网站 nternet上各式超文本文件称为网页(Page)。其中其中超文本 ( Hypertext)是一种文件格式,是一种对信息的描述方法,这种描 述方法不受系统平台的限制,可以在不同的平台上使用,用户也可 以在各种操作系统上浏览这些超文本文件。 在每一个页面上,可以有一些词、语句或图片等作为“链接点 (Link)”,通过这些链接点可以快速地跳转到本网站的其它页面 或其它网站上的页面。这种“链接点”方式称为超链接 存放这些页面的服务器称为网站
⚫ 1.1.2 网页与网站 Internet上各式超文本文件称为网页（Page）。其中其中超文本 （Hypertext）是一种文件格式，是一种对信息的描述方法，这种描 述方法不受系统平台的限制，可以在不同的平台上使用，用户也可 以在各种操作系统上浏览这些超文本文件。 在每一个页面上，可以有一些词、语句或图片等作为“链接点 （Link）”，通过这些链接点可以快速地跳转到本网站的其它页面 或其它网站上的页面。这种“链接点”方式称为超链接。 存放这些页面的服务器称为网站
12网站设计 121网站规划 1.确定主题和目的 2.可行性分析 可行性分析是指分析建设者是否有能力建设和维护网站,即 这个网站的制作在经济上及技术上是否可行,是否具备一定的经济 效益和社会效益,是否值得为制作和维护网站而付出时间、精力和 金钱 3.确定网站的功能、形式
1.2 网站设计 ⚫ 1.2.1 网站规划 1．确定主题和目的 2．可行性分析 可行性分析是指分析建设者是否有能力建设和维护网站，即 这个网站的制作在经济上及技术上是否可行，是否具备一定的经济 效益和社会效益，是否值得为制作和维护网站而付出时间、精力和 金钱。 3．确定网站的功能、形式
122网站实现 1.服务器选择 2.网页的编写 3.网页调试 4.网页的发布 5.维护与管理
⚫ 1.2.2 网站实现 1．服务器选择 2．网页的编写 3．网页调试 4．网页的发布 5．维护与管理
1.3HTML概述 131HTML简介 HTML语言是由一个世界性的标准化组织W3C( World wide Web consortium)制定出来的。 该语言自1990年问世以来,迄今为止已经发行了4个版本 现在最新的是HTML40版本,通过浏览 “http://ww3org/pub/www/站点,可以了解HTML标准的最新 动态。 HTML文件本身是一个ASC文件,在任何文本编辑器中都可以 进行编辑,当一个HTML文件编辑好后,必须用扩展名“.htm”或 “htm来存储,以表示该文件是HTML文档 一个HTML文件是由内容和标记构成的
1.3 HTML概述 ⚫ 1.3.1 HTML简介 HTML语言是由一个世界性的标准化组织W3C（World Wide Web Consortium）制定出来的。 该语言自1990年问世以来，迄今为止已经发行了4个版本。 现在最新的是HTML4.0版本，通过浏览 “http://www.w3.org/pub/www/”站点，可以了解HTML标准的最新 动态。 HTML文件本身是一个ASCII文件，在任何文本编辑器中都可以 进行编辑，当一个HTML文件编辑好后，必须用扩展名“.htm”或 “.html”来存储，以表示该文件是HTML文档。 一个HTML文件是由内容和标记构成的
132HTML基本语法 HTML文件通常由4个主要的标识元素构成,基本格式为 HTML文件标题演示 K/HEAD> HTML文件的内容在这里显示 K/BODY> K/HTML>
⚫ 1.3.2 HTML基本语法 HTML文件通常由4个主要的标识元素构成，基本格式为： HTML文件标题演示 HTML文件的内容在这里显示
下面简单介绍一些HTML文件中常见的 标记及其功能与用法 ●1.子标题标记 HTML定义了6个级别的子标题,从到,数字越小,字 号越大。定义格式为:子标题名称。 ●2.分段、换行、原样显示标记 :段落标记,它是一个双向标记,相当于回车换行 :也是一个换行标识,同样也是一个双向标记。不同于 的是,由它定义的换行,两行之间不留空行 :双向标识,标识以原始文本格式进行显示
下面简单介绍一些HTML文件中常见的 标记及其功能与用法 ⚫ 1．子标题标记 HTML定义了6个级别的子标题，从到，数字越小，字 号越大。定义格式为：子标题名称。 ⚫ ２．分段、换行、原样显示标记 ：段落标记，它是一个双向标记，相当于回车换行 。 ：也是一个换行标识，同样也是一个双向标记。不同于 的是，由它定义的换行，两行之间不留空行。 ：双向标识，标识以原始文本格式进行显示
●3.超文本链接标记 :双向标识,用于标识超文本链接。使用格式为: A>超链接标记创建的超链接可以有以下几种形式: (1)链接到其它网页 (2)链接到本网页的其它部分 (3)链接到FTP服务器定义格式为:超链 接标记。 (4)链接到E-ma地址定义格式为:超链接 标记 (5)将图像作为超链接标记在网页中嵌入图像:定义格式为:
⚫ 3．超文本链接标记 ：双向标识，用于标识超文本链接。使用格式为： 超链接标记创建的超链接可以有以下几种形式： （1）链接到其它网页 （2）链接到本网页的其它部分 （3）链接到FTP服务器定义格式为：超链 接标记。 （4）链接到E-mail地址定义格式为：超链接 标记。 （5）将图像作为超链接标记在网页中嵌入图像：定义格式为：
4.网页文本修饰标记 修饰网页文本的标记非常丰富,下面列举几种主要的标记 (1)字体修饰 (2)设置字号和颜色定义格式为 文字.FONT> (3)居中显示定义格式为:文字.。 (4)横线标识
⚫ 4．网页文本修饰标记 修饰网页文本的标记非常丰富，下面列举几种主要的标记 （1）字体修饰 （2）设置字号和颜色定义格式为： 文字…… （3）居中显示定义格式为：文字……。 （4）横线标识