DreamweaveCS案例教程第章初識網(wǎng)站和網(wǎng)

第1章初識網(wǎng)站和網(wǎng)頁網(wǎng)站和網(wǎng)頁網(wǎng)頁中的元素類型從功能角度分析網(wǎng)頁常用網(wǎng)站管理與制作軟件網(wǎng)站建設(shè)流程1.1網(wǎng)站和網(wǎng)頁

網(wǎng)站是網(wǎng)頁的集合，網(wǎng)頁是組成網(wǎng)站的元素?，F(xiàn)場解答1：網(wǎng)站、網(wǎng)頁和主頁之間有何聯(lián)系網(wǎng)頁大型網(wǎng)站一個小型網(wǎng)站可能只包含幾個網(wǎng)頁，而一個大型網(wǎng)站則可能包含成千上萬個網(wǎng)頁。小型網(wǎng)站新浪網(wǎng)站首頁主頁也叫首頁，每個網(wǎng)站都有自己的首頁，是瀏覽者登錄網(wǎng)站時看見的第一個網(wǎng)頁，也是網(wǎng)站的入口?，F(xiàn)場解答2：什么是網(wǎng)頁

網(wǎng)頁中除了包含文字外，還包含圖像、動畫等內(nèi)容。圖像動畫文字我們看到的一個個網(wǎng)頁都是由多個文件組成的。網(wǎng)頁文件是“根”，圖像和動畫文件都是“枝葉”。圖像文件網(wǎng)頁文件選擇“文件”>“另存為”菜單在瀏覽器中選擇“文件”菜單中的“另存為”，可將網(wǎng)頁保存到磁盤中。1.2網(wǎng)頁中的元素類型現(xiàn)場解答1：了解網(wǎng)頁中的文字與圖像文字與圖像是網(wǎng)頁中的基本元素，是瀏覽者獲得相關(guān)信息的主要來源。可在設(shè)計網(wǎng)頁時為文字設(shè)置位置、字體、字號、顏色、對齊方式，以及加粗和傾斜等格式。網(wǎng)頁中只能使用和顯示JPEG、GIF和PNG格式的圖像，其他諸如BMP和TIF等格式的圖像目前還都不能用于網(wǎng)頁中。

現(xiàn)場解答2：網(wǎng)頁中的動畫與視頻影像有何特點

視頻流技術(shù)常見的格式有RealVideo及AppleQuickTime。

GIF動畫SWF動畫目前，大家在網(wǎng)頁中看到的動畫主要包括兩類，即動態(tài)GIF格式動畫和SWF格式動畫。動態(tài)GIF格式動畫的原理十分簡單，就是高速連續(xù)顯示多幅靜態(tài)圖像，就像播放動畫片一樣。通常用于制作簡單的小型動畫。如果需要在網(wǎng)頁上使用一些大型、復(fù)雜或帶有聲音的動畫，可借助Adobe的Flash軟件來制作SWF動畫?，F(xiàn)場解答3：網(wǎng)頁中是否可以添加聲音

