1、1,第1章 網頁設計與網頁文件規(guī)劃,學習目標 如何給網站定位 網站設計原則 網站建立步驟 域名的相關知識 網頁文件如何規(guī)劃 了解常用網頁制作工具和網頁編程語言,2,第1章 網頁設計與網頁文件規(guī)劃,教學內容 1.1 定位網站的系統(tǒng)、類別和形象 1.2 網站建立步驟 1.3 網頁規(guī)劃和步驟 1.4 網頁制作工具 本章小結,返回總目錄,3,1.1 定位網站的系統(tǒng)、類別和形象定位網站的系統(tǒng),在因特網飛速發(fā)展的今天，網絡技術和與之相應的建立網站、制作網頁，已經成為最吸引人的技術。 從網站功能考慮，網站系統(tǒng)可以劃分為以下方向： 1輔助政府部門進行國家管理。 2為新聞和宣傳提供平臺。 3為商業(yè)活動提供交易平

2、臺。 4為科研和學術交流服務。 5沒有任何商業(yè)目標的公益性網站和個人愛好網 站。,返回目錄,4,1.1 定位網站的系統(tǒng)、類別和形象定位網站的類別,網站的類別比較繁雜，從信息流轉和提供服務的方式出發(fā)，可以分為以下幾類： 1門戶類網站 2信息發(fā)布類網站 3電子商務類網站 4資源服務類網站 5娛樂游戲類網站 6遠程教育和醫(yī)療診斷類網站,返回目錄,5,1.1 定位網站的系統(tǒng)、類別和形象定位網站的形象,衡量網站建設是否成功，一個重要指標是該站點的訪問量，準確的形象定位對于提高網站的點擊率至關重要。網站形象是指它主要側重的內容和功能。 1人們感興趣的網站內容通常有： （1）新聞（包括時事新聞、體育新聞、財

3、經新聞、娛樂新聞等）。（2）求職、招聘、交友、征婚信息。 （3）計算機軟件和硬件信息。（4）科教醫(yī)療信息。 （5）金融證券信息。（6）商貿信息和各類廣告。 （7）休閑、旅行、娛樂信息。 （8）電子書籍和影視。,返回目錄,6,1.1 定位網站的系統(tǒng)、類別和形象定位網站的形象,2人們感興趣的網站功能通常有： （1）搜索引擎和信息查詢。 （2）電子郵件和免費電子信箱。 （3）免費個人主頁空間。 （4）軟件的上傳與下載。 （5）網上聊天室、新聞組、BBS、發(fā)送短信。 （6）實時股票信息和網上股票交易服務。 （7）網上游戲娛樂。 （8）網上商務活動、網上購物、網上結算。,返回目錄,7,1.1 定位網站的

4、系統(tǒng)、類別和形象了解網站設計原則,設計網站有下面一些基本原則： 1內容明確 2抓住用戶 3點擊規(guī)則對于小型網站，主頁上任何一條信 息點擊次數不超過3次，被稱為3次點擊規(guī)則。對 于大型網站，可使用導航和工具條來改善操作。 4學習HTML 5優(yōu)化網站構架 6避免使用特殊字體，盡量減少圖片 7避免長文本和錯別字,返回目錄,8,1.2 網站建立步驟了解網站費用,網站費用由建站費用和運作費用產生，包含以下幾個方面： 1域名費用域名分級別，不同級別的域名收 費是不同的。 2服務器硬件設備費用一個網站的硬件至少 包括計算機和網絡接入設備，這筆費用應根據網 站規(guī)模而定，不必過分鋪張。 3系統(tǒng)軟件費用和開發(fā)維護

