【文章內(nèi)容簡介】 和不同界面之間都應(yīng)該是一致的。 網(wǎng)站架設(shè)步驟 樹立企業(yè)形象，以實現(xiàn)良好的運行，實現(xiàn)網(wǎng)站架設(shè)目標。一般網(wǎng)站設(shè)計大體包含分兩個方面：①網(wǎng)站信息布局網(wǎng)站的主體信息結(jié)構(gòu)及布局，它是總體網(wǎng)站的框架，所有的內(nèi)容信息都會以此為依據(jù)進行布局，清晰明了的布局會使瀏覽者能方便快捷地取得所需信息。②網(wǎng)站頁面制作先進技術(shù)應(yīng)用這是一個成功網(wǎng)站所不可缺少的重要部分，中國企業(yè)網(wǎng)在這方面有著非常雄厚的實力，能為我們尋找友好的合作伙伴。，網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計，才能吸引瀏覽者停留，我們采用現(xiàn)今網(wǎng)絡(luò)上最流行的 CSS，F(xiàn)LASH，Javascript 等技術(shù)進行網(wǎng)站的靜態(tài)和動態(tài)頁面設(shè)計，動態(tài)的按鈕，活動的小圖標，優(yōu)美協(xié)調(diào)的色彩配以悅耳的背景音樂，將會使瀏覽者留下深刻的印象。，在保證瀏覽速度的情況下，在網(wǎng)站各欄目之間加入適量的動態(tài)的連接，網(wǎng)站的互動性會大加強。，配合整個網(wǎng)站本身的設(shè)計風(fēng)格對每個系列的產(chǎn)品進行網(wǎng)上的重新包裝設(shè)計，務(wù)求達到展現(xiàn)企業(yè)的品牌形象。 是現(xiàn)時網(wǎng)絡(luò)上最歡迎的網(wǎng)絡(luò)技術(shù)，作為一種可以用在互聯(lián)網(wǎng)上動態(tài)的、可互動的 SHOCKWAVE,它的優(yōu)點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。用FLASH 制作的動畫，還可以加入很 cool、很有感染力的音樂。這樣就能生成多媒體的圖形和界面，而且使文件的體積很小。，網(wǎng)頁的信息中，除了小圖標，Banner，按鈕之外，還有大量的文字和圖象，需要處理，CGI、圖片和文字支持是不可缺少的部分，我們先進設(shè)備和認真的工作態(tài)度一定能制作出令你滿意的網(wǎng)站。5 / 39 主要功能模塊介紹1. 企業(yè)信息：發(fā)布介紹企業(yè)的各類信息，如企業(yè)簡介、組織機構(gòu)、經(jīng)營項目、企業(yè)榮譽、聯(lián)系方式，并可隨意增加新的欄目等。 2. 新聞資訊：發(fā)布企業(yè)新聞和業(yè)內(nèi)資訊，無限級分類，大增加信息發(fā)布的靈活性。 3. 產(chǎn)品展示：發(fā)布企業(yè)產(chǎn)品，按產(chǎn)品類別顯示及搜索產(chǎn)品，瀏覽者可根據(jù)自己的習(xí)慣和需要自主設(shè)置產(chǎn)品顯示樣式，并可直接下訂單，無限級分類，大增加信息發(fā)布的靈活性。 4. 人才招聘：發(fā)布招聘信息，人才策略，瀏覽者可了解企業(yè)的職位空缺情況。5. 站內(nèi)檢索：可檢索站內(nèi)全部欄目內(nèi)容。6. 下載資源：發(fā)布供網(wǎng)站瀏覽者和客戶下載的資料等。7. 系統(tǒng)管理：管理密碼修改、網(wǎng)站信息設(shè)置、網(wǎng)站空間統(tǒng)計。8. 信息反饋：以留言板的形式接收用戶的反饋信息。9. 管理權(quán)限：可根據(jù)需要增設(shè)多個管理員帳戶，并任意分配不同管理權(quán)限。6 / 39第二章 開發(fā)工具的選擇和介紹 概述ASP 全名為(Active Server Pages)，它是微軟公司推出 IIS 的一個組件，ASP 實際是一種在服務(wù)器端開發(fā)腳本語言的環(huán)境，ASP 內(nèi)含于 IIS 和 之中 , 通過 ASP 我們可以結(jié)合 HTML 網(wǎng)頁、 ASP 指令和 ActiveX 元件建立動態(tài)、交互且高效的 WEB 服務(wù)器應(yīng)用程序。有了 ASP 你就不必擔(dān)心客戶的瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務(wù)器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負擔(dān)，大大提高了交互的速度。 運行模式 當一個瀏覽器從 web 服務(wù)器請求一個*.asp 文件時，ASP 腳本開始運行，web 服務(wù)器此時調(diào)用 ASP 從頭至尾讀取請求文件，運行所有命令并把 HTML 網(wǎng)頁返回給瀏覽器。如圖 21 所示。圖 21 運行模式示意圖當訪問數(shù)據(jù)庫的數(shù)據(jù)時，web 服務(wù)器起著中間部件的作用。它接收用戶 web 瀏覽器的 web 頁請求，使用 ODBC 把對數(shù)據(jù)或數(shù)據(jù)庫的任何命令請求通過網(wǎng)絡(luò)送到數(shù)據(jù)庫服務(wù)器，從數(shù)據(jù)庫服務(wù)器接收數(shù)據(jù)并且把產(chǎn)生的 web 頁和數(shù)據(jù)送回到用戶瀏覽器。在圖 22 中顯示了在運行中各部分之間的關(guān)系：圖 22 ASP 各部分關(guān)系圖7 / 39 工作原理ASP的工作原理，當瀏覽器通過HTTP協(xié)議向web服務(wù)器申請一個由*.asp 定義的頁面時，web 服務(wù)器響應(yīng) HTTP請求，用ASP引擎解釋被申請文件。當遇到 ASP腳本命令時，ASP 引擎調(diào)用相應(yīng)的腳本引擎(腳本引擎以組件的形式駐留在 web服務(wù)器上)進行處理。ASP 提供兩種腳本引擎，即VBScript引擎和VJScript引擎，若要使用其他腳本語言，需要在web 服務(wù)器上另外安裝相應(yīng)的腳本引擎；當遇到基于COM標準的組件(組件本身是經(jīng)過編譯的可重用二進制碼)時，ASP引擎啟動相應(yīng)的組件完成指定的功能。若 ASP文件含有訪問數(shù)據(jù)庫的請求，ASP內(nèi)置組件ADO(ActiveX Date Ob —ject) 通過ODBC 與數(shù)據(jù)庫連接，對數(shù)據(jù)庫進行訪問，并將訪問結(jié)果返回web服務(wù)器。ASP 引擎將腳本和組件的運行結(jié)果生成相應(yīng)的HTML語法成分，與文件中原有的文本和HTML 標記一起組成標準HTML頁面送至客戶端瀏覽器。 對象和組件ASP提供了功能強大的六個內(nèi)置對象和五個內(nèi)置組件內(nèi)置對象：（1）Request (請求)：從前端用戶取得信息（2）Response(響應(yīng))：將信息送給前端用戶（3）Server (服務(wù)器)：提供Web服務(wù)器工具（4）Session (會話)：儲存在一次會話內(nèi)的用戶信息，僅被該用戶訪問（5）Application(應(yīng)用)：管理所有的會話信息，供所有用戶共享（6）ObjectContext(對象上下文 )：配合Transaction服務(wù)器進行分布式事務(wù)處理 前三個很常用，Request和Response是用來實現(xiàn)web Server與瀏覽器交互。Request的一個重要方法是ForM() ，其作用是提取瀏覽器的用戶輸入信息。內(nèi)置組件：（1）數(shù)據(jù)庫存取組件：ASP提供ADO 來存取具有ODBC標準的數(shù)據(jù)庫（2）廣告輪顯組件：用來維護、構(gòu)建Inter廣告（3）瀏覽器兼容組件：將瀏覽器的功能數(shù)據(jù)提供給服務(wù)器，以便送出適合于各種瀏覽器的Web頁面（4）文件存取組件：提供文件讀寫的工具（5）文件超鏈接組件：提供對Web頁面的管理8 / 39 訪問數(shù)據(jù)庫工作原理ASP是一個基于Web服務(wù)器的腳本開發(fā)環(huán)境，在ASP平臺上可開發(fā)和運行動態(tài)的、交互的、高性能的Web服務(wù)器應(yīng)用程序。圖 23 ASP 訪問數(shù)據(jù)庫原理圖圖 23 說明了 ASP 訪問數(shù)據(jù)庫工作原理。ASP 程序在 Web 服務(wù)器端工作，當前端用戶請求一個 ASP 主頁時，Web 服務(wù)器響應(yīng) HTTP 請求并調(diào)用 ASP 引擎執(zhí)行該文件并解釋執(zhí)行其中的腳本，若腳本中有訪問數(shù)據(jù)庫請求，立刻通過 ODBC 或 ILE DB與相應(yīng)的后臺數(shù)據(jù)庫相連，同數(shù)據(jù)庫訪問組件 ADO 完成操作，最后，ASP 根據(jù)訪問數(shù)據(jù)庫的結(jié)果生成 HTML 語言的主頁返回給前端用戶，用戶看到的只是 HTML 網(wǎng)頁，而看不到 ASP 程序代碼，增強了保密性。 HTML 圖象標記(1)鏈入圖象的基本語法img src= =圖象的 URLimg alt= =在瀏覽器尚未完全讀入圖象時，在圖象位置顯示的文字。img src= alt=MY FACE :)(2)圖象和文字的對齊img align= =top, middle, bottomimg src=URL align=top 或 align=middle 或 align= bottom My face!(3)邊框img border= =valuea href=URLimg src=URL border=15/a9 / 39 表單標記(1)表單的基本語法form action=url method=*... ... input type=submit input type=reset/form(2)文字輸入和密碼輸入form action=/cgibin/postquery method=POST您的姓名: input type=text name=姓名br您的主頁的網(wǎng)址: input type=text name=網(wǎng)址 value=密碼: input type=password name=密碼brinput type=submit value=發(fā)送input type=reset value=重設(shè)/form(3)復(fù)選框 (Checkbox) 和單選框(RadioButton)form action=/cgibin/postquery method=POSTinput type=checkbox name=水果 1 Bananapinput type=checkbox name=水果 2 checked Applepinput type=checkbox name=水果 3 value=橘子 Orangepinput type=submitinput type=reset/form(4)列表框 (Selectable Menu)form action=/cgibin/postquery method=POSTselect name=fruits size=3 optionBanana option selectedApple10 / 39 option value=My_FavoriteOrange optionPeach/selectpinput type=submitinput type=reset/form 網(wǎng)頁三劍客 MX 2022FLASH 的基本界面及操作如圖 24 所示。圖 24 FLASH 的基本界面圖中①是工具面版。這里要注意的就是顏色，這里的顏色定義有兩個，則是區(qū)塊顏色和邊框顏色。②這個面版叫時間軸面版，左邊是圖層。右邊則是控制動畫的時間軸了。③我們稱作舞臺，也就是我們所作的對象都是在這里出現(xiàn)，我們也可以叫它畫布。④⑤這兩個就是顏色屬性和一些其他的屬性，都是浮動的面版。 MX 2022Fireworks MX 2022 的工作界面如圖 25 所示。11 / 39圖 25 Fireworks 的基本界面Fireworks 的工作界面由“菜單欄” 、 “工具欄” 、 “工作區(qū)” 、 “工具條” 、 “組合面板”和“屬性框”六個部分組成。 MX 2022Dreamweaver MX 2022 工作區(qū)界面如圖 26 所示。標記的文檔窗口、可對接的面板組、可自定義的工具條和集成的文件瀏覽將直觀的工作區(qū)呈現(xiàn)在我們眼前。圖 26 Dreamweaver 的基本界面12 / 39 服務(wù)器 的配置 我們可以建立一個新站點。一個 Web 站點實際上是 IIS 服務(wù)器上的一個目錄，并且該目錄的訪問權(quán)限由 IIS 控制。安裝好 Web 服務(wù)器后，它將在系統(tǒng)中自動建立一個默認 Web 站點，用戶可以直接使用這個站點發(fā)布網(wǎng)頁。默認情況下，IIS 將它的根目錄設(shè)置到 C:\Ipub\root 下，也可以另外建立其他的站點使用。Inter 信息服務(wù)管理控制臺所圖 27 所示。圖 27 Inter 信息服務(wù)管理控制臺（1）在開始菜單中選“程序→管理工具→Inter 服務(wù)管理器” ，打開管理控制臺。（2）用鼠標右鍵單擊默認網(wǎng)站，在彈出的菜單中選擇“屬性” 。在“Web 站點”的“ IP 地址”欄內(nèi)輸入或選擇一個有效的 IP 地址作為此站點的地址。設(shè)置想要使用的 TCP 端口號，如 80。（3）在“主目錄” ”選項卡的 “本地路徑”中填寫“C:\Ipub\root” 。如果不想使用默認的路徑，則可以先在 C 盤或者是其他盤上建立一實際目錄，如在 D 盤上建立D:\stuaspplus 目錄，然后通過“瀏覽”選擇該目錄，即可建立自己的站點。（4）在“文檔 ”選項卡，修改瀏覽器默認調(diào)用的文件名及調(diào)用順序，如圖 28 所示。13 / 39圖 28 “文檔”選項卡的設(shè)置（5）建立虛擬目錄。在 Inter 信息服務(wù)文件夾下右擊默認站點，選擇“新建”→“虛擬目錄” ，彈出虛擬目錄創(chuàng)建向?qū)?，單擊“下一步”按鈕，在彈出對話框的別名處鍵入root，如果是用新建立的站點，就輸入該站點名稱，如 stuaspplus。再單擊“瀏覽”按鈕，選擇 C:\Ipub\root。單擊“下一步 ”后采用默認設(shè)置，按向?qū)崾締螕簟跋乱徊健本涂梢酝瓿商摂M目錄的設(shè)置。 如果采用 Windows 98 操作系統(tǒng)，那么其配置如下： Windows 98+PWS。若是Windows XP 或 Windows 2022，則配置如下： Windows XP+IIS、Windows 2022+IIS，但這種配置較少采用。因為 XP 對 IIS 不是完全兼容支持，有些功能配合得不夠完美。所以我們推薦使用 Windows 2022+IIS5 這對組合，因為 Windows 2022是相對比較穩(wěn)定的系統(tǒng)，對于服務(wù)器網(wǎng)絡(luò)方面微軟投入得較多，比較適合做為服務(wù)。14 / 39第三章 網(wǎng)頁的界面設(shè)計 網(wǎng)頁界面構(gòu)成要素與傳統(tǒng)媒體不同，網(wǎng)頁除了文字和圖像以外，還包含聲音、視頻和動畫等新興多媒體元素，更借助由代碼語言編程所實現(xiàn)的各種交互式效果，增加了網(wǎng)頁界面的生動性和復(fù)雜性，也使得網(wǎng)頁設(shè)計者需要考慮更多頁面元素的