《多媒體實(shí)踐1.1(網(wǎng)站建設(shè)基礎(chǔ))(1)課件》由會(huì)員分享，可在線閱讀，更多相關(guān)《多媒體實(shí)踐1.1(網(wǎng)站建設(shè)基礎(chǔ))(1)課件（42頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,網(wǎng)站建設(shè)基礎(chǔ),簡(jiǎn)單地說(shuō)，互聯(lián)網(wǎng)是一個(gè)由各種不同類型和規(guī)模的、獨(dú)立運(yùn)行和管理的計(jì)算機(jī)網(wǎng)絡(luò)組成的世界范圍的巨大計(jì)算機(jī)網(wǎng)絡(luò)全球性計(jì)算機(jī)網(wǎng)絡(luò)(Internet)。,一、傳播范圍廣,二、保留時(shí)間長(zhǎng),三、交互性,四、針對(duì)性強(qiáng),五、受眾數(shù)量可準(zhǔn)確統(tǒng)計(jì),六、實(shí)時(shí)、靈活、成本低,七、強(qiáng)烈的感官性,互聯(lián)網(wǎng)的優(yōu)勢(shì),互聯(lián)網(wǎng)是分布在世界上任何一個(gè)可以上網(wǎng)的地方。相比我們的傳統(tǒng)的電視、報(bào)紙、廣告相比則打破了傳統(tǒng)媒體的區(qū)域的限制，可以讓您的信息到達(dá)世界的每個(gè)能上網(wǎng)的角落。,一、傳播范圍廣,就我們世界上無(wú)人不知的9.11事件來(lái)說(shuō),有關(guān)這件

2、事的情報(bào)紙和雜志我想很多人都看到,那么如果讓看過(guò)報(bào)道的人現(xiàn)在拿出這些資料又有多少人能夠拿出來(lái)呢?,在GOOGLE中搜索“美國(guó)911”，約有798,000條信息,二、保留時(shí)間長(zhǎng),互聯(lián)網(wǎng)可以第一時(shí)間得到客戶的反饋以及第一時(shí)間和各戶取得溝通和交流?，F(xiàn)在我們都常用去聊天工具，有一點(diǎn)問(wèn)題，馬上就可以與進(jìn)行交流。,三、交互性,互聯(lián)網(wǎng)可以根據(jù)不同地區(qū)、不同層次、不同習(xí)慣的瀏覽者來(lái)設(shè)制不同的宣傳方式。,仍然用GOOGLE來(lái)舉例,四、針對(duì)性強(qiáng),互聯(lián)網(wǎng)可以準(zhǔn)確統(tǒng)計(jì)到網(wǎng)站每天、星期、月、年的受眾情況，比如：受眾都是來(lái)自己那個(gè)國(guó)家和地區(qū)、通過(guò)什么途徑、看了的哪些內(nèi)容、多長(zhǎng)時(shí)間等相關(guān)內(nèi)容。,五、受眾數(shù)量可準(zhǔn)確統(tǒng)計(jì),比如

3、課程的內(nèi)容，將在我們網(wǎng)站上發(fā)布。,六、實(shí)時(shí)、靈活、成本低,互聯(lián)網(wǎng)同樣可以做到，更可以根據(jù)不同的消費(fèi)群體來(lái)設(shè)計(jì)：圖、文、聲并茂的動(dòng)畫(huà)廣告，對(duì)瀏覽者產(chǎn)生強(qiáng)烈的感官效果。,七、強(qiáng)烈的感官性,互聯(lián)網(wǎng)是將來(lái)生活和工作不必可少的工具。不管你現(xiàn)在做什么或有什么想法，你必須迎接互聯(lián)網(wǎng)，然后適應(yīng)互聯(lián)網(wǎng)，除此之外你別無(wú)選擇。,二十一世紀(jì)，不是一場(chǎng)技術(shù)的革命，也不是一場(chǎng)產(chǎn)品的革命,而是一場(chǎng)觀念的革命；二十一世紀(jì)，信息就是金錢(qián)，信息就是生產(chǎn)力，知識(shí)就是金錢(qián)，知識(shí)就是生產(chǎn)力，觀念就是知識(shí)，觀念就是金錢(qián)。,靜態(tài)/動(dòng)態(tài)網(wǎng)站,現(xiàn)在網(wǎng)站建設(shè)大體可以分為兩類:一類是動(dòng)態(tài)網(wǎng)站,一類為靜態(tài)網(wǎng)站.從發(fā)展趨勢(shì)來(lái)看,靜態(tài)網(wǎng)站正在被逐漸淘汰

