第一部分基礎(chǔ)知識(shí)

1、第一部分基礎(chǔ)知識(shí) 第1頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六初識(shí)網(wǎng)頁(yè) 網(wǎng)頁(yè)一般又稱(chēng)為HTML（HyperText Markup Language）文件，英文名稱(chēng)為Web Page，是一種可以在WWW上傳輸，能被瀏覽器認(rèn)識(shí)并翻譯成頁(yè)面，進(jìn)而顯示出來(lái)的文件。通?？吹降木W(wǎng)頁(yè)，大都是以.htm或.html后綴結(jié)尾的文件。除此之外，網(wǎng)頁(yè)文件還有以.cgi、.asp、.php、和.jsp等后綴結(jié)尾。 根據(jù)生成的方式，網(wǎng)頁(yè)大致可分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)兩種。第2頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六1靜態(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站建設(shè)者把內(nèi)容設(shè)計(jì)

2、成靜態(tài)網(wǎng)頁(yè)，訪(fǎng)問(wèn)者只能被動(dòng)地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁(yè)內(nèi)容。其特點(diǎn)如下：網(wǎng)頁(yè)內(nèi)容不會(huì)發(fā)生變化，除非網(wǎng)頁(yè)設(shè)計(jì)者修改了網(wǎng)頁(yè)內(nèi)容。不能實(shí)現(xiàn)和瀏覽網(wǎng)頁(yè)的用戶(hù)之間的交互，信息流向是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不能根據(jù)用戶(hù)的選擇調(diào)整返回給用戶(hù)的內(nèi)容，靜態(tài)網(wǎng)頁(yè)的瀏覽過(guò)程如下圖所示。第3頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六瀏覽器Web服務(wù)器HTTP請(qǐng)求HTTP應(yīng)答圖 1 靜態(tài)網(wǎng)頁(yè)瀏覽第4頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六2動(dòng)態(tài)網(wǎng)頁(yè)所謂動(dòng)態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件里包含了程序代碼,通過(guò)后臺(tái)數(shù)據(jù)庫(kù)與Web服務(wù)器進(jìn)行信息交互,由后臺(tái)數(shù)據(jù)庫(kù)提供實(shí)時(shí)數(shù)據(jù)更新和數(shù)據(jù)查詢(xún)服務(wù)。這種

3、網(wǎng)頁(yè)的后綴名稱(chēng)一般根據(jù)不同的程序設(shè)計(jì)語(yǔ)言而有所不同，如ASP文件的后綴為.asp，JSP文件的后綴為.jsp。動(dòng)態(tài)網(wǎng)頁(yè)能夠根據(jù)不同時(shí)間和不同訪(fǎng)問(wèn)者而顯示不同內(nèi)容。如常見(jiàn)的BBS、留言板和聊天室通常用動(dòng)態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)。動(dòng)態(tài)網(wǎng)頁(yè)的制作比較復(fù)雜，需要用到ASP、PHP、JSP和ASP.NET等專(zhuān)門(mén)的動(dòng)態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)技術(shù)。動(dòng)態(tài)網(wǎng)頁(yè)的瀏覽過(guò)程如下圖所示。第5頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六瀏覽器HTTP請(qǐng)求HTTP應(yīng)答圖2 動(dòng)態(tài)網(wǎng)頁(yè)瀏覽數(shù)據(jù)庫(kù)程序Web服務(wù)器第6頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六 以電影網(wǎng)站的播放頁(yè)面為例，一個(gè)電影網(wǎng)站上千部電影，而且每一部電影的

4、集數(shù)不只一集，如果一部電影一個(gè)播放頁(yè)面，制作及維護(hù)就會(huì)非常麻煩，而且服務(wù)器的空間放這些頁(yè)面也是個(gè)問(wèn)題。因此這類(lèi)網(wǎng)站均為動(dòng)態(tài)網(wǎng)站形式，當(dāng)用戶(hù)選擇某個(gè)電影或某一集時(shí)，相當(dāng)于提出了請(qǐng)求，動(dòng)態(tài)程序判斷用戶(hù)請(qǐng)求后根據(jù)請(qǐng)求內(nèi)容從數(shù)據(jù)庫(kù)中獲得所需內(nèi)容反饋給用戶(hù)，頁(yè)面可始終公用一個(gè)，哪一天看著頁(yè)面不合適，修改這么一個(gè)就可以了，不用修改每個(gè)單獨(dú)的靜態(tài)頁(yè)面。由此可見(jiàn)動(dòng)態(tài)網(wǎng)頁(yè)占用的服務(wù)器空間少，容易更新維護(hù)，對(duì)管理員來(lái)說(shuō)非常方便。 動(dòng)態(tài)網(wǎng)站舉例： 第7頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六3.動(dòng)態(tài)網(wǎng)頁(yè)和靜態(tài)網(wǎng)頁(yè) 網(wǎng)站采用動(dòng)態(tài)網(wǎng)頁(yè)還是靜態(tài)網(wǎng)頁(yè)主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少，如果網(wǎng)站功能比

