網(wǎng)站與網(wǎng)頁的基本知識PPT課件

首先，網(wǎng)站和網(wǎng)頁的基本知識，1，教課計劃參考書DreamweaverMXFlashMXFireworksMX網(wǎng)頁設(shè)計培訓(xùn)教程西安電子科技大學(xué)出版社登機工作室DreamweaverMX2004完美網(wǎng)頁設(shè)計與制作中國青年出版社姜南PhotoshopCSDreamweaverMX2004FlashMX2004網(wǎng)頁設(shè)計黃金搭檔中國青年出版社zouting等，2，網(wǎng)絡(luò)互聯(lián)網(wǎng)源于美國國防部的ARPANET網(wǎng)絡(luò)。目前網(wǎng)絡(luò)已成為巨大的信息資源，1990年我國正式在網(wǎng)絡(luò)管理中心注冊了區(qū)域名稱CN，1994年開通了網(wǎng)絡(luò)的全部功能服務(wù)。3、基本術(shù)語、網(wǎng)頁(web頁):由文本、圖片、動畫、超鏈接等組成，通常使用html或htm作為文件的擴展名在www中聯(lián)機發(fā)送，瀏覽器可以識別并翻譯為頁面上顯示的文件。網(wǎng)站：網(wǎng)站是由主頁和多頁組成的網(wǎng)頁集合。網(wǎng)站設(shè)計者首先計劃整個網(wǎng)站結(jié)構(gòu)，然后分別制作每個頁面。主頁(home page)uniformresourcelocator(URL)hypertext markup language(html):超文本標記語言是說明性解釋語言，必須在瀏覽器解釋中運行，主要用于編寫web文檔。制作和制作非常簡單，因此廣泛應(yīng)用于互聯(lián)網(wǎng)領(lǐng)域，并成為WWW的核心技術(shù)之一。4、http:超文本傳輸協(xié)議，是常用的網(wǎng)絡(luò)通信協(xié)議。要連接到特定網(wǎng)頁，必須通過HTTP協(xié)議。FTP:文件傳輸協(xié)議。與HTTP協(xié)議類似，它也是用于指定internet資源傳輸?shù)腢RL地址。HTTP協(xié)議用于鏈接到網(wǎng)頁，F(xiàn)TP協(xié)議用于上載或下載文件。5、FrontpageDreamweaver是用于Macromedia基于web的創(chuàng)作和網(wǎng)站管理的WYSIWYG web創(chuàng)作工具。兩者的區(qū)別FrontPage占據(jù)了中級市場，比較重視網(wǎng)頁的開發(fā)效率，易于學(xué)習(xí)和使用。Dreamweaver側(cè)重于web高級設(shè)計市場，該市場強調(diào)了更強大的web控制、設(shè)計功能和創(chuàng)造性功能。Dreamweaver功能全面，比FrontPage更易于使用。它包含F(xiàn)rontPage中的所有基本任務(wù)，并開發(fā)了幾種獨特的設(shè)計新概念，其中包括支持層疊樣式表(CSS)的行為(Behaviors)、時間軸(Timeline)和庫(Library)。web創(chuàng)作工具、6、Dreamweaver和FrontPage的比較有幾個優(yōu)點。1.垃圾郵件少，web可讀性強，可以加快web瀏覽速度。2.圖層功能使您可以快速創(chuàng)建復(fù)雜的頁面，照片定位更容易；與Netscape的兼容性基本上可以解決。4.設(shè)計思維方式豐富，創(chuàng)作的隨機性強，可以充分發(fā)揮你的創(chuàng)造力。7，web景觀工具為了使制作的網(wǎng)頁看起來更好，用戶在使用web創(chuàng)作工具制作網(wǎng)頁時，還應(yīng)該使用美化web的工具。1.Photoshop是Adobe開發(fā)的圖形處理軟件，是當前PC上最好的通用圖形藝術(shù)設(shè)計軟件，功能完善、性能穩(wěn)定、使用方便，幾乎所有廣告、出版和軟件公司都喜歡Photoshop作為其打印制作工具。2.fireworks fireworks是Macromedia開發(fā)的圖形處理工具，其出現(xiàn)使web映射發(fā)生了重大變化。因為Fireworks是專為創(chuàng)建web圖形而設(shè)計的第一套軟件，也是專門的web圖形設(shè)計和創(chuàng)作解決方案。為web設(shè)計開發(fā)的圖像處理軟件，F(xiàn)ireworks具有強大的動畫功能(如自動剪切圖像、為光標動態(tài)檢測生成JavaScript程序等)和相當完整的網(wǎng)絡(luò)圖像生成器。用戶可以從/站點下載軟件。8，3.FlashFlash是美國Macromedia開發(fā)的矢量圖形編輯和動畫制作的專業(yè)軟件，是用于將音樂、聲音、動畫和新界面組合在一起以創(chuàng)建高質(zhì)量網(wǎng)頁動態(tài)效果的交互式動畫設(shè)計工具。主要用于網(wǎng)頁設(shè)計和多媒體制作領(lǐng)域，強大、獨特，成為交互矢量動畫的標準，在網(wǎng)上很受歡迎。Flash廣泛用于制作web動畫、演示教育動畫、網(wǎng)上購物和在線游戲等。9，網(wǎng)頁創(chuàng)建的基本階段，(a)網(wǎng)站的總體規(guī)劃和設(shè)計構(gòu)成網(wǎng)站的總體規(guī)劃，即網(wǎng)站的內(nèi)容并設(shè)計其結(jié)構(gòu)。網(wǎng)頁制作者在確定網(wǎng)頁制作的目的和要包含的內(nèi)容后，必須計劃網(wǎng)站，使文件內(nèi)容清晰、結(jié)構(gòu)明確。這不僅能很好地反映設(shè)計師的意圖，還能提高網(wǎng)站的可維護性和可擴展性。10，主題和名字的明確主題必須小而精。定位要小，內(nèi)容要精煉。主題最好是你做得好或喜歡的。制裁不能太過分，目標也不能太高。網(wǎng)站CI影像網(wǎng)站圖志圖志圖志圖志設(shè)計網(wǎng)站的標準顏色一般不超過一個網(wǎng)站的標準顏色3，太多的話會很顯眼。通常，適合web標準顏色的顏色是三種主要系列顏色：藍色、黃色/橙色和黑色/灰色/白色。設(shè)計網(wǎng)站的標準字體。設(shè)計網(wǎng)站的宣傳口號。11，節(jié)和節(jié)的確定；必須牢牢填充主題，以確保站點目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)不會將所有文件歸檔到根目錄中。根據(jù)列內(nèi)容創(chuàng)建子目錄。在每個主目錄下創(chuàng)建單獨的images目錄。目錄的層次不能太深。其他事項包括：1.不要使用中文目錄。網(wǎng)絡(luò)沒有邊界，使用中文目錄可能很難正確顯示網(wǎng)址。不要使用太長的列表。服務(wù)器支持長文件名，但太長的目錄名不容易記住。請使用意義明確的目錄。4.站點主頁必須瀏覽整個站點的頁面。5.第二頁對應(yīng)于第一頁的每個部分：12，6。必須包含指向同級頁、下一級別頁和主頁的鏈接。7.特定的交互信息(如防明錄、電子郵件鏈接和信息反饋表)也必須在網(wǎng)站上。網(wǎng)站的目錄結(jié)構(gòu)、13、層次結(jié)構(gòu)層次結(jié)構(gòu)(如圖1.8所示)類似于目錄系統(tǒng)的樹結(jié)構(gòu)，從網(wǎng)站文件的主頁開始，依次細分為主要標題、次要標題等。14，如圖1.9所示，線性結(jié)構(gòu)線性結(jié)構(gòu)類似于數(shù)據(jù)結(jié)構(gòu)的線性表，組織線性序列形式的信息，指導(dǎo)用戶逐步瀏覽整個網(wǎng)站文件。此結(jié)構(gòu)通常用于意義并行的頁面。一般來說，網(wǎng)站文件的結(jié)構(gòu)是分層結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合的。這樣可以充分利用兩種結(jié)構(gòu)的特性，使網(wǎng)站文件合理、規(guī)范，同時滿足設(shè)計者和導(dǎo)航者的要求。15，web結(jié)構(gòu)web結(jié)構(gòu)(見圖1.10)類似于internet結(jié)構(gòu)，形成了web頁面之間的網(wǎng)格連接，使用戶可以自由導(dǎo)航。主頁，第1頁，第2頁，第3頁，第4頁，第5頁，第7頁，第8頁，第1級標題，第2級標題，圖1.10 web結(jié)構(gòu)，整理資料收集2。資料準備3。內(nèi)容規(guī)劃(2)web設(shè)計和制作1。靜態(tài)網(wǎng)頁的設(shè)計和制作好的網(wǎng)站內(nèi)容比什么都豐富，其次網(wǎng)頁設(shè)計很漂亮。對于網(wǎng)頁的外觀設(shè)計，應(yīng)、17、(1)首先確定網(wǎng)頁的外觀，然后不要強迫其接受，而是根據(jù)網(wǎng)站的訪問者對象、要提供的信息和制作目標創(chuàng)建最佳的web體系結(jié)構(gòu)。(2)每頁的排版不要太松或太大的單詞，不要在訪問者瀏覽網(wǎng)頁時進行大滾動，對于長度太長的一頁，可以使用內(nèi)部鏈接解決。注意不要在一頁的頂部放入幾幅粗體字或圖畫，只要是顯眼而珍貴的地方。(3)不要使用640480和800600分辨率設(shè)計網(wǎng)頁。目前國內(nèi)網(wǎng)站基本上是800600，但是主要針對海外訪問者的網(wǎng)站，建議使用640480。(4)不能在每頁上插入太多廣告。相信任何訪問者都不會喜歡看只有一個廣告的網(wǎng)頁，因為該頁面的內(nèi)容和廣告的比例、廣告太多，所以只能很麻煩。(5)不要在每頁上使用不同的墻紙，以免每次移動頁面時下載太多的時間。使用相同的墻紙或墻紙可以提高web一致性，從而創(chuàng)建自己的風(fēng)格。18，(6)底色或墻紙要與文本形成強烈的對比，以便易于閱讀。雖然不一定總是要使用淺色背景和深色文本，但深色背景經(jīng)常需要與主題一起工作，如果網(wǎng)頁基于文章或文本很多，最好將背景顏色和文本適當?shù)亟M合在一起，以便訪問者舒適地閱讀網(wǎng)頁。(7)不要把圖畫白色視為透明，要知道別人的系統(tǒng)不一定會把內(nèi)定的底色變成白色。解決方法是，除了將相應(yīng)網(wǎng)頁的底色真正設(shè)置為白色外，還使用圖片編輯工具使圖片透明。2.向網(wǎng)頁添加動態(tài)效果完成靜態(tài)網(wǎng)頁的創(chuàng)建后，下一個任務(wù)是向網(wǎng)頁添加動態(tài)效果，包括設(shè)計一些腳本語言程序和數(shù)據(jù)庫程序，添加動畫效果等。19、(3)包括測試網(wǎng)頁功能測試和完整性測試兩個方面，web設(shè)計人員制作完所有網(wǎng)站頁面后，必須對設(shè)計網(wǎng)頁進行審查和測試。功能測試確保了網(wǎng)頁的可用性，實現(xiàn)了原始內(nèi)容配置設(shè)計目標，實現(xiàn)了規(guī)定的功能，并使讀者能夠方便快捷地找到所需內(nèi)容。完整性測試是確保頁面內(nèi)容正確顯示，鏈接正確，并且沒有錯誤地缺失。如果在測試過程中發(fā)現(xiàn)錯誤，必須立