4、,目前基本為動(dòng)態(tài)網(wǎng)站所取代.,簡(jiǎn)單來(lái)說(shuō)，動(dòng)態(tài)網(wǎng)站除了可以看，還有一個(gè)專門(mén)的后臺(tái)管理系統(tǒng)。您可以通過(guò)它來(lái)管理網(wǎng)站，隨時(shí)添加新的資料，內(nèi)容。比如添加一個(gè)產(chǎn)品，您只需要填寫(xiě)產(chǎn)品名稱、簡(jiǎn)介，上傳圖片即可。,動(dòng)態(tài)網(wǎng)站和靜態(tài)網(wǎng)站看不出有什么區(qū)別：靜態(tài)網(wǎng)頁(yè)也可以有各種動(dòng)畫(huà)、滾動(dòng)字幕等“動(dòng)態(tài)效果”；而動(dòng)態(tài)網(wǎng)頁(yè)完全可以是純文本的內(nèi)容，不一定就有動(dòng)畫(huà)和滾動(dòng)字幕。實(shí)際上，判斷一個(gè)網(wǎng)站是動(dòng)態(tài)網(wǎng)站還是靜態(tài)網(wǎng)站，不是看網(wǎng)頁(yè)會(huì)不會(huì)動(dòng)，而是要看它是否應(yīng)用了服務(wù)器端腳本程序。,動(dòng)態(tài)網(wǎng)站可以實(shí)現(xiàn)交互功能，如用戶注冊(cè)、信息發(fā)布、產(chǎn)品展示、訂單管理等等；,而靜態(tài)網(wǎng)站必須使用專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)軟件才能修改，不能在網(wǎng)上直接修改，必須用軟件修

5、改后再上傳到服務(wù)器上，比較麻煩，不便維護(hù)。,靜態(tài)/動(dòng)態(tài)網(wǎng)站,動(dòng)態(tài)網(wǎng)站和靜態(tài)網(wǎng)站的最大區(qū)別在于運(yùn)用數(shù)據(jù)庫(kù)技術(shù)來(lái)完成設(shè)計(jì),發(fā)布,管理,更新等工作.,簡(jiǎn)單地講,動(dòng)態(tài)網(wǎng)站就是可以通過(guò)服務(wù)器所給予的權(quán)限隨時(shí)對(duì)網(wǎng)站進(jìn)行管理,發(fā)布及更新內(nèi)容的網(wǎng)站.它的好處是可以通過(guò)聯(lián)網(wǎng)的任何一臺(tái)計(jì)算機(jī)對(duì)網(wǎng)站進(jìn)行控制,而不必在服務(wù)器端進(jìn)行網(wǎng)站管理.,動(dòng)態(tài)網(wǎng)站大體可分為前臺(tái)和后臺(tái).前臺(tái)面向服務(wù)對(duì)象,確切地說(shuō)就是用戶在瀏覽器上所見(jiàn)到的頁(yè)面.后臺(tái)則面向網(wǎng)站管理者.只有通過(guò)特定的用戶名和密碼才能進(jìn)入.不論前臺(tái)和后臺(tái),都要通過(guò)瀏覽器進(jìn)行操作.,靜態(tài)網(wǎng)站缺點(diǎn),網(wǎng)站設(shè)計(jì)以靜態(tài)頁(yè)面為主，網(wǎng)站更新需由專業(yè)人員完成,網(wǎng)站僅有宣傳功能，缺少互動(dòng)功

6、能，效果不是很好,網(wǎng)站長(zhǎng)期維護(hù)存在人力資源上的困難,網(wǎng)站長(zhǎng)期發(fā)展缺乏后勁,動(dòng)態(tài)網(wǎng)站優(yōu)點(diǎn),更新容易：網(wǎng)站內(nèi)容更新實(shí)現(xiàn)“傻瓜式”，普通工作人員即可完成,解決網(wǎng)站建成后的維護(hù)問(wèn)題（長(zhǎng)期發(fā)展）,可擴(kuò)展升級(jí)：網(wǎng)站的內(nèi)容都記錄在數(shù)據(jù)庫(kù)，以后網(wǎng)站改版升級(jí)，這些內(nèi)容都可導(dǎo)入，不會(huì)丟失，而且功能也可以搬過(guò)去，避免了完全重新建站，避免了重復(fù)投入和浪費(fèi)。,設(shè)計(jì)費(fèi)用按網(wǎng)站功能計(jì)算，頁(yè)數(shù)不限。,它將企業(yè)網(wǎng)站建設(shè)從單純靜態(tài)頁(yè)面制作延伸為企業(yè)對(duì)信息資源的組織和管理。,網(wǎng)站建設(shè)的幾大要素,1、域名（網(wǎng)址）,2、網(wǎng)站空間,3、網(wǎng)站界面,4、網(wǎng)站程序,1、域名,可以簡(jiǎn)單理解為網(wǎng)址，它是一臺(tái)服務(wù)器或一個(gè)網(wǎng)站在網(wǎng)上的名稱、網(wǎng)絡(luò)地址。

