L7-《网络信息制作与发布》网站的规划与建设1

1、浙江广播电视大学 徐斌立认知目标l 了解网站的概念了解网站的概念 l 理解网站开发的基本流程理解网站开发的基本流程 l 概括不同类型网站设计上的特点概括不同类型网站设计上的特点 l 说明网页构成的要素说明网页构成的要素 l 概括导航设计的要点概括导航设计的要点l 理解版式在网页设计中的作用理解版式在网页设计中的作用 l 理解网页布局的基本结构理解网页布局的基本结构 l 了解了解Web标准化布局的概念标准化布局的概念 网站（网站（Website）是指在网际网络上，根据一定的规则，使用）是指在网际网络上，根据一定的规则，使用HTML等工具等工具制作的用于制作的用于 展示特定内容的相关网页的集合。展

2、示特定内容的相关网页的集合。 简单地说，在网站内包含整个站点中所有的网页、图片、简单地说，在网站内包含整个站点中所有的网页、图片、 动画、下载文件动画、下载文件等内容。网站是一种通信工具，就像布告栏一样，人们可以通过网站来发布等内容。网站是一种通信工具，就像布告栏一样，人们可以通过网站来发布 自己想要公开的信息，或者利用网站来提供相关的网络服务。人们可以通过自己想要公开的信息，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访网页浏览器来访 问网站，获取自己需要的信息或者享受网络服务。问网站，获取自己需要的信息或者享受网络服务。 网站主要涉及网页、网页空间、网络地址、域名几个概念。网

3、站的形式包网站主要涉及网页、网页空间、网络地址、域名几个概念。网站的形式包括：具备独立括：具备独立 服务器、独立服务器、独立IP地址等复杂的大型网站形式，也包括虚拟主机，地址等复杂的大型网站形式，也包括虚拟主机，或者是具备鲜明主题的个人主或者是具备鲜明主题的个人主 页（页（HomePage）等简单的形式。）等简单的形式。 网站是一个崭新的媒体平台，在网站中可以显示文本、动画、声音、视频网站是一个崭新的媒体平台，在网站中可以显示文本、动画、声音、视频等多媒体的内等多媒体的内 容，所以构成网站的技术知识涉及网络技术和媒体应用的各个容，所以构成网站的技术知识涉及网络技术和媒体应用的各个范围。范围。

