不知不覺,二個星期的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學(xué)會很多東西,懂得很多以前不懂的東西,也明白了一些事情。
自從第一天接觸《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程,我以下定決心要把網(wǎng)頁這門課學(xué)好,做出一個優(yōu)秀的網(wǎng)站。所以我時刻沒有錯過任何學(xué)習(xí)的機會,無論在課堂上,還是在課外上。更何況這一次實操?;仡櫧翊蔚膶嵅傥矣X得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次游戲,我每時每刻都在設(shè)計網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點,可能有人會說我傻,但正因為這個傻的行動,令我學(xué)會很多東西,學(xué)會別人不懂的東西,做出一個令自己滿意的網(wǎng)站,可能跟別人比還需要繼續(xù)完善,但我不會因為實操結(jié)束,就把網(wǎng)頁設(shè)計拋到九霄云外,我會繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計技術(shù),把它變?yōu)樽约旱?一項特長。
回顧第一天的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程實操,老師叫我們繼續(xù)完善以前設(shè)計的網(wǎng)站,做出留言板、注冊的功能。我很快就完成了,但可能我是一個追求完善的人,所以盡管一個網(wǎng)站做好可以馬上交給老師。但我做出一個別人都不贊同的決定,從頭開始做一個網(wǎng)站。因為我覺得以前那個真的不是太好,盡管實操的時間過去了一半,盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執(zhí)著,追求成功,追求完善的人,才會使我今天交出一個令自己滿足的答卷。
在制作個人網(wǎng)站時我們首先:
一、必需進行個人網(wǎng)站前臺功能設(shè)計
包括個人網(wǎng)站主題的確定,前臺功能設(shè)計與管理、個人網(wǎng)站主頁設(shè)計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設(shè)計與管理。
二、對個人網(wǎng)站后臺管理功能設(shè)計
包括個人網(wǎng)站后臺管理功能的設(shè)計、后臺管理信息系統(tǒng)功能的設(shè)計、后臺系統(tǒng)權(quán)限管理、后臺文件管理、個人網(wǎng)站后臺管理系統(tǒng)主頁設(shè)計。
三、網(wǎng)站的發(fā)布
通常我們發(fā)布一個網(wǎng)站可能以能過域名注冊,但我們也可以利用自己主機,裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了,就要對個人網(wǎng)站進行推廣,這是一個電子商務(wù)網(wǎng)站必需做得的一步,因為如果你不對你的網(wǎng)站進行推廣,就算你發(fā)布了也沒有人會知道的。
在設(shè)計這個網(wǎng)站時真的體會很多東西,從一開始網(wǎng)頁主題的確定,到主頁總體的設(shè)計、搜集資料、前臺功能設(shè)計與管理、后臺功能設(shè)計與管理、每個分頁面的設(shè)計等。我都一一進行了規(guī)劃,因為如果你不規(guī)劃好,想做什么就做什么,是不會做得好的。因我為體會到這一句話:“機會中屬于有準備的人”。我詳細到一個表格寬度都一一列明。例如:775寬度,分三欄,每一欄占多少。因為我深深懂得“細微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板,因為剛好在上一個星期sql數(shù)據(jù)庫實操做過了,所以今次在做就比較輕松,但我以前是經(jīng)過一個比較長的練習(xí),做完了n次,可能有人會想,肯定是不會才做這么多次啦!但我想告訴這位同學(xué)我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫,第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理,第三次我用的是數(shù)據(jù)源名稱的連接,第四次我用的是自定義連接字符串,第五次……每一次用的方法都是不同的,可能有人會說我傻,會一種方法就行了,還要那么多嗎?但我想說的就是不是這么多次的練習(xí),不是之么多次不同的方法,也就不會造就出今天熟能生巧的我,也不會對同學(xué)提出的問題解決到,也不會輕松教會同學(xué),因為你自己首先學(xué)會,學(xué)通,學(xué)廣,才能把問題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的時候,但不是為我自己的而做,而是一步一步教同學(xué)做,直到令同學(xué)學(xué)懂;把同學(xué)留言板的問題一一解決;當(dāng)同學(xué)因為做不出而沒心情,過去對她進行鼓勵的,然后一一解決;當(dāng)自己也不會,與同學(xué)共同研究的情況,這種學(xué)習(xí)氛圍是最難得的,就是在做留言板的時候,令我深深體會到我?guī)拙湓挘赫J真做事只是把事情做對,用心做事才能把事情做好。把每一件簡單的事情做好就是不簡單,把第一件平凡的事情做好就是不平凡。
從開始的實習(xí),讓我體驗到這個暑假回會過得更有意義,會特別漫長特別充實。的確學(xué)習(xí)是一個漫長的過程,學(xué)習(xí)要耐得住寂寞的抵住誘惑。通過這次的實習(xí),不僅讓我覺得我應(yīng)該改變自己的內(nèi)向,學(xué)會轉(zhuǎn)變與人主動交流,才能解決問題,讓我覺得設(shè)計還是不錯的,但是自己的專業(yè)真的很需要培養(yǎng)與加強,感覺到學(xué)校教的和自己學(xué)的遠遠不夠。而且在接下來的日子還要規(guī)劃好自己的未來,才能更好得在崗位上發(fā)揮自己的才能。
最后感謝__X給我這么一個機會,留在公司實習(xí),公司不僅需要各類型的人才,更需要一個有堅定和遠見的老板;感謝william,看過頭像和手機桌面,女兒很可愛,想必是個和藹的爸爸,從一開始便覺得他是個很會閱人的hr,但后來才知道是pm,不過沒有變的,總是耐心地培養(yǎng)我,給我很多資料和很多網(wǎng)站,提高自己的審美和用戶體驗感受;感謝mk,認真的時候很認真,玩的時候還像個大孩子,喜歡和參數(shù)組交流時逗逗我,調(diào)劑我,這點我最喜歡了,因為有你們整個公司才顯得有活氣,沒有那么沉悶;感謝kevin,雖然接觸不多,感覺他很用心,是市場方面的主管,看的最多就是修空調(diào),快遞要發(fā)票的時候,會為公司的財政斤斤計較,到后來q總q總得叫我,真不好意思呢;感謝小楊,能夠和你愉快的合作,如果可以我也想學(xué)jsp,后來小白走了,你又要一個人辛苦了;感謝adam,強硬的技術(shù)支持,我想沒有你這位核心人物為公司撐下一片藍天,可能我們這個產(chǎn)品就很難走下去了;謝謝一起在虎之翼公司里工作的所有工作人員。
我很喜歡你們,喜歡這樣的工作氛圍,謝謝你們。
跟學(xué)習(xí)別的東西一樣,學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心,如果你沒有耐心,你學(xué)不好網(wǎng)頁設(shè)計,應(yīng)為當(dāng)你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持,堅持不斷的學(xué)習(xí),因為設(shè)計網(wǎng)頁的軟件在不斷的更新,你不斷的學(xué)習(xí)
不要掉入技術(shù)的陷阱,你的網(wǎng)頁設(shè)計技術(shù)一流,你對軟件的掌握程度已經(jīng)達到一定水平,但是你設(shè)計的網(wǎng)頁確不堪目睹,這是因為網(wǎng)頁設(shè)計是是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學(xué)。"不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識。只有綜合運用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。
注重實用,個人認為網(wǎng)頁設(shè)計應(yīng)該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。我提倡簡單的美。
網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起,作為上網(wǎng)的主要依托,由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁,原來沒有留意過網(wǎng)頁的設(shè)計,但是經(jīng)過這段時間的學(xué)習(xí)了解,現(xiàn)在我打開一個網(wǎng)頁都會習(xí)慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱,我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識,對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁,我用到了一些基本的功能:圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候,總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置,就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面,還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面,我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。例如:
1、命名站點或者文件夾的的時候一定要注意,最好用相應(yīng)的英語或者漢語拼音,要見名知意,如圖片文件夾用image或者tu,這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。
2、調(diào)用Style時可以單擊鼠標右鍵選擇CustonStyle來調(diào)用Style標準,也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達到的效果看似一樣,但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中,我同樣認識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀,而是多種課程的綜合,它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具??梢灾苯釉诰庉媴^(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,可以很直觀的反映出效果。頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則,保持一致的風(fēng)格。為了達到最佳的視覺表現(xiàn)效果,應(yīng)講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式,讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計,就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進入網(wǎng)站,很有可能他會立即關(guān)掉網(wǎng)站,或者網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設(shè)計它的界面是弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0。5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì),1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站,能點一次的,絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站,對于宣傳展示性網(wǎng)站,諸如加特效的或Flash網(wǎng)站,可能就不得不花哨一些,但不能太過分。網(wǎng)站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現(xiàn)意境,點到為止。
下面簡單介紹下網(wǎng)頁設(shè)計的理念和要點。網(wǎng)頁設(shè)計理念:
(1)內(nèi)容決定形式:先把內(nèi)容充實上,再分區(qū)塊,再定色調(diào),再處理細節(jié)。
(2)先整體,后局部,最后回歸到整體:全局考慮,把能填上的都填上,占位置。然后定基調(diào),分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(jié)。
(3)功能決定設(shè)計方向:看網(wǎng)站的用途,決定設(shè)計思路。商業(yè)性的就要突出贏利目的;政府型的就要突出形象和權(quán)威性的文章;教育性的,就要突出師資和課程。
網(wǎng)頁設(shè)計的兩大要點是:整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格:
1、將標志logo,盡可能的放在頁面最突出的位置。
2、突出標準色彩。
3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標語。
4、相同類型的圖像采用相同效果,比如說標題字都采用陰影效果,那么在網(wǎng)站中出現(xiàn)的所有標題字的陰影效果的設(shè)置應(yīng)該是完全一致的。
二、網(wǎng)頁色彩的搭配:
1、用一種色彩。指選定一種色彩,然后調(diào)整透明度或飽和度,這樣頁面看起來色彩統(tǒng)一,有層次感。
2、用兩種色彩。先選定一種色彩,然后選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。在網(wǎng)頁配色中,還要切記一些誤區(qū):
1、不要將所有顏色都用到,盡量控制在三至五種色彩以內(nèi)。
2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景),以便突出主要文字內(nèi)容。
針對我所學(xué)的平面設(shè)計方向,那么這次應(yīng)用到了創(chuàng)意思維,版面設(shè)計,色彩配置。圖形創(chuàng)意等方面都很重要,對于網(wǎng)頁設(shè)計作為一種視覺語言,特別講究編排和布局,雖然主頁的設(shè)計不等同于平面設(shè)計,但它們有許多相近之處,版式設(shè)計通過文字圖形的空間組合,表達出和諧與美。不積跬步,無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門,在今后的閑余時間繼續(xù)認真學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。
作為本學(xué)期的第十三周,我們電子商務(wù)0901班由此開始了為期兩周的網(wǎng)頁設(shè)計與制作實訓(xùn)課程,雖然我們實訓(xùn)的內(nèi)容不多,但通過同學(xué)之間的互相幫助與交流以及老師的精心指導(dǎo),我們大家依然收獲很多。
這一周里,可以說實訓(xùn)的內(nèi)容不難,但每天都有不同的東西需要學(xué)習(xí),讓人感到很高興,大家都希望能夠通過自己的努力可以多掌握一點本專業(yè)的東西,總的來說,我們通過對“飄舞的雪花”及“倒影”的練習(xí)制作,已經(jīng)熟練的掌握了flash的一些簡單操作和應(yīng)用,不但如此,更增加了同學(xué)間的友誼,陪養(yǎng)了彼此間的團結(jié)。
實訓(xùn)期間,老師會根據(jù)我們的練習(xí)程度發(fā)一些素材和視頻實訓(xùn)給我們,由此我了解到了網(wǎng)頁設(shè)計與制作的一些程序和步驟,知道了怎么處理圖片透明以及遮罩層的運用,知道了flash基本操作的步驟,為了增加動畫的美感和活潑感,還適當(dāng)在添加一些透明flash和一些網(wǎng)頁特效。在實訓(xùn)的時間里面,我們大家一起合作,共同努力,對網(wǎng)頁設(shè)計有了更進一步的認識,并且對這門課程越發(fā)的感興趣,從剛開始的好奇進而想要去更深層次的了解。
這一周的實訓(xùn)課程已然結(jié)束,flash制作讓我受益匪淺,我們知道了很多,也進步了很多,很快就要進入下一周的實訓(xùn)了,雖然還不知道具體的有什么內(nèi)容,但通過這一周的學(xué)習(xí),下一周,我想也很值得期待。希望能夠?qū)W到更多的東西,充實自己的頭腦,豐富自己的知識。
跟學(xué)習(xí)別的東西一樣,學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心,如果你沒有耐心,你學(xué)不好網(wǎng)頁設(shè)計,應(yīng)為當(dāng)你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持,堅持不斷的學(xué)習(xí),因為設(shè)計網(wǎng)頁的軟件在不斷的更新,你不斷的學(xué)習(xí)不要掉入技術(shù)的陷阱,你的網(wǎng)頁設(shè)計技術(shù)一流,你對軟件的掌握程度已經(jīng)達到一定水平,但是你設(shè)計的網(wǎng)頁確不堪目睹,這是因為網(wǎng)頁設(shè)計是是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學(xué)。"不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識。只有綜合運用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。
注重實用,個人認為網(wǎng)頁設(shè)計應(yīng)該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。我提倡簡單的美。
申明一點,我也是個網(wǎng)頁設(shè)計初學(xué)者,并不是什么設(shè)計名師,這是我個人的灼見。有什么不對的地方,還請大家見諒。