網(wǎng)頁設(shè)計三劍客基礎(chǔ)練習(xí)典型案例第1章

1、1第第1章章 網(wǎng)頁制作和網(wǎng)站開發(fā)基礎(chǔ)知識網(wǎng)頁制作和網(wǎng)站開發(fā)基礎(chǔ)知識 隨著internet應(yīng)用的迅速發(fā)展和普及，它和電子商務(wù)已經(jīng)成為近年來最熱門的話題，信息技術(shù)正在潛移默化地滲透到人類生活和工作的各各領(lǐng)域。利用internet開展信息服務(wù)、宣傳企業(yè)形像和產(chǎn)品、進(jìn)行電子商務(wù)活動、網(wǎng)絡(luò)娛樂、網(wǎng)絡(luò)教育、地理導(dǎo)游、網(wǎng)上股票交易、網(wǎng)上購物、遠(yuǎn)程醫(yī)療、網(wǎng)上直播體育盛事、電視會議、軟件下載、地理定位等應(yīng)用已經(jīng)成為現(xiàn)代社會人們生活和工作的重要部分。2本章學(xué)習(xí)目標(biāo)： internet基礎(chǔ)知識 了解網(wǎng)站開發(fā)技術(shù)種類 理解web服務(wù)器的作用 了解網(wǎng)頁制作基礎(chǔ)知識 熟悉網(wǎng)站開發(fā)流程31.1 internet基礎(chǔ)知識基礎(chǔ)

2、知識 internet是一個全球性的計算機(jī)互聯(lián)網(wǎng)絡(luò)，中文名稱為“國際互連網(wǎng)”、“因特網(wǎng)”、“網(wǎng)際網(wǎng)”或“信息高速公路”等，它是將不同地區(qū)而且規(guī)模大小不一的網(wǎng)絡(luò)互相連接而成。對于internet中各種各樣的信息，所有人都可以通過網(wǎng)絡(luò)的連接來共享和使用41.1.1 網(wǎng)絡(luò)類型網(wǎng)絡(luò)類型人類最早接觸的“網(wǎng)絡(luò)”是口頭交流系統(tǒng)。思想從一個人傳遞給另一個人，人們就可以交流信息。早期人們所掌握的另一種網(wǎng)絡(luò)是電話網(wǎng)。每臺電話機(jī)都連接到電話線和交換設(shè)備網(wǎng)絡(luò)中，連接家庭和城市的電話線類似于支線公路和高速公路的關(guān)系，移動電話則依靠衛(wèi)星網(wǎng)絡(luò)。51.1.2 internet歷史和發(fā)展歷史和發(fā)展 隨著新聞媒體對【信息高速公路

3、】的宣傳和介紹，相信大多數(shù)人都會接觸過一些有關(guān)internet的報道，對internet這一外來詞不會陌生，但解釋清楚它到底是什么，就必須從它的歷史和發(fā)展說起。61.1.3 www www是internet的多媒體信息查詢工具，是internet上近年才發(fā)展起來的服務(wù)，也是發(fā)展最快和目前用的最廣泛的服務(wù)。正是因為有了www工具，才使得近年來 internet 迅速發(fā)展，且用戶數(shù)量飛速增長。1.1.4 技術(shù)名詞技術(shù)名詞1ip地址地址2域名系統(tǒng)域名系統(tǒng)3http協(xié)議協(xié)議781.2 web網(wǎng)站開發(fā)技術(shù)網(wǎng)站開發(fā)技術(shù) 網(wǎng)站開發(fā)技術(shù)多種多樣，根據(jù)交互性能分為靜態(tài)網(wǎng)站和動態(tài)網(wǎng)站，建設(shè)動態(tài)網(wǎng)站編程語言也有多種