5、較簡(jiǎn)單，內(nèi)容更新量不是很大，采用純靜態(tài)網(wǎng)頁(yè)的方式會(huì)更簡(jiǎn)單，反之一般要采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)來(lái)實(shí)現(xiàn)。 如果網(wǎng)頁(yè)上只包含有GIF動(dòng)態(tài)圖片或Flash動(dòng)畫(huà)或JS的動(dòng)態(tài)效果，而不具備與后臺(tái)數(shù)據(jù)庫(kù)交互功能的網(wǎng)頁(yè)并不是動(dòng)態(tài)網(wǎng)頁(yè)，還屬于靜態(tài)網(wǎng)頁(yè)。 靜態(tài)網(wǎng)頁(yè)是動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的前提是首先掌握靜態(tài)網(wǎng)頁(yè)制作，然后再進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的學(xué)習(xí)。 第8頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六3.網(wǎng)頁(yè)的基本構(gòu)成不同性質(zhì)的網(wǎng)頁(yè)，構(gòu)成的基本元素是不同的。一般地，網(wǎng)頁(yè)的構(gòu)成包括網(wǎng)頁(yè)標(biāo)題、網(wǎng)頁(yè)標(biāo)志、網(wǎng)頁(yè)Banner、導(dǎo)航欄、主內(nèi)容區(qū)、頁(yè)腳版權(quán)信息等，如下圖所示。第9頁(yè)，共63頁(yè)，2022年，5月20日，18

6、點(diǎn)33分，星期六網(wǎng)頁(yè)標(biāo)題網(wǎng)頁(yè)的標(biāo)志網(wǎng)頁(yè)的Banner網(wǎng)頁(yè)導(dǎo)航主內(nèi)容區(qū)版權(quán)信息第10頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六網(wǎng)頁(yè)標(biāo)題 網(wǎng)站中的每一個(gè)頁(yè)面都有標(biāo)題，用來(lái)提示該頁(yè)面的主要內(nèi)容。標(biāo)題在瀏覽器標(biāo)題欄中，它的作用是引導(dǎo)訪(fǎng)問(wèn)者清楚地知道所要瀏覽的網(wǎng)站內(nèi)容，不至于迷失方向。網(wǎng)頁(yè)導(dǎo)航欄 導(dǎo)航欄是網(wǎng)頁(yè)設(shè)計(jì)中的重要部分，又是整個(gè)網(wǎng)站設(shè)計(jì)中較獨(dú)立的部分。一般來(lái)說(shuō)，網(wǎng)站中的導(dǎo)航欄在各個(gè)頁(yè)面中出現(xiàn)的位置比較固定，而且風(fēng)格較為一致。第11頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六 導(dǎo)航欄的位置一般有4種：頁(yè)面的左側(cè)、右側(cè)、頂部和底部。有時(shí)候在同一個(gè)頁(yè)面中運(yùn)用了多種導(dǎo)航欄，比

7、如在頂部設(shè)置了主菜單，而在頁(yè)面左側(cè)設(shè)置了折疊式的折疊菜單，同時(shí)又在頁(yè)面底部設(shè)置了多種鏈接，這樣便增強(qiáng)了網(wǎng)站的可訪(fǎng)問(wèn)性。當(dāng)然并不是導(dǎo)航欄在頁(yè)面中出現(xiàn)的次數(shù)越多越好，而是要合理地運(yùn)用，使頁(yè)面總體協(xié)調(diào)一致。第12頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六網(wǎng)頁(yè)的標(biāo)志 網(wǎng)頁(yè)的標(biāo)志是一個(gè)站點(diǎn)的象征，也是一個(gè)站點(diǎn)是否正規(guī)的標(biāo)志之一。一個(gè)好的標(biāo)志可以很好地樹(shù)立公司的形象。網(wǎng)頁(yè)標(biāo)志一般放在網(wǎng)站的左上角。通常有3種尺寸：8831（像素）、12060（像素）和12090（像素）。第13頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六網(wǎng)頁(yè)的Banner Banner是橫幅廣告，是互聯(lián)網(wǎng)廣告中

8、最基本的廣告形式。Banner可以位于網(wǎng)頁(yè)的頂部、中部或底部的任意一處，一般橫向貫穿整個(gè)或者大半個(gè)頁(yè)面。常見(jiàn)的尺寸是48060（像素）或23330（像素），Banner可使用靜態(tài)圖像文件也可以使用動(dòng)畫(huà)圖像，除普通的GIF動(dòng)畫(huà)格式外，F(xiàn)lash能賦予Banner更強(qiáng)的表現(xiàn)力和交互內(nèi)容。第14頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六主內(nèi)容區(qū) 網(wǎng)頁(yè)的主內(nèi)容區(qū)是網(wǎng)頁(yè)的主要內(nèi)容顯示區(qū)域。頁(yè)腳版權(quán)信息 頁(yè)腳是防置網(wǎng)站版權(quán)信息的地方，可以放置一些聯(lián)系方式或其他的導(dǎo)航欄目。第15頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六認(rèn)識(shí)網(wǎng)站 網(wǎng)站也稱(chēng)為站點(diǎn)，英文名稱(chēng)為Web Site，是

