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