7、,頂級(jí)域名就是一級(jí)域名，如,二級(jí)域名就是該域名的子域名，如：。二級(jí)域名必須依托一個(gè)頂級(jí)域名，它不是獨(dú)立存在的。,企業(yè)建站，一般選擇.com或.cn域名。,2、網(wǎng)站空間,網(wǎng)站是建立在網(wǎng)絡(luò)服務(wù)器上的一組電腦文件。它需要,占據(jù)一定的硬盤(pán)空間。這就是一個(gè)企業(yè)網(wǎng)站所需的網(wǎng)站空間,3、網(wǎng)站界面,也就是網(wǎng)站的外觀、整體感覺(jué)。設(shè)計(jì)網(wǎng)站界面的人叫做美工或設(shè)計(jì)師。,4、網(wǎng)站程序,它表示網(wǎng)站的功能，技術(shù)含量。比如是否建有聊天室、留言簿等，同時(shí)是否采用先進(jìn)的技術(shù)對(duì)網(wǎng)站進(jìn)行了優(yōu)化，這些對(duì)一個(gè)網(wǎng)站來(lái)說(shuō)也是較重要的。,網(wǎng)頁(yè)與網(wǎng)站,構(gòu)建WWW的基本單位是網(wǎng)頁(yè)。網(wǎng)頁(yè)中包含所謂的“超鏈接”，通過(guò)已經(jīng)定義好的關(guān)鍵字和圖形，只要用鼠

8、標(biāo)輕輕一點(diǎn)，就可以自動(dòng)跳轉(zhuǎn)到相應(yīng)的其它文件，獲得相應(yīng)的信息，從而實(shí)現(xiàn)網(wǎng)頁(yè)之間的鏈接，從而構(gòu)成了WWW的縱橫交織的網(wǎng)狀結(jié)構(gòu)。,通過(guò)超鏈接連接起來(lái)的一系列邏輯上可以視為一個(gè)整體的頁(yè)面，則叫做網(wǎng)站。,網(wǎng)站點(diǎn)概念是相對(duì)的，大的如新浪、搜狐等大的門(mén)戶網(wǎng)站，頁(yè)面非常多，可能分布于多臺(tái)服務(wù)器上；小的如一些個(gè)人網(wǎng)站，可能只有幾個(gè)頁(yè)面，僅在某臺(tái)WEB服務(wù)器的占據(jù)很小的空間。,一個(gè)站點(diǎn)的起始頁(yè)面通常被稱為“主頁(yè)”，主頁(yè)是一個(gè)網(wǎng)站的開(kāi)始，因此主頁(yè)的好壞決定了這個(gè)網(wǎng)站的訪問(wèn)情況，一般主頁(yè)的名稱是固定的index.htm或index.html等。,域名與IP地址,在Internet上的每臺(tái)網(wǎng)絡(luò)設(shè)備都要有一個(gè)唯一的地址才

9、能被訪問(wèn)到，這個(gè)地址就是IP地址。,IP地址是由32bits的二進(jìn)制數(shù)值構(gòu)成，分成4組，轉(zhuǎn)化為十進(jìn)制用點(diǎn)分隔，比如：。,1 0 網(wǎng)絡(luò)號(hào) 主機(jī)號(hào),0 1 2 3 8 16 24 31,0 網(wǎng)絡(luò)號(hào) 主機(jī)號(hào),0 1 2 3 8 16 24 31,1 1 0 網(wǎng)絡(luò)號(hào) 主機(jī)號(hào),0 1 2 3 8 16 24 31,A類地址的范圍為：1.0.0.0126.255.255.255B類地址的范圍：,C類地址的范圍：,A,B,C,域名與IP地址,IP地址是一串難以記憶的數(shù)字，因此在1985年開(kāi)始，引入了域名的概念，用具有含義的字符來(lái)表示網(wǎng)絡(luò)中的主機(jī)，以便于瀏覽者訪問(wèn)。域名與IP地址如何對(duì)應(yīng)呢？通過(guò)DNS域名解析

