動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)綜合性設(shè)計(jì)性實(shí)驗(yàn)報(bào)告

1、本科生設(shè)計(jì)的實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目名稱_動(dòng)態(tài)設(shè)計(jì)與實(shí)現(xiàn)學(xué)生實(shí)驗(yàn)報(bào)告學(xué)生學(xué)生卡 實(shí)驗(yàn)項(xiàng)目動(dòng)態(tài)設(shè)計(jì)與實(shí)現(xiàn)必修 選修 示范性實(shí)驗(yàn) 驗(yàn)證性實(shí)驗(yàn) 操作性實(shí)驗(yàn) 設(shè)計(jì)性實(shí)驗(yàn)實(shí)驗(yàn)場地維拉蘆薈大廈 110實(shí)驗(yàn)室儀器編號(hào)32導(dǎo)師實(shí)驗(yàn)日期和會(huì)話 實(shí)驗(yàn)概述（1）實(shí)驗(yàn)?zāi)康模和ㄟ^個(gè)人或商業(yè)制作，進(jìn)一步鞏固和加強(qiáng)以前學(xué)過的HTML、Dreamweaver、PhotoShop、Fireworks、Flash等知識(shí)；掌握設(shè)計(jì)、開發(fā)、安裝的知識(shí)。(2) 實(shí)驗(yàn)要求：四人一組完成整個(gè)設(shè)計(jì)。小組需要討論選題、內(nèi)容和頁面規(guī)劃，然后給每個(gè)成員分配相應(yīng)的任務(wù)。每個(gè)團(tuán)隊(duì)成員各自獨(dú)立地完成工作。頁面不少于10個(gè)，F(xiàn)lash動(dòng)畫兩個(gè)以上，頁面上要清楚寫

2、明網(wǎng)頁的制作者。（3）實(shí)驗(yàn)報(bào)告應(yīng)反映團(tuán)隊(duì)對(duì)設(shè)計(jì)的想法和規(guī)劃；此外，實(shí)驗(yàn)報(bào)告還應(yīng)詳細(xì)介紹每個(gè)團(tuán)隊(duì)成員的工作。提交帶有完整包裝文件的實(shí)驗(yàn)室報(bào)告。2、實(shí)驗(yàn)儀器、設(shè)備或軟件電腦、Dreamweaver、Photoshop、Fireworks、Flash、IIS等軟件。實(shí)驗(yàn)程序（實(shí)驗(yàn)程序、記錄、數(shù)據(jù)、分析）步驟 1 。設(shè)計(jì)主題和名稱。這一次，獅子屋的設(shè)計(jì)主題是希望我們的友誼天長地久，希望每個(gè)人都能實(shí)現(xiàn)自己的夢(mèng)想，引領(lǐng)幸福之路。因?yàn)槲覀兯膫€(gè)來自不同的學(xué)校，不同的地方，巧合的相遇，巧合的同一個(gè)班級(jí)，巧合的同一個(gè)宿舍，最巧合的是我們都是獅子座，為了紀(jì)念我們之間的友誼，所以我做了設(shè)置這個(gè)主題。盤子的設(shè)計(jì)和菜單目

3、錄的設(shè)計(jì)都圍繞著這一點(diǎn)，主要是在我們四個(gè)人組成的這個(gè)集體獅子館的生活中。 , 來自主們的主頁 - 我們的印記 - 留言星河 - leo的萬花筒。如圖所示：Step 2. 設(shè)計(jì)的Logo以友誼和夢(mèng)想為主題，所以我們選擇了一個(gè)簡單的英文表示，并設(shè)置了如下字體。簡單明了，更容易讓瀏覽器記住。如圖所示：步驟 3 。設(shè)計(jì)框架。上下結(jié)構(gòu)。菜單+相應(yīng)內(nèi)容。如圖所示：獅子之家，夢(mèng)想樂園獅子之家，夢(mèng)想樂園我們的首頁我們的印記留言板LEOS我們的首頁我們的印記留言板LEOS萬花筒陳貝貝羅玉龍尚麗娟丁雪輝陳貝貝羅玉龍尚麗娟丁雪輝第四步。確定主體顏色。因?yàn)槭怯亚?，所以首頁的主色調(diào)是白色，寓意純潔、友情。因?yàn)槲覀冊(cè)趬?mèng)想

