網(wǎng)頁設(shè)計課程設(shè)計報告.doc

上傳人:good****022 文檔編號:116539044 上傳時間:2022-07-05 格式:DOC 頁數(shù):11 大?。?79.68KB
收藏 版權(quán)申訴 舉報 下載
網(wǎng)頁設(shè)計課程設(shè)計報告.doc_第1頁
第1頁 / 共11頁
網(wǎng)頁設(shè)計課程設(shè)計報告.doc_第2頁
第2頁 / 共11頁
網(wǎng)頁設(shè)計課程設(shè)計報告.doc_第3頁
第3頁 / 共11頁

下載文檔到電腦,查找使用更方便

15 積分

下載資源

還剩頁未讀,繼續(xù)閱讀

資源描述:

《網(wǎng)頁設(shè)計課程設(shè)計報告.doc》由會員分享,可在線閱讀,更多相關(guān)《網(wǎng)頁設(shè)計課程設(shè)計報告.doc(11頁珍藏版)》請在裝配圖網(wǎng)上搜索。

1、中華名吃網(wǎng)站設(shè)計與制作課程設(shè)計說明書 軟件學(xué)院 2011級軟件技術(shù)1班112410111 張通課 程 設(shè) 計 報 告課程名稱: 網(wǎng) 頁 設(shè) 計 設(shè)計題目 my campus 院(系): 電氣信息工程學(xué)院 專業(yè)年級: 2010 級 學(xué) 號: 10102 姓 名: 指導(dǎo)教師: 周 改 云 2012 年12 月 08日9目 錄my campus網(wǎng)站設(shè)計報告書11 作品簡介12設(shè)計方案23 實(shí)現(xiàn)過程33.1站點(diǎn)的創(chuàng)建和結(jié)構(gòu)組織33.2庫項(xiàng)目的創(chuàng)建33.3樣式的創(chuàng)建33.4模板的創(chuàng)建和應(yīng)用43.5超級鏈接的創(chuàng)建63.6技術(shù)難點(diǎn)及解決方法74作品特色85參考文獻(xiàn)9My campus網(wǎng)站設(shè)計報告書1 作品簡

2、介設(shè)計思想:我覺得我最熟悉的是我的校園,最愛的也是我的校園,我在這里生活,在這里求學(xué),我享受這里的一切。網(wǎng)站主題:本網(wǎng)站背景基本上沒有,我引用了好多照片為素材,以學(xué)院本有的綠色為主顏色,搭配有彩圖,動漫圖片。本網(wǎng)頁多以廠字形為主,其左是圖片,右邊是文字介紹,這樣能使瀏覽者更能清楚的了解我的校園。2設(shè)計方案先對網(wǎng)站進(jìn)行需求分析,并根據(jù)需求確定網(wǎng)站的布局類型和配色方案,寫網(wǎng)站策劃書,畫出網(wǎng)站的鏈接結(jié)構(gòu)和層次結(jié)構(gòu)圖。本網(wǎng)站是根據(jù)廣大瀏覽者的心理需求而制定的,主要以廠子形和同字形為布局類型,其配色主要以黃色為背景,適當(dāng)?shù)牡胤接旨恿思t色,白色等色彩。然后根據(jù)網(wǎng)站策劃收集相關(guān)素材,并根據(jù)需要精心整理或制作

3、素材;接著使用Dreamweaver創(chuàng)建站點(diǎn),并組織好站點(diǎn)的結(jié)構(gòu);緊跟著創(chuàng)建庫項(xiàng)目、模板和樣式,并將庫項(xiàng)目和樣式應(yīng)用于模板;使用模板創(chuàng)建首頁、一級頁面和二級頁面,創(chuàng)建合適的超級鏈接;添加合適的圖、文、多媒體或行為;檢查、完善網(wǎng)站;書寫課程設(shè)計報告書。3 實(shí)現(xiàn)過程3.1站點(diǎn)的創(chuàng)建和結(jié)構(gòu)組織首先在我的電腦除C盤以外的盤區(qū)建立以英文命名的文件夾,然后在所建好好的文件夾下命名HTML、SOUND等文件夾。打開DREAMWEAVER,在標(biāo)題欄點(diǎn)擊新建站點(diǎn),取名站點(diǎn)名,選擇剛才已經(jīng)建好的文件夾。站點(diǎn)結(jié)構(gòu)圖如圖2:圖2 站點(diǎn)結(jié)構(gòu)3.2庫項(xiàng)目的創(chuàng)建我為了方便起見創(chuàng)建了一個庫,就是自己的學(xué)號和姓名,還有聯(lián)系站長