9、指具有獨(dú)立域名、獨(dú)立存放空間的集合，這些內(nèi)容可能是網(wǎng)頁(yè)，也可能是程序或其它文件。通俗地說(shuō)網(wǎng)站就是在互聯(lián)網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方。放置到指定的網(wǎng)站空間中（服務(wù)器或虛擬主機(jī)），通過(guò)域名（也就是網(wǎng)站地址）進(jìn)行訪(fǎng)問(wèn)。衡量一個(gè)網(wǎng)站的性能，通常從網(wǎng)站空間大小、網(wǎng)站連接速度、服務(wù)器主機(jī)配置、主機(jī)性能等幾個(gè)方面考慮。第16頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六網(wǎng)站的分類(lèi)網(wǎng)站按內(nèi)容進(jìn)行分類(lèi)可分為門(mén)戶(hù)網(wǎng)站、垂直網(wǎng)站、地方網(wǎng)站；而其中垂直網(wǎng)站又可分為新聞網(wǎng)站、娛樂(lè)網(wǎng)站、體育網(wǎng)站、科技網(wǎng)站、游戲網(wǎng)站、生活服務(wù)網(wǎng)站和教育職業(yè)網(wǎng)站等。網(wǎng)站按服務(wù)進(jìn)行分類(lèi)，可分為內(nèi)容提供、搜索引擎、即時(shí)通信

10、、電子商務(wù)、在線(xiàn)娛樂(lè)等。網(wǎng)站按使用群體的不同進(jìn)行分類(lèi)。可分為門(mén)戶(hù)網(wǎng)站、導(dǎo)航網(wǎng)站、電子商務(wù)網(wǎng)站、企業(yè)網(wǎng)站、政府部門(mén)網(wǎng)站和個(gè)人網(wǎng)站等。第17頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六網(wǎng)頁(yè)制作中的專(zhuān)業(yè)術(shù)語(yǔ) 網(wǎng)站服務(wù)器（Web服務(wù)器）：也稱(chēng)為WWW服務(wù)器，是專(zhuān)門(mén)提供網(wǎng)上信息瀏覽服務(wù)的高性能計(jì)算機(jī)。上網(wǎng)所瀏覽的網(wǎng)頁(yè)必須存放在網(wǎng)站服務(wù)器中才能供人們?cè)L問(wèn)瀏覽。第18頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六Browser（瀏覽器）：瀏覽器（Browser）就是指在電腦上安裝的，用來(lái)顯示指定文件的程序。常用的瀏覽器有IE6.0，IE7.0，IE8.0，F(xiàn)irefox,Opera

11、等。第19頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六HTTP協(xié)議：HTTP是HyperText Transfer Protocol的縮寫(xiě)，也就是超文本傳輸協(xié)議，專(zhuān)門(mén)用于從WWW服務(wù)器傳輸超文本標(biāo)記語(yǔ)言（HTML-Hyper Text Markup Language）寫(xiě)的文件，也就是我們通常說(shuō)的網(wǎng)頁(yè)，通過(guò)這個(gè)協(xié)議，我們可以瀏覽網(wǎng)絡(luò)上的各種信息，在瀏覽器上看到豐富多彩的文字與圖片。這就是網(wǎng)頁(yè)地址都是以“http：/”開(kāi)頭的原因。第20頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六IP地址：Internet上有無(wú)數(shù)臺(tái)計(jì)算機(jī)要通過(guò)網(wǎng)絡(luò)相互連通，為了能夠準(zhǔn)確地訪(fǎng)問(wèn)每臺(tái)電腦，就

12、必須指定一個(gè)唯一的識(shí)別標(biāo)記。主機(jī)在Internet上的唯一標(biāo)志稱(chēng)為IP地址（InternetProtocolAddress）。它是一串4組由圓點(diǎn)分割的數(shù)字組成的，其中每一組數(shù)字都在0256之間，如：02550255025502550255；如，2022029633就是一個(gè)主機(jī)服務(wù)器的IP地址。第21頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六域名：IP地址是數(shù)字化的，比較難記，所以人們提出了一種新方法來(lái)代替這種 ，即“域名”地址。域名由幾個(gè)英文單詞組成，如具有一定的意義，其中cn代表中國(guó)，com代表商業(yè)網(wǎng)，sina代表新浪，www代表萬(wàn)維網(wǎng)（World Wide Web）,整個(gè)域

13、名合起來(lái)就代表新浪站點(diǎn)。域名地址和IP地址實(shí)際上是一回事，只是形式上不同而已。在訪(fǎng)問(wèn)一個(gè)站點(diǎn)的時(shí)候，可以輸入該站點(diǎn)IP地址也可以輸入域名地址。這里就存在一個(gè)域名地址和對(duì)應(yīng)的IP地址相互轉(zhuǎn)換的問(wèn)題，這些信息實(shí)際上是存放在域名服務(wù)器中，當(dāng)輸入一個(gè)域名地址時(shí)，域名服務(wù)器就會(huì)搜索其對(duì)應(yīng)的IP地址，然后訪(fǎng)問(wèn)到該地址所表示的站點(diǎn)。第22頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六URL(Uniform Resource Locator-統(tǒng)一資源定位器)：是專(zhuān)為標(biāo)識(shí)Internet網(wǎng)上資源位置而設(shè)的一種編址方式，我們平時(shí)所說(shuō)的網(wǎng)頁(yè)地址指的即是URL，它一般由三部分組成（傳輸協(xié)議：/主機(jī)IP地址

