配色: 字号:
《网页设计与制作》1HTML篇11新建web项目
2022-11-01 | 阅:  转:  |  分享 
  
HTML篇项目一 创建“中国诗词”网站任务一 新建web项目网站结构URL什么是网站123CONTENTS目录什么是网站网站是指具有特定主
题内容的相关网页的集合,通常也叫做web站点。网页,是网站中的一个页面,是构成网站的基本元素。将相关网页存放在同一个文件夹中,这个
文件夹就是站点根目录,文件夹名即站点名称,考虑到网站最终要在因特网上发布,因此站点名称及站点中网页的名称不要出现中文名称。网站结构
网站结构有物理结构和逻辑结构:物理结构网站不是一个独立的概念,它包含网页、图片、视频、音频和外部文档等多类文件。新建web项目就是
要创建一个根目录,存放所有网站资源文件。一个网站包含的资源文件较多,如果所有文件都放在根目录下的话,对查找、维护都带来很多麻烦。为
便于网站管理和开发,可以创建二级、三级甚至更多级子目录才能保证网站的正常存储,通常把这种多级目录结构叫作树形物理结构。网站的物理结
构由文件存放的物理地址决定。逻辑结构网站的逻辑结构也称为链接结构,是指网页内部链接所形成的逻辑结构,逻辑结构由网站资源文件相互连接
关系决定。通常采用“链接深度”来描述页面之间的逻辑关系。“链接深度”指从源页面到达目标页面所经过的路径数量,比如某网站的网页A中,
存在一个指向目标页面B的链接,则从页面A到页面B的链接深度就是1。如果网站中任意两个页面之间都可以相互连接,我们称为扁平式逻辑结构
,即网站中任意一个页面都包含其他所有页面的链接,网页之间的链接深度都是1。实际网站结构中,很少有单纯的扁平式,通常是对同类属性的页
面进行链接组织,我们把这种称之为树形逻辑结构。URLURL(Uniform Resource Locator)全称统一资源定位符,
包含文件的位置和浏览器处理方式,它最初是由“互联网之父”蒂姆·伯纳斯·李发明用来作为万维网的地址。网页和其他网页、资源文件之间的链
接,就是一种URL指针,通过激活(点击)它来获取目标文件。URL分为绝对URL和相对URL。绝对URL绝对URL(absolute
URL)显示文件的完整路径,这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关。网页中的绝对URL可以是以web站点根
目录为参考基础的文件路径、互联网上的网页路径,或者其他服务器中的文件路径。绝对路径名的指定是从树型目录结构顶部的根目录开始到某个文
件的路径,由一系列连续的目录组成,中间用斜线分隔,直到要指定的目录或文件,路径中的最后一个名称即为要指向的文件。相对URL相对UR
L(relative URL)以包含源文件的文件夹的位置为参考点,描述目标文件夹的位置。源文件和目标文件间的位置关系有三种:同级、
下级和上级。如果目标文件与源文件在同一个目录,那么这个文件的相对URL仅仅是文件名和扩展名;如果目标文件在当前目录的子目录中,那么
它的相对URL是子目录名,后面是斜杠,然后是目标文件的文件名和扩展名;如果目标文件在源文件的上级目录,需要先用“..”返回上级目录
,再斜杠和目标文件名和扩展名。URL如图目录结构,源文件index.html访问目标文件author.html,两个文件同级关系,
相对URL表示为“author.html”;源文件index.html访问目标文件register.html,目标文件是下级关系,
相对URL表示为“user/register.html”;源文件访问index.html访问目标文件style.css,目标文件在
源文件上级目录css中,需要先要返回到上级目录css,再关联文件,相对URL表示为“../css/style.css”。再 见
献花(0)
+1
(本文系籽油荃面原创)