網(wǎng)頁設(shè)計的心得體會
當(dāng)在某些事情上我們有很深的體會時,可用寫心得體會的方式將其記錄下來,這樣可以幫助我們總結(jié)以往思想、工作和學(xué)習(xí)。但是心得體會有什么要求呢?以下是小編收集整理的網(wǎng)頁設(shè)計的心得體會,歡迎大家分享。
網(wǎng)頁設(shè)計的心得體會1
不知不覺我學(xué)習(xí)整站頁設(shè)計也有一段時間了,很高興我能在這計算機(jī)深入的社會里,學(xué)習(xí)到建設(shè)和頁設(shè)計的一些知識。絡(luò)成了我們獲取知識和信息的一種便捷工具,如今的生活,商業(yè)都已經(jīng)在絡(luò)上如火如荼地開展,我認(rèn)為,學(xué)習(xí)絡(luò)知識,對于生活在絡(luò)時代的我們還是很有必要的。接下來我想分享一下我的獨(dú)家頁設(shè)計學(xué)習(xí)心得。希望能夠?yàn)檎趯W(xué)習(xí)頁設(shè)計的你們也提供一點(diǎn)幫助。
學(xué)習(xí)頁設(shè)計的過程中,我也成功制作了屬于自己的,通過這一次嘗試,我對計算機(jī)有了更深層次得到了解,也有了更濃厚的興趣。尤其是對頁制作的過程與一些技巧手法更有了另外一番了解,對頁制作的基礎(chǔ)知識也有了一定的掌握。我覺得,在設(shè)計頁之前:
首先必須做到先確定頁設(shè)計的內(nèi)容,因?yàn)橐粋優(yōu)秀的風(fēng)站要有一個明確的主題,整個圍繞這個主題,也就是你在頁設(shè)計之前要明確你這個有什么目的,用來做什么,所有頁面都是圍繞著這個內(nèi)容來制作,有了明確的內(nèi)容對排名有很重要的作用。
其次自然是了解你所在行業(yè)的客戶。要知道用戶是一個成敗的關(guān)鍵,如果用戶要花很多時間進(jìn)入你很有可能用戶會立即關(guān)掉你,或者你操作很不方便用戶也會馬上離開,這種是很失敗的設(shè)計,只會讓用戶失望的離開。
我在這次設(shè)計頁的過程中,終于體會到做一個頁的主頁不是一件容易的事情,它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套頁的色調(diào)等很多東西。制作主頁要注意:
要想一個好的標(biāo)題。標(biāo)題在個人主頁中起著很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個好的標(biāo)題必須有概括性、有特色、簡短易記,不要符合自己主頁的主題和風(fēng)格。
主頁中不光要有文字,還要適當(dāng)?shù)丶右恍﹫D片。一張好的`圖片可以勝過你的千言萬語。也能讓進(jìn)入你頁的人一目了然,產(chǎn)生興趣。
頁頁面整體的排版設(shè)計也是不可忽略了,很重要的一個原則是合理也運(yùn)用空間,讓自己的頁井然有序,留下合適空間,會給人輕松的感覺。
當(dāng)然在做這些內(nèi)容之前,是要找好資料的,我們可以從報紙,雜志,光盤等媒體中把相關(guān)的資料收集,再加上一定的編輯后就
網(wǎng)頁設(shè)計的心得體會2
過這五周的學(xué)習(xí),在老師的精心教導(dǎo)下和同。
以前我一直在做網(wǎng)頁,不過是在博客上,那里提供了模板,只需要自己在里面添舔改改就行了,對一些代碼我更本就看不懂,現(xiàn)在好了,雖然我不是很會,但是可以看懂一些了,也能改一些代碼了。
通過這五周的學(xué)習(xí),在老師的精心教導(dǎo)下和同學(xué)們的幫助下,以及通過自己在平時的學(xué)習(xí)和實(shí)踐,對ASP動態(tài)網(wǎng)頁知識有了初步認(rèn)識。
通過學(xué)習(xí)ASP動態(tài)網(wǎng)頁,不但增加了我的知識面,還使我學(xué)會了很多以前不會使用的工具,當(dāng)然這樣還不夠,因?yàn)槲疫有很多需要學(xué)習(xí)的地方,ASP課程雖然上完了,但是在以后的時間里我一定會繼續(xù)努力,爭取做更多的精美的網(wǎng)頁出來。
通過ASP動態(tài)網(wǎng)頁的學(xué)習(xí)還讓我明白了做網(wǎng)頁時頁面不一定要很復(fù)雜,但留白的地方不能很多,這樣看起來就不會覺得呆板,反面顯得有層次,比較高檔,而且百看不厭。
網(wǎng)頁的.特點(diǎn)就是要有一副漂亮的背景圖,整個頁面看起來就比較舒服。
網(wǎng)頁的文字要排得整齊緊湊,這樣才能給人一種舒服的感覺。
在網(wǎng)頁適當(dāng)?shù)牡胤娇梢约右恍﹫D片,每張畫面再加一些不同的文字說明和加一些不同的文字效果,再加一些小動畫,這樣網(wǎng)頁會顯得更加的精美。
這次做的網(wǎng)頁雖不是很好看,可是我花了很多時間來按成它,所以呢它對我以后做網(wǎng)頁有很大的幫助。
在此次做網(wǎng)頁的過程中也讓我學(xué)到了很多東西,所以呢從我內(nèi)心來說我是很滿意我的這次經(jīng)歷,同時也要謝謝老師安排這樣的考試,為什么呢?因?yàn)樵谥谱鬟^程中我不僅學(xué)到了書上沒有的東西,也培養(yǎng)了我獨(dú)立思考問題的能力,同時還增強(qiáng)了同學(xué)之間的團(tuán)結(jié)互助的友誼。
因此,不論從哪個角度來說,老師此次布置的任務(wù)是上大學(xué)以來唯一把知識用于實(shí)踐的第一回,再一次謝謝你老師。
網(wǎng)頁設(shè)計的心得體會3
不知不覺,二個星期的《頁面規(guī)劃與網(wǎng)站建造》課程的實(shí)操即將曩昔,回憶這一段日子,真的令我領(lǐng)會很深,也學(xué)會許多東西,懂得許多曾經(jīng)不明白的東西,也理解了一些工作.
自從第一天觸摸《頁面規(guī)劃與網(wǎng)站建造》課程,我以下定決心要把頁面這門課學(xué)好,做出一個優(yōu)異的網(wǎng)站.所以我時刻沒有錯失任何學(xué)習(xí)的機(jī)會,不管在課堂上,還是在課外上.更何況這一次實(shí)操.回憶今次的實(shí)操我覺得我過得很充實(shí),很有含義,由于我能夠誠篤的說我在實(shí)操沒有玩過一次游戲,我每時每刻都在規(guī)劃網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點(diǎn),也許有人會說我傻,但正由于這個傻的舉動,令我學(xué)會許多東西,學(xué)會他人不明白的東西,做出一個令自個滿意的網(wǎng)站,也許跟他人比還需要持續(xù)完善,但我不會由于實(shí)操結(jié)束,就把頁面規(guī)劃拋到無影無蹤,我會持續(xù)學(xué)習(xí)頁面規(guī)劃技能,把它變?yōu)樽詡的一項(xiàng)專長。
回憶第一天的《頁面規(guī)劃與網(wǎng)站建造》課程實(shí)操,教師叫咱們持續(xù)完善曾經(jīng)規(guī)劃的網(wǎng)站,做出留言板、注冊的功用。我很快就完成了,但也許我是一個尋求完善的人,所以雖然一個網(wǎng)站做好能夠立刻交給教師。但我做出一個他人都不附和的決定,從頭開始做一個網(wǎng)站。由于我覺得曾經(jīng)那個真的不是太好,雖然實(shí)操的時刻曩昔了一半,雖然他人對我說你交本來這個不就行了嗎!何須再做一個呢?但真由于我的固執(zhí),尋求成功,尋求完善的人,才會使我今日交出一個令自個滿意的答卷。
在制造自個網(wǎng)站時咱們首先:
一、必需進(jìn)行自個網(wǎng)站前臺功用規(guī)劃
包括自個網(wǎng)站主題的斷定,前臺功用規(guī)劃與辦理、自個網(wǎng)站主頁規(guī)劃、自個網(wǎng)站留言板、注冊、忘掉暗碼、查找等頁面規(guī)劃與辦理。
二、對自個網(wǎng)站后臺辦理功用規(guī)劃
包括自個網(wǎng)站后臺辦理功用的規(guī)劃、后臺辦理信息體系功用的規(guī)劃、后臺體系權(quán)限辦理、后臺文件辦理、自個網(wǎng)站后臺辦理體系主頁規(guī)劃。
三、網(wǎng)站的發(fā)布
一般咱們發(fā)布一個網(wǎng)站也許以能過域名注冊,但咱們也能夠使用自個主機(jī),裝了iis他人就能夠通過我的ip地址來訪問我的主頁。首次做的那個頁面我現(xiàn)已發(fā)布在上彀了。
四、自個網(wǎng)站推行
一個網(wǎng)站做好了,就要對自個網(wǎng)站進(jìn)行推行,這是一個電子商務(wù)網(wǎng)站必需做得的一步,由于假如你不對你的網(wǎng)站進(jìn)行推行,就算你發(fā)布了也沒有人會知道的。
在規(guī)劃這個網(wǎng)站時真的領(lǐng)會許多東西,從一開始頁面主題的斷定,到主頁總體的規(guī)劃、搜集材料、前臺功用規(guī)劃與辦理、后臺功用規(guī)劃與辦理、每個分頁面的規(guī)劃等。我都逐個進(jìn)行了規(guī)劃,由于假如你不規(guī)劃好,想做啥就做啥,是不會做得好的。因我為領(lǐng)會到這一句話:“機(jī)會中歸于有預(yù)備的人”。我具體到一個表格寬度都逐個列明。例如:775寬度,分三欄,每一欄占多少。由于我深深懂得“細(xì)微處才見真功夫”。
在這次實(shí)操過程中令我形象最深的是做留言板,由于剛好在上一個星期sql數(shù)據(jù)庫實(shí)操做過了,所以今次在做就對比輕松,但我曾經(jīng)是通過一個對比長的操練,做完了n次,也許有人會想,肯定是不會才做這么屢次啦!但我想告訴這位同學(xué)我每次做得都不是不一樣的辦法。首次我用的是access數(shù)據(jù)庫,第2次我用的是sql數(shù)據(jù)庫加權(quán)限辦理,第三次我用的是數(shù)據(jù)源稱號的`銜接,第四次我用的是自定義銜接字符串,第五次……每一次用的辦法都是不一樣的,也許有人會說我傻,會一種辦法就行了,還要那么多嗎?但我想說的即是不是這么屢次的操練,不是之么屢次不一樣的辦法,也就不會造就出今日游刃有余的我,也不會對同學(xué)提出的疑問處理到,也不會輕松教會同學(xué),由于你自個首先學(xué)會,學(xué)通,學(xué)廣,才能把疑問逐個的處理。
令我難以忘懷的鏡頭也是在做留言板的時分,但不是為我自個的而做,而是一步一步教同學(xué)做,直到令同學(xué)學(xué)懂;把同學(xué)留言板的疑問逐個處理;當(dāng)同學(xué)由于做不出而沒心境,曩昔對她進(jìn)行鼓舞的,然后逐個處理;當(dāng)自個也不會,與同學(xué)共同研究的狀況,這種學(xué)習(xí)氛圍是最可貴的,即是在做留言板的時分,令我深深領(lǐng)會到我?guī)拙湓挘赫J(rèn)真干事僅僅把工作做對,用心干事才能把工作做好。把每一件簡略的工作做好即是不簡略,把第一件普通的工作做好即是不普通。
網(wǎng)頁設(shè)計的心得體會4
在平日里,心中難免會有一些新的想法,不如來好好地做個總結(jié),寫一篇心得體會,這么做可以讓我們不斷思考不斷進(jìn)步。那么寫心得體會要注意的.內(nèi)容有什么呢?以下是小編為大家整理的html網(wǎng)頁設(shè)計心得體會范文(精選8篇),歡迎大家借鑒與參考,希望對大家有所幫助。
網(wǎng)頁設(shè)計的心得體會5
跟學(xué)習(xí)別的東西一樣,學(xué)習(xí)頁設(shè)計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
學(xué)習(xí)頁設(shè)計需要耐心,如果你沒有耐心,你學(xué)不好頁設(shè)計,應(yīng)為當(dāng)你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。
學(xué)習(xí)頁設(shè)計需要堅持,堅持不斷的學(xué)習(xí),因?yàn)樵O(shè)計頁的軟件在不斷的更新,你不斷的學(xué)習(xí)
不要掉入技術(shù)的陷阱,你的頁設(shè)計技術(shù)一流,你對軟件的掌握程度已經(jīng)達(dá)到一定水平,但是你設(shè)計的`頁確不堪目睹,這是因?yàn)轫撛O(shè)計是是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學(xué)。"不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識。只有綜合運(yùn)用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能。
注重實(shí)用,個人認(rèn)為頁設(shè)計應(yīng)該注重實(shí)用性,因?yàn)樗亲屓藶g覽的,是用戶可以撫摸,可以評論,可以交互的。我提倡簡單的美。
網(wǎng)頁設(shè)計的心得體會6
從開始的實(shí)習(xí),讓我體驗(yàn)到這個暑假回會過得更有意義,會特別漫長特別充實(shí)。的確學(xué)習(xí)是一個漫長的過程,學(xué)習(xí)要耐得住寂寞的抵住誘惑。通過這次的實(shí)習(xí),不僅讓我覺得我應(yīng)該改變自己的內(nèi)向,學(xué)會轉(zhuǎn)變與人主動交流,才能解決問題,讓我覺得設(shè)計還是不錯的,但是自己的專業(yè)真的很需要培養(yǎng)與加強(qiáng),感覺到學(xué)校教的和自己學(xué)的遠(yuǎn)遠(yuǎn)不夠。而且在接下來的日子還要規(guī)劃好自己的未來,才能更好得在崗位上發(fā)揮自己的.才能。
最后感謝xx給我這么一個機(jī)會,留在公司實(shí)習(xí),公司不僅需要各類型的人才,更需要一個有堅定和遠(yuǎn)見的老板;感謝william,看過頭像和手機(jī)桌面,女兒很可愛,想必是個和藹的爸爸,從一開始便覺得他是個很會閱人的hr,但后來才知道是pm,不過沒有變的,總是耐心地培養(yǎng)我,給我很多資料和很多,提高自己的審美和用戶體驗(yàn)感受;感謝mk,認(rèn)真的時候很認(rèn)真,玩的時候還像個大孩子,喜歡和參數(shù)組交流時逗逗我,調(diào)劑我,這點(diǎn)我最喜歡了,因?yàn)橛心銈冋麄公司才顯得有活氣,沒有那么沉悶;感謝kevin,雖然接觸不多,感覺他很用心,是市場方面的主管,看的最多就是修空調(diào),快遞要發(fā)票的時候,會為公司的財政斤斤計較,到后來q總q總得叫我,真不好意思呢;感謝小楊,能夠和你愉快的合作,如果可以我也想學(xué)jsp,后來小白走了,你又要一個人辛苦了;感謝adam,強(qiáng)硬的技術(shù)支持,我想沒有你這位核心人物為公司撐下一片藍(lán)天,可能我們這個產(chǎn)品就很難走下去了;謝謝一起在虎之翼公司里工作的所有工作人員。 我很喜歡你們,喜歡這樣的工作氛圍,謝謝你們。
網(wǎng)頁設(shè)計的心得體會7
時間過得很快,我即將畢業(yè)來到了社會這個匯集眾多江河湖水的大海,感受到了獨(dú)立生活的好處與艱辛,同時我自己也更深的理解了,家長和學(xué)校老師對我們的殷切希望,在社會實(shí)習(xí)的這段日子,我吃了些苦,受了些罪,可是整個人在肉體上和精神上卻升華了很多,也比以前的變得更有自信了。
一、實(shí)習(xí)時間
二、實(shí)習(xí)介紹
我所在的這家公司,是一家做網(wǎng)上招商的商業(yè)網(wǎng)站,公司接收各種廠家提供的信息,然后由網(wǎng)絡(luò)的技術(shù)人員,將商家的信息做成網(wǎng)頁廣告,然后掛在我們的網(wǎng)站上,以此達(dá)到商業(yè)推廣的目的,類似我們公司的網(wǎng)站在同行業(yè)還有_、_招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員,主要的工作就是接收美工人員的網(wǎng)站模板,將其通過photoshop切片,然后導(dǎo)入dreamweaver進(jìn)行排版,(排版主要使用css+div),并進(jìn)一步的加以制作,完善美化,如加入js代碼,或透明flash,因?yàn)榫W(wǎng)頁是用css+div進(jìn)行排版的,所以在最后一步的時候,我們還需要進(jìn)行瀏覽器測試,因?yàn)閏ss+div排版方式有一個的缺點(diǎn)就是:瀏覽器不兼容的問題,典型的如:ie與fireworks,因?yàn)楦鞣N瀏覽器使用的協(xié)議不同,所以會導(dǎo)致頁面在最終瀏覽的時候有一些小問題,如:頁面混亂,圖片、文字之間的距離過大或過小,頁面不美觀等等,做為一個新人,我在有些方面的技術(shù)還很不成熟,所以在技術(shù)總監(jiān)張偉的幫助下,解決了很多問題,所在我很感謝他,當(dāng)每天我們做完網(wǎng)頁后,都會在代碼頁面加入注釋代碼,在里面寫上每個人姓名的.漢語拼間和工作日期,這樣方便月底做統(tǒng)計工作,公司領(lǐng)導(dǎo)會根據(jù)每個人的工作數(shù)量進(jìn)行獎勵,每做一個頁面會有2塊的提成,雖然少點(diǎn),但是積少成多,也是很可觀的。
三、實(shí)習(xí)內(nèi)容
(一)初級考試
初來公司的時候,我們經(jīng)過了初期考試,培訓(xùn),與最終考試三個階段,在接到公司讓我面試的電話后,我來到了_公司,因?yàn)橐傻氖蔷W(wǎng)頁設(shè)計,所以要有一個小測驗(yàn),技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字,做一個簡單的頁面,要求是:什么樣的頁面都可以,考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度,說實(shí)話,從畢業(yè)后,有一段時間沒有寫代碼了,剛一上機(jī),還有點(diǎn)生疏,但是憑借在學(xué)樣扎實(shí)的學(xué)習(xí)功底,我很快就恢復(fù)了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術(shù)總監(jiān)看了以后,說不錯,讓我三天后參加培訓(xùn),合格扣就可以正式上班了。
(二)三天的培訓(xùn)工作
三天后,我來到了公司,一看,來參加培訓(xùn)的人有很多,大概在十多個人左右,其實(shí)所謂的培訓(xùn),就是讓大家先熟悉這家網(wǎng)站的工作,先做一些他們平時干的活,做一些廣告網(wǎng)頁,這些網(wǎng)頁都是靜態(tài)的,沒什么難度。我后來發(fā)現(xiàn),自己在這些人當(dāng)中,還是較較者,心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓(xùn)后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實(shí)習(xí)合同,然后會在根據(jù)你在實(shí)習(xí)期的表現(xiàn)決定你的去留問題,秀的人會轉(zhuǎn)正,得到很優(yōu)厚的待遇。
考核的內(nèi)容,就是在公司的商務(wù)網(wǎng)站上任選一個頁面,然后在規(guī)定的時間內(nèi)做完,我還不錯,技術(shù)比較熟練,是第四個做完的。當(dāng)我們把網(wǎng)頁做完后由這家公司的經(jīng)理進(jìn)行審核,最后的結(jié)果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點(diǎn)不近人情,但是剛畢業(yè)的學(xué)生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實(shí)習(xí)工作。
(四)正式工作
我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀(jì)輕輕,干勁十足,來了以后就工作,連平時聊天的內(nèi)容也和本行業(yè)分不開,我喜歡他(她)們,回為是實(shí)習(xí)期,所以每天做的數(shù)量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網(wǎng)頁,我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁,通過css+div排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我干的很不錯,不過有些追求精致,我做網(wǎng)頁的速度慢了很多,最初每天只能做3--4個網(wǎng)頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網(wǎng)頁,然后我將要做的所有網(wǎng)頁,先做好排版,這時的網(wǎng)頁雖然排過版,但是不美觀,因?yàn)闆]有進(jìn)行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。
四、實(shí)習(xí)體會
實(shí)習(xí)將要結(jié)束,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網(wǎng)頁過程中,我學(xué)到了新的美化網(wǎng)頁的方法,運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實(shí)習(xí)的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。
網(wǎng)頁設(shè)計的心得體會8
不知不覺,二個星期的《頁設(shè)計與站建設(shè)》課程的實(shí)操即將過去,回顧這一段日子,真的令我體會很深,也學(xué)會很多東西,懂得很多以前不懂的東西,也明白了一些事情。
自從第一天接觸《頁設(shè)計與站建設(shè)》課程,我以下定決心要把頁這門課學(xué),做出一個優(yōu)秀的站。所以我時刻沒有錯過任何學(xué)習(xí)的機(jī)會,無論在課堂上,還是在課外上。更何況這一次實(shí)操。回顧今次的實(shí)操我覺得我過得很充實(shí),很有意義,因?yàn)槲铱梢哉\實(shí)的說我在實(shí)操沒有玩過一次游戲,我每時每刻都在設(shè)計站,還記得晚上做站做到一、二點(diǎn),可能有人會說我傻,但正因?yàn)檫@個傻的行動,令我學(xué)會很多東西,學(xué)會別人不懂的東西,做出一個令自己滿意的站,可能跟別人比還需要繼續(xù)完善,但我不會因?yàn)閷?shí)操結(jié)束,就把頁設(shè)計拋到九霄云外,我會繼續(xù)學(xué)習(xí)頁設(shè)計技術(shù),把它變?yōu)樽约旱囊豁?xiàng)特長。
回顧第一天的《頁設(shè)計與站建設(shè)》課程實(shí)操,老師叫我們繼續(xù)完善以前設(shè)計的站,做出留言板、注冊的功能。我很快就完成了,但可能我是一個追求完善的人,所以盡管一個站做可以馬上交給老師。但我做出一個別人都不贊同的決定,從頭開始做一個站。因?yàn)槲矣X得以前那個真的不是太,盡管實(shí)操的時間過去了一半,盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因?yàn)槲业膱?zhí)著,追求成功,追求完善的人,才會使我今天交出一個令自己滿足的答卷。
在制作個人站時我們首先:
一、必需進(jìn)行個人站前臺功能設(shè)計
包括個人站主題的確定,前臺功能設(shè)計與管理、個人站主頁設(shè)計、個人站留言板、注冊、忘記密碼、搜索等頁設(shè)計與管理。
二、對個人站后臺管理功能設(shè)計
包括個人站后臺管理功能的設(shè)計、后臺管理信息系統(tǒng)功能的設(shè)計、后臺系統(tǒng)權(quán)限管理、后臺件管理、個人站后臺管理系統(tǒng)主頁設(shè)計。
三、站的發(fā)布
通常我們發(fā)布一個站可能以能過域名注冊,但我們也可以利用自己主機(jī),裝了iis別人就可以通過我的ip地址來訪問我的.主頁。第一次做的那個頁我已經(jīng)發(fā)布在上了。
四、個人站推廣
一個站做了,就要對個人站進(jìn)行推廣,這是一個電子商務(wù)站必需做得的一步,因?yàn)槿绻悴粚δ愕恼具M(jìn)行推廣,就算你發(fā)布了也沒有人會知道的。
在設(shè)計這個站時真的體會很多東西,從一開始頁主題的確定,到主頁總體的設(shè)計、搜集資料、前臺功能設(shè)計與管理、后臺功能設(shè)計與管理、每個分頁面的設(shè)計等。我都一一進(jìn)行了規(guī)劃,因?yàn)槿绻悴灰?guī)劃,想做什么就做什么,是不會做得的。因我為體會到這一句話:“機(jī)會中屬于有準(zhǔn)備的人”。我詳細(xì)到一個表格寬度都一一列明。例如:775寬度,分三欄,每一欄占多少。因?yàn)槲疑钌疃谩凹?xì)微處才見真功夫”。
在這次實(shí)操過程中令我印象最深的是做留言板,因?yàn)閯傇谏弦粋星期sql數(shù)據(jù)庫實(shí)操做過了,所以今次在做就比較輕松,但我以前是經(jīng)過一個比較長的練習(xí),做完了n次,可能有人會想,肯定是不會才做這么多次啦!但我想告訴這位同學(xué)我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫,第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理,第三次我用的是數(shù)據(jù)源名稱的連接,第四次我用的是自定義連接字符串,第五次……每一次用的方法都是不同的,可能有人會說我傻,會一種方法就行了,還要那么多嗎?但我想說的就是不是這么多次的練習(xí),不是之么多次不同的方法,也就不會造就出今天熟能生巧的我,也不會對同學(xué)提出的問題解決到,也不會輕松教會同學(xué),因?yàn)槟阕约菏紫葘W(xué)會,學(xué)通,學(xué)廣,才能把問題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的時候,但不是為我自己的而做,而是一步一步教同學(xué)做,直到令同學(xué)學(xué)懂;把同學(xué)留言板的問題一一解決;當(dāng)同學(xué)因?yàn)樽霾怀龆鴽]心情,過去對她進(jìn)行鼓勵的,然后一一解決;當(dāng)自己也不會,與同學(xué)共同研究的情況,這種學(xué)習(xí)氛圍是最難得的,就是在做留言板的時候,令我深深體會到我?guī)拙湓挘赫J(rèn)真做事只是把事情做對,用心做事才能把事情做。把每一件簡單的事情做就是不簡單,把第一件平凡的事情做就是不平凡。
網(wǎng)頁設(shè)計的心得體會9
一連上了兩個星期的頁實(shí)訓(xùn)課,可以說學(xué)到很多以前沒有學(xué)到的東西。雖然在大一的時候我們的專業(yè)出開設(shè)了頁設(shè)計課,但感覺這兩個星期學(xué)到的遠(yuǎn)遠(yuǎn)比以前學(xué)一個學(xué)期的要多,要豐富。
每一天都有新的內(nèi)容要學(xué),讓人感覺很興奮,很高興,恨不得馬上就把它給學(xué)會。通過這次實(shí)訓(xùn)使我更熟練掌握dreamweaver、 flash 、fireworks 、photoshop等軟件的功能和應(yīng)用。不但如此,更增加了同學(xué)間的友誼,陪養(yǎng)了彼此間的團(tuán)結(jié)。
在這期間,每一天老師都會發(fā)一些素材和實(shí)訓(xùn)給我們,首先是頁素材的準(zhǔn)備,在上查看一些頁背景和背景顏色搭配,讓我了解到頁的顏色不能多過3種色彩。接下來的'幾天再結(jié)合自己的頁來進(jìn)行策劃,在做首頁之前,先用圖紙把頁的結(jié)構(gòu)畫出來,內(nèi)容和結(jié)構(gòu)都想清楚用fireworks把頁設(shè)計出來,再切割圖片,把它們導(dǎo)成html格式在dreamweaver中進(jìn)行進(jìn)一步的編輯。
我們的站主要是圍繞宿舍而展開的一串活動、人物等,宿舍給我們一種很溫馨、很快樂的感覺,所以我們決定將這次的頁名叫funny room。主題確定了,那么分工出就明確了,我們組有三個人,兩個人負(fù)責(zé)找素材,另一個美術(shù)的就負(fù)責(zé)頁的頁面設(shè)計,但是我們始終不是學(xué)美術(shù)方面的,所以色彩方面搭配的不是很,后來采用了色彩比較清新自然的綠色來作為首頁的主色調(diào),讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調(diào),讓人可以感受到我們的主題,因?yàn)槭醉摵推渌念伾灰粯,所以我們就把首頁?dāng)作是過渡頁,第二頁開始才是頁的內(nèi)容。為了增加頁的新鮮感和活潑感,還適當(dāng)在添加一些透明flash和一些頁特效。在這實(shí)訓(xùn)的時間里面,我們分工合作,共同努力,對頁反復(fù)調(diào)試和修改,特別是對于fireworks軟件不那么熟悉,有很多的實(shí)例都要看過老師的演示才會明白,不過這也恰恰讓我學(xué)到更多。雖然中途難不免會有因?yàn)橐庖姷牟缓隙l(fā)生一些小小的爭吵,但我覺得不影響我們的頁設(shè)計,反而會因?yàn)檫@些不同的意見而重新學(xué)到更多的知識。
網(wǎng)頁設(shè)計的心得體會10
個人的設(shè)計需要有以下幾個步驟:
一、要進(jìn)行個人前臺功能設(shè)計
包括個人主題確定、前臺功能設(shè)計與管理、個人首頁設(shè)計、個人留言板、注冊、忘記密碼、搜索等頁設(shè)計與管理。
二、個人后臺管理功能設(shè)計
包括個人后臺管理功能設(shè)計,后臺管理信息系統(tǒng)功能設(shè)計,后臺系統(tǒng)權(quán)限管理,后臺文件管理,個人后臺管理系統(tǒng)主頁設(shè)計。
三、發(fā)布
通常我們發(fā)布一個,這樣我們可以注冊域名,但我們也可以利用主機(jī)和安裝iis,這樣其他人可以通過“我的IP”地址訪問“我的主頁”。
四、個人推廣
一個做好了,就有必要推廣一下個人,這是一個電子商務(wù)必須做的一步,因?yàn)槿绻悴煌茝V你的,即使你發(fā)布了也沒有人會知道。
在設(shè)計時真的可以體會很多東西,從一開始確定頁面的主題,到整個主頁的設(shè)計,信息的收集,前臺功能的設(shè)計與管理,后臺功能的設(shè)計與管理,每一個頁面的表面設(shè)計。我把它們都一一進(jìn)行規(guī)劃,因?yàn)槿绻悴缓煤靡?guī)劃,想做什么就做什么,你是做不好的.。因?yàn)槲乙庾R到這句話:“機(jī)會是屬于那些有準(zhǔn)備的人”。我詳細(xì)到一個表的寬度都一一列出來。例如:775寬,分成三欄,每欄占多少。因?yàn)槲疑钪凹?xì)微之處才見真功夫”。
給我最深印象的是留言板,因?yàn)橹癝QL數(shù)據(jù)庫實(shí)際鍛煉做過了,所以這次做相對容易,但我經(jīng)過長時間的練習(xí),完成了n次,有些人可能會認(rèn)為,肯定是不會才做很多次!但我想告訴這些人,我每次做都是用不同的方法。第一次使用access數(shù)據(jù)庫,第二次使用SQL數(shù)據(jù)庫+權(quán)限管理,第三次使用數(shù)據(jù)源名稱的連接。每次用的方法都不一樣。
可能會有人說我笨,有方法就行了,要那么多干嘛?但我想說的是,沒有這么多次練習(xí),就不會有這么多不同的方法,不會創(chuàng)造今天熟能生巧的我。方法,只有你自己先學(xué)會,才會學(xué)通、學(xué)廣。
網(wǎng)頁設(shè)計的心得體會11
此刻,計算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面,也已經(jīng)成了生活中不可缺少的一部分,網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具,此刻的網(wǎng)民也在不斷的增多,因此,了解和絡(luò)知識是我們作為一名大學(xué)生迫切所需的,網(wǎng)頁設(shè)計心得體會。我利用寒假的時刻,對網(wǎng)頁設(shè)計進(jìn)行了初步的認(rèn)識和了解,并基本掌握Dreamweaver的應(yīng)用。
透過對網(wǎng)頁設(shè)計書籍的翻閱,我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識,在實(shí)踐查閱資料時,對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。透過學(xué)習(xí),我對計算機(jī)有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對網(wǎng)頁制作的基礎(chǔ)知識也有了必須的掌握。在這個過程中,我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨(dú)秀,而是多種課程的綜合,他是、Flash、Fireworks等網(wǎng)頁軟件的綜合應(yīng)用。
下方闡述一下我在翻閱《Dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計就應(yīng)具備一些基本原則。
首先,要確定網(wǎng)頁設(shè)計的資料一個優(yōu)秀的網(wǎng)站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么,所有頁面都是圍繞著這個資料來制作,有了明確的資料對排行有很重要的作用;其次,要了解你網(wǎng)站所在行業(yè)的客戶,及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時刻進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會立刻離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去。
在完成以上的基本資料之后網(wǎng)頁的基本框架便成構(gòu)成了,下方要開始的便是優(yōu)化工作。
資料是整個網(wǎng)頁的核心。在網(wǎng)頁設(shè)計之前務(wù)必明確網(wǎng)頁的資料安排。優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)頁時,能夠用樹狀結(jié)構(gòu)先把每個頁面的資料大綱列出來,尤其要制作一個大的.網(wǎng)站(有很多頁面)的時候,個性需要把這個架構(gòu)規(guī)劃好,也要思考到以后可能的擴(kuò)充性,免得做好以后又要一改再改整個網(wǎng)站的架構(gòu),很浪費(fèi)時刻和財力。大綱列出來后,還務(wù)必思考每個頁面之間的鏈接關(guān)聯(lián)。是星形,樹形,或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂,層次不清的站點(diǎn)會造成瀏覽困難,影響資料的發(fā)揮?蚣芏ㄏ聛砹耍缓箝_始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步,就以動手制作具體資料了,題材選定,框架選定,接下來就開始往主頁里面填資料。
如果是個人主頁,有潛質(zhì)的人完全能夠靠自己來創(chuàng)作所有的資料。大部分人的方法是:從報紙,雜志,光盤等媒體中把相關(guān)的資料收集整理,再加上必須的修改后就能夠了。另外一個好的方法是從網(wǎng)絡(luò)上收集,您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字,就能夠找到一大堆的資料。在準(zhǔn)備材料的時候我們能夠用一些小的動畫和動態(tài)圖片,F(xiàn)lash帶給了功能齊全的繪圖和修改圖形工具。能夠直接在修改區(qū)里繪畫,修改修改十分靈活,它的另一大特點(diǎn)是“交互性”強(qiáng)。在動畫播放時,能夠用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制,效果能夠很直觀的反映出來。然后是開始正式制作主頁。透過Dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就能夠制作出一個簡單的網(wǎng)頁。
總體來說,透過這個假期對網(wǎng)頁設(shè)計的學(xué)習(xí),有收獲也有遺憾。但是,我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門,只要我再認(rèn)真發(fā)奮的去學(xué)習(xí),在今后的閑余時刻學(xué)習(xí)制作網(wǎng)頁的更多知識以實(shí)現(xiàn)自身技能的提高,我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè),更加華麗,使它最終成為自己的一項(xiàng)技能。
網(wǎng)頁設(shè)計的心得體會12
網(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í)慣性的先看看排版、布局和色彩運(yùn)用。
通過老師的講解和對課本的翻閱,我學(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)驗(yàn)。例如:
1、命名站點(diǎn)或者文件夾的的時候一定要注意,最好用相應(yīng)的英語或者漢語拼音,要見名知意,如圖片文件夾用image或者tu,這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。
2、調(diào)用Style時可以單擊鼠標(biāo)右鍵選擇CustonStyle來調(diào)用Style標(biāo)準(zhǔn),也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣,但實(shí)際上產(chǎn)生的HTML代碼則完全不同。在這個過程中,我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨(dú)秀,而是多種課程的綜合,它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具?梢灾苯釉诰庉媴^(qū)里繪畫,編輯修改非常靈活,它的另一大特點(diǎn)是“交互性”強(qiáng)。在動畫播放時,可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制,可以很直觀的反映出效果。頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則,保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果,應(yīng)講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗(yàn)。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式,讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計,就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進(jì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)站,能點(diǎn)一次的,絕不點(diǎn)第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站,對于宣傳展示性網(wǎng)站,諸如加特效的或Flash網(wǎng)站,可能就不得不花哨一些,但不能太過分。網(wǎng)站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現(xiàn)意境,點(diǎn)到為止。
下面簡單介紹下網(wǎng)頁設(shè)計的理念和要點(diǎn)。網(wǎng)頁設(shè)計理念:
。1)內(nèi)容決定形式:先把內(nèi)容充實(shí)上,再分區(qū)塊,再定色調(diào),再處理細(xì)節(jié)。
。2)先整體,后局部,最后回歸到整體:全局考慮,把能填上的都填上,占位置。然后定基調(diào),分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細(xì)節(jié)。
(3)功能決定設(shè)計方向:看網(wǎng)站的用途,決定設(shè)計思路。商業(yè)性的就要突出贏利目的;政府型的就要突出形象和權(quán)威性的文章;教育性的,就要突出師資和課程。
網(wǎng)頁設(shè)計的兩大要點(diǎn)是:整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格:
1、將標(biāo)志logo,盡可能的放在頁面最突出的位置。
2、突出標(biāo)準(zhǔn)色彩。
3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語。
4、相同類型的圖像采用相同效果,比如說標(biāo)題字都采用陰影效果,那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。
二、網(wǎng)頁色彩的搭配:
1、用一種色彩。指選定一種色彩,然后調(diào)整透明度或飽和度,這樣頁面看起來色彩統(tǒng)一,有層次感。
2、用兩種色彩。先選定一種色彩,然后選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩,例如淡藍(lán),淡黃,淡綠;或者土黃,土灰,土藍(lán)。在網(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è)
計通過文字圖形的空間組合,表達(dá)出和諧與美。不積跬步,無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門,在今后的閑余時間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識以實(shí)現(xiàn)自身技能的提高。
不知不覺,我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計與制作》這門課程一個學(xué)期了,雖然時間有點(diǎn)短,但這一個學(xué)期以后我卻受益匪淺,不僅讓我全面的、系統(tǒng)的'學(xué)會了頁設(shè)計與制作的基礎(chǔ)知識,還讓我學(xué)會了自己動手去制作屬于自己的網(wǎng)頁,這對于我來說是很值得高興的,能讓我在以后的工作生活中更好的展現(xiàn)自己。
建立一個網(wǎng)站就像蓋一幢大樓一樣,它是一個系統(tǒng)工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設(shè)計出一個滿意的網(wǎng)站。首先,我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容,一個網(wǎng)站必須要有一個明確的主題。特別是對于像我這樣的個人網(wǎng)站,你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全,包羅萬象。你沒有這個能力,也沒這個精力。網(wǎng)站的主題無定則,只要是你感興趣的,任何內(nèi)容都可以,但主題要鮮明,在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。
然后,我們要找材料。明確了網(wǎng)站的主題以后,你就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁的素材。
找到材料后,我們還要規(guī)劃網(wǎng)站。一個網(wǎng)站設(shè)計得成功與否,很大程度上決定于設(shè)計者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣,圖紙設(shè)計好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等,你只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色,具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容,我們在下面會有詳細(xì)介紹。
做好以上三步之后,我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞,但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多,首先就是網(wǎng)頁制作工具了,在這里,我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁,對于圖片部分的處理,個人覺得Photoshop比較好用。
最后,我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了,這是一個復(fù)雜而細(xì)致的過程,一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小,就是說在制作網(wǎng)頁時,先把大的結(jié)構(gòu)設(shè)計好,然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜,就是先設(shè)計出簡單的內(nèi)容,然后再設(shè)計復(fù)雜的內(nèi)容,以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板,這樣可以大大提高制作效率。網(wǎng)頁做好之后,就要發(fā)布到Web服務(wù)器上,才能夠讓全世界的朋友觀看,還要不斷地進(jìn)行宣傳,這樣才能讓更多的朋友認(rèn)識它。
網(wǎng)頁設(shè)計的心得體會13
轉(zhuǎn)眼間,已到了期末,學(xué)習(xí)網(wǎng)頁設(shè)計這門課程也要結(jié)束了,雖然時間有點(diǎn)短,但是學(xué)過這個幾周以后我受益匪淺。
記得最初接觸dreamweaver的時候,我很茫然,因?yàn)閯偨佑|陌生的軟件心里會很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課,老師講得比較基礎(chǔ),還能跟得上,漸漸的老師授課的進(jìn)程開始加速,有些跟不上了,需要下課后自己補(bǔ)上,問老師和周圍的同學(xué)。漸漸的,在老師的悉心教導(dǎo)下,我們開始熟悉這個軟件了。老師布置的第一個任務(wù),要求做一個自我形象網(wǎng)站。由于學(xué)習(xí)的時間較短,老師只要求用PS做好模板即可,任務(wù)相對簡單。但也要求設(shè)計感強(qiáng),色彩搭配和諧,并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁。
第二個網(wǎng)頁設(shè)計老師要求相對較高,用dreamweaver做一個比較接近真實(shí)的網(wǎng)頁,還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格,然后在表格內(nèi)進(jìn)行拆分合并處理,接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進(jìn)去了。
中間時預(yù)覽,問題出現(xiàn)了,發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離,但是在軟件中已經(jīng)把距離縮小為0了,多次嘗試后沒有效果。最后想到可以另外再加一個表格,把版頭放在一個表格內(nèi)面,這樣問題就解決了。預(yù)覽是效果還不錯。但是總覺得首頁做得太普通,一次瀏覽學(xué)長做的網(wǎng)頁時,覺得他們的文字滾動窗口做得效果做得不錯,于是想借見一下。就決定把自己網(wǎng)站的.左邊修改修改。復(fù)制了他的代碼,把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成,但是卻出現(xiàn)大問題了。
因?yàn)樾枰獫L動的文字占的空間太大,把左邊的那部分表格全部占滿了,而在實(shí)際的網(wǎng)頁預(yù)覽中,這個有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計瀏覽的工具建站程序三分之一,左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面,試了很多方法,在網(wǎng)站查了很多資料,可能因?yàn)闆]有專業(yè)術(shù)語作為搜索的關(guān)鍵詞,查不到任何相關(guān)的資料,試過div標(biāo)簽,試過不停的拆分表格,最后還是沒有效果。就這樣試著試著,突然想到了層這個概念。于是在布局中點(diǎn)擊了繪制層,結(jié)果成功了,經(jīng)過一些加工,終于成功的完成左邊的布局。印象還比較深刻的是插入聲音,記得老師曾經(jīng)給我們講過很多次怎樣插入聲音,可是等到自己做網(wǎng)頁的時候卻忘記了,于是問其他人,結(jié)果居然都忘記了,于是自己在百度上收。
最后終于找到了一個可以使用的代碼,但是在加入聲音路徑時出現(xiàn)了問題。在屬性內(nèi)加入源文件,結(jié)果就是加不進(jìn)去MP3的音樂文件,然后自己就嘗試加入了一個視頻,記下了路徑格式,然后照著這種格式寫下了指向聲音源文件的路徑,最后成功了。在設(shè)計過程中還出現(xiàn)了很多的問題,但通過看書,上網(wǎng)查詢,請教同學(xué)等方式,不斷的學(xué)習(xí)、解決、提高,設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容,都在不斷的進(jìn)步、改善?梢哉f在自己動手,不斷實(shí)踐的過程中,網(wǎng)頁設(shè)計水平得到了很大的提高。熱情和執(zhí)著,我將來設(shè)計出的網(wǎng)頁會更加專業(yè),更完善。
網(wǎng)頁設(shè)計的心得體會14
一、要進(jìn)行個人網(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)站,這樣我們可以注冊域名,但我們也可以利用主機(jī)和安裝iis,這樣其他人可以通過“我的IP”地址訪問“我的主頁”。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了,就有必要推廣一下個人網(wǎng)站,這是一個電子商務(wù)網(wǎng)站必須做的一步,因?yàn)槿绻悴煌茝V你的網(wǎng)站,即使你發(fā)布了也沒有人會知道。
在設(shè)計網(wǎng)站時真的可以體會很多東西,從一開始確定頁面的主題,到整個主頁的設(shè)計,信息的收集,前臺功能的設(shè)計與管理,后臺功能的設(shè)計與管理,每一個頁面的表面設(shè)計。我把它們都一一進(jìn)行規(guī)劃,因?yàn)槿绻悴缓煤靡?guī)劃,想做什么就做什么,你是做不好的。因?yàn)槲乙庾R到這句話:“機(jī)會是屬于那些有準(zhǔn)備的人”。我詳細(xì)到一個表的寬度都一一列出來。例如:775寬,分成三欄,每欄占多少。因?yàn)槲疑钪凹?xì)微之處才見真功夫”。
給我最深印象的是留言板,因?yàn)橹癝QL數(shù)據(jù)庫實(shí)際鍛煉做過了,所以這次做相對容易,但我經(jīng)過長時間的練習(xí),完成了n次,有些人可能會認(rèn)為,肯定是不會才做很多次!但我想告訴這些人,我每次做都是用不同的方法。第一次使用access數(shù)據(jù)庫,第二次使用SQL數(shù)據(jù)庫+權(quán)限管理,第三次使用數(shù)據(jù)源名稱的連接。每次用的方法都不一樣。
可能會有人說我笨,有方法就行了,要那么多干嘛?但我想說的是,沒有這么多次練習(xí),就不會有這么多不同的方法,不會創(chuàng)造今天熟能生巧的我。方法,只有你自己先學(xué)會,才會學(xué)通、學(xué)
廣。
做出一個好的網(wǎng)頁一般都離不開dreamweaver,flash,photoshop這三個軟件,當(dāng)然,還可以用到其他一些輔助軟件就會加快網(wǎng)頁的設(shè)計了,比如:SothinkDHTMLMenu,Sothink_Logo_Maker等軟件,這些軟件不僅可以快速開發(fā)出導(dǎo)航,logo等,而且很漂亮,美觀。
制作網(wǎng)頁,首先是確定主題,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,每一部分又分幾小部分,內(nèi)容比較充分,多樣。內(nèi)容精彩豐富,簡潔明快,語言風(fēng)趣,通俗易懂。頁面可愛清爽。而我們這次的實(shí)習(xí)就是用這幾款軟件來設(shè)計,主要使用div+css來布局,避開傳統(tǒng)的table(表格)布局DIV+CSS的網(wǎng)頁布局對SEO的好處一、不存在表格的嵌套問題:很多“網(wǎng)站如何推廣”的文章中稱,搜索引擎一般不抓取三層以上的表格嵌套,這一點(diǎn)一直沒有得到搜索引擎相關(guān)的官方證實(shí)。我的幾項(xiàng)實(shí)驗(yàn)結(jié)果沒有完全出來,但根據(jù)目前掌握的情況來看,Spider爬行Table布局的頁面,遇到多層表格嵌套時,會跳過嵌套的內(nèi)容或直接放棄整個頁面。
使用Table布局,為了達(dá)到一定的視覺效果,不得不套用多個表格。如果嵌套的表格中是核心內(nèi)容,蜘蛛(Spider)爬行時跳過了這一段沒有抓取到頁面的核心,這個頁面就成了相似頁面。網(wǎng)站中過多的相似頁面會影響排名及域名信任度。
DIV+CSS的網(wǎng)頁布局對SEO的好處二、精簡的代碼使用DIVCSS布局,頁面代碼精簡,這一點(diǎn)相信對XHTML有所了解的都知道。觀看更多的HTML教程內(nèi)容。
代碼精簡所帶來的直接好處有兩點(diǎn):一是提高蜘蛛(Spider)爬行效率,能在最短的時間內(nèi)爬完整個頁面,這樣對收錄質(zhì)量有一定好處;二是由于能高效的爬行,就會受到蜘蛛(Spider)歡迎,這樣對收錄數(shù)量有很大好處。而DIV+CSS布局基本上不會存在這樣的問題,從技術(shù)角度來說,XHTML在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認(rèn),但還是建議使用Table布局的朋友們,在設(shè)計時盡可能的不要使用多層表格嵌套,SEOer(seo工作者們)們在文章中說明了這一點(diǎn),相信他們也不是沒有依據(jù)。
DIV+CSS的網(wǎng)頁布局對SEO的好處三、對搜索引擎的排名基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局,一般在設(shè)計完成后會盡可能的完善到能通過W3C驗(yàn)證。截止目前沒有搜索引擎表示排名規(guī)則會傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁面,但事實(shí)證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯。
DIV+CSS的網(wǎng)頁布局對SEO的好處四、提高網(wǎng)頁的訪問速度:DIV+CSS布局較Table布局減少了頁面代碼,加載速度得到很大的提高,這在蜘蛛(Spider)爬行時是非常有利的。過多的頁面代碼可能造成爬行超時,蜘蛛(Spider)就會認(rèn)為這個頁面無法訪問,影響收錄及權(quán)重。
真正的SEOer(seo工作者們)不只是為了追求收錄、排名,快速的.響應(yīng)速度是提高用戶體驗(yàn)度的基礎(chǔ),這對整個搜索引擎優(yōu)化及營銷都是非常有利的。換一個角度拋開DIV+CSS對SEO的有利影響。單獨(dú)來講這種div+css布局也是很有益的,可以說是實(shí)下是最流行的網(wǎng)頁布局方式。當(dāng)然div+css布局也有不完善的方面。
總之Div+css布局的優(yōu)勢如下:
由于將大部分頁面代碼寫在了CSS當(dāng)中,使得頁面體積容量變得更小。相對于表格嵌套的方式,DIV+CSS將頁面獨(dú)立成更多的區(qū)域,在打開頁面的時候,逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里,使得加載速度很慢。
頁面體積變小,瀏覽速度變快,這就使得對于某些控制主機(jī)流量的網(wǎng)站來說是最大的優(yōu)勢了。由于使用了DIV+CSS制作方法,在修改頁面的時候更加容易省時。根據(jù)區(qū)域內(nèi)容標(biāo)記,到CSS里找到相應(yīng)的ID,使得修改頁面的時候更加方便,也不會破壞頁面其他部分的布局樣式。
DIV+CSS最重要的優(yōu)勢之一:保持視覺的一致性;以往表格嵌套的制作方法,會使得頁面與頁面,或者區(qū)域與區(qū)域之間的顯示效果會有偏差。而使用DIV+CSS的制作方法,將所有頁面,或所有區(qū)域統(tǒng)一用CSS文件控制,就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。
我們都知道網(wǎng)站做出來是給瀏覽者使用的,對瀏覽者和瀏覽器更具親和力,DIV+CSS在這方面更具優(yōu)勢。由于CSS富含豐富的樣式,使頁面更加靈活性,它可以根據(jù)不同的瀏覽器,而達(dá)到顯示效果的統(tǒng)一和不變形。
好的網(wǎng)頁,也離不開photoshop,前面我也說了,flash的制作所需要的圖片都要在photoshop中事先PS好的。那photoshop的作用就顯得很重要了,網(wǎng)頁中的flash都僅僅是一小部分,圖片占的分量還是比flash要大的,故好的photoshop技術(shù),那么PS出來的圖片就會顯得更好,這樣網(wǎng)頁的檔次也會隨著上升。這次的網(wǎng)頁設(shè)計,因?yàn)槭欠抡找粡垐D片,那么就要求我們要懂得photoshop中的切片工具的使用。切好片后,還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內(nèi)。所以我們需要先放大,然后才來控制切片線的位置。
從制作網(wǎng)頁過程中,我學(xué)到了新的美化網(wǎng)頁的方法,運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實(shí)習(xí)的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲?傮w來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。這兩周的學(xué)習(xí)實(shí)習(xí)中我在老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例,教會我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧,使我們真正對所學(xué)的軟件融會貫通。當(dāng)前的軟件的功能日趨復(fù)雜,不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠,缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實(shí)踐操作技能,為以后能做出出色的網(wǎng)頁。
網(wǎng)頁設(shè)計的心得體會15
通過這次實(shí)訓(xùn)對這門課程的學(xué)習(xí),做好頁,并不是一件容易的事,它包括頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套頁的色調(diào)等很多東西。所以我得出一下總結(jié):
一、準(zhǔn)備資料和挑選符合目的主題的合適素材
做頁當(dāng)然要收集、準(zhǔn)備資料。在上多轉(zhuǎn)轉(zhuǎn),看到什么漂亮的頁,把它保存起來,作為以后自己設(shè)計主頁時的參考。另外,還包括搜集美化主頁可能要用到的.各種材料,如背景、小動畫圖標(biāo)等等?梢栽谟脖P上建一個文件夾,下分“圖片、聲音、動畫”等文件夾,養(yǎng)成上時看到有創(chuàng)意、新鮮的圖像,就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣,時間一長就擁有了一個可觀的圖庫,等做頁時隨手拈來或加以修改就成你自己的東西了。
二、規(guī)劃好整個
主頁的設(shè)計應(yīng)以醒目優(yōu)先,應(yīng)該令人一目了然,切勿堆砌太多不必要的細(xì)節(jié),或使畫面過于復(fù)雜。切記,頁面給人的第一觀感最為重要!在上到處瀏覽的人很多,如果你的主頁給人的第一印像沒有吸引力,很難令他們深入觀賞,而且他們恐怕再也不會訪問你的了。
三、善用圖片,增強(qiáng)藝術(shù)效果
我記得老師說過頁的迷人之處之一,要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計,可以使自己的頁增輝不少,令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用,切忌虛飾浮夸,同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
四、善于借鑒他人主頁制作中的設(shè)計技巧
由于在上用瀏覽器瀏覽任何主頁時,都能查看到該主頁制作時所編寫的絕大部分頁編程源代碼。因此,如果想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計技巧,試著將其源代碼調(diào)出來仔細(xì)揣摩,并模仿著一步一步去實(shí)現(xiàn)。
最后感謝老師多日來的辛勤教導(dǎo)!
【網(wǎng)頁設(shè)計的心得體會】相關(guān)文章:
網(wǎng)頁設(shè)計心得體會08-15
網(wǎng)頁設(shè)計心得08-24
網(wǎng)頁設(shè)計的實(shí)訓(xùn)心得體會12-22