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

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

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

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

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

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

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

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