藝術(shù)網(wǎng)頁設(shè)計畢業(yè)設(shè)計說明-資料下載頁
2024-12-03 15:22本頁面
【導(dǎo)讀】為了體現(xiàn)藝術(shù)學(xué)院的藝術(shù)氣氛，整個網(wǎng)頁采用中國傳統(tǒng)的水墨風(fēng)格，并對在設(shè)計與。Dreamweaver,Flash,Fireworks,Photoshop,Coreldraw,Illustrator等設(shè)計軟件的運用，學(xué)會。大與社會的接觸面。
【正文】 /a/span/td /tr /table 網(wǎng)頁首頁的 新聞資訊自動跳圖模塊用的是 JS 代碼， JS 代碼對我這個新手來說肯定是不會寫的，所以為了表現(xiàn)出效果，只能從網(wǎng)上下載，下載后也是是 同事 教我用的 。 現(xiàn)在總算知道，使用 JS 的原理，其實跟 div+css 樣式差不多，也是控制整個模塊的 屬性，不過 JS 是從外文件導(dǎo)入的，也就是說 JS 有自己的文件夾，在通過命名才得以運用，而 div+css 樣式的所有代碼都在網(wǎng)頁本身。以下是新聞模塊自動跳動圖的 JS 代碼： tddiv style=float: leftimg src=images/ name=imgIndex width=268 height=184 id=imgIndex //div div style=float: right。 zindex: 9999。margintop: 20px。marginright: 30px。 span class=STYLE1 style=cursor: pointer。backgroundcolor: 600000。width: 西京學(xué)院本科畢業(yè)設(shè)計說明書 17 15px。height:15px。 onclick=showCur(1,39。click39。)。 1 /span span style=cursor: pointer。backgroundcolor: 600000。width: 15px。height:15px。 onclick=showCur(2,39。click39。)。 span class=STYLE12/span /span span style=cursor: pointer。backgroundcolor: 600000。width: 15px。height:15px。 onclick=showCur(3,39。click39。)。 span class=STYLE13 /span/span /div/td 由于每臺電 腦的分辨率不一樣，打開的網(wǎng)頁有時會有錯位現(xiàn)象， 如何使網(wǎng)頁在不同電腦上打開不會出現(xiàn)錯位現(xiàn)象，就拿該網(wǎng)頁的導(dǎo)航條來說，我用公司的電腦制作時設(shè)的寬度為 1360 像素是滿屏的，可用自己的電腦打開兩邊就出現(xiàn)了空白，經(jīng)過大量的查閱資料，我終于明白，要想導(dǎo)航在每個電腦上都按著電腦的尺寸打開很簡單，只需把像素改成 100%就可以了。以下是導(dǎo)航寬度的設(shè)置代碼： /tr /table table width=100% height=80 border=0 cellpadding=0 cellspacing=0 tr 學(xué)到的經(jīng)驗和注意事項 做網(wǎng)頁時，一定要把 html、 image、 style、 JS 文件全部發(fā)在一個文件夾里，否則不法實現(xiàn)樣式的轉(zhuǎn)換和圖片的現(xiàn)實，容易出現(xiàn)亂碼 ，并且所有的文件夾都要用英文表示，包括 image 文件下的所有圖片名稱，因為網(wǎng)頁在運行 時只識別英文，中文很容易出現(xiàn)亂碼。 其次就是圖片的內(nèi)存和格式問題，一般情況下，網(wǎng)頁中常用的小圖標(biāo)都是用 gif 格式，因為 gif 格式的圖片容量小，不會影響網(wǎng)頁的加載速度，但 gif圖片的質(zhì)量比較差，所以一般常用于對圖片質(zhì)量要求不是太高的 圖片或圖標(biāo) ，從 ps里導(dǎo)出的 gif 圖片會嚴重失真，那么為了解決這個問題，我們可以把圖標(biāo)在 ps 里做好再從 Fireworks 里導(dǎo)出來，那樣就會發(fā)現(xiàn)圖片的質(zhì)量好多了。 再次， 就是透明圖片的格式和瀏覽器的兼容問題， 透明圖的格式有兩種，一種是 png，一種是 gif，但限于對圖片質(zhì)量的要求，有時我們必須用 png的圖片，而 png的圖片和 IE6 瀏覽器不兼容，看到的是帶灰色背景的圖片。所以 ，做網(wǎng)頁一定要用 IE6 以上的瀏覽器，目前最常用的瀏覽器是 IE IE8 、 Mozilla Firefox。 西京學(xué)院本科畢業(yè)設(shè)計說明書 18 總結(jié) 為了能按時完成畢業(yè) 設(shè)計，從畢業(yè)設(shè)計下發(fā)的那一天 一直到現(xiàn)在，我 都沒有周末了，因為我只能 利用 下班時間和周末時間做畢業(yè)設(shè)計，并且選網(wǎng)頁設(shè)計的時候我還不會做網(wǎng)頁，只能邊學(xué)邊做，而藝術(shù)學(xué)院 是一個教育機構(gòu)，工作量是非常大的，加之是藝術(shù)網(wǎng)頁，工作量就更大了，大量的需要圖片展示美的一面，大量的處理和制作圖片，幾乎每一張出現(xiàn)在網(wǎng)頁上的圖片都精心處理過，而且還增加了以前沒有的模塊，很多技術(shù)都還不會，都是現(xiàn)學(xué)現(xiàn)做， 為了便于修改，我保存了每一個源文件和每一個還未處理的原素材， 每一次完成一個內(nèi)容 都 感覺自己 在進步， 特別有成就感。不會的東西，用筆記下，大 量的收集資料或者問同事，通過自己的不斷努力和虛心請教終于完成了藝術(shù)學(xué)院網(wǎng)頁的設(shè)計。 通過 西京學(xué)院藝術(shù)學(xué)院網(wǎng)頁的設(shè)計與 制作 ， 自己對 Dreamweaver 有了進一步的深入了解， 不管是在設(shè)計上還是技術(shù)上都 也 學(xué)到了許多知識， 更增強了我的信心， 讓我對網(wǎng)頁更熱情， html、 div+css 和 js 都充滿了學(xué)習(xí)熱情 ，相信通過自己的努力，以后一定能成為網(wǎng)頁設(shè)計師高手。 西京學(xué)院本科畢業(yè)設(shè)計說明書 19 致謝 在做畢業(yè)設(shè)計期間， 自己也吃不不少苦頭，由于自己找到的工作就是網(wǎng)頁美工，每天上班做網(wǎng)頁，下班了還是做網(wǎng)頁 （畢業(yè)設(shè)計） ， 我 利用下班時間 連續(xù)做了 3 個 網(wǎng)頁的方案，嚴 老師都說不行， 根據(jù) 嚴 老師的意見改了又改 。雖然在公司也是做網(wǎng)頁，但都是科技類網(wǎng)頁 ， 做復(fù)古中國風(fēng)的網(wǎng)頁還是第一次嘗試。 不管怎么總是沒有感覺， 真的不知道該怎么做下去，看著被嚴老師 Pass 掉的網(wǎng)頁，我心里很難過，浪費了那么多時間做出來還是不滿意，而網(wǎng)頁又是很花時間 ，我急的心里發(fā)慌。 還是我的指導(dǎo)老師嚴老師思維活躍，她 給我很仔細地講解了一些關(guān)于藝術(shù)網(wǎng)頁的效果， 讓我做成黑色和紅并帶有水墨風(fēng)格的網(wǎng)頁， 讓我有了大概的思路， 以至于 做出 了讓 自己比較滿意的作品。 嚴 老師也時常督促我們 早日完成 畢業(yè)設(shè)計 ， 也 為我們解決 一些設(shè)計上 遇到的問題。 在這里，我 非常感謝 嚴暉 老師的耐心指 導(dǎo)和幫助，讓我能夠 順利 地完成此項目。同時也要感謝給我?guī)椭耐?，謝謝你們！ 西京學(xué)院本科畢業(yè)設(shè)計說明書 20 參考文獻 [1] 李月貞，常春英， 網(wǎng)頁制作 案例 教程 ，航空工業(yè)出版社， 2021， 3， [2] 陳學(xué)平， Dreamweaver 網(wǎng)頁制作自學(xué)手冊，電子工業(yè)出版社， 2021， 6 [3] 陸玉柱 .Dreamweaver 網(wǎng)頁制作寶典 .電子工業(yè)出版社， 2021， 1 [4] 張金霞， html 網(wǎng)頁設(shè)計參考手冊 ， 清華大學(xué)出版 社 ， 2021， 9 月 [5] 周盧燕， CSS+DIV網(wǎng)頁設(shè)計開發(fā)技術(shù)實例應(yīng)用，國防工業(yè)出版社， 2021， 6 月
公司管理相關(guān)推薦
鄂ICP備17016276號-1