網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第1頁
網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第2頁
網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第3頁
網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第4頁
網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第5頁
已閱讀5頁,還剩6頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

.“網(wǎng)頁設(shè)計(jì)“課程試驗(yàn)設(shè)計(jì)報(bào)告第一階段試驗(yàn)報(bào)告設(shè)計(jì)題目一、本階段設(shè)計(jì)要求

國明星-BIGBANG1、容要求:主題要穎,明確,安康,樂觀向上,必需是自己的原創(chuàng)作品。構(gòu)造要清楚有條理,并且容要突出主題思想。素材形式要豐富多種多樣。2素材等。3、構(gòu)建站點(diǎn):建立站點(diǎn)文件和文件夾構(gòu)造。并使用向?qū)?chuàng)立站點(diǎn),使用高級(jí)設(shè)置本地站點(diǎn)、治理本地站點(diǎn)。4、格式要求:A設(shè)置整體頁面屬性、制作一般文字頁面、在頁面中放入圖像,制作圖文混排頁面、制作鼠標(biāo)經(jīng)過圖像的交互效果,制作導(dǎo)航條的交互效果。B在頁面中插入Flash按鈕或Flash文本或FlashCDE45、功能要求:必需能從首頁進(jìn)入二級(jí)頁面,并且從二級(jí)頁面返回首頁。二、選題背景Bigbang肯定的影響,他們的多才多藝更是使得他們能始終走到如今。所以作為他們的鐵桿粉絲,我也想要把這個(gè)組合介紹給大家,讓大家一起了解流行音樂的真正魅力。三、所用技術(shù)Photoshop3設(shè)置鼠標(biāo)經(jīng)過圖片插入文本,設(shè)置文字格式創(chuàng)立超級(jí)〔文件,圖片,網(wǎng)頁〕.四、實(shí)施過程〔描述的總體布局和設(shè)計(jì)過程,可以通過截圖、表格等方式表達(dá)設(shè)計(jì)步驟,描述實(shí)施中遇到的問題及解決方案〕(一)、確定主題,即流明星BIGBANG(二)、搜集材料,主要從成員簡介,社會(huì)評(píng)價(jià),演藝經(jīng)受,音樂作品,成員寫真,獲獎(jiǎng)經(jīng)受,近期活動(dòng)消息,熱門視頻等方面搜集資料,然后分類整理成文件夾。(三)、用Photoshop圖片合并,以便更好的添加文字如: ++〔2〕圖片的裁剪如:.(四)、在Dreamweavercs中建站點(diǎn)Dreamweavercs3頁〔六完成插入文本插入網(wǎng)頁頭部容設(shè)置鼠標(biāo)經(jīng)過圖像創(chuàng)立超級(jí)等頁面的設(shè)計(jì)。 〔1〕.文本插入〔2〕插入網(wǎng)頁頭部容,包括插入關(guān)鍵字、插入說明、設(shè)置刷等設(shè)置鼠標(biāo)經(jīng)過圖像通過創(chuàng)立,包括文本、文字和圖片的熱點(diǎn)等完成頁面與頁面之間的跳轉(zhuǎn),進(jìn)一步豐富頁面.的容?!?〕以上只是以首頁的設(shè)計(jì)為例,除此之外,還逐一完成了中每網(wǎng)頁的設(shè)計(jì)操作。設(shè)計(jì)題目