5、費用 4網站的市場推銷費用和經營費用要提高自 己的市場份額，應加強宣傳并提高服務質量， 這筆費用是應該考慮的。,返回目錄,9,1.2 網站建立步驟網站的結構,網站的邏輯結構由四部分組成 ： 1服務器部分包括計算機硬件、操作系統(tǒng)、 WWW程序、電子郵件程序等。 2網絡接入部分和網絡安全系統(tǒng)包括 路由 器、調制設備和網絡安全系統(tǒng) 。 3數據存貯部分和中間件數據存貯存 系統(tǒng)要 有海量存貯能力，高速搜索能力，有效的數據采 集、制作和發(fā)布能力。中間件介于服務器系統(tǒng)和 數據存貯系統(tǒng)之間。 4研發(fā)和維護部分 此部分貫穿于網站從建立 到消亡的全過程，需要專人負責。,返回目錄,10,1.2 網站建立步驟申請域名

6、,域名是網站在因特網上的門牌號碼，也可看作網站在因特網上的商標，只有知道了域名才能訪問網站。域名的命名基于IP地址層次化的主機命名方式，由26個英文字母、10個阿拉伯數字、減號和下劃線組成，用圓點分隔成幾節(jié)，字母不區(qū)分大小寫。域名應選擇簡短、有意義、容易記的單詞。域名有惟一性。域名可以進行交易，買賣或過戶。 域名分級別，從右向左依次為最高級（也稱頂級）、次高級等，最左邊為主機名。 頂級域名有2類：機構域和地理域。機構性域名由三個字母組成，地理性域名由兩個字母組成。見表1和表2。,返回目錄,11,1.2 網站建立步驟申請域名,表1機構域,返回目錄,12,1.2 網站建立步驟申請域名,表2地理域,

7、返回目錄,13,1.2 網站建立步驟接入Internet的方式,接入因特網的方式通常有三種： 1專線接入 花費較大但優(yōu)勢明顯， 一線多用，提供的服務內容也多。 2服務器托管將Web服務器由其他網 絡公司托管，費用比第一種接入方式低 的多，但需要遠程維護，技術要求高。 3虛擬主機 租用某些ISP（Internet Service Provider）的剩余磁盤空間，這些空間一般允許 個人網站免費使用，節(jié)省了購買服務器的費用， 但需要遠程管理，受到的限制也比較多。,返回目錄,14,1.2 網站建立步驟網站服務器設備,選擇服務器要綜合考慮各方面因素，如：價格、性能、安全性、可擴展性。 1單從價格出發(fā)，

8、應首先考慮PC服務器，PC服務器又分工作組級、部門級和企業(yè)級三檔，價格各不相同，可根據網站規(guī)模確定使用何種級別的PC服務器。 2單從性能出發(fā)，Unix服務器占有一定優(yōu)勢，是高端系統(tǒng)的首選。 3如果選擇PC服務器，操作系統(tǒng)一般為：Windows NT或Windows 2000或Linux。如果選擇小型機為服務器設備，一般使用Unix為平臺。,返回目錄,15,1.3 網頁規(guī)劃和步驟網頁文件規(guī)劃,網頁文件規(guī)劃要遵循三個基本原則：內容、速度和頁面美觀，其中內容最重要。 1規(guī)劃主頁 嚴格來說，主頁（Home Page）和網頁（Web page）是兩個不同概念，主頁是指登陸到網站后看到的第一個頁面。主機上

9、默認首頁名稱是固定的，不能隨便起，要符合根據遠程服務器的要求，通常為index.htm或index.html或default.htm或default.html。 主頁的一個重要的功能是導航，利用超鏈接指引用戶查詢保存在網址或其他位置的信息，超鏈接層數不能太多，最好以關鍵字或詞語形式查詢信息。,返回目錄,16,1.3 網頁規(guī)劃和步驟網頁文件規(guī)劃,2設計網站標志(logo) 網站標志就如同商品的商標一樣，是站點特色和內涵的集中體現，好的標志能讓人看見logo就聯想到擁有該標志的網站。標志可以是漢字、英文字母、動物或人物的符號、圖案等。 3設計網頁的色彩 視覺沖擊是網站給人的第一印象，好的色彩搭配能

