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