第一部分基礎知識

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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