網(wǎng)頁設(shè)計課程心得體會
當(dāng)在某些事情上我們有很深的體會時,好好地寫一份心得體會,這樣能夠給人努力向前的動力。很多人都十分頭疼怎么寫一篇精彩的心得體會,以下是小編為大家收集的網(wǎng)頁設(shè)計課程心得體會,供大家參考借鑒,希望可以幫助到有需要的朋友。
網(wǎng)頁設(shè)計課程心得體會1
做出一個好的網(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)趣,通俗易懂。頁面可愛清爽。
而我們這次的實習(xí)就是用這幾款軟件來設(shè)計,主要使用div+css來布局,避開傳統(tǒng)的table(表格)布局DIV+CSS的網(wǎng)頁布局對SEO的好處一、不存在表格的嵌套問題:很多“網(wǎng)站如何推廣”的文章中稱,搜索引擎一般不抓取三層以上的表格嵌套,這一點一直沒有得到搜索引擎相關(guān)的官方證實。我的幾項實驗結(jié)果沒有完全出來,但根據(jù)目前掌握的情況來看,Spider爬行Table布局的頁面,遇到多層表格嵌套時,會跳過嵌套的內(nèi)容或直接放棄整個頁面。
使用Table布局,為了達(dá)到一定的視覺效果,不得不套用多個表格。如果嵌套的表格中是核心內(nèi)容,蜘蛛(Spider)爬行時跳過了這一段沒有抓取到頁面的核心,這個頁面就成了相似頁面。網(wǎng)站中過多的相似頁面會影響排名及域名信任度。
DIV+CSS的網(wǎng)頁布局對SEO的好處二、精簡的代碼使用DIVCSS布局,頁面代碼精簡,這一點相信對XHTML有所了解的都知道。觀看更多的HTML教程內(nèi)容。
代碼精簡所帶來的直接好處有兩點:一是提高蜘蛛(Spider)爬行效率,能在最短的時間內(nèi)爬完整個頁面,這樣對收錄質(zhì)量有一定好處;二是由于能高效的爬行,就會受到蜘蛛(Spider)歡迎,這樣對收錄數(shù)量有很大好處。
而DIV+CSS布局基本上不會存在這樣的問題,從技術(shù)角度來說,XHTML在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認(rèn),但還是建議使用Table布局的朋友們,在設(shè)計時盡可能的不要使用多層表格嵌套,SEOer(seo工作者們)們在文章中說明了這一點,相信他們也不是沒有依據(jù)。
DIV+CSS的網(wǎng)頁布局對SEO的好處三、對搜索引擎的排名基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局,一般在設(shè)計完成后會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規(guī)則會傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁面,但事實證明使用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)速度是提高用戶體驗度的基礎(chǔ),這對整個搜索引擎優(yōu)化及營銷都是非常有利的。換一個角度拋開DIV+CSS對SEO的有利影響。單獨來講這種div+css布局也是很有益的,可以說是實下是最流行的網(wǎng)頁布局方式。當(dāng)然div+css布局也有不完善的方面。
總之Div+css布局的優(yōu)勢如下:
由于將大部分頁面代碼寫在了CSS當(dāng)中,使得頁面體積容量變得更小。相對于表格嵌套的.方式,DIV+CSS將頁面獨立成更多的區(qū)域,在打開頁面的時候,逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里,使得加載速度很慢。
頁面體積變小,瀏覽速度變快,這就使得對于某些控制主機流量的網(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è)計,因為是仿照一張圖片,那么就要求我們要懂得photoshop中的切片工具的使用。切好片后,還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內(nèi)。所以我們需要先放大,然后才來控制切片線的位置。
從制作網(wǎng)頁過程中,我學(xué)到了新的美化網(wǎng)頁的方法,運用了更多以前未運用的技巧。這使我學(xué)到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實習(xí)的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲?傮w來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。這兩周的學(xué)習(xí)實習(xí)中我在老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實例,教會我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧,使我們真正對所學(xué)的軟件融會貫通。當(dāng)前的軟件的功能日趨復(fù)雜,不學(xué)到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠,缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁。
網(wǎng)頁設(shè)計課程心得體會2
不知不覺,二個星期的《網(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)樽约旱囊豁椞亻L。
回顧第一天的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程實操,老師叫我們繼續(xù)完善以前設(shè)計的網(wǎng)站,做出留言板、注冊的功能。我很快就完成了,但可能我是一個追求完善的人,所以盡管一個網(wǎng)站做好可以馬上交給老師。但我做出一個別人都不贊同的決定,從頭開始做一個網(wǎng)站。因為我覺得以前那個真的不是太好,盡管實操的時間過去了一半,盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執(zhí)著,追求成功,追求完善的人,才會使我今天交出一個令自己滿足的答卷。
在制作個人網(wǎng)站時我們首先:
一、必需進(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)站可能以能過域名注冊,但我們也可以利用自己主機,裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的'那個網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了,就要對個人網(wǎng)站進(jìn)行推廣,這是一個電子商務(wù)網(wǎng)站必需做得的一步,因為如果你不對你的網(wǎng)站進(jìn)行推廣,就算你發(fā)布了也沒有人會知道的。
在設(shè)計這個網(wǎng)站時真的體會很多東西,從一開始網(wǎng)頁主題的確定,到主頁總體的設(shè)計、搜集資料、前臺功能設(shè)計與管理、后臺功能設(shè)計與管理、每個分頁面的設(shè)計等。我都一一進(jìn)行了規(guī)劃,因為如果你不規(guī)劃好,想做什么就做什么,是不會做得好的。因我為體會到這一句話:“機會中屬于有準(zhǔn)備的人”。我詳細(xì)到一個表格寬度都一一列明。例如:775寬度,分三欄,每一欄占多少。因為我深深懂得“細(xì)微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板,因為剛好在上一個星期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é)因為做不出而沒心情,過去對她進(jìn)行鼓勵的,然后一一解決;當(dāng)自己也不會,與同學(xué)共同研究的情況,這種學(xué)習(xí)氛圍是最難得的,就是在做留言板的時候,令我深深體會到我?guī)拙湓挘赫J(rèn)真做事只是把事情做對,用心做事才能把事情做好。把每一件簡單的事情做好就是不簡單,把第一件平凡的事情做好就是不平凡。
【網(wǎng)頁設(shè)計課程心得體會】相關(guān)文章:
網(wǎng)頁設(shè)計課程實訓(xùn)報告09-25
網(wǎng)頁設(shè)計課程設(shè)計報告心得體會(精選11篇)05-24
網(wǎng)頁設(shè)計心得體會10-07
網(wǎng)頁設(shè)計報告09-16