1、網(wǎng)頁設(shè)計和制作的概要，理解網(wǎng)頁的基本構(gòu)造特性和布局理解網(wǎng)頁制作的基本工具和開發(fā)語言，網(wǎng)頁：網(wǎng)頁是Web信息傳遞的載體，是網(wǎng)站中用戶閱讀的網(wǎng)頁，也稱為網(wǎng)頁 world wide web :簡稱為www或3W，也是建立在互聯(lián)網(wǎng)上的網(wǎng)絡(luò)服務(wù)。 根據(jù)HTTP協(xié)議，通過超文本和超媒體收集互聯(lián)網(wǎng)上的文本、聲音、圖形、圖像、視頻信號等各種信息。 瀏覽器：需要瀏覽器才能訪問網(wǎng)絡(luò)中的各種資源。 否則，無法訪問網(wǎng)絡(luò)中豐富的資源。 目前常用的瀏覽器有：IE、netscape和taniversalresourcelocator(URL ) :互聯(lián)網(wǎng)上每個網(wǎng)頁都有唯一的名稱標(biāo)識符，通常稱為URL地址。 是指出某信息的位

2、置和訪問方式，取得各種服務(wù)信息的標(biāo)準(zhǔn)方法。 通信協(xié)議：在上述示例的“http”部分中，包括http (超文本傳輸協(xié)議)、FTP (文件傳輸協(xié)議)、gopher (圖形協(xié)議)、News (新聞組) 主機(jī)名：訪問服務(wù)器的互聯(lián)網(wǎng)名稱。 IP地址： IP地址是一組32位數(shù)字，如“84”，這是因特網(wǎng)主機(jī)的地址。 域名： IP地址是一系列長數(shù)字，這些數(shù)字很難記住，很難理解。 為了便于大家的理解、記憶，有域名的概念。 網(wǎng)域名稱的范圍大于主機(jī)名稱。 一個域名下可以有多個主機(jī)名，域名下可以有子域名。 例如，域名www. good-下面有主機(jī)server1和server2，該主機(jī)的全名是se

3、rver1.good-和server2.good-。 也就是說，是經(jīng)常說的二次域名。 通過在域名前加入傳輸協(xié)議信息和主機(jī)類型信息，是網(wǎng)站(URL )、文件傳輸協(xié)議(FTP ) :高速、高效、可靠性的信息傳輸方法。 hypertextmarkuplanguage (html ):www創(chuàng)建超媒體文本的語言，也是創(chuàng)建網(wǎng)頁的最基本的語言，創(chuàng)建的網(wǎng)頁基于html文本進(jìn)行標(biāo)識。 表格：表格是用于填寫申請和提交信息的交互式頁面。 電子郵件地址、主頁空間、QQ號碼等申請頁面、論壇、聊天室、留言簿等。 超鏈接：這是web頁面創(chuàng)建中常用的概念，指頁面對象之間的連接關(guān)系。 導(dǎo)航欄：導(dǎo)航欄可以非常有效地實(shí)現(xiàn)超鏈接功

4、能。 分發(fā)：將創(chuàng)建的網(wǎng)頁上傳到服務(wù)的過程稱為分發(fā)，也稱為上傳或上傳。 1.2網(wǎng)站制作流程、資料收集、企劃網(wǎng)站選擇適當(dāng)?shù)闹谱鞴ぞ咧谱骶W(wǎng)站測試并發(fā)表宣傳網(wǎng)站的維護(hù)；(1)定位網(wǎng)站的主題和名稱主題與網(wǎng)頁主要銷售或展示的產(chǎn)品或服務(wù)密切相關(guān)請注意，在主題選擇方面，主題小而精致。 定位要小，內(nèi)容要精致。 題材最好是你自己擅長或喜歡的內(nèi)容。 題材不要太雜亂，也不要目標(biāo)太高。 1、策劃設(shè)置修訂，(2)確定網(wǎng)站欄和版本，一般網(wǎng)站欄應(yīng)注意以下幾點(diǎn)：將你的主題按一定方法分類，并將它們作為網(wǎng)站的主欄，主題突出，容易給人留下印象。 最近更新或設(shè)置站點(diǎn)指南欄設(shè)置允許雙向交流的欄設(shè)置下載或設(shè)置常見問題回答欄，(3)確定站點(diǎn)

