文档介绍：网页设计与制作
(第二版)
倪红耀主编
大连理工大学出版社出版
①搭建网站前期准备工作
1
项目 1
2
项目 1
【项目引入】
小张刚到公司任职,公司老板要求小张为公司制作一个企业网站来展示企业产品和宣传企业形象。
【项目分析】
小张接到任务后,立即进行分析企业需求,然后从互联网了解了一些网站制作的流程和关键技术,随即展开和网络公司沟通。
【任务分解】
小张总结后认为:搭建网站前必须了解与网页设计相关的概念、明确网站建设的流程和网页设计原则和网页制作的主流工具。
3
项目 1
任务1 了解网页相关概念

网页由又称Web页,它是网站文件的主要组成部分,是被浏览器解读并显示的HTML超文本文件,由文字、表格、图片、声音、视频、动画以及各种功能按钮等组成。一个网页上文字、图片、按钮又可以是指向别的页面的连接点,这些连接点叫超级链接。

网站(Web Site),简而言之,就是一组具有共同主题的网页通过超链接的形式所组成的信息系统。网站的主要组成部分是网页,而网页是由文字、表格、图片、声音、视频、动画以及各种功能按钮等组成,网页中的图片、声音、视频、动画等又是一个个独立的文件。
4
项目 1

主页是网站的起始页和索引页,是用户开始浏览网站的“入口处”,与一般网页一样可以存放各种信息,但它又是一个特殊的网页,主要由导航及各种超链接构成,用户通过主页提供的超级链接访问其它页面的信息和资源。
、、、。

静态网页是标准的HTML文件,,可以包含文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java Applet等;动态网页是由HTML、服务器端运行的脚本代码所编写的网页文件,网站的内容动态存储到服务器数据库中,当用户请求访问该页面时,通过执行服务器端的脚本代码,读取数据库信息来生成一个标准的HTML网页文件,发送到客户端的浏览器中进行显示。
5
项目 1

(1)服务器与浏览器
通常来说,提供服务的一方称为服务器,请求服务或接受服务的一方称为客户机。服务器是网络的核心设备,实际上是一种配置较高的计算机,安装有服务器软件(如Windows XP下的IIS),其基本功能是提供网络共享资源、网络通信管理和网络通信服务。客户机是接受服务的计算机,配置可高可低,必须安装有浏览器软件以解读网页文档。
(2)URL介绍
中文意思为“统一资源定位地址”,通常叫网址,上用来描述信息资源的字符串。URL的格式由下列三部分组成:第一部分是协议或称为服务方式;第二部分是该资源的主机域名(或IP地址);第三部分是资源的具体地址,由目录和文件名组成。
6
项目 1
(3)网页浏览机制
客户要访问服务器提供的网络资源是通过在浏览器的地址栏输入URL来发出请求的,该请求经过互联网上的网络设备、域名系统等功能的处理,连接到要访问的服务器,建立起服务器与客户机的点对点通信机制,服务器对客户的资源请求进行处理,发送回客户端标准的HTML文档,经浏览器解读显示给浏览者。
7
项目 1
任务2 网站结构

构建网站的物理结构就是根据网站主题的需要,分类保存网站中的不同的资源。目录结构清晰,便于网站的管理和维护。对于信息量小的网站可以将不同类型的文件存放在不同的文件夹中;对于文件数量众多、信息量大、文件类型复杂的网站,应根据不同的栏目建立目录,在不同栏目的目录下再将不同类型的文件分类存放。
8
项目 1

(1)树状链接结构(一对一),类似Windows操作系统的文件目录结构,页面与页面之间是一对一关系。首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出。这种链接结构条理清晰,访问者明确知道自己在什么位置,不会“迷”路,但是浏览效率低,要从一个栏目下的子页面访问另一个栏目下的子页面,必须绕经首页。
9
项目 1
(2)网状链接结构(一对多),类似网络服务器的链接,每个页面相互之间都建立有链接。这种链接结构方便用户浏览网页,随时可以到达自己喜欢的页面。但是链接太多,容易使浏览者迷路,搞不清自己在什么位置。