【正文】 景要亮，文字要暗，對(duì)比度要高。這樣的頁面看起來色彩統(tǒng)一，有層次感。相反，我只用了一種色彩。因?yàn)檫@個(gè)網(wǎng)站的主題是動(dòng)物，在這種色彩下，能夠讓瀏覽者輕松，快樂的走進(jìn)這個(gè)動(dòng)物之家，感受到動(dòng)物的可愛。u 色彩的選擇這個(gè)網(wǎng)頁的總體色彩，我選用了黃色。 在制作的過程中，其中有一幅背景圖片，我將它做成了飄雪的樣子。按照自己的需要做一些修飾即可。直到你滿意為止。你會(huì)看到在右下角的圖層面板中出現(xiàn)了一個(gè)新的文字圖層。最終效果圖：1． 將畫布的背景顏色設(shè)置成同網(wǎng)頁背景顏色相同。制作特效字，使用濾鏡自己制作了一個(gè)背景。我在制作網(wǎng)頁的時(shí)候，很多背景圖片都是在Photoshop中進(jìn)行了修改。特效制作在Photoshop中主要由濾鏡、通道及工具綜合應(yīng)用完成。Photoshop提供的繪圖工具讓外來圖像與創(chuàng)意很好地融合，成為可能使圖像的合成天衣無縫。也可進(jìn)行復(fù)制、去除斑點(diǎn)、修補(bǔ)、修飾圖像的殘損等。 u 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)valuesasql=asql amp。usernameamp。set rs=(sql, ,adcmdtext)if then%script language=vbscript 此用戶名與密碼不匹配，請(qǐng)重新輸入！/script% end if%u 用戶注冊(cè)% ()end ifif pwd repwd then%script language=vbscript 您輸入的兩次密碼不一致，請(qǐng)重新輸入！/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è)計(jì)如下：Articles發(fā)表主題表設(shè)計(jì)如下：Replies回復(fù)主題表設(shè)計(jì)如下：Users用戶表結(jié)構(gòu)如下：Articles發(fā)表主題表結(jié)構(gòu)如下：Replies回復(fù)主題表結(jié)構(gòu)如下：三、關(guān)鍵技術(shù)實(shí)現(xiàn)u 后臺(tái)服務(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ù)的收集。u 留言板表單使用表單主要用于信息調(diào)查，收集統(tǒng)計(jì)數(shù)據(jù)等方面。5. 用表格排版網(wǎng)頁，然后將光標(biāo)置于需要編輯的區(qū)域，選擇“插入〉模板對(duì)象〉可編輯區(qū)域”命令，然后一直確定即可。3. 選擇“修改〉頁面屬性”命令，彈出“頁面屬性”對(duì)話框。u 模板運(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)，單擊確定。u CSS運(yùn)用CSS（層疊樣式表）是在網(wǎng)頁制作中普遍要用到的技術(shù)，采用CSS的頁面，設(shè)計(jì)者會(huì)更加輕松，有效的對(duì)頁面的整體布局，顏色，字體，鏈接，背景以及同一頁面的不同部分，不同頁面的外觀和格式等效果實(shí)現(xiàn)更加精確的控制。左上角的標(biāo)題是用Photoshop制作的特效文字圖片，顯眼奪目，為整張網(wǎng)頁增添了不少生氣。網(wǎng)頁的內(nèi)容通常是由文字和圖片組成，由文字構(gòu)成網(wǎng)頁的主體，而圖片則能夠美化和增色你的網(wǎng)頁，所以，我對(duì)圖片下了很多的功夫。因?yàn)槌溄邮蔷W(wǎng)頁中最活潑、最有吸引力的一種元素。提供的可選項(xiàng)要是太少，訪問者會(huì)覺得沒意思。 動(dòng)物之家網(wǎng)站設(shè)計(jì)過程一、頁面和框架讓瀏覽者有理由逗留，就要把網(wǎng)頁作得趣味盎然，引人入勝。第二部分是能夠?qū)⑺谢貜?fù)信息，例如姓名，IP地址，回復(fù)的主題，內(nèi)容等，將它們保存到數(shù)據(jù)庫相應(yīng)的表中。u 保存主題該頁面功能同保存主題頁面。u 回復(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)物之家論壇！”u 發(fā)表主題頁面在發(fā)表主題頁面時(shí)用到了表單。如果在發(fā)表主題表中不包含任何記錄，則顯示“當(dāng)前沒有討論主題！”，此時(shí)可以通過單擊“發(fā)表新帖”鏈接進(jìn)入到發(fā)起主題的頁面。u 論壇主頁面進(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ì)覺得千篇一律。圖片的切換采用了不同的方式。u 圖片欣賞 主要插入了一個(gè)FLASH動(dòng)畫。u 瀕臨滅絕的動(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)物的概述，主要特征，歷史以及十種最怪異最瀕危的兩棲動(dòng)物。極大的提高了工作效率。利用模板可以將多個(gè)頁面中不同的部分，在模板中定義為可編輯部分。u 動(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)。三、實(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)告 寧波大紅鷹學(xué)院軟件學(xué)院畢業(yè)技能綜合實(shí)訓(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ù)庫；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ù)。畢業(yè)技能綜合實(shí)訓(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ā)部分）□