4、，如asp、jsp和php等，根據(jù)客戶的需求首先要確定制作網(wǎng)站所需的技術(shù)，動態(tài)網(wǎng)站編程技術(shù)需要不同的后臺服務(wù)器軟件支持。1.2.1 靜態(tài)網(wǎng)站和動態(tài)網(wǎng)站靜態(tài)網(wǎng)站和動態(tài)網(wǎng)站 網(wǎng)站的另外一種分類方法是看網(wǎng)站是否具有交互性和遠(yuǎn)程維護(hù)功能，并據(jù)此分為靜態(tài)網(wǎng)站和動態(tài)網(wǎng)站兩大類。1.2.2 靜態(tài)網(wǎng)頁制作軟件靜態(tài)網(wǎng)頁制作軟件 dreamweaver是macromedia公司推出的網(wǎng)頁制作工具，用于對web站點、web頁和web應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)，整個生產(chǎn)過程可以自動化，增強(qiáng)開發(fā)小組的工作效率。無論用戶是喜歡可視化和網(wǎng)頁開發(fā)環(huán)境還是喜歡手寫代碼，dreamweaver都能提供有用的工具，使用戶擁有更加

5、完美的web創(chuàng)作體驗。101.2.3 html hypertext markup language（超文本標(biāo)記語言）是生成活動文檔的代碼系統(tǒng)。活動文檔是使你和別人能夠進(jìn)行交互的文檔。html的普遍應(yīng)用就是帶來了超文本技術(shù)，從一個主題轉(zhuǎn)入另一個主題，不是線性的閱讀和尋找信息。通過單擊鏈接直接從取得相關(guān)的主題。111.2.4 css css就是cascading style sheets，中文翻譯為“層疊樣式表”，簡稱樣式表，它是一種制作網(wǎng)頁的新技術(shù)。121.3 網(wǎng)頁制作基礎(chǔ)知識網(wǎng)頁制作基礎(chǔ)知識 網(wǎng)站由多個網(wǎng)頁組成，也是通過網(wǎng)頁傳遞網(wǎng)站信息，所以說，網(wǎng)頁是瀏覽器與網(wǎng)站開發(fā)人員溝通交流的窗口。合理的

6、網(wǎng)頁布局，悅?cè)硕康木W(wǎng)頁配色和背景音樂，都可以使網(wǎng)友過目不忘，記憶憂新，甚至流連忘返。131.3.1 網(wǎng)頁組成元素網(wǎng)頁組成元素 網(wǎng)頁布局設(shè)計就是把網(wǎng)頁的基本組成元素在頁面內(nèi)合理地安排?？梢园丫W(wǎng)頁看著一張報紙、一本雜志或者一種海報來進(jìn)行布局設(shè)計。這與傳統(tǒng)的報刊、雜志的編輯是一樣的，其基本原理是相通的。141.3.2 網(wǎng)頁布局網(wǎng)頁布局 網(wǎng)頁布局大致可分為國字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型。151.3.3 網(wǎng)頁配色網(wǎng)頁配色 顏色的使用在網(wǎng)頁制作中起著非常關(guān)鍵的作用，有很多網(wǎng)站以其成功的色彩搭配令人過目不忘。但是對于剛開始學(xué)習(xí)制作網(wǎng)頁的人來說，

7、往往不容易駕馭好網(wǎng)頁的顏色搭配。除了學(xué)習(xí)各種色彩理論和方法之外，還應(yīng)該多學(xué)習(xí)一些著名網(wǎng)站的用色方法，對于我們制作美麗的網(wǎng)頁可以起到事半功倍的作用。161.4 網(wǎng)站開發(fā)流程網(wǎng)站開發(fā)流程 為了加快網(wǎng)站建設(shè)的速度和減少失誤，應(yīng)該采用一定的制作流程來策劃、設(shè)計、制作和發(fā)布網(wǎng)站。通過使用制作流程確定制作步驟，以確保每一步順利完成，而不影響下一步的進(jìn)行。理想的制作流程能幫助設(shè)計者解決策劃網(wǎng)站的繁瑣性，減小項目失敗的風(fēng)險。171.4.1 目標(biāo)需求分析目標(biāo)需求分析 一般來說，提出目標(biāo)是非常簡單的事情。但是，更重要的是如何使目標(biāo)陳述得簡明并可以實現(xiàn)。在很多web網(wǎng)站項目中，有包容一切的傾向。實際上一個網(wǎng)站不可能滿足所有人的需