4、的路上，所以主頁面以藍(lán)色為主，步驟 5 。建立網(wǎng)站。步驟 6 。根據(jù)目錄結(jié)構(gòu)，設(shè)計(jì)制作Lions Home和Dreamland的首頁和子頁面。為了有條理，已經(jīng)指定了每個(gè)人制作的頁面圖片等元素的文件夾名稱，如圖： = 1 * GB3 * MERGEFORMAT 首頁index.html，使用背景音樂、flash、CSS樣式滾動(dòng)字幕和圖片，增加美感和活力。如下所示詳細(xì)圖片：為了使其更加美觀和多樣化，使用了一些媒體元素和特殊效果：音樂 ;插入 Flash 導(dǎo)航，使用使用文本效果和圖像滾動(dòng)。利用 滾動(dòng)文本。 = 2 * GB3 * MERGEFORMAT 利用flash、Css風(fēng)格、背景音樂等元素，制

5、作的子頁面如下：關(guān)于我們的子頁面留言板子頁面獅子座的萬花筒的子頁面獅子家族成員【貝貝】子頁面1信息介紹獅子之家成員 Bebe Subpage 2 ImprintLion House Member Bebe Subpage 3 期刊文章獅子家庭成員貝貝子頁面獅子家庭成員貝貝子頁面獅子家庭成員貝貝子頁面獅子家族成員【羅玉龍】子頁面獅子家族成員【羅玉龍】子頁面獅子家族成員【羅玉龍】子頁面獅子家族成員【尚麗娟】子頁面獅子家族成員【丁學(xué)慧】子頁面第七步。頁面超級(jí)升級(jí)后發(fā)布頁面。三、結(jié)論一、實(shí)驗(yàn)結(jié)果服務(wù)器和客戶端 IIS Windows 系統(tǒng)組件安裝 = 1 * GB3 * MERGEFORMAT Win

6、dows XP默認(rèn)安裝時(shí)不安裝IIS組件，需要手動(dòng)添加安裝。進(jìn)入控制面板，找到“添加/刪除程序”，打開并選擇“添加/刪除Windows組件”，在彈出的“Windows組件向?qū)А贝翱谥校x擇“Internet信息服務(wù)（IIS）”項(xiàng)。該選項(xiàng)前面的“”背景色為灰色，因?yàn)閃indows XP默認(rèn)不安裝FTP服務(wù)組件。然后點(diǎn)擊右下角的“詳細(xì)信息”，在彈出的“Internet信息服務(wù)（IIS）”窗口中，找到“文件傳輸協(xié)議（FTP）服務(wù)”，選中后確認(rèn)。安裝后需要重新啟動(dòng)。 Windows NT/2000 的安裝方式與 Windows XP 相同。詳情如圖所示： = 2 * GB3 * MERGEFORMAT

7、 出現(xiàn)下圖所示的組件安裝向?qū)Вx擇“Intnetnet Information Services (IIS)”，點(diǎn)擊“下一步”開始安裝，點(diǎn)擊“完成”結(jié)束。安裝IIS后，配置DNS發(fā)布到WEB站點(diǎn)，我們是獅子的家，所以我們得到了域名，效果如下：主頁發(fā)布后的效果子頁面發(fā)布效果，作者蓓蓓、羅玉龍子頁面留言板發(fā)布效果，作者蓓蓓，尚麗娟子頁面萬花筒發(fā)布效果，作者蓓蓓，丁學(xué)慧子頁面會(huì)員信息發(fā)布效果，作者貝貝子頁面會(huì)員信息發(fā)布效果，作者貝貝子頁面會(huì)員信息發(fā)布效果，作者羅玉龍子頁面會(huì)員信息發(fā)布效果，作者尚麗娟子頁面會(huì)員信息發(fā)布效果，作者丁學(xué)慧分析討論1.這應(yīng)該是一個(gè)非常值得關(guān)注的問題，也就是說全屏瀏覽網(wǎng)頁內(nèi)容

