關于HTML5新功能的幾點思索 如何指引未來網站建設 |
發布時間:2015-10-20 文章來源: 瀏覽次數:3514 |
基本概念 1 網頁(Web Page) 網頁就是...(很難懂的概念,極其抽象,看得見摸不著),你為什么到互聯網去,你在WWW上看到的就是網頁。它是由HTML編寫的文件,上面有貼圖,有音樂。
2 主頁(Home Page) 主頁(Home Page)它是一個網頁,是進入一個網站的開始畫面,就同“瘟酒吧”的藍天白云一樣。也就是說,主頁是一個網站的門面,要想設計出一個優秀的網站,就必需有一個“要讓瀏覽者想不看都難”的主頁,它必需令人著迷,能吸引每一個來訪者的留意力,引發人們的好奇心,能讓人產生一種深入探索你的網站的沖動。優秀的主頁是一個好的網站必需具備的第一要素。 3 超級鏈接(Hyperlink) 超級鏈接是WWW的神經系統,它也是向導,把你從一個網頁帶到另一個網頁,或者從網頁的某一部門引導到另一部門。超級鏈接是用特殊的文本或圖象來實現鏈接的,單擊它就可以實現它的功能。 4 超文本(HyperText) 超文本是一種新的文件形式,指一個文件的內容可以無窮地與相關資料鏈接。超文本是天然語言文本與計算機交互、轉移和動態顯示等能力結合,超文本系統答應用戶任意構造鏈接,通過Hyperlink來實現。 5 超文本語言(Hyper Text Markup Language) 超文本語言(HTML)是制作編寫網頁、包含超級鏈接的超文件的尺度語言,它由文本和標記組成。超文本文件的擴展名一般為 .html或.htm。 網站的組織結構 上網的網蟲一定覺得網絡上內容豐碩、信息繁雜,但你是否想過一個網站的組織結構。網頁的組織結構有以下四種: 1、線性結構 這是網站最簡樸的一種結構,它是以某種順序組織的,可以是時間順序,也可以是邏輯甚至是字母順序。通過這些順序呈線性地鏈接。如一般的索引就采用線性結構。線性結構是組織網頁的基本結構,復雜的結構也可以看成是由線性結構組成的。 2、二維表結構 3、等級結構 等級結構由一條等級主線構成索引,每一個等級點又由一條線性結構構成。如網站導航等就是這種結構。在構造等級之前,你必需完全徹底的理解你的網站內容,避免線性組織不嚴的錯誤,不利便瀏覽者。 4、網狀結構 這是最復雜的組織結構,它完全沒有限制,網頁組織自由鏈接。這種結構答應訪問者從一個信息欄目跳到另一個欄目去,其目的就是充分利用網絡資源和充分享受超級鏈接。整個互聯網就是一個超級大的“網”狀結構。 開始構造你的網站 1、總體規劃你的網站 當你想建立你的網站是你一定已經在網上瀏覽過n個小時了,當看見別人的網上之家的時候,或者受朋友“到我的網頁看看”的精神刺激下,你開始產生網上建家的沖動了!但是這時候你并不知道你建網站的目的,你也不知道你該做成什么樣的網頁,“家里”該有些什么擺設。于是你應該靜下來想一想,怎樣規劃你的網站。首先,你要有決心信念和知識。再次,你得有內容,網站應該有一個什么樣的主題,別人來你的網頁看什么。接著,你要組織你的網頁了,它們該是什么結構,這種結構不僅要讓訪問者能感覺到你的風格,也要利便你自己維護網站。最后,構思出你的“令人著迷”的門面(Home Page)。 2、預備工具和材料 拿出扳手、電線、螺絲刀和......我們要制作網頁了!安裝好一種編寫HTML語言的編纂器,你可以利用IE的frontpage,但是你應該有更好的,當然是Frontpage98了!Word一般的簡易操縱;支持Microsoft、Netscape的全部網頁標簽,極好的兼容性;提供多種設計樣板,表單向導等傻瓜功能;強盛的治理工能可以檢查網頁鏈接、查看組織結構、上網傳送甚至檢查你的拼寫錯誤;“所見就所得”,普通視圖、HTML、預覽自由切換。當然你也可以按自己的興趣選擇: Hotdog;Pagemill;Homesite......隨便你。有了編程工具就該預備你的網頁素材了!文本、圖片、動畫、midi和mp3音樂等等預備搬上網的東東。制作這些東西你也許要用到做圖片的Photoshop、做gif動畫的GALE、制作image map的工具Map This、中文字庫也應該拿出來。 3、制作網頁 當然要制作網頁了!......于是你把網頁制作好了!(以后再講) 4、測試網站 網頁做好了,鏈接做好了,測試工作必不可少。用Frontpage98的FrontPage web Server(WEB服務器)可以對你的網頁進行測試,看看鏈接是否準確發現題目及時改正。 5、上傳你的網頁 分歧錯誤分歧錯誤,你還得先申請一個放網頁的空間。 |