14、或域名/地址資源所在路徑和文件名）, 如洪恩在線(xiàn)-電腦樂(lè)園的URL為：/pc/index.htm 其中http 超文本傳輸協(xié)議(Hyper Text Transfer Protocol) 是web服務(wù)器域名地址pc 是網(wǎng)頁(yè)所在路徑index.html 是相應(yīng)的網(wǎng)頁(yè)文件。第23頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六FTP:文件傳輸協(xié)議，是File Protocol的縮寫(xiě)，用FTP協(xié)議登錄到FTP服務(wù)器?？梢燥@示該服務(wù)器上的文件及目錄清單，并且能夠向FTP服務(wù)器上傳或下載文件。FTP支持多種文件類(lèi)型和文件格式的傳輸，包括ASCII和二進(jìn)制文件。第24頁(yè)，共63頁(yè)，2022年，5

15、月20日，18點(diǎn)33分，星期六Banner（橫幅廣告）：橫幅廣告是互聯(lián)網(wǎng)廣告中最基本的廣告形式。它是一個(gè)表現(xiàn)商家廣告內(nèi)容的圖片，放置在廣告商的頁(yè)面上，尺寸是48060像素，或23330像素；一般是Gif格式的圖像文件，可以使用靜態(tài)圖形，也可用多幀圖像拼接為動(dòng)畫(huà)圖像；除普通Gif格式外，新興的RichMedia Banner（富媒體廣告）能賦予Banner更強(qiáng)的表現(xiàn)力和交互內(nèi)容，但一般需要用戶(hù)使用的瀏覽器插件支持（Plug-in）。Banner一般翻譯為網(wǎng)幅廣告、旗幟廣告、橫幅廣告等。 第25頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六Click（點(diǎn)擊次數(shù)）：用戶(hù)通過(guò)點(diǎn)擊廣告而訪(fǎng)問(wèn)

16、廣告主的網(wǎng)頁(yè)，稱(chēng)點(diǎn)擊一次。點(diǎn)擊次數(shù)是評(píng)估廣告效果的指標(biāo)之一。Cookie：Cookie電腦中記錄用戶(hù)在網(wǎng)絡(luò)中行為的文件。網(wǎng)站可通過(guò)Cookie來(lái)識(shí)別用戶(hù)是否曾經(jīng)訪(fǎng)問(wèn)過(guò)該網(wǎng)站。當(dāng)瀏覽某些Web站點(diǎn)時(shí)，這些站點(diǎn)會(huì)在用戶(hù)的硬盤(pán)上用很小的文本文件存儲(chǔ)一些信息，這些文件就稱(chēng)為Cookie。Cookie中包含的信息與瀏覽者的愛(ài)好有關(guān)第26頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六Database（數(shù)據(jù)庫(kù)）：Database通常指的是利用現(xiàn)代計(jì)算機(jī)技術(shù)，將各類(lèi)信息有序地分類(lèi)整理，便于查找和管理。在網(wǎng)絡(luò)營(yíng)銷(xiāo)中，指利用互聯(lián)網(wǎng)收集用戶(hù)個(gè)人信息，并存檔、管理，例如姓名、性別、年齡、地址、電話(huà)、興趣愛(ài)

17、好、消費(fèi)行為等。Key Word（關(guān)鍵字）：Key Word是用戶(hù)在搜索引擎中提交的文字，以便快速查詢(xún)所需內(nèi)容。第27頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六常用網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)過(guò)程中常用制作軟件包括網(wǎng)頁(yè)編輯軟件，圖像處理軟件、動(dòng)畫(huà)處理軟件。第28頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六網(wǎng)頁(yè)編輯軟件Microsoft FrontPage：由微軟公司推出,目前用到的版本有FrontPage 2003、 FrontPage 2007、 FrontPage 2010等。它的特點(diǎn)是簡(jiǎn)單易用，容易上手，而且與IE、Word等軟件結(jié)合的很好。缺點(diǎn)是兼容性差，對(duì)于復(fù)雜的動(dòng)

18、態(tài)網(wǎng)頁(yè)設(shè)計(jì)能力有限。Dreamweaver ：由Macromedia公司推出，比較經(jīng)典的版本有reamWeaver MX 2004、 reamWeaver 8 等。被Adobe公司收購(gòu)后推出reamWeaver CS3、CS4、CS5三個(gè)版本。它的特點(diǎn)是操作方便，代碼簡(jiǎn)潔，面板設(shè)計(jì)豐富多樣、對(duì)動(dòng)態(tài)網(wǎng)頁(yè)編程與設(shè)計(jì)給予了很好的支持，以及與Fireworks，F(xiàn)lash，Photoshop等軟件能緊密的結(jié)合。UltraEdit-32：代碼編輯工具，主要編輯ASP等動(dòng)態(tài)網(wǎng)頁(yè)。第29頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六圖像處理軟件 做網(wǎng)頁(yè)需要有一定的平面設(shè)計(jì)基礎(chǔ)。如果設(shè)計(jì)者只會(huì)寫(xiě)程