8、時(shí)，完全沒有問題。當(dāng)我們使用窗口的最小化命令或者手動(dòng)調(diào)整窗口大小時(shí)，問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會(huì)以當(dāng)前窗口為顯示區(qū)域，依次下降。例如，差異與記事本中的“自動(dòng)換行”和“不自動(dòng)換行”完全相同。要解決這個(gè)問題，我們必須從網(wǎng)頁的布局開始。一般情況下，網(wǎng)頁內(nèi)容的定位大多是通過表格來實(shí)現(xiàn)的。所以問題的“bug”也在表中。您可能已經(jīng)注意到，表格有兩種不同類型的高度和寬度選項(xiàng)，百分比和像素。使用百分比會(huì)導(dǎo)致上面提到的問題，需要修正的只是Pixels單位的實(shí)際大小。2、在微軟的網(wǎng)頁工具Frontpage中，有一個(gè)關(guān)于背景音樂的設(shè)置功能，所以DW顯然沒有這樣做，所以如果要使用，只能在源碼中手動(dòng)添加。使用前要注意一

9、點(diǎn)。使用背景音樂時(shí)，一定要注意網(wǎng)頁文件的大小，不能忽略其中之一。代碼顯示如下：其中src指定音樂文件的位置，autostart是音樂文件上傳后的動(dòng)作，true表示自動(dòng)開始播放，false不播放（默認(rèn)值）。3.整個(gè)頁面設(shè)計(jì)中最重要的是主題的確定。采用頁面結(jié)構(gòu)的想法。對(duì)此，只能說是把自己的興趣帶到了功課上。和平時(shí)的作業(yè)一樣，主題就是你喜歡的風(fēng)格和主題。4、在整個(gè)dreamweaver設(shè)計(jì)中，最大的問題就是層。擺放的時(shí)候一定要時(shí)刻問自己要精準(zhǔn)，否則很容易達(dá)不到效果。最重要的是壓邊時(shí)要注意。對(duì)行為設(shè)置保持警惕。不要混淆。剛開始的時(shí)候，很多行為是顛倒過來的，以至于顯示的頁面不是預(yù)期的效果。在完成之前再重

10、復(fù)多次。5、在添加自己需要的效果時(shí)，有些是難以實(shí)現(xiàn)的。比如插入的flash的背景色是透明的，插入了音樂；不得不說，在這方面，很容易沒有首頁。只需自己在代碼字段中鍵入相應(yīng)的代碼即可。以顯示所需的結(jié)果。1 使其透明：wmode=透明2 背景音樂：6. 使用框架集時(shí)。您可以在網(wǎng)頁的屬性中單擊邊框來設(shè)置其屬性，例如邊框的透明度或邊框的顏色。使用表格時(shí)，一定要將border屬性改為0，使表格透明。放音樂和圖片的時(shí)候，一定要選好路徑。否則，創(chuàng)建的網(wǎng)頁在別人電腦上刷機(jī)時(shí)，無法播放音樂和后面的圖片，可能是路徑的原因。測試時(shí)電腦上的分辨率是1280*720，大部分電腦都是1024分辨率，所以瀏覽器上可能會(huì)有一些偏差。7. 實(shí)驗(yàn)開始前，首先要?jiǎng)?chuàng)建一個(gè)根文件夾，并將主頁存放在實(shí)驗(yàn)時(shí)建立的文件夾中，這樣實(shí)驗(yàn)才能井井有條，實(shí)驗(yàn)結(jié)束后就找不到主頁了。實(shí)驗(yàn)過程中會(huì)有一些選項(xiàng)，電腦一般會(huì)有一些默