【正文】 。 最終效果圖： 1． 將畫布的背景顏色設(shè)置成同網(wǎng)頁背景顏色相同。制作特效字，使用濾鏡自己制作了一個(gè)背景。 我在制作網(wǎng)頁的時(shí)候，很多背景圖片都是 在 Photoshop 中進(jìn)行了修改。特效制作在 Photoshop 中主要由濾鏡、通道及工具綜合應(yīng)用完成。 Photoshop 提供的繪圖工具讓外來圖像與創(chuàng)意很好地融合，成為可能使圖像的合成天衣無縫。也可進(jìn)行復(fù)制、去除斑點(diǎn)、修補(bǔ)、修飾圖像的殘損等。 19 ? Photoshop 從功能上看， Photoshop 可分為圖像編輯、圖像合成、校色調(diào)色及特效制作部分。若想使圖片深入淺 出，則選中相應(yīng)的幀，再點(diǎn)擊舞臺(tái)中的圖片，在屬性面板中找到顏色下拉列表的 APHA 可修改圖片的透明度。 3. 再選中適當(dāng)?shù)膸瑪?shù)，如第 20 幀，右擊選擇插入關(guān)鍵幀。 2. 選擇“文件〉導(dǎo)入到庫”，在所需文件夾中選擇需要的圖片素材。新建一個(gè)空白的 FLASH 文檔。由于它生成的動(dòng)畫容量一般都很小，所以調(diào)用的時(shí)候速度很快。其三是插件工作方式。其二是動(dòng)畫可無級(jí)放大。但是靜態(tài)的網(wǎng)頁又會(huì)大大的降低網(wǎng)頁的吸引力。 FLASH 的優(yōu)點(diǎn)基本上可以歸納為三點(diǎn)：其一是動(dòng)畫體積小。 39。 amp。 39。 tx/ amp。,39。 theme amp。,39。 ip_addr amp。,39。 author amp。 values(39。 checked % img src =% =tx/ amp。 ?id=% =rst(art_id) %39。 39。 amp。 39。 amp。 39。 amp。 set rst=(sql, ,adcmdtext) if not then % script language=vbscript 此用戶名已經(jīng)有人使用，請(qǐng)更換用戶名 ! /script % () % % else asql=insert users(username,password,repassword)values asql=asql amp。usernameamp。 set rs=(sql, ,adcmdtext) if then % script language=vbscript 此 用戶名與密碼不匹配，請(qǐng)重新輸入！ /script % end if % ? 用戶注冊(cè) % () end if 12 if pwd repwd then % script language=vbscript 您輸入的兩次密碼不一致，請(qǐng)重新輸入！ /script % () end if % % sql=select * from users where username=39。 11 password amp。 and password=39。 username amp。Data Source=(local) % 10 ? 論壇登錄 % dim username,password username=trim((txtusername)) password=trim((txtpassword)) if username= or password= then % script language=vbscript 用戶名或密碼不能為空！ /script % end if % % sql=select * from users where username=39。User ID=sa。 ? 數(shù)據(jù)庫連接代碼 % dim ,rs,sql set =() set rs=() =Provider=。 8 Users 用戶表設(shè)計(jì)如下： Articles 發(fā)表主題表設(shè)計(jì)如下： Replies 回復(fù)主題表設(shè)計(jì)如下： Users 用戶表結(jié)構(gòu)如下： Articles 發(fā)表主題表結(jié)構(gòu)如下： 9 Replies 回復(fù)主題表結(jié)構(gòu)如下： 三、關(guān)鍵技術(shù)實(shí)現(xiàn) ? 后臺(tái)服務(wù)器配置 本 論壇服務(wù)器配置使用了 Microsoft 的 作為系統(tǒng)服務(wù)器。 Articles(art_id, author, ip_addr, theme, pic_ path , content , issue_time , view_times , reply_times) 因?yàn)楸碇胁话言谄渌碇幸寻姆侵麝P(guān)鍵字信息且數(shù)據(jù)無冗余，所以 articles 主題表滿足第三范式 ，其中主鍵為 art_id。例如，我制作的這個(gè)論壇 ，用戶在線填寫的一些信息提交后，該反饋信息內(nèi)容即可通過服務(wù)器反饋給管理者。用戶可以利用表單來輕松完成各種數(shù)據(jù)的收集。 ? 留言板表單使用 表單主要用于信息調(diào)查，收集統(tǒng)計(jì)數(shù)據(jù)等方面。 5. 用表格排版網(wǎng)頁，然后將光標(biāo)置于需要編輯的區(qū)域，選擇“插入〉模板對(duì)象〉可編輯區(qū)域”命令，然后一直確定即可。 3. 選擇“修改〉頁面屬性”命令，彈出“頁面屬性”對(duì)話框。 ? 模板運(yùn)用 1. 選擇“文件〉新建”命令，彈出“新建文檔”對(duì)話框，選擇“常規(guī)”選項(xiàng)卡中“基本頁”類別中的“庫項(xiàng)目”選項(xiàng)。 2. 在對(duì)話框中將“選擇器類型”設(shè)置為“類 ” ，名稱定義為“ .title”，在“定義在” 選項(xiàng)區(qū)中選擇“僅對(duì)該文檔”選項(xiàng)，單擊“確定”按鈕 3. 設(shè)置字體，大小，顏色，行高，粗體等選項(xiàng)，單擊確定。 6 ? CSS 運(yùn)用 CSS（層疊樣式表）是在網(wǎng)頁制作中普遍要用到的技術(shù)，采用 CSS的頁面，設(shè)計(jì)者會(huì)更加輕松，有效的對(duì)頁面的整體布局，顏色，字體，鏈接，背景以及同一頁面的不同部分，不同頁面的外觀和格式等效果實(shí)現(xiàn)更加精確的控制。 5 左上角 的標(biāo)題是用 Photoshop 制作的 特效文字 圖片， 顯眼奪目，為整張網(wǎng)頁增添了不少生氣。 網(wǎng)頁的內(nèi)容通常是由文字和圖片組成，由文字構(gòu)成網(wǎng)頁的主體，而 圖片則能夠美化和增色你的網(wǎng)頁 ，所以，我對(duì)圖片下了很多的功夫。因?yàn)?超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。 提供的可選項(xiàng)要是太少，訪問者會(huì)覺得沒意思 。 動(dòng)物之家網(wǎng)站設(shè)計(jì)過程 一、頁面和框架 讓 瀏覽者 有理由逗留 ，就 要把 網(wǎng)頁 作得趣味盎然，引人入勝 。第二部分是能夠?qū)⑺谢貜?fù)信息，例如姓名， IP地址，回復(fù)的主題，內(nèi)容等，將它們保存到數(shù)據(jù)庫相應(yīng)的表中。 ? 保存主題 該頁面功能同保存主題頁面。 ? 回復(fù)主題 為了便于訪問者參加針對(duì)某個(gè)主題的討論，主題列表中均以超鏈接的形式，只要單擊某個(gè)主題，即可查看關(guān)于該主題的討論內(nèi)容，包括原創(chuàng)帖子和回復(fù)帖子，此時(shí)可以根據(jù)該主題發(fā)表自己的意見，在下方的表單中輸入作者，主題，頭像，內(nèi)容的相應(yīng)信息，然后單擊提交即可。其中訪問者的 IP地址是通過讀取服務(wù)器環(huán)境變量 REMOTE_ADDR獲得的。如果這些字符都不是字符串，則鏈接到數(shù)據(jù)庫，并將該討論主題及其相關(guān)的信息保存到對(duì)應(yīng)的表中。點(diǎn)擊提交按鈕，相應(yīng)的信息就會(huì)交給保存主題處理。利用 window 對(duì)象的有關(guān)方法實(shí)現(xiàn)在狀態(tài)欄顯示滾動(dòng)文本“歡迎進(jìn)入 動(dòng)物之家 論壇！” 4 ? 發(fā)表主題頁面 在發(fā)表主題頁面時(shí)用到了表單。如果在發(fā)表主題表中不包含任何記錄，則顯示“當(dāng)前沒有討論主題！”，此時(shí)可以通過單擊“發(fā)表新帖”鏈接進(jìn)入到發(fā)起主題的頁面。 ? 論壇主頁面 進(jìn)入該頁面，在右上角會(huì)看到例如：木木，上午好！歡迎進(jìn)入 動(dòng)物之家 論壇！該頁主要是用來實(shí)現(xiàn)查看討論主題功能。該頁面包括用戶名，密碼，確認(rèn)密碼三個(gè)文本框和提交，全部重寫，退出三個(gè)按鈕。登錄頁面由兩個(gè)文本框用于輸入用戶名和密碼；登錄，全部重寫，退出按鈕及一個(gè)注冊(cè)超鏈接組成?；貜?fù)主題表中包含主題編號(hào)，發(fā)言者姓名，發(fā)言者的 IP 地址，回復(fù)的主題，所選擇圖片的路徑，回復(fù)主題的日期和時(shí)間，回復(fù)的詳細(xì)內(nèi)容，主題編號(hào)（與發(fā)表主題表中的相同）。同時(shí)創(chuàng)建一個(gè)登錄界面和注冊(cè)界面 。 所以一個(gè)相對(duì)完善的網(wǎng)頁涵蓋一個(gè)論壇是非常必要的。它不受時(shí)間和空間的約束， 論壇用戶可以發(fā)表自己的觀點(diǎn)，大家一起探討某個(gè)問題。這樣瀏覽者在觀看圖片時(shí)不會(huì)覺得千篇一律。圖片的切換采用了不同的方式。 ? 圖片欣賞 主要插入了一個(gè) FLASH 動(dòng)畫。 ? 瀕臨滅絕的動(dòng)物 該頁面介紹了十二種世界瀕臨滅絕的動(dòng)物：北部白犀牛，白鰭豚，蘇門答 臘虎，奧咯諾科鱷魚，僧海豹，小嘴狐猴，蘭海皮海龜，澳瑞納客鱷魚，泰國豬鼻蝙蝠，夏威夷蝸牛，斯比科斯鸚鵡，微型豬。在這里還能接觸到我們一些不熟悉的作家，亦或是沒有讀到過的作品。都是大家的作品，例如：白居易，杜甫，李商隱。頁面功能同魚類。導(dǎo)航欄在上，正文內(nèi)容在下。左邊為導(dǎo)航欄，右邊為正文內(nèi)容。運(yùn)用了模板，該頁面設(shè)計(jì)功能同兩棲動(dòng)物。由標(biāo)題欄，圖片，導(dǎo)航欄，正文組成。 哺乳動(dòng)物 頁面主要介紹： 概述，主要特征，皮膚，骨骼，肌肉，消化，呼吸，排泄，循環(huán)， 神經(jīng)，感官，生殖 。下面是導(dǎo)航欄，包括兩棲動(dòng)物的概述，主要特征，歷史以及 十種最怪 2 異最瀕危的兩棲動(dòng)物 。極大的提高了工作效率。利用模板可以將多個(gè)頁面中不同的部分，在模板中定義為可編輯部分。 ? 動(dòng)物的分類： 兩棲動(dòng)物，哺乳動(dòng)物，爬行動(dòng)物，昆蟲，魚類，鳥類 兩棲動(dòng)物 頁面主要介紹：兩棲動(dòng) 物的概述，主要特征，歷史以及 十種最怪異最瀕危的兩棲動(dòng)物 。頁面的右邊是一組各種各樣動(dòng)物的照片，包括魚類，哺乳類，爬行類，昆蟲，鳥類，兩棲類。該頁面將帶你系統(tǒng)的了解動(dòng)物這個(gè)大家庭，例如：動(dòng)物的“豐年”和“荒年”，動(dòng)物的繁殖能力動(dòng)物的牙齒，動(dòng)物這個(gè)大家庭共有多少成員，根據(jù)不同的條件，可以將動(dòng)物怎樣的劃分等等。以上就組成了我簡(jiǎn)潔的主頁。當(dāng)鼠標(biāo)指針移到熱區(qū)時(shí)就會(huì)變成手的形狀，當(dāng)鼠標(biāo)按下時(shí)，頁面就會(huì)跳轉(zhuǎn)到或打開設(shè)定的 URL。在這張主頁中，我創(chuàng)建了文本，圖像熱區(qū)，鼠標(biāo)經(jīng)過等鏈接。下拉菜單是網(wǎng)上最常見的效果之一，用鼠標(biāo)指針輕輕一點(diǎn)或者移過去，就會(huì)出現(xiàn)一個(gè)更加詳細(xì)的菜單，它不僅節(jié)省了網(wǎng)頁排版空間，使網(wǎng)頁布局簡(jiǎn)潔有序，而且一個(gè)新穎美觀的下拉菜單還能為網(wǎng)頁增色不少。 首頁的主要目的是讓瀏覽者能一目了然的了解這個(gè)網(wǎng)站的主要內(nèi)容，并且能夠迅速的尋找到需要的目標(biāo)。 4 三 、實(shí)訓(xùn)進(jìn)度安排與監(jiān)控 記錄 階段 實(shí)訓(xùn)時(shí)間 實(shí)訓(xùn)內(nèi)容 完成進(jìn)度情況 指導(dǎo)教師 簽字 第一階段 第 14 周 商業(yè)網(wǎng)站的開發(fā)與 設(shè)計(jì) 導(dǎo)航效果實(shí)現(xiàn) 功能模塊 設(shè)計(jì) HTML 技術(shù) ASP 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù) 數(shù)據(jù)庫 技術(shù) 多媒體技術(shù) 第二階段 第 56 周 VB 應(yīng)用程序開發(fā)與設(shè)計(jì) 項(xiàng)目數(shù)據(jù)庫設(shè)計(jì) 系統(tǒng)功能模塊設(shè)計(jì) 系統(tǒng)各功能界面設(shè)計(jì) 功能模塊代碼實(shí)現(xiàn) 系統(tǒng)集成調(diào)試運(yùn)行 編制程序設(shè)計(jì)報(bào)告 5 寧寧 波波 大大 紅紅 鷹鷹 學(xué)學(xué) 院院 軟軟 件件 學(xué)學(xué) 院院 畢畢 業(yè)業(yè) 技技 能能 綜綜 合合 實(shí)實(shí) 訓(xùn)訓(xùn) 四、實(shí)訓(xùn)報(bào)告 實(shí)訓(xùn)項(xiàng)目： 商業(yè)網(wǎng)站的開發(fā)與設(shè)計(jì) 和 VB應(yīng)用程序開發(fā)與設(shè)計(jì) 。 實(shí)訓(xùn)內(nèi)容及任務(wù) 分配 ： 1） 、已知 項(xiàng)目 參數(shù)： 網(wǎng)站的題目 ：動(dòng)物之家網(wǎng) 2） 、需完成的任務(wù) （每人一題） ： (1)、 商業(yè)網(wǎng)站的開發(fā)與 設(shè)計(jì) : 動(dòng)物之家網(wǎng) 不同種類的動(dòng)物介紹 瀕臨滅絕的動(dòng)物 動(dòng)物保護(hù)法 動(dòng)物百科 動(dòng) 物文學(xué) 人類與動(dòng)物的和諧問題 友情鏈接 論壇注冊(cè)，登錄 論壇發(fā)表主題，回復(fù)主題 (2)、 VB應(yīng)用程序開發(fā)與設(shè)計(jì) o 根據(jù)項(xiàng)目具體需求設(shè)計(jì)數(shù)據(jù)庫； 3 o 完成應(yīng)用程序的結(jié)構(gòu)設(shè)計(jì)； o 完成系統(tǒng)的界面設(shè)計(jì)； o 實(shí)現(xiàn)各個(gè)功能模塊代碼； o 系統(tǒng)集成編譯運(yùn)行。 畢業(yè)技能綜合實(shí)訓(xùn)項(xiàng)目簡(jiǎn)介 ： 1）、 商業(yè)網(wǎng)站的開發(fā)與 設(shè)計(jì) 通過完成一個(gè)商業(yè) 網(wǎng)站 的開發(fā)與設(shè)計(jì) ，訓(xùn)練學(xué)生掌握設(shè)計(jì) 含數(shù)據(jù)庫功能的 ASP 動(dòng)態(tài)網(wǎng)頁的技術(shù) 。 1 畢畢 業(yè)業(yè) 技技 能能 綜綜 合合 實(shí)實(shí) 訓(xùn)訓(xùn) 文文 檔檔 系別： 軟件技術(shù)系 專業(yè)班級(jí)： 08 計(jì)應(yīng) 1班 姓名： 王瑜玲 指導(dǎo)教師： 周春良 ， 趙 娜 實(shí)訓(xùn)成績(jī)： 實(shí)訓(xùn)項(xiàng)目名稱： 商業(yè)網(wǎng)站的開發(fā)與設(shè)計(jì)和 VB應(yīng)用程序開發(fā) 與 設(shè)計(jì) 實(shí)訓(xùn) 文檔 清單： （確認(rèn)后在方框內(nèi)打“√”） 職業(yè) 核心技能標(biāo)準(zhǔn) □ 實(shí)訓(xùn)報(bào)告 （ ERP實(shí)驗(yàn)項(xiàng)目部分及網(wǎng)站設(shè)計(jì)與開發(fā)部分） □ 項(xiàng)目任務(wù)書 （ ERP 實(shí)驗(yàn)項(xiàng)目部分及網(wǎng)站設(shè)計(jì)與開發(fā)部分） □ 實(shí)訓(xùn)成果 □ 實(shí)訓(xùn)進(jìn)度安排 （ ERP 實(shí)驗(yàn)項(xiàng)目部分及網(wǎng)站 設(shè)計(jì)與開發(fā)部分） □ 核心技能過程考核與實(shí)訓(xùn)成績(jī)?cè)u(píng)定 □ 實(shí)訓(xùn)成果：圖紙 □ 源代碼 □ 其他□ 另附光盤□