多媒體實踐1.1(網站建設基礎)(1)課件

《多媒體實踐1.1(網站建設基礎)(1)課件》由會員分享，可在線閱讀，更多相關《多媒體實踐1.1(網站建設基礎)(1)課件（42頁珍藏版）》請在裝配圖網上搜索。

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

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

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

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

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

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

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

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

9、能被訪問到，這個地址就是IP地址。,IP地址是由32bits的二進制數值構成，分成4組，轉化為十進制用點分隔，比如：。,1 0 網絡號 主機號,0 1 2 3 8 16 24 31,0 網絡號 主機號,0 1 2 3 8 16 24 31,1 1 0 網絡號 主機號,0 1 2 3 8 16 24 31,A類地址的范圍為：1.0.0.0126.255.255.255B類地址的范圍：,C類地址的范圍：,A,B,C,域名與IP地址,IP地址是一串難以記憶的數字，因此在1985年開始，引入了域名的概念，用具有含義的字符來表示網絡中的主機，以便于瀏覽者訪問。域名與IP地址如何對應呢？通過DNS域名解析

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

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

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

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

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

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

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