19、序，沒(méi)有一定的界面設(shè)計(jì)功底，即便你的程序編寫(xiě)得再好，沒(méi)有美觀的界面為依托，還是沒(méi)有人愿意來(lái)看你的網(wǎng)頁(yè)，就像一件衣服一樣，衣料再好，樣子不好看也不會(huì)有人去買(mǎi)。 在制作網(wǎng)頁(yè)過(guò)程中常用的圖像處理軟件有：Photoshop，網(wǎng)頁(yè)設(shè)計(jì)者必須精通的一個(gè)圖形處理工具。Imageready，在用Photoshop將界面設(shè)計(jì)完成后，切換到Imageready中進(jìn)行界面分割處理，快速完成由圖到網(wǎng)頁(yè)的過(guò)渡。不過(guò)凡事有利弊，要學(xué)會(huì)靈活運(yùn)用。ACDSee，目前最流行的數(shù)字圖像處理軟件，它能廣泛應(yīng)用于圖片的獲取、管理、瀏覽、優(yōu)化，甚至和他人進(jìn)行分享。Fireworks，制作網(wǎng)頁(yè)的高級(jí)輔助工具，可以進(jìn)行動(dòng)畫(huà)制作，圖像優(yōu)化，

20、熱點(diǎn)、切片和輪替按鈕，文件導(dǎo)入和導(dǎo)出，無(wú)須學(xué)習(xí)代碼即可創(chuàng)建具有專(zhuān)業(yè)品質(zhì)的網(wǎng)頁(yè)圖形和動(dòng)畫(huà)，例如變換圖像和彈出菜單等。第30頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六動(dòng)畫(huà)制作軟件 網(wǎng)頁(yè)的動(dòng)畫(huà)一般分為兩種，即GIF動(dòng)畫(huà)和Flash動(dòng)畫(huà)。這兩種動(dòng)畫(huà)都可以通過(guò)Flash軟件來(lái)完成，而GIF動(dòng)畫(huà)有很多種工具可以實(shí)現(xiàn)，F(xiàn)lash的文字動(dòng)畫(huà)也有專(zhuān)門(mén)的工具，這些工具對(duì)于想做出好的動(dòng)畫(huà)，又不能熟練使用Flash的制作者提供了極大的方便。Flash ：Flash是交互式矢量圖和Web動(dòng)畫(huà)的標(biāo)準(zhǔn)，網(wǎng)頁(yè)設(shè)計(jì)者使用Flash能創(chuàng)建漂亮的、可改變尺寸的動(dòng)畫(huà)，可以創(chuàng)建極其緊密的導(dǎo)航界面、技術(shù)說(shuō)明以及其他奇特的

21、效果。Swish ：在此工具中做好文字動(dòng)畫(huà)后可以導(dǎo)出為.swf格式的文件，再導(dǎo)入到Flash中進(jìn)行進(jìn)一步的處理，讓Flash更生動(dòng)，更炫目多彩。第31頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六Ulead GIF Animator：友立公司出版的動(dòng)畫(huà)GIF制作軟件，內(nèi)建的Plugin有許多現(xiàn)成的特效可以立即套用，可將AVI文件轉(zhuǎn)換成動(dòng)畫(huà)GIF文件，而且還能將動(dòng)畫(huà)GIF圖片最佳化，能將放在網(wǎng)頁(yè)上的GIF動(dòng)畫(huà)減肥，以便讓人能夠更快速地瀏覽網(wǎng)頁(yè)。碩思閃客精靈：支持將SWF文件導(dǎo)出成FLA文件，幫助丟失FLA文件的影片作者重新獲得FLA文件，從而可以再編輯。碩思閃客之錘：是一款具有專(zhuān)業(yè)水

22、準(zhǔn)的動(dòng)畫(huà)制作工具。它支持圖形設(shè)計(jì)、運(yùn)動(dòng)動(dòng)畫(huà)、引導(dǎo)線(xiàn)、遮罩效果、流聲音和事件聲音、幀標(biāo)記、設(shè)置電影剪輯、按鈕等符號(hào)。文字動(dòng)畫(huà)特效制作Swish Zone：特效中有許多細(xì)節(jié)結(jié)合使用能得到非常炫的效果，直接預(yù)覽，能直接導(dǎo)出為SWF文檔格式。GIF動(dòng)畫(huà)制作GIF Movie Gear 3.0：GIF動(dòng)畫(huà)制作軟件，幾乎有需要制作GIF動(dòng)畫(huà)的編輯功能它都有，無(wú)須再用其他的圖形軟件輔助。第32頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六網(wǎng)站設(shè)計(jì)的學(xué)習(xí)內(nèi)容 從網(wǎng)站設(shè)計(jì)需要掌握和運(yùn)用的知識(shí)分析，可分為內(nèi)容組織、美工設(shè)計(jì)、頁(yè)面編輯、網(wǎng)站編程4個(gè)方面內(nèi)容。內(nèi)容組織：確定網(wǎng)站的內(nèi)容和功能，制定網(wǎng)站的目標(biāo)

