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