5、的目錄結(jié)構(gòu)，并且不要將所有文件放在根目錄下。 用欄目的內(nèi)容創(chuàng)建子目錄。 在每個主目錄下創(chuàng)建一個獨(dú)立的images目錄。 目錄的層次不要太深。 目錄層次結(jié)構(gòu)不得超過三個層次結(jié)構(gòu)。 不要使用中文目錄。 太長的目錄盡量不要使用意義明確的目錄。 容易記憶和管理。(4)決定網(wǎng)站的鏈接結(jié)構(gòu)、樹鏈接結(jié)構(gòu)(1對1 )。 點(diǎn)擊、“古典音樂”，點(diǎn)擊“箏”，點(diǎn)擊星狀鏈接結(jié)構(gòu)(一對多)。 點(diǎn)擊電影，點(diǎn)擊古典音樂的最好方法是在首頁和第一頁之間使用星形鏈接結(jié)構(gòu)，在第一頁和第二頁之間使用樹鏈接結(jié)構(gòu)。 點(diǎn)擊古典音樂、音樂頁面，程序員在進(jìn)行詳細(xì)設(shè)計的同時，網(wǎng)頁圖稿開始設(shè)計網(wǎng)站的整體形象和首頁。 整體形象設(shè)計包括標(biāo)準(zhǔn)字體、Log

6、o、標(biāo)準(zhǔn)顏色、廣告語等。 首頁設(shè)計包括樣式設(shè)計，如版面、顏色、圖像、動態(tài)效果和圖標(biāo)，以及模塊設(shè)計，如菜單、標(biāo)題和版權(quán)。 也可以使用圖像剪切工具收集自己感興趣的素材。 模塊布局的目的是使訪問者的閱覽變得容易，現(xiàn)在的多媒體網(wǎng)頁具有強(qiáng)有力的交互功能，同時存在文字、圖像、動畫、聲音、超鏈接等媒體方式。 文字是簡潔有效的媒體，適合輸入方便、處理速度快、網(wǎng)速慢時用文字進(jìn)行大面積的布局。 圖像可以給予更直觀和更感性的認(rèn)識，其缺點(diǎn)是下載速度慢，互聯(lián)網(wǎng)速度慢的情況下不應(yīng)該大面積使用。 (5)設(shè)計網(wǎng)站的整體風(fēng)格，網(wǎng)頁顏色網(wǎng)頁顏色是確立網(wǎng)站形象的重要要素之一。 組合網(wǎng)頁顏色時，請注意顏色的鮮明度、獨(dú)特性、適應(yīng)性、聯(lián)

7、想性。 各印版采用與網(wǎng)站首頁相同顏色系的顏色，印版內(nèi)部整體也盡量使風(fēng)格一致。 可以采用專用的配色軟件。 網(wǎng)頁文本注意以下基本原則：不得使用三種以上的字體類型。 否則，網(wǎng)頁看起來很雜亂，主題不要用得太大。 由于布局空間非常寶貴和有限，粗糙的大字體無法為閱覽者提供大量信息的標(biāo)題字體應(yīng)該比正文大一些，顏色也應(yīng)該不同。 設(shè)計網(wǎng)站的logo) logo是你網(wǎng)站的特色和內(nèi)涵的集中表現(xiàn)，一看logo就會聯(lián)想到你的網(wǎng)站。 標(biāo)志也可以是中文、字母、符號、花樣、動物或人物等。 下載保存的文件，由Twins07.swf在自己的網(wǎng)頁上選擇“插入”|“媒體”|“Flash”命令，中式：古色古香、韻味典雅、古典的邊框、溫

8、雅的顏色。 個性化網(wǎng)站欣賞：天馬星空，隨行發(fā)揮，常見中國門戶網(wǎng)站：有板有眼，方正，不貼近。 企業(yè)級簡潔頁面：頁面清晰，客戶一目了然。 大氣、顏色多與產(chǎn)品類型有關(guān)。 歐美風(fēng)-科學(xué)技術(shù)感：動感的弧形圖案、金屬質(zhì)感的圖標(biāo)、商業(yè)化、科學(xué)技術(shù)感的照片。 時尚感：大膽時尚的照片，相關(guān)顏色對比，技術(shù)色彩多，色調(diào)冷，頁面結(jié)構(gòu)堅硬。 日韓風(fēng)格：使用漸變顏色、色彩鮮艷、高分辨率的圖像。 日韓風(fēng)格：顏色搭配協(xié)調(diào)，五彩繽紛，顏色豐富飽和正好。按照網(wǎng)站內(nèi)容的整體風(fēng)格設(shè)計布局。 修訂者可以參考其他優(yōu)秀的網(wǎng)站，調(diào)用自己的各種知識儲備，特別是藝術(shù)知識。 此時，設(shè)定修正者用筆在紙上大致描繪出布局的輪廓。 常見的頁面布局結(jié)構(gòu)有： (6)頁面布局和布局，t型結(jié)構(gòu)同字結(jié)構(gòu)同字結(jié)構(gòu)三字結(jié)構(gòu)單一Flash型，t型結(jié)構(gòu)，同字結(jié)構(gòu)，川字結(jié)構(gòu)，三字結(jié)構(gòu)，單一結(jié)構(gòu)，2 .頁面制作工具(1)網(wǎng)頁布局工具Dreamweaver front p 網(wǎng)頁美化工具圖像處理軟件：Photoshop、Fireworks動畫制作軟件：FLASH、Swish、Ul