L7-《网络信息制作与发布》网站的规划与建设1_第1页
L7-《网络信息制作与发布》网站的规划与建设1_第2页
L7-《网络信息制作与发布》网站的规划与建设1_第3页
L7-《网络信息制作与发布》网站的规划与建设1_第4页
L7-《网络信息制作与发布》网站的规划与建设1_第5页
已阅读5页,还剩15页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

《网络信息制作与发布》

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

简单地说,在网站内包含整个站点中所有的网页、图片、动画、下载文件等内容。网站是一种通信工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的信息,或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站,获取自己需要的信息或者享受网络服务。3.1网站的概念网站主要涉及网页、网页空间、网络地址、域名几个概念。网站的形式包括:具备独立服务器、独立IP地址等复杂的大型网站形式,也包括虚拟主机,或者是具备鲜明主题的个人主页(HomePage)等简单的形式。3.2网站建设基础网站是一个崭新的媒体平台,在网站中可以显示文本、动画、声音、视频等多媒体的内容,所以构成网站的技术知识涉及网络技术和媒体应用的各个范围。

同学们在计算机网络课程中,我们已经了解了有关网络协议、IP地址、域名与URL(UniversalResourceLocator,统一资源定位符)的概念,这里主要介绍在网站建设中需要了解的其他知识。3.2网站建设基础

Web浏览器是通过URL来获取并显示Web网页的一种软件工具。在Windows环境中流行的Web浏览器为InternetExplorer。我们可以通过Web浏览器进入多彩的网络世界。3.2.1Web浏览器其他还有Chrome、Firefox等浏览器供我们选择。3.2网站建设基础超链接(Hyperlink)可以看作一种文件的指针,它提供了相关联文件的路径,以指向在本地、网络驱动器或Internet上存储的文件,并可跳转到相应的文件。3.2.2超链接3.2网站建设基础超链接(Hyperlink)有绝对连接和相对连接之分。绝对连接:/newslist2015/相对连接:是相对于本资源来说的一种连接。同一级目录:直接写“文件名.扩展名”,如images.gif下一级目录:写“文件夹名称/文件名.扩展名”,如images/logo.gif上一级目录:写“../文件名.扩展名”,如../images.gif3.2.2超链接3.3网页设计基础知识前面给各位同学介绍过,网站是网页的集合,一个网站是由很多很多的相关页面来构成的。网页只是网站中的一个组成部分,是网站的信息的载体。我们在实际制作的时候,制作的是每一个网页。制作多个网页,组合在一个站点中,网站也就生成了。下面介绍一下网页构成的基本要素。3.3网页设计基础知识3.3.1网页的基本元素

网页的基本元素,简单来说,就是网页中所能够显示的各种内容。我们在浏览器的地址栏中输入一个网站的网址,按回车键后,浏览器就可以显示出该网站的首页。例如,在浏览器的地址栏中输入http://www.Z按回车键后浏览器就会显示出浙江广播电视大学的首页。3.3网页设计基础知识3.3.1网页的基本元素

通过观察,我们可以发现,网页中不仅可以包含文本、图像、动画、音频、视频等元素,也可以包含表格、表单元素。同时可以接受访问者的信息。网页是一个纯文本文件,它利用HTML、CSS等语言的各种标记对组成页面的元素进行描述(如字体、颜色、位置),通过浏览器生成访问者可以在浏览器中看到的可视化页面效果。在网页中存放的是文本、语言标记,以及相关要素的链接位置。3.3网页设计基础知识3.3.1网页的构成

不同性质和类别的网站,页面的内容安排是不同的。一般网页的基本内容包括网页标题、网站标识图案(LOGO)、网页页眉、网页页脚、网页导航、主体内容、广告栏等,3.3网页设计基础知识3.3.1网页的构成

1、网页标题网站中的每个页面都有一个标题,用来提示页面中的主要内容。在html的<head>与</head>标签中。<title>浙江广播电视大学</title>3.3网页设计基础知识3.3.1网页的构成

2、网站LOGOLOGO是网站形象的重要体现。一个好的LOGO能起到明晰的标识作用。3.3网页设计基础知识3.3.1网页的构成

3、网页页眉

网页页眉,是指网页的顶端部分,页眉的风格和整体页面风格一致,一般在此设置网站的宗旨,宣传口号,广告语等网站页眉3.3网页设计基础知识3.3.1网页的构成

4、网页页脚

网页页脚,是指网页的底部,通常用来标注站点所属公司名称,地址,版权信息,联系方式等。网站页脚3.3网页设计基础知识3.3.1网页的构成

5、网页导航网页导航(Navigation)是指通过一定的技术手段,为网站的访问者提供一定的途径,使其可以方便地访问到所需的内容。网页导航的位置一般来说在每个页面中的位置都是一样的。网页导航表现为网站的栏目菜单设置、辅助菜单、其他在线帮助等形式。3.3网页设计基础知识3.3.1网页的构成

5、网页导航网页导航(Navigation)是指通过一定的技术手段,为网站的访问者提供一定的途径,使其可以方便地访问到所需的内容。网页导航的位置一般来说

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论