23、和組織網(wǎng)站的信息資源，繪制網(wǎng)站內(nèi)容組織框架結(jié)構(gòu)圖，根本目的是通過(guò)構(gòu)建網(wǎng)頁(yè)之間的有機(jī)信息聯(lián)系，幫助用戶(hù)找到信息，即進(jìn)行信息構(gòu)建（IA）。美工設(shè)計(jì)：根據(jù)網(wǎng)站布局框架圖，進(jìn)行頁(yè)面風(fēng)格和美觀設(shè)計(jì)。常用軟件有Photoshop、Fireworks、Flash等。頁(yè)面編輯：根據(jù)美工設(shè)計(jì)圖進(jìn)行頁(yè)面代碼化編輯，常用軟件有Dreamweaver、FrontPage，常用技術(shù)有HTML、 XHTML、 CSS等。網(wǎng)站編程：進(jìn)行腳本編寫(xiě)和功能模塊實(shí)現(xiàn)，即實(shí)現(xiàn)網(wǎng)站所需功能及網(wǎng)站內(nèi)容的便捷式管理和更新。常用技術(shù)有asp、php、jsp、c#、Ajax、java、Delphi、Perl等動(dòng)態(tài)網(wǎng)站編程技術(shù)。第33頁(yè)，共63

24、頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六信息構(gòu)建（IA） 對(duì)于美工設(shè)計(jì)和網(wǎng)站編程我們?cè)诤竺娴恼n程中都會(huì)有涉及，在這里對(duì)于信息構(gòu)建（IA）做以簡(jiǎn)要介紹。 1975年美國(guó)的建筑師沃爾曼(Richard Saul Wurman)創(chuàng)造性地提出了Information Architecture一詞，并在1976年召開(kāi)的美國(guó)建筑師協(xié)會(huì)全國(guó)會(huì)議上將它公布于世。他強(qiáng)調(diào)要把復(fù)雜的信息以一種易于理解的方式描述出來(lái)，滿(mǎn)足人們的信息需求。 從事IA設(shè)計(jì)的人員被稱(chēng)為信息建筑師(Information Architect)，沃爾曼明確指出信息建筑師的工作任務(wù)：(1)組織數(shù)據(jù)中的固有模式、化復(fù)雜為明晰；(2)創(chuàng)建信

25、息結(jié)構(gòu)或地圖，令他人找到通向知識(shí)的個(gè)人路徑。第34頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六在具體實(shí)踐中信息建筑師們會(huì)履行下列職責(zé)：(1)收集和定義信息用戶(hù)的需求內(nèi)容，用戶(hù)需求功能的要求并且?guī)椭x信息產(chǎn)品的視覺(jué)外觀；(2)在可理解層次去組織信息，通常會(huì)利用網(wǎng)站地圖、內(nèi)容地圖或信息模型。這包括發(fā)展受控詞匯和辭典；(3)在屏幕層次決定內(nèi)容位置與交互。要在最終設(shè)計(jì)之前添加原型導(dǎo)航、內(nèi)容關(guān)系與用戶(hù)交互。通常最后要形成一份書(shū)面的技術(shù)說(shuō)明書(shū)；(4)進(jìn)行用戶(hù)研究（訪(fǎng)問(wèn)、觀察、統(tǒng)計(jì)研究、市場(chǎng)分割研究等等）和可用性測(cè)試（啟發(fā)式評(píng)估、用途分析、用戶(hù)測(cè)試等等）。第35頁(yè)，共63頁(yè)，2022年，5月

26、20日，18點(diǎn)33分，星期六IA并沒(méi)有自身的傳統(tǒng)、標(biāo)準(zhǔn)與文化，它是從一系列背景領(lǐng)域中誕生的。這些領(lǐng)域包括計(jì)算機(jī)科學(xué)、圖書(shū)館學(xué)、信息學(xué)、知識(shí)管理、圖形設(shè)計(jì)、交互設(shè)計(jì)、信息設(shè)計(jì)、可用性研究、認(rèn)知科學(xué)、圖形設(shè)計(jì)、品牌策略、社會(huì)科學(xué)等等。這些都是IA的基礎(chǔ)學(xué)科，IA不斷從這些學(xué)科中吸取知識(shí)構(gòu)筑自身的理論與實(shí)踐體系。第36頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六網(wǎng)站建設(shè)流程在網(wǎng)站建設(shè)時(shí)，需要進(jìn)行網(wǎng)站定位、申請(qǐng)網(wǎng)站域名、申請(qǐng)服務(wù)器空間、確定網(wǎng)站主題、網(wǎng)站制作、網(wǎng)站發(fā)布與上傳、后期更新與維護(hù)、網(wǎng)站推廣幾個(gè)步驟。第37頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第一步：網(wǎng)站定位