4、鏈接。庫的作用在于重復(fù)使用和頻繁更新內(nèi)容。點(diǎn)擊資源面板,選擇庫項(xiàng)目,點(diǎn)擊下面的小加號添加新庫,再添加好的庫后編輯庫名,雙擊庫在里面輸入你想要的內(nèi)容,然后保存,則在庫被自動保存在站點(diǎn)的library文件夾中。3.3樣式的創(chuàng)建我創(chuàng)建的樣式名稱分別是:CLJ、texe、tupian等。clj屬于高級樣式,text和tupian均屬于類樣式,具有調(diào)整字體和文字前面的圖片作用,美化網(wǎng)頁,給瀏覽者以視覺上的舒服,另外樣式具有批量生產(chǎn),方便省時。clj的作用是鼠標(biāo)經(jīng)過,點(diǎn)擊后出現(xiàn)不同顏色,可以使瀏覽者看出哪些是已經(jīng)看過的那些還沒有看。Clj樣式的主要創(chuàng)建步驟是:在css面板中點(diǎn)擊css面板,點(diǎn)擊下面的的小號

5、,選擇高級按鈕,把clj存儲在common文件夾中,點(diǎn)擊link,出現(xiàn)一個對話框,調(diào)整字號,無線下劃線,選擇連接時的顏色為黑色,點(diǎn)擊確定,以同樣的方法創(chuàng)建hover和visit,鼠標(biāo)放到上面是白色,點(diǎn)擊后是藍(lán)色3.4模板的創(chuàng)建和應(yīng)用在實(shí)現(xiàn)過程中,本人創(chuàng)建了2個模板,模板的布局分別采用“廠”字形和“同”字形。模板創(chuàng)建的主要步驟:點(diǎn)擊資源面板,選擇模版,點(diǎn)擊下面的加號,創(chuàng)建模版,然后單擊標(biāo)題欄的文件,新建文件,點(diǎn)擊模版,選擇你所建的模版雙擊便可創(chuàng)建新的網(wǎng)頁。模板效果如圖3和圖4: 圖3 模板1效果圖 圖4 模板2效果圖電子郵件鏈接是輸入郵箱鏈接是輸入mailto:e-mail地址3.6技術(shù)難點(diǎn)及解

6、決方法實(shí)現(xiàn)過程中技術(shù)難點(diǎn)主要有一下幾個:難點(diǎn)1:一些特效代碼較難改寫;解決方法是:查閱資料請教同學(xué)難點(diǎn)2:框架命名困難,解決方法是:翻閱課本,自己反復(fù)演示4作品特色我的網(wǎng)站特色主要有一下幾個:1:顯示隱藏層,點(diǎn)擊上面的圖片下面的內(nèi)容會改變.在山水中原頁面中2:框架在框架的頁面中打開任意的網(wǎng)頁內(nèi)容會在主頁面打開,該效果在在魅力中原頁面中3.圓柱圖片,點(diǎn)擊主頁上的圖片其圖片會自動的向左或向右滾動,這個效果在首頁頁面中4.層動畫,圖片會自動的滾動,效果就是引人注目,這個效果在注冊會員頁面中。5.聯(lián)系站長,點(diǎn)擊郵箱的聯(lián)系方式,5參考文獻(xiàn)1 顏虹. 中文版Dreamweaver應(yīng)用基礎(chǔ)教程.上海科學(xué)普及出版社,20102 彭宗勤.Dreamweaver網(wǎng)頁制作使用教程.清華大學(xué)出啊版社,20083 黃愛娟DreamweaverCS5完全自學(xué)一本通電子

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

相關(guān)資源

更多
正為您匹配相似的精品文檔
關(guān)于我們 - 網(wǎng)站聲明 - 網(wǎng)站地圖 - 資源地圖 - 友情鏈接 - 網(wǎng)站客服 - 聯(lián)系我們

copyright@ 2023-2025  zhuangpeitu.com 裝配圖網(wǎng)版權(quán)所有   聯(lián)系電話:18123376007

備案號:ICP2024067431-1 川公網(wǎng)安備51140202000466號


本站為文檔C2C交易模式,即用戶上傳的文檔直接被用戶下載,本站只是中間服務(wù)平臺,本站所有文檔下載所得的收益歸上傳人(含作者)所有。裝配圖網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對上載內(nèi)容本身不做任何修改或編輯。若文檔所含內(nèi)容侵犯了您的版權(quán)或隱私,請立即通知裝配圖網(wǎng),我們立即給予刪除!