轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)這門(mén)課程也要結(jié)束了，雖然時(shí)間有點(diǎn)短，但是學(xué)過(guò)這個(gè)幾周以后我受益匪淺。
記得最初接觸dreamweaver的時(shí)候，我很茫然，因?yàn)閯偨佑|陌生的軟件心里會(huì)很害怕跟不上老師的進(jìn)程。剛開(kāi)始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開(kāi)始加速，有些跟不上了，需要下課后自己補(bǔ)上，問(wèn)老師和周?chē)耐瑢W(xué)。漸漸的，在老師的悉心教導(dǎo)下，我們開(kāi)始熟悉這個(gè)軟件了。老師布置的第一個(gè)任務(wù)，要求做一個(gè)自我形象網(wǎng)站。由于學(xué)習(xí)的時(shí)間較短，老師只要求用PS做好模板即可，任務(wù)相對(duì)簡(jiǎn)單。但也要求設(shè)計(jì)感強(qiáng)，色彩搭配和諧，并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁(yè)。
第二個(gè)網(wǎng)頁(yè)設(shè)計(jì)老師要求相對(duì)較高，用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁(yè)，還要做一個(gè)二級(jí)頁(yè)面。于是開(kāi)始收集各方面的資料。確定了主題就開(kāi)始布局了。最開(kāi)始使用了一個(gè)表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過(guò)ps處理出來(lái)一個(gè)版頭并且把修改過(guò)大小的圖片放進(jìn)去了。
中間時(shí)預(yù)覽，問(wèn)題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒(méi)有效果。最后想到可以另外再加一個(gè)表格，把版頭放在一個(gè)表格內(nèi)面，這樣問(wèn)題就解決了。預(yù)覽是效果還不錯(cuò)。但是總覺(jué)得首頁(yè)做得太普通，一次瀏覽學(xué)長(zhǎng)做的網(wǎng)頁(yè)時(shí)，覺(jué)得他們的文字滾動(dòng)窗口做得效果做得不錯(cuò)，于是想借見(jiàn)一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的`網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問(wèn)題了。
因?yàn)樾枰獫L動(dòng)的文字占的空間太大，把左邊的那部分表格全部占滿(mǎn)了，而在實(shí)際的網(wǎng)頁(yè)預(yù)覽中，這個(gè)有文字滾動(dòng)的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁(yè)設(shè)計(jì)瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因?yàn)闆](méi)有專(zhuān)業(yè)術(shù)語(yǔ)作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過(guò)div標(biāo)簽，試過(guò)不停的拆分表格，最后還是沒(méi)有效果。
就這樣試著試著，突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層，結(jié)果成功了，經(jīng)過(guò)一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過(guò)很多次怎樣插入聲音，可是等到自己做網(wǎng)頁(yè)的時(shí)候卻忘記了，于是問(wèn)其他人，結(jié)果居然都忘記了，于是自己在百度上收。
最后終于找到了一個(gè)可以使用的代碼，但是在加入聲音路徑時(shí)出現(xiàn)了問(wèn)題。在屬性?xún)?nèi)加入源文件，結(jié)果就是加不進(jìn)去MP3的音樂(lè)文件，然后自己就嘗試加入了一個(gè)視頻，記下了路徑格式，然后照著這種格式寫(xiě)下了指向聲音源文件的路徑，最后成功了。在設(shè)計(jì)過(guò)程中還出現(xiàn)了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，請(qǐng)教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。熱情和執(zhí)著，我將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專(zhuān)業(yè)，更完善。
本學(xué)期的網(wǎng)業(yè)設(shè)計(jì)課程，開(kāi)展了動(dòng)態(tài)思維訓(xùn)練教學(xué)活動(dòng)，對(duì)于我們學(xué)生來(lái)說(shuō)，可以激發(fā)學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)習(xí)的自覺(jué)性，自己動(dòng)腦、動(dòng)手，動(dòng)口，運(yùn)用網(wǎng)絡(luò)資源，結(jié)合教材及老師的指導(dǎo)，通過(guò)自身的實(shí)踐，創(chuàng)作出積聚個(gè)人風(fēng)格、個(gè)性的個(gè)人網(wǎng)頁(yè)?？傮w來(lái)說(shuō)，整個(gè)學(xué)期的學(xué)習(xí)過(guò)程，我學(xué)會(huì)了很多知識(shí)，雖然過(guò)程比較艱辛，但在INTENET領(lǐng)域中，有了一個(gè)展示自我的空間，我覺(jué)得很開(kāi)心、很有成就感。
一、充分發(fā)揮動(dòng)手能力
作為網(wǎng)頁(yè)設(shè)計(jì)的初學(xué)者，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁(yè)。本學(xué)期的教改方案由以前學(xué)生單純接受知識(shí)變?yōu)橹鲃?dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過(guò)自己動(dòng)手、動(dòng)腦，通過(guò)網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問(wèn)題和解決問(wèn)題的過(guò)程中學(xué)到了很多知識(shí)，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過(guò)程我都全身心投入，使我真正學(xué)到了網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)。
二、在設(shè)計(jì)過(guò)程中不斷提高網(wǎng)頁(yè)設(shè)計(jì)水平
在本次網(wǎng)頁(yè)設(shè)計(jì)中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)方面的知識(shí)，也從中學(xué)會(huì)了關(guān)于網(wǎng)絡(luò)、編程等方面的知識(shí)。我從最初開(kāi)始運(yùn)用FrontPage設(shè)計(jì)網(wǎng)頁(yè)，到后來(lái)運(yùn)用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設(shè)計(jì)網(wǎng)頁(yè)，完善網(wǎng)頁(yè)。在這個(gè)過(guò)程中，我通過(guò)自學(xué)教材、上網(wǎng)查詢(xún)，學(xué)習(xí)了Dreamweaver、Flash、Fireworks等網(wǎng)頁(yè)軟件的應(yīng)用，學(xué)會(huì)了管理、維護(hù)自己的站點(diǎn)，以及一些簡(jiǎn)單動(dòng)畫(huà)、控件的制作等等。在設(shè)計(jì)過(guò)程中也出現(xiàn)了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，請(qǐng)教老師等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善。可以說(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。
三、不足之處
由于平時(shí)工作比較繁忙，學(xué)習(xí)時(shí)間比較少，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)軟件的強(qiáng)大功能運(yùn)用得還不夠。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，由于沒(méi)有網(wǎng)頁(yè)制作代碼的知識(shí)，所以在設(shè)計(jì)時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁(yè)制作過(guò)程中，想提高設(shè)計(jì)水平，想有個(gè)理想的`網(wǎng)頁(yè)，必須學(xué)會(huì)代碼的運(yùn)用，我將在以后的學(xué)習(xí)過(guò)程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡(jiǎn)單介紹一下代碼，讓我也對(duì)它有個(gè)初步的認(rèn)識(shí)，以后再加強(qiáng)學(xué)習(xí)也才會(huì)有所提高。
總體來(lái)說(shuō)，通過(guò)今次的對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門(mén)，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對(duì)網(wǎng)頁(yè)設(shè)計(jì)的熱情和執(zhí)著，我將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專(zhuān)業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。
一連上了兩個(gè)星期的網(wǎng)頁(yè)實(shí)訓(xùn)課，可以說(shuō)學(xué)到很多以前沒(méi)有學(xué)到的東西。雖然在大一的時(shí)候我們的專(zhuān)業(yè)出開(kāi)設(shè)了網(wǎng)頁(yè)設(shè)計(jì)課，但感覺(jué)這兩個(gè)星期學(xué)到的遠(yuǎn)遠(yuǎn)比以前學(xué)一個(gè)學(xué)期的要多，要豐富。
每一天都有新的內(nèi)容要學(xué)，讓人感覺(jué)很興奮，很高興，恨不得馬上就把它給學(xué)會(huì)。通過(guò)這次實(shí)訓(xùn)使我更熟練掌握Dreamweaver、Flash、Fireworks、Photoshop等軟件的功能和應(yīng)用。不但如此，更增加了同學(xué)間的友誼，陪養(yǎng)了彼此間的團(tuán)結(jié)。
在這期間，每一天老師都會(huì)發(fā)一些素材和實(shí)訓(xùn)給我們，首先是網(wǎng)頁(yè)素材的準(zhǔn)備，在網(wǎng)上查看一些網(wǎng)頁(yè)背景和背景顏色搭配，讓我了解到網(wǎng)頁(yè)的顏色不能多過(guò)3種色彩。接下來(lái)的幾天再結(jié)合自己的網(wǎng)頁(yè)來(lái)進(jìn)行策劃，在做首頁(yè)之前，先用圖紙把網(wǎng)頁(yè)的結(jié)構(gòu)畫(huà)出來(lái)，內(nèi)容和結(jié)構(gòu)都想清楚用Fireworks把網(wǎng)頁(yè)設(shè)計(jì)出來(lái)，再切割圖片，把它們導(dǎo)成Html格式在Dreamweaver中進(jìn)行進(jìn)一步的編輯。
我們的網(wǎng)站主要是圍繞宿舍而展開(kāi)的一串活動(dòng)、人物等，宿舍給我們一種很溫馨、很快樂(lè)的感覺(jué)，所以我們決定將這次的網(wǎng)頁(yè)名叫funnyroom。主題確定好了，那么分工出就明確了，我們組有三個(gè)人，兩個(gè)人負(fù)責(zé)找素材，另一個(gè)美術(shù)好的'就負(fù)責(zé)網(wǎng)頁(yè)的頁(yè)面設(shè)計(jì)，但是我們始終不是學(xué)美術(shù)方面的，所以色彩方面搭配的不是很好，后來(lái)采用了色彩比較清新自然的綠色來(lái)作為首頁(yè)的主色調(diào)，讓人第一眼看上去就有難忘的感覺(jué)。而從第二頁(yè)開(kāi)始就采用粉色為主色調(diào)，讓人可以感受到我們的主題，因?yàn)槭醉?yè)和其它的顏色不一樣，所以我們就把首頁(yè)當(dāng)作是過(guò)渡頁(yè)，第二頁(yè)開(kāi)始才是網(wǎng)頁(yè)的內(nèi)容。為了增加網(wǎng)頁(yè)的新鮮感和活潑感，還適當(dāng)在添加一些透明flash和一些網(wǎng)頁(yè)特效。在這實(shí)訓(xùn)的時(shí)間里面，我們分工合作，共同努力，對(duì)網(wǎng)頁(yè)反復(fù)調(diào)試和修改，特別是對(duì)于Fireworks軟件不那么熟悉，有很多的實(shí)例都要看過(guò)老師的演示才會(huì)明白，不過(guò)這也恰恰讓我學(xué)到更多。雖然中途難不免會(huì)有因?yàn)橐庖?jiàn)的不合而發(fā)生一些小小的爭(zhēng)吵，但我覺(jué)得不影響我們的網(wǎng)頁(yè)設(shè)計(jì)，反而會(huì)因?yàn)檫@些不同的意見(jiàn)而重新學(xué)到更多的知識(shí)。
風(fēng)塵仆仆的來(lái)到了大連，來(lái)參加匯博組織的HTML5培訓(xùn)，從HTML5基礎(chǔ)講起，起初并不以為然，想這HTML這個(gè)平常上課也經(jīng)常接觸到的東西，但是聽(tīng)完第一堂課后，后面的興趣越來(lái)越濃厚，尤其是講到HTML5的新特性時(shí)候，講到canvas畫(huà)布時(shí)候，突然感覺(jué)HTML的功能遠(yuǎn)遠(yuǎn)超出了我的.想象，超出了我的預(yù)期，當(dāng)自己做完第一個(gè)實(shí)例的時(shí)候，就想以后一定要把這個(gè)充滿(mǎn)未來(lái)潛力的東西傳到學(xué)校，學(xué)生一定會(huì)感興趣。當(dāng)老師簡(jiǎn)單講完CSS和JS時(shí)候，然后將HTML5+CSS+JS結(jié)合起來(lái)的時(shí)候，就感覺(jué)這是個(gè)強(qiáng)大無(wú)比的組合，不次于使用C#在VS平臺(tái)上實(shí)現(xiàn)的功能。尤其是其在游戲和動(dòng)畫(huà)上的效果，使得頁(yè)面可以輕松拋棄Flash的枷鎖也同樣能夠?qū)崿F(xiàn)強(qiáng)大的動(dòng)畫(huà)效果。
最后一天Intel的老師講到如何將HTML5的APP上傳到不同平臺(tái)的應(yīng)用商店時(shí)候，這時(shí)候就更感到自己學(xué)到的東西有意義了。不像以前單純教學(xué)，為了完成教學(xué)任務(wù)而教學(xué)，通過(guò)應(yīng)用的上傳，可以更加鼓勵(lì)學(xué)生的積極性，激發(fā)他們的學(xué)習(xí)動(dòng)力，嗯，不錯(cuò)的思路，把這個(gè)思路用在教學(xué)上，一定能有所收獲，學(xué)生一定能感興趣。
這次培訓(xùn)對(duì)于自己在今后教學(xué)過(guò)程中提出了一個(gè)新的思路，我們的教學(xué)可以找到學(xué)生的興趣點(diǎn)，像歐美國(guó)家教育環(huán)境那樣能夠激發(fā)出學(xué)生自身的興趣，而這個(gè)激發(fā)就需要我們老師和企業(yè)共同想辦法能為學(xué)生由被動(dòng)學(xué)習(xí)變?yōu)橹鲃?dòng)激發(fā)資深興趣去學(xué)習(xí)。這才是最重要的，才能培養(yǎng)出高質(zhì)量人才?？傊兄xIntel，感謝微軟，感謝匯博給我們提供了這次培訓(xùn)，期待下次培訓(xùn)。
HTML5在網(wǎng)頁(yè)開(kāi)發(fā)上，賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)，更加豐富的標(biāo)簽將隨著對(duì)RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對(duì)程序、對(duì)用戶(hù)都更 有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。北京恒泰博遠(yuǎn)軟件開(kāi)發(fā)公司對(duì)HTML5的解釋是，為開(kāi)發(fā)者提供了一個(gè)跨平臺(tái)的移動(dòng)apps開(kāi)發(fā)方案，并且該方案具有很好的擴(kuò)展 性和靈活性。
由目前it行業(yè)使用html5開(kāi)發(fā)app來(lái)看，如今國(guó)內(nèi)使用html5開(kāi)發(fā)app應(yīng)用技術(shù)尚有欠缺，因?yàn)樵谑謾C(jī)開(kāi)發(fā)app上，html5應(yīng)用只有兩種方法，要不就是全使用HTML5的語(yǔ)法，要不就是僅使用JavaScript引擎。
JavaScript引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁(yè)游戲成為可能。由于界面層很復(fù)雜，已預(yù)訂了一個(gè)UI工具包去使用。
純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯(cuò)漏百出，但優(yōu)化后的'效果會(huì)好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。
HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改。原生應(yīng)用的開(kāi)發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運(yùn)行，這是首先得解決的一個(gè)問(wèn)題。
學(xué)習(xí)H5我們不需要過(guò)度的關(guān)注細(xì)節(jié)，五柳先生的“不求甚解”的態(tài)度就很好，遇到能想起來(lái)，用到明白來(lái)源，不用作為擴(kuò)展知識(shí)。
其次，H5的設(shè)計(jì)起點(diǎn)就是從實(shí)用出發(fā)的，也就是說(shuō)很多特性都是怎么方便就怎么來(lái)。所以我們可以關(guān)注我們感興趣的技術(shù)，但是開(kāi)發(fā)的時(shí)候還是不要特意的使用H5，能用到而且兼容性也不錯(cuò)就用，用不到也不要“畫(huà)蛇添足”，比如163郵箱就有用到nav標(biāo)簽等，但是如果自己不是很精通H5或者是沒(méi)必要重構(gòu)就不要去把一些東西改為H5的，比如編寫(xiě)JS的時(shí)候特意的用WebWorker，這就很不好!除非我們很明確的知道，這就是針對(duì)移動(dòng)端這種基本上全面支持H5的Browser設(shè)計(jì)開(kāi)發(fā)的功能。
最后，H5技術(shù)不復(fù)雜，它從來(lái)都不是什么新技術(shù)，只是HTML的延續(xù)，我認(rèn)為的H5包括如下三點(diǎn)：
(1)改進(jìn)及增強(qiáng)的HTML屬性，新頁(yè)面可以嘗試使用。
(2)增強(qiáng)了的JS交互接口：WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas，可以說(shuō)H5和JS相互增強(qiáng)更上一層，但是還是要小心使用!
(3)CSS3：改進(jìn)增強(qiáng)CSS功能，讓頁(yè)面效果更絢麗，開(kāi)發(fā)更簡(jiǎn)單，尤其是“移動(dòng)先行”的現(xiàn)代互聯(lián)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)理念能讓“響應(yīng)式設(shè)計(jì)”越來(lái)越簡(jiǎn)單、流行，甚至出現(xiàn)了很多框架，比如bootstrap。
學(xué)習(xí)方法：
學(xué)習(xí)HTML這類(lèi)的標(biāo)記語(yǔ)言，我們需要從四個(gè)方面入手：
(1)語(yǔ)法：即怎樣的書(shū)寫(xiě)格式是Browser接受和支持的，HTML技術(shù)的語(yǔ)法很簡(jiǎn)單，只要注意大小寫(xiě)在HTML、XHTML、H5中的'一些細(xì)節(jié)不同就可以了。
(2)元素：也就是標(biāo)簽，這個(gè)就靠經(jīng)驗(yàn)和記憶了，不求甚解多用就好。但是有一點(diǎn)，系統(tǒng)的學(xué)習(xí)和雜亂記憶的不同點(diǎn)就是：系統(tǒng)的學(xué)習(xí)會(huì)把元素分類(lèi)。這樣方便記憶、對(duì)比和使用，能讓我們盡量減少不必要的錯(cuò)誤嵌套。一般會(huì)把HTML標(biāo)簽分為文檔結(jié)構(gòu)標(biāo)簽、文本格式標(biāo)簽、字符格式標(biāo)簽、列表標(biāo)簽、鏈接標(biāo)簽、表格標(biāo)簽和表單標(biāo)簽這8類(lèi)，有些標(biāo)簽不實(shí)用就不用看了。
(3)屬性：知道每類(lèi)標(biāo)簽都有什么屬性，一般來(lái)說(shuō)學(xué)習(xí)方法是知道有什么屬性，然后了解下哪些標(biāo)簽不支持這些屬性。其實(shí)，除了name、id、class、style外很多元素屬性我們都很少用，涉及到格式的屬性，我們都用CSS來(lái)代替了。這也是H5推薦的做法，那些屬性在H5中都被廢棄了，比如background屬性。
(4)其他：其他的東西就是去了解一些額外的知識(shí)：歷史背景、關(guān)聯(lián)技術(shù)、深入技術(shù)，比如XML、DTD，甚至是Browser對(duì)頁(yè)面的解析、渲染過(guò)程，DOM樹(shù)的構(gòu)建、Render Tree的構(gòu)建過(guò)程，來(lái)幫助我們學(xué)習(xí)、開(kāi)發(fā)高效頁(yè)面?！罢n外知識(shí)”多了，自然就能做到“他強(qiáng)由他強(qiáng)，清風(fēng)拂山崗”的境界了。
學(xué)習(xí)計(jì)算機(jī)技術(shù)，千萬(wàn)不能沉迷外家功夫!