藝術(shù)網(wǎng)頁設(shè)計(jì)畢業(yè)設(shè)計(jì)說明(參考版)
2024-12-07 15:22本頁面
【正文】 在這里，我 非常感謝 嚴(yán)暉 老師的耐心指 導(dǎo)和幫助，讓我能夠 順利 地完成此項(xiàng)目。 還是我的指導(dǎo)老師嚴(yán)老師思維活躍，她 給我很仔細(xì)地講解了一些關(guān)于藝術(shù)網(wǎng)頁的效果， 讓我做成黑色和紅并帶有水墨風(fēng)格的網(wǎng)頁， 讓我有了大概的思路， 以至于 做出 了讓 自己比較滿意的作品。雖然在公司也是做網(wǎng)頁，但都是科技類網(wǎng)頁 ， 做復(fù)古中國風(fēng)的網(wǎng)頁還是第一次嘗試。 通過 西京學(xué)院藝術(shù)學(xué)院網(wǎng)頁的設(shè)計(jì)與 制作 ， 自己對 Dreamweaver 有了進(jìn)一步的深入了解， 不管是在設(shè)計(jì)上還是技術(shù)上都 也 學(xué)到了許多知識， 更增強(qiáng)了我的信心， 讓我對網(wǎng)頁更熱情， html、 div+css 和 js 都充滿了學(xué)習(xí)熱情 ，相信通過自己的努力，以后一定能成為網(wǎng)頁設(shè)計(jì)師高手。 西京學(xué)院本科畢業(yè)設(shè)計(jì)說明書 18 總結(jié) 為了能按時(shí)完成畢業(yè) 設(shè)計(jì)，從畢業(yè)設(shè)計(jì)下發(fā)的那一天 一直到現(xiàn)在，我 都沒有周末了，因?yàn)槲抑荒?利用 下班時(shí)間和周末時(shí)間做畢業(yè)設(shè)計(jì)，并且選網(wǎng)頁設(shè)計(jì)的時(shí)候我還不會(huì)做網(wǎng)頁，只能邊學(xué)邊做，而藝術(shù)學(xué)院 是一個(gè)教育機(jī)構(gòu)，工作量是非常大的，加之是藝術(shù)網(wǎng)頁，工作量就更大了，大量的需要圖片展示美的一面，大量的處理和制作圖片，幾乎每一張出現(xiàn)在網(wǎng)頁上的圖片都精心處理過，而且還增加了以前沒有的模塊，很多技術(shù)都還不會(huì)，都是現(xiàn)學(xué)現(xiàn)做， 為了便于修改，我保存了每一個(gè)源文件和每一個(gè)還未處理的原素材， 每一次完成一個(gè)內(nèi)容 都 感覺自己 在進(jìn)步， 特別有成就感。 再次， 就是透明圖片的格式和瀏覽器的兼容問題， 透明圖的格式有兩種，一種是 png，一種是 gif，但限于對圖片質(zhì)量的要求，有時(shí)我們必須用 png的圖片，而 png的圖片和 IE6 瀏覽器不兼容，看到的是帶灰色背景的圖片。以下是導(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)頁時(shí)，一定要把 html、 image、 style、 JS 文件全部發(fā)在一個(gè)文件夾里，否則不法實(shí)現(xiàn)樣式的轉(zhuǎn)換和圖片的現(xiàn)實(shí)，容易出現(xiàn)亂碼 ，并且所有的文件夾都要用英文表示，包括 image 文件下的所有圖片名稱，因?yàn)榫W(wǎng)頁在運(yùn)行 時(shí)只識別英文，中文很容易出現(xiàn)亂碼。)。 onclick=showCur(3,39。width: 15px。 span class=STYLE12/span /span span style=cursor: pointer。click39。height:15px。backgroundcolor: 600000。)。 onclick=showCur(1,39。width: 西京學(xué)院本科畢業(yè)設(shè)計(jì)說明書 17 15px。 span class=STYLE1 style=cursor: pointer。margintop: 20px。以下是新聞模塊自動(dòng)跳動(dòng)圖的 JS 代碼： tddiv style=float: leftimg src=images/ name=imgIndex width=268 height=184 id=imgIndex //div div style=float: right。 西京學(xué)院本科畢業(yè)設(shè)計(jì)說明書 16 table class=daohang width=60% height=30 border=0 align=center cellpadding=0 cellspacing=0 tr align=center td width=60 nowrap=nowrapspan class=STYLE1a href=首頁 /a/span/td td width=60 class=STYLE1a href=學(xué)院概 況 /a/td td width=60span class=STYLE1a href=新聞資訊/a/span/td td width=60span class=STYLE1a href=教學(xué)科研/a/span/td td width=60span class=STYLE1a href=黨群建 設(shè)/a/span/td td width=60span class=STYLE1a href=學(xué)生工作/a/span/td td width=60span class=STYLE1a href=作品欣賞 /a/span/td td width=60span class=STYLE1a href=交流平臺/a/span/td td width=60span class=STYLE1a href= 留言/a/span/td /tr /table 網(wǎng)頁首頁的 新聞資訊自動(dòng)跳圖模塊用的是 JS 代碼， JS 代碼對我這個(gè)新手來說肯定是不會(huì)寫的，所以為了表現(xiàn)出效果，只能從網(wǎng)上下載，下載后也是是 同事 教我用的 。 如果想一個(gè)模塊的樣式都一樣，那么我們只需要給該模塊新建一個(gè) ID 或 class 即可。 2021 年“十一”國慶放假通知 /marquee/span/td，在這里，一個(gè) td 就表示一個(gè)表格，網(wǎng)頁的結(jié)構(gòu)就是由一個(gè)個(gè) table 組成的， 把代碼寫在table 里才起作用。熱烈祝賀 !brbr 2021 清明放假通知！ brbr有關(guān)08 屆畢業(yè)生答辯的通知！ brbr 圖 代碼的運(yùn)用 首頁的公告欄，是采用從下往上循環(huán)滾動(dòng)的模式，該代碼是在自學(xué) Dreamweaver 教程中學(xué)到的，學(xué)有所用，感覺公告欄為了引人注目就應(yīng)該是滾動(dòng)的。 圖 西京學(xué)院本科畢業(yè)設(shè)計(jì)說明書 15 同學(xué)們 在學(xué)習(xí)遇到了問題都可以發(fā)到交流平臺上大家一起討論，或者也可以向老師提問，為此，還專門設(shè)置了交流平臺，同學(xué)們可以在交流平臺上談?wù)撍囆g(shù)的各種話題，也可以上傳自己的作品讓大家欣賞，當(dāng)然，也可以分享好的作品讓大家欣賞。網(wǎng)頁的每個(gè) 頁面的水墨畫都有變化，首頁的 banner 采用的時(shí)西安的大雁塔，希望瀏覽者一看到大雁塔，就知道該學(xué)院是在西安， 首頁的左上角提供了公告展示， 用紅色的滾動(dòng)字體使之更加醒目，首頁還出現(xiàn)簡要的新聞資訊信息和作品展示等，讓學(xué)習(xí)者對本學(xué)習(xí)網(wǎng)站有個(gè)初步的認(rèn)識； 制作效果如圖 。 引導(dǎo)頁的處理中，并沒有加入大量的資料和圖片， 給人 一種簡單而有大氣的感覺，大量的留白也給人無限的想象、 給瀏覽者留下懸念，通過“ ENTER”引導(dǎo)讀者進(jìn)入下一個(gè)頁面 （ 如圖 ） 。祥云，也是中國古文化的符號，代表熱情、祥和；為了使網(wǎng)頁在很漂亮的同時(shí)更加也有意義，我在每一個(gè)banner 的 背景里都增加了 印章和 祥云圖案， 印章也代表一種 權(quán)限 ，所以展現(xiàn)在 banner的中心， 也容易給人留下深刻的印象； 為了不影響主要內(nèi)容， banner 背景的 祥云采用的是透明圖案 （ 如
公司管理相關(guān)推薦
鄂ICP備17016276號-1