第一部分基礎(chǔ)知識(shí)第1頁，課件共63頁，創(chuàng)作于2023年2月初識(shí)網(wǎng)頁網(wǎng)頁一般又稱為HTML（HyperTextMarkupLanguage）文件，英文名稱為WebPage，是一種可以在WWW上傳輸，能被瀏覽器認(rèn)識(shí)并翻譯成頁面，進(jìn)而顯示出來的文件。通?？吹降木W(wǎng)頁，大都是以.htm或.html后綴結(jié)尾的文件。除此之外，網(wǎng)頁文件還有以.cgi、.asp、.php、和.jsp等后綴結(jié)尾。根據(jù)生成的方式，網(wǎng)頁大致可分為靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁兩種。第2頁，課件共63頁，創(chuàng)作于2023年2月1．靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站建設(shè)者把內(nèi)容設(shè)計(jì)成靜態(tài)網(wǎng)頁，訪問者只能被動(dòng)地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁內(nèi)容。其特點(diǎn)如下：網(wǎng)頁內(nèi)容不會(huì)發(fā)生變化，除非網(wǎng)頁設(shè)計(jì)者修改了網(wǎng)頁內(nèi)容。不能實(shí)現(xiàn)和瀏覽網(wǎng)頁的用戶之間的交互，信息流向是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不能根據(jù)用戶的選擇調(diào)整返回給用戶的內(nèi)容，靜態(tài)網(wǎng)頁的瀏覽過程如下圖所示。第3頁，課件共63頁，創(chuàng)作于2023年2月瀏覽器Web服務(wù)器HTTP請(qǐng)求HTTP應(yīng)答圖1靜態(tài)網(wǎng)頁瀏覽第4頁，課件共63頁，創(chuàng)作于2023年2月2．動(dòng)態(tài)網(wǎng)頁所謂動(dòng)態(tài)網(wǎng)頁是指網(wǎng)頁文件里包含了程序代碼,通過后臺(tái)數(shù)據(jù)庫與Web服務(wù)器進(jìn)行信息交互,由后臺(tái)數(shù)據(jù)庫提供實(shí)時(shí)數(shù)據(jù)更新和數(shù)據(jù)查詢服務(wù)。這種網(wǎng)頁的后綴名稱一般根據(jù)不同的程序設(shè)計(jì)語言而有所不同，如ASP文件的后綴為.asp，JSP文件的后綴為.jsp。動(dòng)態(tài)網(wǎng)頁能夠根據(jù)不同時(shí)間和不同訪問者而顯示不同內(nèi)容。如常見的BBS、留言板和聊天室通常用動(dòng)態(tài)網(wǎng)頁實(shí)現(xiàn)。動(dòng)態(tài)網(wǎng)頁的制作比較復(fù)雜，需要用到ASP、PHP、JSP和ASP.NET等專門的動(dòng)態(tài)網(wǎng)頁實(shí)現(xiàn)技術(shù)。動(dòng)態(tài)網(wǎng)頁的瀏覽過程如下圖所示。第5頁，課件共63頁，創(chuàng)作于2023年2月瀏覽器HTTP請(qǐng)求HTTP應(yīng)答圖2動(dòng)態(tài)網(wǎng)頁瀏覽數(shù)據(jù)庫程序Web服務(wù)器第6頁，課件共63頁，創(chuàng)作于2023年2月

以電影網(wǎng)站的播放頁面為例，一個(gè)電影網(wǎng)站上千部電影，而且每一部電影的集數(shù)不只一集，如果一部電影一個(gè)播放頁面，制作及維護(hù)就會(huì)非常麻煩，而且服務(wù)器的空間放這些頁面也是個(gè)問題。因此這類網(wǎng)站均為動(dòng)態(tài)網(wǎng)站形式，當(dāng)用戶選擇某個(gè)電影或某一集時(shí)，相當(dāng)于提出了請(qǐng)求，動(dòng)態(tài)程序判斷用戶請(qǐng)求后根據(jù)請(qǐng)求內(nèi)容從數(shù)據(jù)庫中獲得所需內(nèi)容反饋給用戶，頁面可始終公用一個(gè)，哪一天看著頁面不合適，修改這么一個(gè)就可以了，不用修改每個(gè)單獨(dú)的靜態(tài)頁面。由此可見動(dòng)態(tài)網(wǎng)頁占用的服務(wù)器空間少，容易更新維護(hù)，對(duì)管理員來說非常方便。

動(dòng)態(tài)網(wǎng)站舉例：/

第7頁，課件共63頁，創(chuàng)作于2023年2月3.動(dòng)態(tài)網(wǎng)頁和靜態(tài)網(wǎng)頁