10、系統(tǒng)將域名解析到相應(yīng)的IP地址上，實(shí)現(xiàn)這二者之間的對(duì)應(yīng)關(guān)系。,我們知道新浪網(wǎng)的域名：，但很少有人知道新浪網(wǎng)WEB服務(wù)器的IP地址是多少？,域名的分類：域名系統(tǒng)是一個(gè)分層的樹(shù)狀結(jié)構(gòu)組織，如圖所示。最上面是一個(gè)無(wú)名的根域，下層為頂級(jí)域名，接著是二級(jí),域名與IP地址,根域,Com net org jp cn tw,Ibm hp yahoo,Com edu net,Sina ebay alibaba,域名結(jié)構(gòu)圖,域名,域名機(jī)構(gòu),附注：全稱,Com,商業(yè)機(jī)構(gòu),Commercial organization,Edu,教育機(jī)構(gòu),Educational institution,Gov,政府部門(mén),governm

11、ent,Int,國(guó)際性機(jī)構(gòu),International organization,Mil,軍隊(duì),military,Net,網(wǎng)絡(luò)機(jī)構(gòu),Networking organization,Org,非盈利機(jī)構(gòu),Non-profit organization,按組織分類的頂級(jí)域名,按地理區(qū)域分類的項(xiàng)級(jí)域名,域名,國(guó)家,附注：全稱,cn,中國(guó),China,ca,加拿大,Canada,jp,日本,Japan,kr,韓國(guó),Korea,ru,俄羅斯,Russia,tw,臺(tái)灣,Taiwan,hk,香港,Hong Kong,域名的書(shū)寫(xiě)格式為：葉節(jié)點(diǎn)名.二級(jí)域名.頂級(jí)域名,例如：，www：web服務(wù)器名，sohu：企業(yè)

12、名稱，com：頂級(jí)域名。,網(wǎng)頁(yè)制作工具,目前網(wǎng)頁(yè)制作工具較多，大多數(shù)網(wǎng)頁(yè)制作工作都是通過(guò)“所見(jiàn)即所得”的編輯工具完成的，在網(wǎng)頁(yè)制作過(guò)程，還需要進(jìn)行素材的創(chuàng)作和加工，即圖形和動(dòng)畫(huà)制作工具。,網(wǎng)頁(yè)編輯工具,網(wǎng)頁(yè)編輯工具主要分為標(biāo)記型和所見(jiàn)即所得型。標(biāo)記型工具常用的是notepad(記事本)、Ultraedit等。,所見(jiàn)即所得型的編輯軟件主要有：微軟的Frontpage和Dreamweaver。其中Frontpage繼承了OFFICE系列軟件的界面通用、操作簡(jiǎn)單的特點(diǎn)，十分適合初學(xué)者使用。但與MacroMedia公司的Dreamweaver相比，在HTML源代碼的精確性、實(shí)用性以及對(duì)各種新技術(shù)的支持

13、上都略遜一籌，因此我們這本教材主要介紹的網(wǎng)頁(yè)編輯工具是Dreamweaver。,圖形和圖像處理工具,目前常用的圖形和圖像處理工具主要：Photoshop及Firework。,Photoshop的功能十分強(qiáng)大，是目前最為廣泛的專業(yè)圖形圖像處理軟件之一，它捆綁了Image Ready，能夠?qū)崿F(xiàn)各種專業(yè)化的圖像處理、動(dòng)畫(huà)的制作等。,Fireworks是由MacorMedia公司出品的首選WEB圖形圖像處理軟件。它的獨(dú)特之處在于其能夠優(yōu)化處理大圖片、切割圖片、為圖片加入特殊效果、制作網(wǎng)頁(yè)的動(dòng)態(tài)行為等，可以生成Firework HTML，直接導(dǎo)入到網(wǎng)頁(yè)中，使用非常方便。本教材將在以后的章節(jié)做詳細(xì)的介紹。

14、,動(dòng)畫(huà)制作工具,Flash是目前網(wǎng)頁(yè)制作中最為出色的動(dòng)畫(huà)制作軟件，它是一種交互式動(dòng)畫(huà)設(shè)計(jì)工具，用它可以將音樂(lè)、聲效、動(dòng)畫(huà)以及富有新意的界面融合在一起，以制作出高品質(zhì)的網(wǎng)頁(yè)動(dòng)態(tài)效果。Flash所使用的圖形是壓縮的矢量圖形，采用了網(wǎng)絡(luò)流式媒體技術(shù)，突破了網(wǎng)絡(luò)帶寬的限制，可以邊下載邊播放，這樣避免用戶長(zhǎng)時(shí)間的等待，設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫(huà)，F(xiàn)lash已經(jīng)慢慢成為網(wǎng)頁(yè)動(dòng)畫(huà)的標(biāo)準(zhǔn)，成為一種新興的技術(shù)發(fā)展方向。本教材將在以后的章節(jié)做詳細(xì)的介紹。,網(wǎng)站建設(shè)流程,要建設(shè)一個(gè)優(yōu)秀的網(wǎng)站，通常應(yīng)該遵循以下工作流程：確定站點(diǎn)的核心網(wǎng)站的規(guī)劃網(wǎng)站外觀的設(shè)計(jì)網(wǎng)頁(yè)具體制作網(wǎng)站性能測(cè)試網(wǎng)站發(fā)布網(wǎng)站更新與維護(hù)。