其次階段的試驗(yàn)報(bào)告國明星-BIGBANG一、本階段設(shè)計(jì)要求〔教師填寫〕對(duì)于本階段應(yīng)當(dāng)包括以下幾個(gè)主要局部:A、利用CSSB、網(wǎng)頁要有落款、說明。C、中需要至少一個(gè)頁面分別運(yùn)用表格、框架等技術(shù)。D、使用行為給網(wǎng)頁添加特效,例如:彈出信息,翻開掃瞄器窗口,添加背景音樂,設(shè)置狀態(tài)欄文本等。E、在網(wǎng)頁中插入FlashFlash按鈕、FlashF、豐富網(wǎng)頁中的各種,例如:圖象熱點(diǎn).二、第一階段所完成的任務(wù)第一階段已經(jīng)完成了,確定主題,收集素材,定義站點(diǎn),以及對(duì)作整體規(guī)劃,在格式方面,已經(jīng)完成整體頁面屬性設(shè)置,文字屬性設(shè)置,頁面中插入圖像,制作鼠標(biāo)經(jīng)過圖像以及導(dǎo)航欄的插入等。在方面已經(jīng)完成文字和導(dǎo)航欄的等。三、所用技術(shù)〔本階段所使用的技術(shù)〕網(wǎng)頁框架技術(shù)。添加背景音樂。在網(wǎng)頁中插入FlashFlash按鈕等。4四、實(shí)施過程為上方和下方框架,將頁面分為上下三局部,在第一局部中利用FLASH創(chuàng)立精巧相冊(cè),在其次局部插入圖片,在底部框架中注明網(wǎng)頁的落款和說明。二.利用FLASH制作相冊(cè)。FLASH值,如以下圖所示:.(二)設(shè)置“FlashFlash〔三〕在中間局部插入圖片,底部注明落款和說明,在掃瞄器中預(yù)覽效果。熱點(diǎn)等技術(shù)一.如在音樂頁面中插入音樂和歌曲下載,在掃瞄器中預(yù)覽效果如下:.二.在主頁中設(shè)置電子的,點(diǎn)擊主頁菜單欄中contacts便可進(jìn)入頁面。三.豐富頁面,添加更多的,例如主頁中的圖像熱點(diǎn)五、小結(jié)〔本階段的收獲、體會(huì)及總結(jié)〕在本階段中,完成了網(wǎng)頁制作的很重要的幾個(gè)步驟,目的是進(jìn)一步豐富原本靜態(tài)單調(diào)的頁面,技術(shù)和力量的要求比第一階段更高了。區(qū)分來說,第一階段主要是為建立主要的FLASH畫,插入和背景音樂,還給各個(gè)網(wǎng)頁設(shè)計(jì)的做了進(jìn)一步的豐富。完成了這一階段,自己的收獲更大,收益也更多,由于這一階段難度更高所以自己也有了更多的成就感,所以整個(gè)設(shè)計(jì)的過程自己也很享受。第三階段的試驗(yàn)報(bào)告.設(shè)計(jì)題目

國明星-BIGBANG一、本階段設(shè)計(jì)要求〔教師填寫〕1、容要求:在第一二次設(shè)計(jì)題目的根底上,對(duì)容進(jìn)展完善,增加2—42、對(duì)于本階段應(yīng)當(dāng)包括以下幾個(gè)主要局部:A、使用模板制作兩個(gè)頁面,必需定義可編輯區(qū)。B、依據(jù)自己的主題插入表單及表單元素,例如:在線報(bào)名,聯(lián)系我們,在線訂購單等。C、利用Dreamweavercs3的擴(kuò)展治理器安裝必要的插件,制作特別效果,例如:彩色漸變文中之二來做即可〕D、使用行為連續(xù)添加特效,例如:彈出信息,翻開掃瞄器窗口,添加背景音樂,設(shè)置狀態(tài)欄文本等。E、把多個(gè)頁面中的一樣元素創(chuàng)立為庫工程,并加以應(yīng)用。F、使用站點(diǎn)地圖顯示站點(diǎn)頁面間的關(guān)系。3、課程設(shè)計(jì)報(bào)告編寫根本要求:A.必需獨(dú)立完成課程設(shè)計(jì)報(bào)告;B.課程設(shè)計(jì)報(bào)告書寫規(guī)、文字通順、圖表清楚、數(shù)據(jù)完整、結(jié)論明確;C.要求課程設(shè)計(jì)報(bào)告必需打印,裝訂成冊(cè)。二、前兩階段所完成的任務(wù)第一二階段已經(jīng)完成了,確定主題,收集素材,定義站點(diǎn),以及對(duì)作整體規(guī)劃,在格式方面,已經(jīng)完成整體頁面屬性設(shè)置,文字屬性設(shè)置,頁面中插入圖象,制作鼠標(biāo)經(jīng)過圖象,制作導(dǎo)航欄,插入Flash元素,用CSS來定義的樣式表,用行為給網(wǎng)頁添加特效等。為進(jìn)一步豐富網(wǎng)頁在方面已經(jīng)完成各種的制作等。三、所用技術(shù)〔本階段所使用的技術(shù)〕創(chuàng)立模板,利用模板制作頁面并定義可編輯區(qū)域插入表單和表單元素創(chuàng)立站點(diǎn)地圖建立庫工程增加“翻開掃瞄器〞的特效,以及使用插件四、實(shí)施過程〔描述的整體構(gòu)造,使用站點(diǎn)地圖顯示站點(diǎn)頁面間的關(guān)系,并對(duì)本階段〕一DreamweaverCS,在插入記錄中選擇創(chuàng)立模板并保存,利用模板制作網(wǎng)頁并以下圖是創(chuàng)立模板的截圖:.vip〞網(wǎng)頁中創(chuàng)立一個(gè)〞粉絲登陸“的小窗口,在一欄插入文本

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論