4、同学们在计算机网络课程中，同学们在计算机网络课程中， 我们已经了解了有关网络协议、我们已经了解了有关网络协议、IP地址、域地址、域名与名与URL (Universal Resource Locator,统一资统一资 源定位符）的概念，这里主要介源定位符）的概念，这里主要介绍在网站建设中需要了解的其他知识。绍在网站建设中需要了解的其他知识。 Web浏览器是通过浏览器是通过URL来获取并显示来获取并显示Web网页的一种软件工具。在网页的一种软件工具。在Windows环境中流行的环境中流行的 Web浏览器为浏览器为Internet Explorer。我们可以通过。我们可以通过Web浏览器进入浏览器进

5、入多彩的网络世界。多彩的网络世界。 3.2.1 Web浏览器 其他还有其他还有Chrome、Firefox等浏览器等浏览器供我们选择。供我们选择。 超链接（超链接（Hyperlink）可以看作一种文件的指针，它提供了相关联文件的路）可以看作一种文件的指针，它提供了相关联文件的路径，以指向在本地、网络驱动器或径，以指向在本地、网络驱动器或Internet上存储的文件，并可跳转到相应的上存储的文件，并可跳转到相应的文件。文件。3.2.2 超链接 超链接（超链接（Hyperlink）有绝对连接和相对连接之分。）有绝对连接和相对连接之分。绝对连接：绝对连接： http:/ 同一级目录同一级目录: :直

6、接写直接写“文件名文件名. .扩展名扩展名”，如，如images.gifimages.gif 下一级目录下一级目录: :写写“文件夹名称文件夹名称/ /文件名文件名. .扩展名扩展名”，如，如images/logo.gifimages/logo.gif 上一级目录：写上一级目录：写“./“./文件名文件名. .扩展名扩展名”，如，如./images.gif./images.gif3.2.2 超链接 前面给各位同学介绍过，网站是网页的集合，一个网站是由很多很多的相前面给各位同学介绍过，网站是网页的集合，一个网站是由很多很多的相关页面来构成的。关页面来构成的。 网页只是网站中的一个组成部分，是网站

7、的信息的载体。网页只是网站中的一个组成部分，是网站的信息的载体。我们在实际制作的时候，制作的是我们在实际制作的时候，制作的是 每一个网页。制作多个网页，组合在一个每一个网页。制作多个网页，组合在一个站点中，网站也就生成了。下面介绍一下网页构成站点中，网站也就生成了。下面介绍一下网页构成 的基本要素。的基本要素。3.3.1 网页的基本元素 网页的基本元素，简单来说，就是网网页的基本元素，简单来说，就是网页中所能够显示的各种内容。我们在浏页中所能够显示的各种内容。我们在浏览器的地址览器的地址 栏中输入一个网站的网址，栏中输入一个网站的网址，按回车键后，浏览器就可以显示出该网按回车键后，浏览器就可以

8、显示出该网站的首页。例如，在浏览站的首页。例如，在浏览 器的地址栏中器的地址栏中输入输入http:/www. Z按回车键按回车键后浏览器就会显后浏览器就会显 示出浙江广播电视大学示出浙江广播电视大学的首页。的首页。3.3.1 网页的基本元素 通过观察，我们可以发现，网页中不仅可以包含通过观察，我们可以发现，网页中不仅可以包含文本、图像、动画、音频、视频等元文本、图像、动画、音频、视频等元 素，也可以素，也可以包含表格、表单元素。同时可以接受访问者的信息。包含表格、表单元素。同时可以接受访问者的信息。 网页是一个纯文本文件，它利用网页是一个纯文本文件，它利用HTML、CSS等语等语言的各种标记对

9、组成页言的各种标记对组成页 面的元素进行描述（如字面的元素进行描述（如字体、颜色、位置），通过浏览器生成访问者可以在体、颜色、位置），通过浏览器生成访问者可以在浏览器中看到的可视化页面效果。在网页中存放的浏览器中看到的可视化页面效果。在网页中存放的是文本、语言标记，以及相关要素的链接位置。是文本、语言标记，以及相关要素的链接位置。3.3.1 网页的构成 不同性质和类别的网站，页面的内容安排是不同的。一般网页的基本内容包不同性质和类别的网站，页面的内容安排是不同的。一般网页的基本内容包括网页标题、网括网页标题、网 站标识图案（站标识图案（LOGO）、网页页眉、网页页脚、网页导航、主体）、网页页眉

10、、网页页脚、网页导航、主体内容、广告栏等，内容、广告栏等，3.3.1 网页的构成 1、网页标题、网页标题网站中的每个页面都有一个标题，用来提示页面中的主要内容。网站中的每个页面都有一个标题，用来提示页面中的主要内容。在在html的的与与标签中。标签中。浙江广播电视大学3.3.1 网页的构成 2、网站、网站LOGO LOGO是网站形象的重要体现。一个好的是网站形象的重要体现。一个好的LOGO能起到明晰的标识作用。能起到明晰的标识作用。3.3.1 网页的构成 3、网页页眉、网页页眉 网页页眉，是指网页的顶端部分，页眉的风格和整体页面风格一致，一般在网页页眉，是指网页的顶端部分，页眉的风格和整体页面

11、风格一致，一般在此设置网站的宗旨，宣传口号，广告语等此设置网站的宗旨，宣传口号，广告语等网站页眉网站页眉3.3.1 网页的构成 4、网页页脚、网页页脚 网页页脚，是指网页的底部，通常用来标注站点所属公司名称，地址，版权网页页脚，是指网页的底部，通常用来标注站点所属公司名称，地址，版权信息，联系方式等。信息，联系方式等。网站页脚网站页脚3.3.1 网页的构成 5、网页导航、网页导航 网页导航（网页导航（Navigation）是指通过一定的技术手段，为网站的访问者提供一定）是指通过一定的技术手段，为网站的访问者提供一定的途径，的途径， 使其可以方便地访问到所需的内容。网页导航的位置一般来说在每个使其可以方便地访问到所需的内容。网页导航的位置一般来说在每个页面中的位置都是一样的。网页导航表现为网站的栏目菜单设置、辅助菜单、页面中的位置都是一样的。网页导航表现为网站的栏目菜单设置、辅助菜单、其他在线帮助等形式。其他在线帮助等形式。3.3.1 网页的构成 5、网页导航、网页导航 网页导航（网页导航（Navigation）是指通过一定的技术手段，为网站的访问者提供一定）是指通过一定的技术手段，为网站的访问者提供一定的途径，的途径， 使其可以方便地访问到所需的内容。网页导航的位置一般来说在每个使其可以方便地访问到所需