網(wǎng)站采用動(dòng)態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少，如果網(wǎng)站功能比較簡單，內(nèi)容更新量不是很大，采用純靜態(tài)網(wǎng)頁的方式會(huì)更簡單，反之一般要采用動(dòng)態(tài)網(wǎng)頁技術(shù)來實(shí)現(xiàn)。如果網(wǎng)頁上只包含有GIF動(dòng)態(tài)圖片或Flash動(dòng)畫或JS的動(dòng)態(tài)效果，而不具備與后臺(tái)數(shù)據(jù)庫交互功能的網(wǎng)頁并不是動(dòng)態(tài)網(wǎng)頁，還屬于靜態(tài)網(wǎng)頁。靜態(tài)網(wǎng)頁是動(dòng)態(tài)網(wǎng)頁的基礎(chǔ)，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的前提是首先掌握靜態(tài)網(wǎng)頁制作，然后再進(jìn)行動(dòng)態(tài)網(wǎng)頁技術(shù)的學(xué)習(xí)。

第8頁，課件共63頁，創(chuàng)作于2023年2月3.網(wǎng)頁的基本構(gòu)成不同性質(zhì)的網(wǎng)頁，構(gòu)成的基本元素是不同的。一般地，網(wǎng)頁的構(gòu)成包括網(wǎng)頁標(biāo)題、網(wǎng)頁標(biāo)志、網(wǎng)頁Banner、導(dǎo)航欄、主內(nèi)容區(qū)、頁腳版權(quán)信息等，如下圖所示。第9頁，課件共63頁，創(chuàng)作于2023年2月網(wǎng)頁標(biāo)題網(wǎng)頁的標(biāo)志網(wǎng)頁的Banner網(wǎng)頁導(dǎo)航主內(nèi)容區(qū)版權(quán)信息第10頁，課件共63頁，創(chuàng)作于2023年2月網(wǎng)頁標(biāo)題網(wǎng)站中的每一個(gè)頁面都有標(biāo)題，用來提示該頁面的主要內(nèi)容。標(biāo)題在瀏覽器標(biāo)題欄中，它的作用是引導(dǎo)訪問者清楚地知道所要瀏覽的網(wǎng)站內(nèi)容，不至于迷失方向。網(wǎng)頁導(dǎo)航欄導(dǎo)航欄是網(wǎng)頁設(shè)計(jì)中的重要部分，又是整個(gè)網(wǎng)站設(shè)計(jì)中較獨(dú)立的部分。一般來說，網(wǎng)站中的導(dǎo)航欄在各個(gè)頁面中出現(xiàn)的位置比較固定，而且風(fēng)格較為一致。第11頁，課件共63頁，創(chuàng)作于2023年2月導(dǎo)航欄的位置一般有4種：頁面的左側(cè)、右側(cè)、頂部和底部。有時(shí)候在同一個(gè)頁面中運(yùn)用了多種導(dǎo)航欄，比如在頂部設(shè)置了主菜單，而在頁面左側(cè)設(shè)置了折疊式的折疊菜單，同時(shí)又在頁面底部設(shè)置了多種鏈接，這樣便增強(qiáng)了網(wǎng)站的可訪問性。當(dāng)然并不是導(dǎo)航欄在頁面中出現(xiàn)的次數(shù)越多越好，而是要合理地運(yùn)用，使頁面總體協(xié)調(diào)一致。第12頁，課件共63頁，創(chuàng)作于2023年2月網(wǎng)頁的標(biāo)志網(wǎng)頁的標(biāo)志是一個(gè)站點(diǎn)的象征，也是一個(gè)站點(diǎn)是否正規(guī)的標(biāo)志之一。一個(gè)好的標(biāo)志可以很好地樹立公司的形象。網(wǎng)頁標(biāo)志一般放在網(wǎng)站的左上角。通常有3種尺寸：88×31（像素）、120×60（像素）和120×90（像素）。第13頁，課件共63頁，創(chuàng)作于2023年2月網(wǎng)頁的BannerBanner是橫幅廣告，是互聯(lián)網(wǎng)廣告中最基本的廣告形式。Banner可以位于網(wǎng)頁的頂部、中部或底部的任意一處，一般橫向貫穿整個(gè)或者大半個(gè)頁面。常見的尺寸是480×60（像素）或233×30（像素），Banner可使用靜態(tài)圖像文件也可以使用動(dòng)畫圖像，除普通的GIF動(dòng)畫格式外，F(xiàn)lash能賦予Banner更強(qiáng)的表現(xiàn)力和交互內(nèi)容。第14頁，課件共63頁，創(chuàng)作于2023年2月主內(nèi)容區(qū)網(wǎng)頁的主內(nèi)容區(qū)是網(wǎng)頁的主要內(nèi)容顯示區(qū)域。頁腳版權(quán)信息頁腳是防置網(wǎng)站版權(quán)信息的地方，可以放置一些聯(lián)系方式或其他的導(dǎo)航欄目。第15頁，課件共63頁，創(chuàng)作于2023年2月認(rèn)識(shí)網(wǎng)站網(wǎng)站也稱為站點(diǎn)，英文名稱為WebSite，是指具有獨(dú)立域名、獨(dú)立存放空間的集合，這些內(nèi)容可能是網(wǎng)頁，也可能是程序或其它文件。通俗地說網(wǎng)站就是在互聯(lián)網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方。放置到指定的網(wǎng)站空間中（服務(wù)器或虛擬主機(jī)），通過域名（也就是網(wǎng)站地址）進(jìn)行訪問。衡量一個(gè)網(wǎng)站的性能，通常從網(wǎng)站空間大小、網(wǎng)站連接速度、服務(wù)器主機(jī)配置、主機(jī)性能等幾個(gè)方面考慮。第16頁，課件共63頁，創(chuàng)作于2023年2月網(wǎng)站的分類網(wǎng)站按內(nèi)容進(jìn)行分類可分為門戶網(wǎng)站、垂直網(wǎng)站、地方網(wǎng)站；而其中垂直網(wǎng)站又可分為新聞網(wǎng)站、娛樂網(wǎng)站、體育網(wǎng)站、科技網(wǎng)站、游戲網(wǎng)站、生活服務(wù)網(wǎng)站和教育職業(yè)網(wǎng)站等。網(wǎng)站按服務(wù)進(jìn)行分類，可分為內(nèi)容提供、搜索引擎、即時(shí)通信、電子商務(wù)、在線娛樂等。網(wǎng)站按使用群體的不同進(jìn)行分類?？煞譃殚T戶網(wǎng)站、導(dǎo)航網(wǎng)站、電子商務(wù)網(wǎng)站、企業(yè)網(wǎng)站、政府部門網(wǎng)站和個(gè)人網(wǎng)站等。第17頁，課件共63頁，創(chuàng)作于2023年2月網(wǎng)頁制作中的專業(yè)術(shù)語網(wǎng)站服務(wù)器（Web服務(wù)器）：也稱為WWW服務(wù)器，是專門提供網(wǎng)上信息瀏覽服務(wù)的高性能計(jì)算機(jī)。上網(wǎng)所瀏覽的網(wǎng)頁必須存放在網(wǎng)站服務(wù)器中才能供人們?cè)L問瀏覽。第18頁，課件共63頁，創(chuàng)作于2023年2月Browser（瀏覽器）：瀏覽器（Browser）就是指在電腦上安裝的，用來顯示指定文件的程序。常用的瀏覽器有IE6.0，IE7.0，IE8.0，F(xiàn)irefox,Opera等。第19頁，課件共63頁，創(chuàng)作于2023年2月HTTP協(xié)議：HTTP是HyperTextTransferProtocol的縮寫，也就是超文本傳輸協(xié)議，專門用于從WWW服務(wù)器傳輸超文本標(biāo)記語言（HTML--HyperTextMarkupLanguage）寫的文件，也就是我們通常說的網(wǎng)頁，通過這個(gè)協(xié)議，我們可以瀏覽網(wǎng)絡(luò)上的各種信息，在瀏覽器上看到豐富多彩的文字與圖片。這就是網(wǎng)頁地址都是以“http：//”開頭的原因。第20頁，課件共63頁，創(chuàng)作于2023年2月IP地址：Internet上有無數(shù)臺(tái)計(jì)算機(jī)要通過網(wǎng)絡(luò)相互連通，為了能夠準(zhǔn)確地訪問每臺(tái)電腦，就必須指定一個(gè)唯一的識(shí)別標(biāo)記。主機(jī)在Internet上的唯一標(biāo)志稱為IP地址（InternetProtocolAddress）。它是一串4組由圓點(diǎn)分割的數(shù)字組成的，其中每一組數(shù)字都在0－256之間，如：0－255．0－255．0－255．0－255．0－255；如，202．202．96．33就是一個(gè)主機(jī)服務(wù)器的IP地址。第21頁，課件共63頁，創(chuàng)作于2023年2月域名：IP地址是數(shù)字化的，比較難記，所以人們提出了一種新方法來代替這種，即“域名”地址。域名由幾個(gè)英文單詞組成，如具有一定的意義，其中cn代表中國，com代表商業(yè)網(wǎng)，sina代表新浪，www代表萬維網(wǎng)（WorldWideWeb）,整個(gè)域名合起來就代表新浪站點(diǎn)。域名地址和IP地址實(shí)際上是一回事，只是形式上不同而已。在訪問一個(gè)站點(diǎn)的時(shí)候，可以輸入該站點(diǎn)IP地址也可以輸入域名地址。這里就存在一個(gè)域名地址和對(duì)應(yīng)的IP地址相互轉(zhuǎn)換的問題，這些信息實(shí)際上是存放在域名服務(wù)器中，當(dāng)輸入一個(gè)域名地址時(shí)，域名服務(wù)器就會(huì)搜索其對(duì)應(yīng)的IP地址，然后訪問到該地址所表示的站點(diǎn)。第22頁，課件共63頁，創(chuàng)作于2023年2月URL(UniformResourceLocator--統(tǒng)一資源定位器)：是專為標(biāo)識(shí)Internet網(wǎng)上資源位置而設(shè)的一種編址方式，我們平時(shí)所說的網(wǎng)頁地址指的即是URL，它一般由三部分組成（傳輸協(xié)議：//主機(jī)IP地址或域名/地址資源所在路徑和文件名）,如洪恩在線-電腦樂園的URL為：/pc/index.htm其中http超文本傳輸協(xié)議(HyperTextTransferProtocol)是web服務(wù)器域名地址pc是網(wǎng)頁所在路徑index.html是相應(yīng)的網(wǎng)頁文件。第23頁，課件共63頁，創(chuàng)作于2023年2月FTP:文件傳輸協(xié)議，是FileProtocol的縮寫，用FTP協(xié)議登錄到FTP服務(wù)器?？梢燥@示該服務(wù)器上的文件及目錄清單，并且能夠向FTP服務(wù)器上傳或下載文件。FTP支持多種文件類型和文件格式的傳輸，包括ASCII和二進(jìn)制文件。第24頁，課件共63頁，創(chuàng)作于2023年2月Banner（橫幅廣告）：橫幅廣告是互聯(lián)網(wǎng)廣告中最基本的廣告形式。它是一個(gè)表現(xiàn)商家廣告內(nèi)容的圖片，放置在廣告商的頁面上，尺寸是480×60像素，或233×30像素；一般是Gif格式的圖像文件，可以使用靜態(tài)圖形，也可用多幀圖像拼接為動(dòng)畫圖像；除普通Gif格式外，新興的RichMediaBanner（富媒體廣告）能賦予Banner更強(qiáng)的表現(xiàn)力和交互內(nèi)容，但一般需要用戶使用的瀏覽器插件支持（Plug-in）。Banner一般翻譯為網(wǎng)幅廣告、旗幟廣告、橫幅廣告等。第25頁，課件共63頁，創(chuàng)作于2023年2月Click（點(diǎn)擊次數(shù)）：用戶通過點(diǎn)擊廣告而訪問廣告主的網(wǎng)頁，稱點(diǎn)擊一次。點(diǎn)擊次數(shù)是評(píng)估廣告效果的指標(biāo)之一。Cookie：Cookie電腦中記錄用戶在網(wǎng)絡(luò)中行為的文件。網(wǎng)站可通過Cookie來識(shí)別用戶是否曾經(jīng)訪問過該網(wǎng)站。當(dāng)瀏覽某些Web站點(diǎn)時(shí)，這些站點(diǎn)會(huì)在用戶的硬盤上用很小的文本文件存儲(chǔ)一些信息，這些文件就稱為Cookie。Cookie中包含的信息與瀏覽者的愛好有關(guān)第26頁，課件共63頁，創(chuàng)作于2023年2月Database（數(shù)據(jù)庫）：Database通常指的是利用現(xiàn)代計(jì)算機(jī)技術(shù)，將各類信息有序地分類整理，便于查找和管理。在網(wǎng)絡(luò)營銷中，指利用互聯(lián)網(wǎng)收集用戶個(gè)人信息，并存檔、管理，例如姓名、性別、年齡、地址、電話、興趣愛好、消費(fèi)行為等。KeyWord（關(guān)鍵字）：KeyWord是用戶在搜索引擎中提交的文字，以便快速查詢所需內(nèi)容。第27頁，課件共63頁，創(chuàng)作于2023年2月常用網(wǎng)頁制作軟件網(wǎng)頁過程中常用制作軟件包括網(wǎng)頁編輯軟件，圖像處理軟件、動(dòng)畫處理軟件。第28頁，課件共63頁，創(chuàng)作于2023年2月網(wǎng)頁編輯軟件MicrosoftFrontPage：由微軟公司推出,目前用到的版本有FrontPage2003、FrontPage2007、FrontPage2010等。它的特點(diǎn)是簡單易用，容易上手，而且與IE、Word等軟件結(jié)合的很好。缺點(diǎn)是兼容性差，對(duì)于復(fù)雜的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)能力有限。Dreamweaver：由Macromedia公司推出，比較經(jīng)典的版本有ＤreamWeaverMX2004、ＤreamWeaver8等。被Adobe公司收購后推出ＤreamWeaverCS3、CS4、CS5三個(gè)版本。它的特點(diǎn)是操作方便，代碼簡潔，面板設(shè)計(jì)豐富多樣、對(duì)動(dòng)態(tài)網(wǎng)頁編程與設(shè)計(jì)給予了很好的支持，以及與Fireworks，F(xiàn)lash，Photoshop等軟件能緊密的結(jié)合。UltraEdit-32：代碼編輯工具，主要編輯ASP等動(dòng)態(tài)網(wǎng)頁。第29頁，課件共63頁，創(chuàng)作于2023年2月圖像處理軟件做網(wǎng)頁需要有一定的平面設(shè)計(jì)基礎(chǔ)。如果設(shè)計(jì)者只會(huì)寫程序，沒有一定的界面設(shè)計(jì)功底，即便你的程序編寫得再好，沒有美觀的界面為依托，還是沒有人愿意來看你的網(wǎng)頁，就像一件衣服一樣，衣料再好，樣子不好看也不會(huì)有人去買。在制作網(wǎng)頁過程中常用的圖像處理軟件有：Photoshop，網(wǎng)頁設(shè)計(jì)者必須精通的一個(gè)圖形處理工具。Imageready，在用Photoshop將界面設(shè)計(jì)完成后，切換到Imageready中進(jìn)行界面分割處理，快速完成由圖到網(wǎng)頁的過渡。不過凡事有利弊，要學(xué)會(huì)靈活運(yùn)用。ACDSee，目前最流行的數(shù)字圖像處理軟件，它能廣泛應(yīng)用于圖片的獲取、管理、瀏覽、優(yōu)化，甚至和他人進(jìn)行分享。Fireworks，制作網(wǎng)頁的高級(jí)輔助工具，可以進(jìn)行動(dòng)畫制作，圖像優(yōu)化，熱點(diǎn)、切片和輪替按鈕，文件導(dǎo)入和導(dǎo)出，無須學(xué)習(xí)代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁圖形和動(dòng)畫，例如變換圖像和彈出菜單等。第30頁，課件共63頁，創(chuàng)作于2023年2月動(dòng)畫制作軟件網(wǎng)頁的動(dòng)畫一般分為兩種，即GIF動(dòng)畫和Flash動(dòng)畫。這兩種動(dòng)畫都可以通過Flash軟件來完成，而GIF動(dòng)畫有很多種工具可以實(shí)現(xiàn)，F(xiàn)lash的文字動(dòng)畫也有專門的工具，這些工具對(duì)于想做出好的動(dòng)畫，又不能熟練使用Flash的制作者提供了極大的方便。Flash：Flash是交互式矢量圖和Web動(dòng)畫的標(biāo)準(zhǔn)，網(wǎng)頁設(shè)計(jì)者使用Flash能創(chuàng)建漂亮的、可改變尺寸的動(dòng)畫，可以創(chuàng)建極其緊密的導(dǎo)航界面、技術(shù)說明以及其他奇特的效果。Swish：在此工具中做好文字動(dòng)畫后可以導(dǎo)出為.swf格式的文件，再導(dǎo)入到Flash中進(jìn)行進(jìn)一步的處理，讓Flash更生動(dòng)，更炫目多彩。第31頁，課件共63頁，創(chuàng)作于2023年2月UleadGIFAnimator：友立公司出版的動(dòng)畫GIF制作軟件，內(nèi)建的Plugin有許多現(xiàn)成的特效可以立即套用，可將AVI文件轉(zhuǎn)換成動(dòng)畫GIF文件，而且還能將動(dòng)畫GIF圖片最佳化，能將放在網(wǎng)頁上的GIF動(dòng)畫減肥，以便讓人能夠更快速地瀏覽網(wǎng)頁。碩思閃客精靈：支持將SWF文件導(dǎo)出成FLA文件，幫助丟失FLA文件的影片作者重新獲得FLA文件，從而可以再編輯。碩思閃客之錘：是一款具有專業(yè)水準(zhǔn)的動(dòng)畫制作工具。它支持圖形設(shè)計(jì)、運(yùn)動(dòng)動(dòng)畫、引導(dǎo)線、遮罩效果、流聲音和事件聲音、幀標(biāo)記、設(shè)置電影剪輯、按鈕等符號(hào)。文字動(dòng)畫特效制作SwishZone：特效中有許多細(xì)節(jié)結(jié)合使用能得到非常炫的效果，直接預(yù)覽，能直接導(dǎo)出為SWF文檔格式。GIF動(dòng)畫制作GIFMovieGear3.0：GIF動(dòng)畫制作軟件，幾乎有需要制作GIF動(dòng)畫的編輯功能它都有，無須再用其他的圖形軟件輔助。第32頁，課件共63頁，創(chuàng)作于2023年2月網(wǎng)站設(shè)計(jì)的學(xué)習(xí)內(nèi)容從網(wǎng)站設(shè)計(jì)需要掌握和運(yùn)用的知識(shí)分析，可分為內(nèi)容組織、美工設(shè)計(jì)、頁面編輯、網(wǎng)站編程4個(gè)方面內(nèi)容。內(nèi)容組織：確定網(wǎng)站的內(nèi)容和功能，制定網(wǎng)站的目標(biāo)和組織網(wǎng)站的信息資源，繪制網(wǎng)站內(nèi)容組織框架結(jié)構(gòu)圖，根本目的是通過構(gòu)建網(wǎng)頁之間的有機(jī)信息聯(lián)系，幫助用戶找到信息，即進(jìn)行信息構(gòu)建（IA）。美工設(shè)計(jì)：根據(jù)網(wǎng)站布局框架圖，進(jìn)行頁面風(fēng)格和美觀設(shè)計(jì)。常用軟件有Photoshop、Fireworks、Flash等。頁面編輯：根據(jù)美工設(shè)計(jì)圖進(jìn)行頁面代碼化編輯，常用軟件有Dreamweaver、FrontPage，常用技術(shù)有HTML、XHTML、CSS等。網(wǎng)站編程：進(jìn)行腳本編寫和功能模塊實(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頁，課件共63頁，創(chuàng)作于2023年2月信息構(gòu)建（IA）對(duì)于美工設(shè)計(jì)和網(wǎng)站編程我們?cè)诤竺娴恼n程中都會(huì)有涉及，在這里對(duì)于信息構(gòu)建（IA）做以簡要介紹。1975年美國的建筑師沃爾曼(RichardSaulWurman)創(chuàng)造性地提出了InformationArchitecture一詞，并在1976年召開的美國建筑師協(xié)會(huì)全國會(huì)議上將它公布于世。他強(qiáng)調(diào)要把復(fù)雜的信息以一種易于理解的方式描述出來，滿足人們的信息需求。從事IA設(shè)計(jì)的人員被稱為信息建筑師(InformationArchitect)，沃爾曼明確指出信息建筑師的工作任務(wù)：(1)組織數(shù)據(jù)中的固有模式、化復(fù)雜為明晰；(2)創(chuàng)建信息結(jié)構(gòu)或地圖，令他人找到通向知識(shí)的個(gè)人路徑。第34頁，課件共63頁，創(chuàng)作于2023年2月在具體實(shí)踐中信息建筑師們會(huì)履行下列職責(zé)：(1)收集和定義信息用戶的需求內(nèi)容，用戶需求功能的要求并且?guī)椭x信息產(chǎn)品的視覺外觀；(2)在可理解層次去組織信息，通常會(huì)利用網(wǎng)站地圖、內(nèi)容地圖或信息模型。這包括發(fā)展受控詞匯和辭典；(3)在屏幕層次決定內(nèi)容位置與交互。要在最終設(shè)計(jì)之前添加原型導(dǎo)航、內(nèi)容關(guān)系與用戶交互。通常最后要形成一份書面的技術(shù)說明書；(4)進(jìn)行用戶研究（訪問、觀察、統(tǒng)計(jì)研究、市場(chǎng)分割研究等等）和可用性測(cè)試（啟發(fā)式評(píng)估、用途分析、用戶測(cè)試等等）。第35頁，課件共63頁，創(chuàng)作于2023年2月IA并沒有自身的傳統(tǒng)、標(biāo)準(zhǔn)與文化，它是從一系列背景領(lǐng)域中誕生的。這些領(lǐng)域包括計(jì)算機(jī)科學(xué)、圖書館學(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頁，課件共63頁，創(chuàng)作于2023年2月網(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頁，課件共63頁，創(chuàng)作于2023年2月第一步：網(wǎng)站定位網(wǎng)站定位就是確定網(wǎng)站的形式，明確網(wǎng)站的主要功能與特點(diǎn)，常用的網(wǎng)站主要分以下幾類：綜合門戶網(wǎng)站主要特點(diǎn)是功能強(qiáng)大、內(nèi)容豐富、信息齊全，網(wǎng)站有著強(qiáng)大的功能與美觀的頁面。這類網(wǎng)站開發(fā)是一個(gè)龐大的項(xiàng)目，需要專業(yè)的開發(fā)團(tuán)隊(duì)來完成。在網(wǎng)站開發(fā)的學(xué)習(xí)與工作中，可以學(xué)習(xí)這類網(wǎng)站的網(wǎng)頁風(fēng)格和功能模塊。這類網(wǎng)站的代表有新浪、搜狐、網(wǎng)易。第38頁，課件共63頁，創(chuàng)作于2023年2月第一步：網(wǎng)站定位新聞資訊網(wǎng)站是一種可以發(fā)布大量的新聞與圖片內(nèi)容的網(wǎng)站。用戶可以方便的查看這些新聞資訊的內(nèi)容，這類網(wǎng)站主要開發(fā)內(nèi)容是網(wǎng)站的美術(shù)設(shè)計(jì)與網(wǎng)站內(nèi)容的管理功能。這類網(wǎng)站的代表有人民網(wǎng)、新華網(wǎng)、央視國際網(wǎng)站。第39頁，課件共63頁，創(chuàng)作于2023年2月第一步：網(wǎng)站定位公司宣傳網(wǎng)站此類網(wǎng)站是開發(fā)工作中最常見的網(wǎng)站類型。企業(yè)借助網(wǎng)站推廣企業(yè)形象、樹立企業(yè)品牌、發(fā)布企業(yè)產(chǎn)品。企業(yè)網(wǎng)站的設(shè)計(jì)重點(diǎn)是精美的網(wǎng)頁和企業(yè)產(chǎn)品的發(fā)布管理功能。這類網(wǎng)站有：金山軟件、中企動(dòng)力等。第40頁，課件共63頁，創(chuàng)作于2023年2月第一步：網(wǎng)站定位娛樂網(wǎng)站娛樂網(wǎng)站是一種很常用的網(wǎng)站形式，此類網(wǎng)站的設(shè)計(jì)非常靈活，可以使用各種個(gè)性化的色彩和布局，此類網(wǎng)站代表有：新浪娛樂、激動(dòng)網(wǎng)、E視網(wǎng)等。電子商務(wù)網(wǎng)站此類網(wǎng)站常包括產(chǎn)品、廣告、購物、市場(chǎng)推廣等。設(shè)計(jì)重點(diǎn)是網(wǎng)站的產(chǎn)品管理功能和用戶的交互功能。代表有：易趣、淘寶、拍拍等。第41頁，課件共63頁，創(chuàng)作于2023年2月第一步：網(wǎng)站定位網(wǎng)址導(dǎo)航網(wǎng)站此類網(wǎng)站的內(nèi)容是將常用的網(wǎng)站鏈接整理到一個(gè)網(wǎng)站上，方便用戶使用。這類網(wǎng)站的開發(fā)重點(diǎn)是網(wǎng)站鏈接與分類管理。代表有：網(wǎng)址之家、網(wǎng)址大全、265上網(wǎng)導(dǎo)航。第42頁，課件共63頁，創(chuàng)作于2023年2月第一步：網(wǎng)站定位下載網(wǎng)站下載網(wǎng)站可以方便地為用戶提供各種資料下載，此類網(wǎng)站的開發(fā)重點(diǎn)是資料的管理與分類，著名的下載網(wǎng)站有霏凡軟件、天空軟件、百度MP3下載等。搜索引擎網(wǎng)站是為用戶提供內(nèi)容搜索功能的網(wǎng)站，主要內(nèi)容是實(shí)現(xiàn)網(wǎng)站的搜索與內(nèi)容管理功能，這類網(wǎng)站的代表有百度、谷歌、雅虎等。第43頁，課件共63頁，創(chuàng)作于2023年2月第一步：網(wǎng)站定位個(gè)人網(wǎng)站個(gè)人網(wǎng)站也叫個(gè)人主頁，是網(wǎng)絡(luò)中個(gè)人宣傳類的網(wǎng)站，其形式非常靈活，可以包含不同的內(nèi)容，個(gè)人網(wǎng)站的內(nèi)容沒有特別規(guī)則，可以根據(jù)個(gè)人喜好，進(jìn)行各種發(fā)揮。第44頁，課件共63頁，創(chuàng)作于2023年2月第二步：申請(qǐng)網(wǎng)站域名域名是由國際域名管理組織和國內(nèi)的相關(guān)機(jī)構(gòu)統(tǒng)一管理的，很多域名服務(wù)商可以代理域名的注冊(cè)業(yè)務(wù)，較著名的域名服務(wù)商有：中資源（）、西部數(shù)碼（）、中國萬網(wǎng)（）、新網(wǎng)（）、中國數(shù)據(jù)()、武漢數(shù)據(jù)（）第45頁，課件共63頁，創(chuàng)作于2023年2月第三步：申請(qǐng)服務(wù)器空間訪問網(wǎng)站的過程實(shí)際就是用戶計(jì)算機(jī)和服務(wù)商進(jìn)行數(shù)據(jù)鏈接和數(shù)據(jù)傳遞的過程，這就要求網(wǎng)站必須存放在服務(wù)器上才能被訪問，一般的網(wǎng)站，不是使用一個(gè)獨(dú)立的服務(wù)器，而是在網(wǎng)絡(luò)公司租用一個(gè)一定大小的存儲(chǔ)空間來支持網(wǎng)站運(yùn)行，這個(gè)租用的網(wǎng)站存儲(chǔ)空間就是服務(wù)器空間。第46頁，課件共63頁，創(chuàng)作于2023年2月第三步：申請(qǐng)服務(wù)器空間不同的服務(wù)器空間的主要區(qū)別是支持網(wǎng)站的程序和支持的數(shù)據(jù)庫不同，常用的服務(wù)器空間可能分別支持下面這些不同的網(wǎng)站程序：ASP：使用Windows系統(tǒng)和IIS服務(wù)器。PHP:使用Linux系統(tǒng)或Windows系統(tǒng)，使用Apache網(wǎng)站服務(wù)器。.NET：使用Windows系統(tǒng)和IIS服務(wù)器。JSP：使用Windows系統(tǒng)和Java的網(wǎng)站服務(wù)器第47頁，課件共63頁，創(chuàng)作于2023年2月第三步：申請(qǐng)服務(wù)器空間不同的服務(wù)器空間可能支持不同的數(shù)據(jù)庫，常用的服務(wù)器空間支持?jǐn)?shù)據(jù)庫有以下幾種：Access：常用于ASP網(wǎng)站SqlServer2000：常用于ASP網(wǎng)站或.NET網(wǎng)站。Mysql：常用于PHP或JSP網(wǎng)站Oracle：常用于JSP網(wǎng)站第48頁，課件共63頁，創(chuàng)作于2023年2月第四步：確定網(wǎng)站主題網(wǎng)站的主題是指一個(gè)網(wǎng)站在建設(shè)中需要完成的任務(wù)和要實(shí)現(xiàn)的設(shè)計(jì)思想。這是網(wǎng)站開發(fā)的一項(xiàng)重要工作，相關(guān)的設(shè)計(jì)思想需要在這個(gè)過程完成，設(shè)計(jì)思想需要書寫設(shè)計(jì)文檔。第49頁，課件共63頁，創(chuàng)作于2023年2月第五步：網(wǎng)站制作包括網(wǎng)頁平面設(shè)計(jì)圖設(shè)計(jì)，網(wǎng)頁頁面設(shè)計(jì)，網(wǎng)站功能模塊實(shí)現(xiàn)等。這部分內(nèi)容為這一學(xué)期里重點(diǎn)掌握的內(nèi)容部分。第50頁，課件共63頁，創(chuàng)作于2023年2月第六步：網(wǎng)站發(fā)布與上傳網(wǎng)站完成設(shè)計(jì)與調(diào)試后，需要上傳到租用的服務(wù)器空間中才能被www上的用戶訪問。網(wǎng)站發(fā)布就是把自己計(jì)算機(jī)中的網(wǎng)站內(nèi)容發(fā)布到網(wǎng)絡(luò)上服務(wù)器空間的過程。上傳一般選擇FTP軟件進(jìn)行，常用的FTP軟件有LeapFTP、CuteFTP、SmartFTP等。圖4為CuteFTP上傳的截圖。第51頁，課件共63頁，創(chuàng)作于2023年2月圖4CuteFTP連接建立第52頁，課件共63頁，創(chuàng)作于2023年2月圖4CuteFTP的使用第53頁，課件共63頁，創(chuàng)作于2023年2月舉例：http://www.3v.cm/用戶名：qazwsx-123密碼：789456123第54頁，課件共63頁，創(chuàng)作于2023年2月第七步：后期更新與維護(hù)網(wǎng)站完成設(shè)計(jì)和上傳后，還要定期對(duì)網(wǎng)站的內(nèi)容進(jìn)行更新和維護(hù)，否則一成不變的內(nèi)容很難吸引瀏覽者。網(wǎng)站在運(yùn)行的過程中還可能出現(xiàn)一些錯(cuò)誤和問題，因此也需要分析錯(cuò)誤原因修正錯(cuò)誤，解決問題。第55頁，課件共63頁，創(chuàng)作于2023年2月第八步：網(wǎng)站推廣新網(wǎng)站在發(fā)布后并不會(huì)有很多人訪問，要提高網(wǎng)站的知名度就需要對(duì)網(wǎng)站進(jìn)行推廣，網(wǎng)站推廣分自由推廣和付費(fèi)推廣兩種。自由推廣和相關(guān)的站點(diǎn)交換友情鏈接。在論壇、博客、留言板上發(fā)帖或留言。把自己網(wǎng)站添加到各種搜索引擎。