10、體現網站形象，延伸網站內涵，還能直接影響訪問者的情緒。通常，網站的主要色彩不要超過3種，用于網站標志、標題、主菜單和主色塊，顯得整體統(tǒng)一。其他色彩可作為點綴和襯托，不能喧賓奪主。,返回目錄,17,1.3 網頁規(guī)劃和步驟網頁文件規(guī)劃,4規(guī)劃頁面 規(guī)劃頁面就是規(guī)劃頁面布局。包括主頁在內的所有頁面都應該簡潔清晰，以最少的元素表達最多的信息。整體風格要與頁面所表述內容一致。 5設計網頁的圖形和背景 圖形是WWW網站的特色之一，具有醒目、吸引 人和傳達信息形象的作用。適當運用圖形可以為網頁增色，應用不當也會帶來反效果。圖形的傳輸遠沒有文字傳輸快，要充分考慮圖形文件的大小和傳輸速率。背景也是如此，雖能使頁

11、面美觀，但卻耗費傳輸時間。,返回目錄,18,1.3 網頁規(guī)劃和步驟網頁文件規(guī)劃,6網頁文本 文本通常是網頁的主要內容，也是網站經常更新的部分。網站成功與否，內容很關鍵。網頁上文字的字體、顏色等屬性要與頁面整體風格匹配，并貫穿整個網站建設，盡量不用閃爍文字。 7聯系方式 提供聯系方式使訪問者與自己聯系或發(fā)表意見，是網頁文件規(guī)劃中不可缺少的，通常應提供電子信箱、電話號碼、傳真、通信地址等。 8.留言本 留言本可以方便自己與網頁訪問者交流，訪問者對,返回目錄,19,1.3 網頁規(guī)劃和步驟網頁文件規(guī)劃,網站的評價可以寫在留言本里，回答問題也可以在留言 本里進行。 9網頁文件放置 一般的小網站可以將所有

12、文件放在同一文件夾中， 大一點的網站則在網站文件夾中設置子文件夾，將本網 站所有相關文件分門別類放入子文件夾。 10計數器和聊天室 如果想知道網站的訪問次數，還可以在主頁上為網 站設置一個計數器。也可申請免費聊天室程序，鏈接 添加到主頁中。,返回目錄,20,1.3 網頁規(guī)劃和步驟網頁框架,網頁框架指網頁文件系統(tǒng)的組織結構，合理的框架可以讓Web頁面井井有條，在實際管理中減少不必要的錯誤。組織站點的基本原則是一個頁面一個主題，避免大主題，把大主題分成幾個子主題，用主頁把所有頁面聯起來，在主頁中加入指向其他頁面的鏈接，并附帶簡短描述性文字，將讀者帶入不同主題的領域。在每個頁面加入超鏈接，方便讀者按

13、按自己意愿閱讀。,返回目錄,21,1.3 網頁規(guī)劃和步驟網頁制作步驟,網頁制作一般分為如下步驟： 1將主題拆分為若干子主題，為每個子主題制作網 頁。 2為子主題網頁劃分區(qū)域，可使文本、圖形有所分 隔。此設計相對自由。 3為主頁劃分區(qū)域，合理安排網站名稱、網站標 志、公共導航等必要內容，并在主頁上為每個子主題建 立帶描述性文字的超鏈接。,返回目錄,22,1.4 網頁制作工具網頁制作應用軟件,目前比較流行的用于Web頁面制作的應用軟件有以 下幾種： 1FrontPage 2Dreamweaver 3Fireworks 4Flash 5Photoshop,返回目錄,23,1.4 網頁制作工具網頁編程

14、語言,要提高網頁制作技術，除了掌握網頁設計軟件的 使用，還應了解掌握必要的Web頁面開發(fā)語言，下面介 紹幾個流行的Web頁面開發(fā)語言: 1HTML（Hypertext Marked Language）語言 2XML（Extensible Markup Language）語言 3VRML（Virtual Reality Modeling Language）語言 4ASP（Active Server Pages）語言 5PHP（Hypertext Preprocessor）語言 6Java語言 7JavaScript語言 8JSP（Java Server Pages）語言,返回目錄,24,本 章 小 結,定位網站的系統(tǒng)、類別和形象 因特網是信息的