15、,規(guī)劃,設(shè)計(jì),維護(hù),發(fā)布,開(kāi)發(fā),網(wǎng)站規(guī)劃,一個(gè)網(wǎng)站的成功與否與建站前的網(wǎng)站規(guī)劃有著極為重要的關(guān)系。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、投入費(fèi)用，進(jìn)行必要的市場(chǎng)分析等。只有詳細(xì)的規(guī)劃，才能避免在網(wǎng)站建設(shè)中出現(xiàn)的很多問(wèn)題，使網(wǎng)站建設(shè)能順利進(jìn)行。,1明確建立網(wǎng)站的目標(biāo)和用戶需求,2確定網(wǎng)站的風(fēng)格,3網(wǎng)站的技術(shù)問(wèn)題,網(wǎng)站設(shè)計(jì),對(duì)網(wǎng)站進(jìn)行詳細(xì)的規(guī)劃之后，就可進(jìn)入到設(shè)計(jì)階段。,好的Web站點(diǎn)要做到主題鮮明突出，要點(diǎn)明確，以簡(jiǎn)單明確的語(yǔ)言和畫(huà)面體現(xiàn)站點(diǎn)的主題。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣，突出網(wǎng)站的特點(diǎn)。,1網(wǎng)站的版式設(shè)計(jì),2色彩在網(wǎng)頁(yè)設(shè)計(jì)中的作用,3網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)

16、一,4三維空間的構(gòu)成和虛擬現(xiàn)實(shí),5多媒體功能的利用,一般的企業(yè)網(wǎng)站模式,內(nèi)容（欄目結(jié)構(gòu)）,功能（程序模塊）,服務(wù)（作用）,內(nèi)容（欄目結(jié)構(gòu)）,公司簡(jiǎn)介,產(chǎn)品展示,新聞動(dòng)態(tài)：公司新聞、促銷信息、行業(yè)新聞,用戶服務(wù)信息：,銷售信息：銷售網(wǎng)絡(luò)、網(wǎng)上訂購(gòu)、售后服務(wù),公眾信息,聯(lián)系方式,功能（程序模塊）,信息發(fā)布,產(chǎn)品管理,會(huì)員管理,訂單管理,郵件列表,論壇管理,在線幫助,站內(nèi)檢索,廣告管理,在線調(diào)查,流量統(tǒng)計(jì),網(wǎng)頁(yè)靜態(tài)化,模版管理,服務(wù)（作用）,產(chǎn)品選購(gòu)和保養(yǎng)知識(shí),產(chǎn)品說(shuō)明書(shū),常見(jiàn)問(wèn)題解答:能回答80%的任務(wù),在線問(wèn)題咨詢,即時(shí)信息服務(wù),在線訂購(gòu),會(huì)員通信,優(yōu)惠券下載,驅(qū)動(dòng)程序下載,會(huì)員社區(qū)服務(wù),免費(fèi)研究報(bào)告,網(wǎng)頁(yè)制作,靜態(tài)網(wǎng)頁(yè)的制作：采用HTML（超文本標(biāo)記語(yǔ)言）生成的網(wǎng)頁(yè)，供瀏覽者瀏覽。此階段需要根據(jù)設(shè)計(jì)階段制作的示范網(wǎng)頁(yè)，通過(guò)去Dreamweaver等軟件在各個(gè)具體網(wǎng)頁(yè)中添加實(shí)際內(nèi)容，如：文字、圖像、FLASH動(dòng)畫(huà)、多媒體文件等。這類靜態(tài)網(wǎng)頁(yè)缺少動(dòng)態(tài)的交互，因此還需添加網(wǎng)頁(yè)的交互性，即動(dòng)態(tài)網(wǎng)頁(yè)的制作。,動(dòng)態(tài)網(wǎng)頁(yè)的制作：動(dòng)態(tài)網(wǎng)頁(yè)的編程目前常用的技術(shù)為.ASP.PHP.JSP等，實(shí)現(xiàn)客戶端與服