適當(dāng)?shù)卦诰W(wǎng)頁上加點音樂效果，會使網(wǎng)頁更具吸引力。目前，網(wǎng)上比較流行的音頻格式主要有MIDI、WAV、MP3與RealAudio?？刂埔魳返牟シ?.3從從功功能角角度分分析網(wǎng)網(wǎng)頁從功能能的角角度來來看，，可以以將網(wǎng)網(wǎng)頁中中的元元素分分為站站標(biāo)、、導(dǎo)航航欄、、廣告告條、、標(biāo)題題欄和和按鈕鈕。站標(biāo)導(dǎo)航欄欄廣告條條標(biāo)題欄欄按鈕現(xiàn)場解解答1：什什么是是站標(biāo)標(biāo)站標(biāo)也也叫LOGO，，是網(wǎng)網(wǎng)站的的標(biāo)志志，其其作用用是使使人看看見它它就能能夠聯(lián)聯(lián)想到到企業(yè)業(yè)。因因此，，網(wǎng)站站LOGO通常常采用用企業(yè)業(yè)的LOGO。。LOGO通通常采采用帶帶有企企業(yè)特特色和和思想想的圖圖案，，或是是與企企業(yè)相相關(guān)的的字符符或符符號及及其變變形，，當(dāng)然然也有有很多多是圖圖文組組合?！，F(xiàn)場解解答2：導(dǎo)導(dǎo)航欄欄的類類型有有哪些些導(dǎo)航欄欄實際際上是是網(wǎng)站站內(nèi)多多個頁頁面的的超鏈鏈接組組合。。導(dǎo)航航欄也也是網(wǎng)網(wǎng)站中中所有有重要要內(nèi)容容的概概括，，可以以讓瀏瀏覽者者在最最短時時間內(nèi)內(nèi)了解解網(wǎng)站站的主主要內(nèi)內(nèi)容。。設(shè)計導(dǎo)導(dǎo)航欄欄時，，有幾幾點需需要注注意。。如果網(wǎng)網(wǎng)站內(nèi)內(nèi)容不不多，，并且且導(dǎo)航航欄不不超過過兩排排，可可以根根據(jù)網(wǎng)網(wǎng)站風(fēng)風(fēng)格嘗嘗試靈靈活擺擺放，，如放放在網(wǎng)網(wǎng)頁的的左側(cè)側(cè)或者者放在在頁面面上方方等。。頁面左左側(cè)頁面上上方如果網(wǎng)網(wǎng)站的的欄目目很多多，可可以將將導(dǎo)航航欄分分為多多排放放置在在主頁頁LOGO的右右側(cè)或或下方方，為為便于于觀看看，可可為各各排設(shè)設(shè)置不不同的的底色色。LOGO右右側(cè)LOGO下下方如果導(dǎo)導(dǎo)航欄欄內(nèi)容容較多多的話話，盡盡量使使用文文字超超鏈接接而不不用圖圖片。。不過過，如如果導(dǎo)導(dǎo)航欄欄內(nèi)容容不多多，或或者網(wǎng)網(wǎng)頁內(nèi)內(nèi)容比比較活活潑的的話，，多采采用圖圖片或或Flash制制作導(dǎo)導(dǎo)航欄欄。圖片導(dǎo)導(dǎo)航欄欄Flash導(dǎo)航航欄廣告條條又稱稱Banner，其其功能能是宣宣傳網(wǎng)網(wǎng)站或或替其其他企企業(yè)做做廣告告，以以賺取取廣告告費?！，F(xiàn)場解解答3：廣廣告條條有何何特點點在Banner的制制作過過程中中有一一些要要點需需要注注意：：Banner可可以是是靜態(tài)態(tài)的也也可以以是動動態(tài)的的。Banner的的體積積不宜宜過大大，盡盡量使使用GIF格式式的圖圖片與與動畫畫或Flash動畫畫。Banner中中的文文字不不要太太多，，只要要達(dá)到到一定定的提提醒效效果就就可以以。Banner中中圖片片的顏顏色不不要太太多，，尤其其是GIF格式式的圖圖片或或動畫畫，要要避免免出現(xiàn)現(xiàn)顏色色的漸漸變和和光暈暈效果果。網(wǎng)頁內(nèi)內(nèi)部各各版塊塊的標(biāo)標(biāo)題欄欄是各各版塊塊內(nèi)容容的概概括。。標(biāo)題欄欄可以以是文文字加加單元元格背背景，，也可可以是是圖片片，一一般的的大型型網(wǎng)站站都采采用前前者，，一些些內(nèi)容容少的的小網(wǎng)網(wǎng)站常常采用用后者者?，F(xiàn)場解解答4：什什么是是版塊塊標(biāo)題題欄標(biāo)題欄欄標(biāo)題欄欄網(wǎng)頁中中的按按鈕被被點擊擊之后后，網(wǎng)網(wǎng)頁會會實現(xiàn)現(xiàn)相應(yīng)應(yīng)的操操作，，比如如頁面面跳轉(zhuǎn)轉(zhuǎn)，或或數(shù)據(jù)據(jù)的傳傳輸?shù)鹊?。設(shè)計按按鈕時時，要要保證證按鈕鈕與頁頁面的的協(xié)調(diào)調(diào)，不不能太太搶眼眼，如如果按按鈕上上有字字則盡盡量使使用單單色或或漸變變色背背景，，保證證字跡跡清晰晰。當(dāng)當(dāng)頁面面上有有多個個按鈕鈕的時時候，，應(yīng)分分清主主次，，根據(jù)據(jù)網(wǎng)頁頁的需需要改改變按按鈕的的顏色色或者者大小小?，F(xiàn)場解解答5：如如何設(shè)設(shè)計按按鈕按鈕按鈕現(xiàn)場解解答1：常常用網(wǎng)網(wǎng)站管管理與與網(wǎng)頁頁編輯輯軟件件有哪哪些1.4常常用用網(wǎng)站站管理理與制制作軟軟件Dreamweaver：網(wǎng)網(wǎng)頁制制作軟軟件三三劍客客之一一，該該軟件件是現(xiàn)現(xiàn)在使使用最最多的的網(wǎng)頁頁編輯輯工具具，它它支持持DHTML動動態(tài)網(wǎng)網(wǎng)頁、、Flash動動畫、、插件件，能能實現(xiàn)現(xiàn)很多多FrontPage無無法實實現(xiàn)的的功能能，如如動態(tài)態(tài)按鈕鈕、下下拉菜菜單等等。另另外，，它還還可以以用來來作為為動態(tài)態(tài)網(wǎng)站站的開開發(fā)環(huán)環(huán)境。。FrontPage：該該軟件件是目目前最最簡單單、最最容易易上手手，且且功能能強大大的網(wǎng)網(wǎng)頁制制作利利器，，特別別適合合網(wǎng)頁頁初學(xué)學(xué)者使使用。。不過過，F(xiàn)rontpage也有有不少少缺點點：首首先是是兼容容性不不好，，利用用FrontPage做做出來來的網(wǎng)網(wǎng)頁往往往不不能用用Netscape瀏覽覽器正正常顯顯示；；其次次，生生成的的垃圾圾代碼碼多；；此外外，F(xiàn)rontPage對動動態(tài)網(wǎng)網(wǎng)頁支支持不不好，，不支支持Flash，顯顯得有有點落落伍了了?，F(xiàn)場解答答2：網(wǎng)網(wǎng)頁設(shè)計計輔助軟軟件有哪哪些在進行網(wǎng)網(wǎng)頁制作作時，除除了需要要Dreamweaver、、FrontPage等軟件件外，還還會用到到Fireworks、Flash、Photoshop等軟軟件，這這些軟件件的主要要功能與與特點如如下：Fireworks：：主要用用于制作作網(wǎng)頁圖圖像、標(biāo)標(biāo)志、GIF動動畫、圖圖像按鈕鈕與導(dǎo)航航欄等。。Flash：主主要用于于制作矢矢量動畫畫，如廣廣告、網(wǎng)網(wǎng)站片頭頭動畫、、動畫短短片、MTV等等。Photoshop：：Adobe公公司出品品的一個個優(yōu)秀而而且強大大的圖形形圖像處處理軟件件，起初初它的應(yīng)應(yīng)用領(lǐng)域域主要是是平面設(shè)設(shè)計而不不是網(wǎng)頁頁設(shè)計，，但是它它所具有有的強大大功能完完全涵蓋蓋了網(wǎng)頁頁設(shè)計所所涉及到到的各種種需求（（除了多多媒體））?，F(xiàn)場解答答3：常常用網(wǎng)站站程序設(shè)設(shè)計語言言有哪些些如果網(wǎng)站站中包含含動態(tài)網(wǎng)網(wǎng)頁，除除了需要要學(xué)習(xí)一一些常用用的網(wǎng)頁頁設(shè)計軟軟件外，，還應(yīng)掌掌握一些些常用的的網(wǎng)站程程序設(shè)計計語言。。JavaScript和VBScript腳本語語言JavaCGIASPASP.netPHPJSP1.5網(wǎng)網(wǎng)站站建設(shè)流流程1．根據(jù)要求求確定網(wǎng)網(wǎng)站內(nèi)容容建設(shè)網(wǎng)站站要有目目的性，，首先要要確定網(wǎng)網(wǎng)站的性性質(zhì)和受受眾，并并預(yù)期網(wǎng)網(wǎng)站發(fā)布布后的反反響。確確定了這這些后就就要開始始組織網(wǎng)網(wǎng)站的主主要內(nèi)容容。2．規(guī)劃網(wǎng)站站欄目確定了網(wǎng)網(wǎng)站內(nèi)容容后，就就要開始始進行網(wǎng)網(wǎng)站規(guī)劃劃。例如如，將網(wǎng)網(wǎng)站的內(nèi)內(nèi)容劃分分成哪些些欄目，，從而使使網(wǎng)站既既便于瀏瀏覽者的的瀏覽，，也有利利于網(wǎng)站站將來的的維護和和更新。。3．確定網(wǎng)頁頁尺寸與與版面布布局目前顯示示器最常常用的分分辨率是是1024×768像像素和800××600像素。。在1024×768的的分辨率率下顯示示的頁面面的尺寸寸應(yīng)該為為1007×600像像素，而而800×600的分分辨率下下顯示的的頁面尺尺寸為778××435像素。。確定了網(wǎng)網(wǎng)頁尺寸寸后，接接下來的的任務(wù)就就是確定定網(wǎng)頁布布局類型型了。網(wǎng)網(wǎng)頁布局局類型沒沒有確定定的標(biāo)準(zhǔn)準(zhǔn)，可以以根據(jù)需需要制定定。常見見的布局局有上下下分割型型、左右右分割型型和復(fù)合合分割型型（上下下分割和和左右分分割結(jié)合合）。上下分割割型左右分割割型4．確定網(wǎng)站站配色與與風(fēng)格不同的網(wǎng)網(wǎng)站有著著自己不不同的風(fēng)風(fēng)格，也也有著自自己不同同的顏色色?；颈旧暇W(wǎng)站站使用的的顏色從從出發(fā)點點上看可可以分為為以下3種類型型：行業(yè)風(fēng)格格色：許多網(wǎng)網(wǎng)站使用用顏色秉秉承著所所屬行業(yè)業(yè)的風(fēng)格格。企業(yè)標(biāo)準(zhǔn)準(zhǔn)色：在現(xiàn)代代企業(yè)中中，公司司的CI形象顯顯得尤其其重要，，每一個個公司的的CI設(shè)設(shè)計必然然要有標(biāo)標(biāo)準(zhǔn)的顏顏色。比比如Intel官方網(wǎng)網(wǎng)站的主主色調(diào)是是一種接接近于天天藍(lán)的藍(lán)藍(lán)色，個人習(xí)慣慣色：這種配配色方法法的使用用在很大大程度上上是憑設(shè)設(shè)計者的的個人愛愛好以及及當(dāng)時的的心態(tài)決決定的，，在個人人網(wǎng)站較較為多見見。行業(yè)風(fēng)格格色著名的化化妝品公公司—歐歐泊萊中中國網(wǎng)站站使用的的顏色是是粉色。。這幾乎乎是所有有化妝品品行業(yè)中中最常用用到的顏顏色，這這種顏色色代表了了高貴，，典雅以以及甜蜜蜜等；企業(yè)標(biāo)準(zhǔn)準(zhǔn)色在現(xiàn)代企企業(yè)中，，公司的的CI形形象顯得得尤其重重要，每每一個公公司的CI設(shè)計計必然要要有標(biāo)準(zhǔn)準(zhǔn)的顏色色。比如如Intel官官方網(wǎng)站站的主色色調(diào)是一一種接近近于天藍(lán)藍(lán)的藍(lán)色色。個人習(xí)慣慣色這種配色色方法在在設(shè)計的的時候自自由度非非常高，，同時所所選的題題材與要要表現(xiàn)的的內(nèi)容也也是由設(shè)設(shè)計者自自己決定定，比如如設(shè)計者者喜歡綠綠色，那那么在設(shè)設(shè)計的時時候就傾傾向于使使用這種種顏色。。下面是一一些網(wǎng)頁頁配色時時的小技技巧用一種色色彩：這這里是指指先選定定一種色色彩，然然后調(diào)整整透明度度或者飽飽和度。。用兩種色色彩：先先選定一一種色彩彩，然后后選擇它它的對比比色。用一個色色系：簡簡單地說說就是用用一