27、網(wǎng)站定位就是確定網(wǎng)站的形式，明確網(wǎng)站的主要功能與特點(diǎn)，常用的網(wǎng)站主要分以下幾類(lèi)： 綜合門(mén)戶(hù)網(wǎng)站 主要特點(diǎn)是功能強(qiáng)大、內(nèi)容豐富、信息齊全，網(wǎng)站有著強(qiáng)大的功能與美觀的頁(yè)面。這類(lèi)網(wǎng)站開(kāi)發(fā)是一個(gè)龐大的項(xiàng)目，需要專(zhuān)業(yè)的開(kāi)發(fā)團(tuán)隊(duì)來(lái)完成。在網(wǎng)站開(kāi)發(fā)的學(xué)習(xí)與工作中，可以學(xué)習(xí)這類(lèi)網(wǎng)站的網(wǎng)頁(yè)風(fēng)格和功能模塊。這類(lèi)網(wǎng)站的代表有新浪、搜狐、網(wǎng)易。第38頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第一步：網(wǎng)站定位新聞資訊網(wǎng)站 是一種可以發(fā)布大量的新聞與圖片內(nèi)容的網(wǎng)站。用戶(hù)可以方便的查看這些新聞資訊的內(nèi)容，這類(lèi)網(wǎng)站主要開(kāi)發(fā)內(nèi)容是網(wǎng)站的美術(shù)設(shè)計(jì)與網(wǎng)站內(nèi)容的管理功能。這類(lèi)網(wǎng)站的代表有人民網(wǎng)、新華網(wǎng)、央視國(guó)際網(wǎng)站。

28、第39頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第一步：網(wǎng)站定位公司宣傳網(wǎng)站 此類(lèi)網(wǎng)站是開(kāi)發(fā)工作中最常見(jiàn)的網(wǎng)站類(lèi)型。企業(yè)借助網(wǎng)站推廣企業(yè)形象、樹(shù)立企業(yè)品牌、發(fā)布企業(yè)產(chǎn)品。企業(yè)網(wǎng)站的設(shè)計(jì)重點(diǎn)是精美的網(wǎng)頁(yè)和企業(yè)產(chǎn)品的發(fā)布管理功能。這類(lèi)網(wǎng)站有：金山軟件、中企動(dòng)力等。第40頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第一步：網(wǎng)站定位娛樂(lè)網(wǎng)站 娛樂(lè)網(wǎng)站是一種很常用的網(wǎng)站形式，此類(lèi)網(wǎng)站的設(shè)計(jì)非常靈活，可以使用各種個(gè)性化的色彩和布局，此類(lèi)網(wǎng)站代表有：新浪娛樂(lè)、激動(dòng)網(wǎng)、E視網(wǎng)等。電子商務(wù)網(wǎng)站 此類(lèi)網(wǎng)站常包括產(chǎn)品、廣告、購(gòu)物、市場(chǎng)推廣等。設(shè)計(jì)重點(diǎn)是網(wǎng)站的產(chǎn)品管理功能和用戶(hù)的交互功能

29、。代表有：易趣、淘寶、拍拍等。第41頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第一步：網(wǎng)站定位網(wǎng)址導(dǎo)航網(wǎng)站 此類(lèi)網(wǎng)站的內(nèi)容是將常用的網(wǎng)站鏈接整理到一個(gè)網(wǎng)站上，方便用戶(hù)使用。這類(lèi)網(wǎng)站的開(kāi)發(fā)重點(diǎn)是網(wǎng)站鏈接與分類(lèi)管理。代表有：網(wǎng)址之家、網(wǎng)址大全、265上網(wǎng)導(dǎo)航。第42頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第一步：網(wǎng)站定位下載網(wǎng)站 下載網(wǎng)站可以方便地為用戶(hù)提供各種資料下載，此類(lèi)網(wǎng)站的開(kāi)發(fā)重點(diǎn)是資料的管理與分類(lèi)，著名的下載網(wǎng)站有霏凡軟件、天空軟件、百度MP3下載等。搜索引擎網(wǎng)站 是為用戶(hù)提供內(nèi)容搜索功能的網(wǎng)站，主要內(nèi)容是實(shí)現(xiàn)網(wǎng)站的搜索與內(nèi)容管理功能，這類(lèi)網(wǎng)站的代表有百

30、度、谷歌、雅虎等。第43頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第一步：網(wǎng)站定位個(gè)人網(wǎng)站 個(gè)人網(wǎng)站也叫個(gè)人主頁(yè)，是網(wǎng)絡(luò)中個(gè)人宣傳類(lèi)的網(wǎng)站，其形式非常靈活，可以包含不同的內(nèi)容，個(gè)人網(wǎng)站的內(nèi)容沒(méi)有特別規(guī)則，可以根據(jù)個(gè)人喜好，進(jìn)行各種發(fā)揮。第44頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第二步：申請(qǐng)網(wǎng)站域名域名是由國(guó)際域名管理組織和國(guó)內(nèi)的相關(guān)機(jī)構(gòu)統(tǒng)一管理的，很多域名服務(wù)商可以代理域名的注冊(cè)業(yè)務(wù)，較著名的域名服務(wù)商有：中資源（）、西部數(shù)碼（）、中國(guó)萬(wàn)網(wǎng)（）、新網(wǎng)（）、中國(guó)數(shù)據(jù)()、武漢數(shù)據(jù)（）第45頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第三步：申請(qǐng)

