Thursday, October 18, 2007

檔案命名

當你已想好主題與組織架構圖,你須依該架構圖完成以下二件工作
  • 檔案的分門別類及檔案命名
  • Sitemap
一、檔案的分門別類及檔案命名
就你的期中作業而言,你要做以下的工作
  1. 先在www檔案夾內新增一個檔案夾,且取名自訂,例如afashow(諧音:阿花秀,好好為自己取個易記易拼的英文名,有點難,但不太難)
  2. 在afashow裡頭,你可以依序做出以下的檔案及資料夾結構
    第一層是個檔案,名為index.html;
    第二層中的每項分類取個資料夾名稱,名稱有流水號較佳,例如,攝影是你的第一類,所以你將資料夾取名為01_photo。散文是你的第二類,你為該資料夾取名為02_novel;依此類推到其他的類別。
    第三層是從第二層生出來,換言之,它要放在第二層的資料夾內,例如,在01_photo資料
    夾內,你打算存放三類影像,其第一類為靜物,所以,依取名的原則,你可以取名為01_stilllife。
    第四層是你存放在第三層內的內容,它可能是資料夾,也可能是檔案,為方便計,且以檔案為主,在這層內,你放了五張靜物件品,第一張是茶杯。因為它是檔案,所以取名為01_cup.html;餘之檔案類推。此外,你可能需要管理這些圖像檔,它們是你已經做好(或者即完成)的jpg檔,它們共有五張,因此,你另做一資料夾,取名為images,再將這些jpg檔放入。

上述說明中,特別要注意的是名為index.html的檔案,該檔名在html語法扮中演很特別也很重要的角色,從瀏覽器進入網站時,當未指名要找哪一個檔案時,瀏覽器最先讀取的是index.html。所以,你在瀏覽器瀏覽自己放在學校的伺服器的個人網站時,以下二種輸入法會得到相同的結果:
http://web2.ntit.edu.tw/~sxxxxxxxx/;
http://web2.ntit.edu.tw/~sxxxxxxxx/index.html
依據這樣的特性,一個網站可能會有很多個index.html,它們分別存在不同的資料夾內。

二、建立Sitemap
sitemap其實組織架構圖的簡易結構,其呈現的方式很多樣,你可以到google去搜尋,並自已建立,將它以檔名sitemap.html存檔第一階層的位置內。

三、決定作品的版式
你已譜出自己的網站主題並建好網站的資料夾名及檔案名。現在,你要做的重要事情是:你要如何呈現你的內容,你呈現內容的方式,就像你的穿著或一本書的版面設計,要注意款式、色彩,當然,你應該重視的是你這個網站要給誰看,想完成什麼目的。

四、從仿效做起
瀏覽與你要設計的網站有關的網站,找出你最愛的二個,螢幕擷取之,並到Photoshop去處理成網路用的格式。將它們存入你的www資料夾內。

五、同上週一樣,開新檔案,做一個檔案名為work03.html,內有上一步驟的二個圖像,外加你的檔案命名擷取圖。在你的index.html檔內,加入「作業三」,超連結到work03.html。記得將index.html存檔,之後,將近端電腦整個www資料夾上傳。

No comments: