1、計算機應用基礎計算機應用基礎第8章 網站設計基礎機械工業出版社8.1 基本知識和操作要點基本知識和操作要點一、網站基本知識一、網站基本知識 1、網頁、網站和主頁 網頁網頁（Web Page）存放在Web服務器上供客戶端用戶瀏覽的文件，可以在Internet上傳輸。 網站網站（Web Site）也稱站點，被定義為已注冊的域名、主頁或Web服務器。 主頁主頁（Homepage）就是網站默認的網頁，通常指用戶進入網站后所看到的第1個頁面。 8.1 基本知識和操作要點基本知識和操作要點一、網站基本知識一、網站基本知識 2、網站的分類 按照網站主題性質可分為政府網站、企業網站、商業網站、教育科研機構網站

2、、個人網站、其他非盈利機構網站以及其他類型的網站。 8.1 基本知識和操作要點基本知識和操作要點一、網站基本知識一、網站基本知識 3網站設計的步驟 （1）確定網站主題（2）搜集材料（3）規劃網站（4）選擇合適的制作工具（5）制作網頁（6）上傳測試（7）推廣宣傳（8）維護更新6.1 基本知識和操作要點基本知識和操作要點二、站點與網頁的創建二、站點與網頁的創建 1、新建站點 2、新建空白網頁 6.1 基本知識和操作要點基本知識和操作要點三、網頁元素編輯三、網頁元素編輯 1、插入文本 2、文本格式化 3、在網頁中使用超鏈接 （1）為文本設置超鏈接 （2）設置電子郵件鏈接 （3）創建錨記鏈接 （4）創

3、建熱點鏈接 （5）設置圖片鏈接和下載鏈接 4、使用導航欄5、使用表單6.1 基本知識和操作要點基本知識和操作要點四、網頁布局方法四、網頁布局方法1、使用表格 2、使用框架 8.2項目項目 企業門戶網站的設計企業門戶網站的設計 1項目背景項目背景計算機網絡發展到今天，網絡產生的社會和經濟效益是無法估量的。人們在網絡上共享信息，相互交流。在這樣一個遍及全球，迅速、快捷的信息平臺上，每一個公司都認識到它在實現公司的戰略目標、提高公司和公司產品的知名度、挖掘客戶關系資源、增強公司的市場競爭力的重要性。所以，有效地利用網絡，設計好網站是擺在每個網站技術員面前的重要課題。2項目目的項目目的為了做好公司的網

4、站，必須認真地調查研究，決定公司要發布和關心的信息，進行規劃和設計。本節把這個項目分解為3個任務，即網站的規劃、網站和主頁的設計、其它欄目網頁的設計。通過這些任務的完成，可以聯系公司的實踐活動，增強實際工作的能力；同時對Dreamweaver基本知識的運用達到掌握和熟練應用的程度。3項目要求項目要求（1）內容要求（2）技術要求8.2項目項目 企業門戶網站的設計企業門戶網站的設計 8.2.1 任務任務1 網站的規劃網站的規劃1任務目的公司的網站是公司的形象窗口，是公司和客戶的聯系點。通過任務的完成，對如何規劃、設計、測試、發布和維護網站等業務有初步的認識。2任務要求1）提出網站規劃的主要工作內容

5、。2）提出網站設計步驟。3）提出測試要點。3方法和步驟（1）網站規劃（2）網站的設計與制作（3）網站的測試和維護8.2項目項目 企業門戶網站的設計企業門戶網站的設計 8.2.2 任務任務2 網站和主頁的設計網站和主頁的設計1任務目的 應用Dreamweaver CS4軟件設計公司網站的結構和主頁，從而既能清楚地知道公司網站和主頁的設計過程，又能熟悉Dreamweaver構架站點的網頁結構、應用主題、建立表格、編輯網頁等操作。2任務要求1）建立站點：站點的位置是“D:君牛網站”。2）站點中的網頁結構：由1個主頁和6個網頁組成，其中6個網頁分別為公司簡介、新聞資訊、產品世界、營銷網絡、客戶留言和聯

6、系我們。3）主頁要求。醒目的公司名稱，公司產品的動態廣告，公司的詳細聯系方法。主頁還要對本網站其它網頁的內容進行概要介紹，如公司簡介，新聞資訊和產品展示。8.2項目項目 企業門戶網站的設計企業門戶網站的設計 8.2.2 任務任務2 網站和主頁的設計網站和主頁的設計3方法和步驟（1）建立站點（2）創建站點網頁結構 （3）主頁設計8.2項目項目 企業門戶網站的設計企業門戶網站的設計 8.2.3 任務任務3 其它欄目網頁的設計其它欄目網頁的設計1任務目的 除了主頁之外，還有6個其它欄目的網頁，分別是“公司簡介（gsjj.html）”、“新聞資訊（xwzx.html）”、“產品世界（cpsj.html

7、）”、“營銷網絡（yxwl.html）”、“客戶留言（khly.html）”、“聯系我們（lxwm.html）”，這些頁面分別從各個方面來展示公司的信息，為企業起到很好的品牌推廣作用。 2任務要求1）設計與主頁相同風格的“公司簡介”網頁。2）設計帶有浮動框架的“新聞資訊”網頁。3）設計表格布局的“產品世界”網頁。4）設計帶圖片超鏈接的“營銷網絡”網頁。5）應用表單完成“客戶留言”網頁。6）設計“聯系我們”網頁，顯示公司具體的聯系方式。8.2項目項目 企業門戶網站的設計企業門戶網站的設計 8.2.3 任務任務3 其它欄目網頁的設計其它欄目網頁的設計3方法和步驟（1）公司簡介（gsjj.html）

8、設計（2）新聞資訊（xwzx.html）設計（3）產品世界（cpsj.html）設計（4）營銷網絡（yxwl.html）（5）客戶留言（khly.html）（6）聯系我們（lxwm.html）8.3 操作小經驗操作小經驗 1）自從表格功能被引進）自從表格功能被引進HTML后，表格就成了初學者布局網頁的法寶。后，表格就成了初學者布局網頁的法寶。所以，在設計網頁時，用表格進行頁面布局是一個好經驗。所以，在設計網頁時，用表格進行頁面布局是一個好經驗。2）網頁設計一定要從整體效果出發，布局合理、簡潔明了、主題突出、）網頁設計一定要從整體效果出發，布局合理、簡潔明了、主題突出、內容充實、圖文并茂、色彩融

9、合，使人瀏覽時賞心悅目，才能提高瀏覽內容充實、圖文并茂、色彩融合，使人瀏覽時賞心悅目，才能提高瀏覽者對信息的接受效率，并給瀏覽者留下美好的印象。者對信息的接受效率，并給瀏覽者留下美好的印象。在網頁設計時千萬不要生拼硬湊內容，切忌頁面華而不實，整體凌亂或在網頁設計時千萬不要生拼硬湊內容，切忌頁面華而不實，整體凌亂或無特色、無生氣。無特色、無生氣。8.4 上機操作練習題上機操作練習題1）建立一個“嵌套式層次結構”的框架網頁如圖8-36所示。下左框架中的“作品一”、“作品二”和“作品三”分別鏈接三張美術作品圖片，單擊超鏈接時，所鏈接的美術作品會在下右框架中顯示。初始狀態下，下右框架中顯示的是“作品一

10、”的圖片。8.4 上機操作練習題上機操作練習題2）建立一個有6行2列表格的網頁，把右列的第26行合并，在合并行中嵌入5行3列的圖表，用綠色勾描邊框，按圖8-37完成設計。8.5 創新設計練習題創新設計練習題 為所在系設計一個網站，反映所在系包括教學情況、黨團工作和學生活動等方面的情況。要求：該網站至少包含3層網頁，網頁中應盡可能包括文字、表格、圖片、表單及音視頻等多種媒體，網頁布局合理，色彩搭配和諧。8.6 習題習題1在表單元素“列表”的屬性中，用來設置列表顯示行數的是_。A高度 B類型 C允許多選 D列表值2HTML代碼中，表示_。A文本加注下標線 B文本加注上標線 C文本閃爍 D文本或圖片居中3將鏈接的目標文件載入該鏈接按所在的同一框架或窗口中，鏈接的“目標”屬性應設置成_。A_self B_blank C_parent D_top4若要使訪問者無法在瀏覽器中通過拖動邊框來調整框架大小，則應在框架的屬性面板中設置_。A將“滾動”設為“否” B將“邊框”設