31、服務(wù)器空間訪(fǎng)問(wèn)網(wǎng)站的過(guò)程實(shí)際就是用戶(hù)計(jì)算機(jī)和服務(wù)商進(jìn)行數(shù)據(jù)鏈接和數(shù)據(jù)傳遞的過(guò)程，這就要求網(wǎng)站必須存放在服務(wù)器上才能被訪(fǎng)問(wèn)，一般的網(wǎng)站，不是使用一個(gè)獨(dú)立的服務(wù)器，而是在網(wǎng)絡(luò)公司租用一個(gè)一定大小的存儲(chǔ)空間來(lái)支持網(wǎng)站運(yùn)行，這個(gè)租用的網(wǎng)站存儲(chǔ)空間就是服務(wù)器空間。第46頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第三步：申請(qǐng)服務(wù)器空間不同的服務(wù)器空間的主要區(qū)別是支持網(wǎng)站的程序和支持的數(shù)據(jù)庫(kù)不同，常用的服務(wù)器空間可能分別支持下面這些不同的網(wǎng)站程序： ASP：使用Windows系統(tǒng)和IIS服務(wù)器。 PHP:使用Linux系統(tǒng)或Windows系統(tǒng)，使用Apache網(wǎng)站服務(wù)器。 .NET：使用Wi

32、ndows系統(tǒng)和IIS服務(wù)器。 JSP：使用Windows系統(tǒng)和Java的網(wǎng)站服務(wù)器第47頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第三步：申請(qǐng)服務(wù)器空間不同的服務(wù)器空間可能支持不同的數(shù)據(jù)庫(kù)，常用的服務(wù)器空間支持?jǐn)?shù)據(jù)庫(kù)有以下幾種：Access：常用于ASP網(wǎng)站Sql Server 2000：常用于ASP網(wǎng)站或.NET網(wǎng)站。Mysql：常用于PHP或JSP網(wǎng)站Oracle：常用于JSP網(wǎng)站第48頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第四步：確定網(wǎng)站主題網(wǎng)站的主題是指一個(gè)網(wǎng)站在建設(shè)中需要完成的任務(wù)和要實(shí)現(xiàn)的設(shè)計(jì)思想。這是網(wǎng)站開(kāi)發(fā)的一項(xiàng)重要工作，相關(guān)的設(shè)計(jì)思想需要

33、在這個(gè)過(guò)程完成，設(shè)計(jì)思想需要書(shū)寫(xiě)設(shè)計(jì)文檔。第49頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第五步：網(wǎng)站制作包括網(wǎng)頁(yè)平面設(shè)計(jì)圖設(shè)計(jì)，網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)，網(wǎng)站功能模塊實(shí)現(xiàn)等。 這部分內(nèi)容為這一學(xué)期里重點(diǎn)掌握的內(nèi)容部分。第50頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第六步：網(wǎng)站發(fā)布與上傳網(wǎng)站完成設(shè)計(jì)與調(diào)試后，需要上傳到租用的服務(wù)器空間中才能被www上的用戶(hù)訪(fǎng)問(wèn)。網(wǎng)站發(fā)布就是把自己計(jì)算機(jī)中的網(wǎng)站內(nèi)容發(fā)布到網(wǎng)絡(luò)上服務(wù)器空間的過(guò)程。上傳一般選擇FTP軟件進(jìn)行，常用的FTP軟件有LeapFTP、CuteFTP、SmartFTP 等。 圖4為CuteFTP上傳的截圖。第51頁(yè)，共6

34、3頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六圖4 CuteFTP 連接建立第52頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六圖4 CuteFTP 的使用第53頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六舉例：用戶(hù)名：qazwsx-123密碼：789456123第54頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第七步：后期更新與維護(hù)網(wǎng)站完成設(shè)計(jì)和上傳后，還要定期對(duì)網(wǎng)站的內(nèi)容進(jìn)行更新和維護(hù)，否則一成不變的內(nèi)容很難吸引瀏覽者。網(wǎng)站在運(yùn)行的過(guò)程中還可能出現(xiàn)一些錯(cuò)誤和問(wèn)題，因此也需要分析錯(cuò)誤原因修正錯(cuò)誤，解決問(wèn)題。第55頁(yè)，共63頁(yè)，2022年，5月20日，18點(diǎn)33分，星期六第八步：網(wǎng)站推廣新網(wǎng)站在發(fā)布后并不會(huì)有很多人訪(fǎng)問(wèn)，要提高網(wǎng)站的知名度就需要對(duì)網(wǎng)站進(jìn)行推廣，網(wǎng)站推廣分自由推廣和付費(fèi)推廣兩種。自由推廣 和相關(guān)的站點(diǎn)交換友情鏈接。 在論壇、博客、留言板上發(fā)帖或留言。 把自己網(wǎng)站添加到各種搜索引擎。 對(duì)網(wǎng)站的標(biāo)題、關(guān)鍵字等內(nèi)容進(jìn)行