《網(wǎng)頁設(shè)計(jì)與制作》1HTML篇11新建web項(xiàng)目

HTML篇項(xiàng)目一創(chuàng)建“中國詩詞”網(wǎng)站任務(wù)一

新建web項(xiàng)目網(wǎng)站結(jié)構(gòu)URL什么是網(wǎng)站123CONTENTS目錄01什么是網(wǎng)站什么是網(wǎng)站網(wǎng)站是指具有特定主題內(nèi)容的相關(guān)網(wǎng)頁的集合，通常也叫做web站點(diǎn)。網(wǎng)頁，是網(wǎng)站中的一個(gè)頁面，是構(gòu)成網(wǎng)站的基本元素。將相關(guān)網(wǎng)頁存放在同一個(gè)文件夾中，這個(gè)文件夾就是站點(diǎn)根目錄，文件夾名即站點(diǎn)名稱，考慮到網(wǎng)站最終要在因特網(wǎng)上發(fā)布，因此站點(diǎn)名稱及站點(diǎn)中網(wǎng)頁的名稱不要出現(xiàn)中文名稱。02網(wǎng)站結(jié)構(gòu)網(wǎng)站結(jié)構(gòu)網(wǎng)站結(jié)構(gòu)有物理結(jié)構(gòu)和邏輯結(jié)構(gòu)：物理結(jié)構(gòu)網(wǎng)站不是一個(gè)獨(dú)立的概念，它包含網(wǎng)頁、圖片、視頻、音頻和外部文檔等多類文件。新建web項(xiàng)目就是要?jiǎng)?chuàng)建一個(gè)根目錄，存放所有網(wǎng)站資源文件。一個(gè)網(wǎng)站包含的資源文件較多，如果所有文件都放在根目錄下的話，對查找、維護(hù)都帶來很多麻煩。為便于網(wǎng)站管理和開發(fā)，可以創(chuàng)建二級、三級甚至更多級子目錄才能保證網(wǎng)站的正常存儲，通常把這種多級目錄結(jié)構(gòu)叫作樹形物理結(jié)構(gòu)。網(wǎng)站的物理結(jié)構(gòu)由文件存放的物理地址決定。邏輯結(jié)構(gòu)網(wǎng)站的邏輯結(jié)構(gòu)也稱為鏈接結(jié)構(gòu)，是指網(wǎng)頁內(nèi)部鏈接所形成的邏輯結(jié)構(gòu)，邏輯結(jié)構(gòu)由網(wǎng)站資源文件相互連接關(guān)系決定。通常采用“鏈接深度”來描述頁面之間的邏輯關(guān)系?！版溄由疃取敝笍脑错撁娴竭_(dá)目標(biāo)頁面所經(jīng)過的路徑數(shù)量，比如某網(wǎng)站的網(wǎng)頁A中，存在一個(gè)指向目標(biāo)頁面B的鏈接，則從頁面A到頁面B的鏈接深度就是1。如果網(wǎng)站中任意兩個(gè)頁面之間都可以相互連接，我們稱為扁平式邏輯結(jié)構(gòu)，即網(wǎng)站中任意一個(gè)頁面都包含其他所有頁面的鏈接，網(wǎng)頁之間的鏈接深度都是1。實(shí)際網(wǎng)站結(jié)構(gòu)中，很少有單純的扁平式，通常是對同類屬性的頁面進(jìn)行鏈接組織，我們把這種稱之為樹形邏輯結(jié)構(gòu)。03URLURLURL（UniformResourceLocator）全稱統(tǒng)一資源定位符，包含文件的位置和瀏覽器處理方式，它最初是由“互聯(lián)網(wǎng)之父”蒂姆·伯納斯·李發(fā)明用來作為萬維網(wǎng)的地址。網(wǎng)頁和其他網(wǎng)頁、資源文件之間的鏈接，就是一種URL指針，通過激活（點(diǎn)擊）它來獲取目標(biāo)文件。URL分為絕對URL和相對URL。絕對URL絕對URL（absoluteURL）顯示文件的完整路徑，這意味著絕對URL本身所在的位置與被引用的實(shí)際文件的位置無關(guān)。網(wǎng)頁中的絕對URL可以是以web站點(diǎn)根目錄為參考基礎(chǔ)的文件路徑、互聯(lián)網(wǎng)上的網(wǎng)頁路徑，或者其他服務(wù)器中的文件路徑。絕對路徑名的指定是從樹型目錄結(jié)構(gòu)頂部的根目錄開始到某個(gè)文件的路徑，由一系列連續(xù)的目錄組成，中間用斜線分隔，直到要指定的目錄或文件，路徑中的最后一個(gè)名稱即為要指向的文件。相對URL相對URL（relativeURL）以包含源文件的文件夾的位置為參考點(diǎn)，描述目標(biāo)文件夾的位置。源文件和目標(biāo)文件間的位置關(guān)系有三種：同級、下級和上級。如果目標(biāo)文件與源文件在同一個(gè)目錄，那么這個(gè)文件的相對URL僅僅是文件名和擴(kuò)展名；如果目標(biāo)文件在當(dāng)前目錄的子目錄中，那么它的相對URL是子目錄名，后面是斜杠，然后是目標(biāo)文件的文件名和擴(kuò)展名；如果目標(biāo)文件在源文件的上級目錄，需要先用“..”返回上級目錄，再斜杠和目標(biāo)文件名和擴(kuò)展名。URL如圖目錄結(jié)構(gòu)，源文件index.html訪問目標(biāo)文件author.html，兩個(gè)文件同級關(guān)系，相對URL表示為“author.html”；源文件index.html訪問目標(biāo)文件register.html，目標(biāo)文件是下級關(guān)系，相對URL表示為“user/register.html”；源文件訪問index.html訪問目標(biāo)文件style.css