網(wǎng)頁設計課程心得體會
當在某些事情上我們有很深的體會時,好好地寫一份心得體會,這樣能夠給人努力向前的動力。很多人都十分頭疼怎么寫一篇精彩的心得體會,以下是小編為大家收集的網(wǎng)頁設計課程心得體會,供大家參考借鑒,希望可以幫助到有需要的朋友。
網(wǎng)頁設計課程心得體會1
做出一個好的網(wǎng)頁一般都離不開dreamweaver,flash,photoshop這三個軟件,當然,還可以用到其他一些輔助軟件就會加快網(wǎng)頁的設計了,比如:
SothinkDHTMLMenu,Sothink_Logo_Maker等軟件,這些軟件不僅可以快速開發(fā)出導航,logo等,而且很漂亮,美觀。
制作網(wǎng)頁,首先是確定主題,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,每一部分又分幾小部分,內容比較充分,多樣。內容精彩豐富,簡潔明快,語言風趣,通俗易懂。頁面可愛清爽。
而我們這次的實習就是用這幾款軟件來設計,主要使用div+css來布局,避開傳統(tǒng)的table(表格)布局DIV+CSS的網(wǎng)頁布局對SEO的好處一、不存在表格的嵌套問題:很多“網(wǎng)站如何推廣”的文章中稱,搜索引擎一般不抓取三層以上的表格嵌套,這一點一直沒有得到搜索引擎相關的官方證實。我的幾項實驗結果沒有完全出來,但根據(jù)目前掌握的情況來看,Spider爬行Table布局的頁面,遇到多層表格嵌套時,會跳過嵌套的內容或直接放棄整個頁面。
使用Table布局,為了達到一定的視覺效果,不得不套用多個表格。如果嵌套的表格中是核心內容,蜘蛛(Spider)爬行時跳過了這一段沒有抓取到頁面的核心,這個頁面就成了相似頁面。網(wǎng)站中過多的相似頁面會影響排名及域名信任度。
DIV+CSS的網(wǎng)頁布局對SEO的好處二、精簡的代碼使用DIVCSS布局,頁面代碼精簡,這一點相信對XHTML有所了解的都知道。觀看更多的HTML教程內容。
代碼精簡所帶來的直接好處有兩點:一是提高蜘蛛(Spider)爬行效率,能在最短的時間內爬完整個頁面,這樣對收錄質量有一定好處;二是由于能高效的爬行,就會受到蜘蛛(Spider)歡迎,這樣對收錄數(shù)量有很大好處。
而DIV+CSS布局基本上不會存在這樣的問題,從技術角度來說,XHTML在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認,但還是建議使用Table布局的朋友們,在設計時盡可能的不要使用多層表格嵌套,SEOer(seo工作者們)們在文章中說明了這一點,相信他們也不是沒有依據(jù)。
DIV+CSS的網(wǎng)頁布局對SEO的好處三、對搜索引擎的排名基于XTHML標準的DIV+CSS布局,一般在設計完成后會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規(guī)則會傾向于符合W3C標準的網(wǎng)站或頁面,但事實證明使用XTHML架構的網(wǎng)站排名狀況一般都不錯。
DIV+CSS的網(wǎng)頁布局對SEO的好處四、提高網(wǎng)頁的訪問速度:DIV+CSS布局較Table布局減少了頁面代碼,加載速度得到很大的提高,這在蜘蛛(Spider)爬行時是非常有利的。過多的頁面代碼可能造成爬行超時,蜘蛛(Spider)就會認為這個頁面無法訪問,影響收錄及權重。
真正的SEOer(seo工作者們)不只是為了追求收錄、排名,快速的響應速度是提高用戶體驗度的基礎,這對整個搜索引擎優(yōu)化及營銷都是非常有利的。換一個角度拋開DIV+CSS對SEO的有利影響。單獨來講這種div+css布局也是很有益的,可以說是實下是最流行的網(wǎng)頁布局方式。當然div+css布局也有不完善的方面。
總之Div+css布局的優(yōu)勢如下:
由于將大部分頁面代碼寫在了CSS當中,使得頁面體積容量變得更小。相對于表格嵌套的.方式,DIV+CSS將頁面獨立成更多的區(qū)域,在打開頁面的時候,逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里,使得加載速度很慢。
頁面體積變小,瀏覽速度變快,這就使得對于某些控制主機流量的網(wǎng)站來說是最大的優(yōu)勢了。由于使用了DIV+CSS制作方法,在修改頁面的時候更加容易省時。根據(jù)區(qū)域內容標記,到CSS里找到相應的ID,使得修改頁面的時候更加方便,也不會破壞頁面其他部分的布局樣式。
DIV+CSS最重要的優(yōu)勢之一:保持視覺的一致性;以往表格嵌套的制作方法,會使得頁面與頁面,或者區(qū)域與區(qū)域之間的顯示效果會有偏差。而使用DIV+CSS的制作方法,將所有頁面,或所有區(qū)域統(tǒng)一用CSS文件控制,就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。
我們都知道網(wǎng)站做出來是給瀏覽者使用的,對瀏覽者和瀏覽器更具親和力,DIV+CSS在這方面更具優(yōu)勢。由于CSS富含豐富的樣式,使頁面更加靈活性,它可以根據(jù)不同的瀏覽器,而達到顯示效果的統(tǒng)一和不變形。
好的網(wǎng)頁,也離不開photoshop,前面我也說了,flash的制作所需要的圖片都要在photoshop中事先PS好的。那么photoshop的作用就顯得很重要了,網(wǎng)頁中的flash都僅僅是一小部分,圖片占的分量還是比flash要大的,故好的photoshop技術,那么PS出來的圖片就會顯得更好,這樣網(wǎng)頁的檔次也會隨著上升。這次的網(wǎng)頁設計,因為是仿照一張圖片,那么就要求我們要懂得photoshop中的切片工具的使用。切好片后,還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大,然后才來控制切片線的位置。
從制作網(wǎng)頁過程中,我學到了新的美化網(wǎng)頁的方法,運用了更多以前未運用的技巧。這使我學到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷,將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲?傮w來說這次是對我的綜合素質的培養(yǎng),鍛煉和提高。這兩周的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的應用實例,教會我們。使更豐富全面的軟件技術和應用技巧,使我們真正對所學的軟件融會貫通。當前的軟件的功能日趨復雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁。
網(wǎng)頁設計課程心得體會2
不知不覺,二個星期的《網(wǎng)頁設計與網(wǎng)站建設》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情。
自從第一天接觸《網(wǎng)頁設計與網(wǎng)站建設》課程,我以下定決心要把網(wǎng)頁這門課學好,做出一個優(yōu)秀的網(wǎng)站。所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上。更何況這一次實操;仡櫧翊蔚膶嵅傥矣X得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次游戲,我每時每刻都在設計網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點,可能有人會說我傻,但正因為這個傻的行動,令我學會很多東西,學會別人不懂的東西,做出一個令自己滿意的網(wǎng)站,可能跟別人比還需要繼續(xù)完善,但我不會因為實操結束,就把網(wǎng)頁設計拋到九霄云外,我會繼續(xù)學習網(wǎng)頁設計技術,把它變?yōu)樽约旱囊豁椞亻L。
回顧第一天的《網(wǎng)頁設計與網(wǎng)站建設》課程實操,老師叫我們繼續(xù)完善以前設計的網(wǎng)站,做出留言板、注冊的功能。我很快就完成了,但可能我是一個追求完善的人,所以盡管一個網(wǎng)站做好可以馬上交給老師。但我做出一個別人都不贊同的決定,從頭開始做一個網(wǎng)站。因為我覺得以前那個真的不是太好,盡管實操的時間過去了一半,盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執(zhí)著,追求成功,追求完善的人,才會使我今天交出一個令自己滿足的答卷。
在制作個人網(wǎng)站時我們首先:
一、必需進行個人網(wǎng)站前臺功能設計
包括個人網(wǎng)站主題的確定,前臺功能設計與管理、個人網(wǎng)站主頁設計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設計與管理。
二、對個人網(wǎng)站后臺管理功能設計
包括個人網(wǎng)站后臺管理功能的設計、后臺管理信息系統(tǒng)功能的設計、后臺系統(tǒng)權限管理、后臺文件管理、個人網(wǎng)站后臺管理系統(tǒng)主頁設計。
三、網(wǎng)站的發(fā)布
通常我們發(fā)布一個網(wǎng)站可能以能過域名注冊,但我們也可以利用自己主機,裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的'那個網(wǎng)頁我已經發(fā)布在上網(wǎng)了。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了,就要對個人網(wǎng)站進行推廣,這是一個電子商務網(wǎng)站必需做得的一步,因為如果你不對你的網(wǎng)站進行推廣,就算你發(fā)布了也沒有人會知道的。
在設計這個網(wǎng)站時真的體會很多東西,從一開始網(wǎng)頁主題的確定,到主頁總體的設計、搜集資料、前臺功能設計與管理、后臺功能設計與管理、每個分頁面的設計等。我都一一進行了規(guī)劃,因為如果你不規(guī)劃好,想做什么就做什么,是不會做得好的。因我為體會到這一句話:“機會中屬于有準備的人”。我詳細到一個表格寬度都一一列明。例如:775寬度,分三欄,每一欄占多少。因為我深深懂得“細微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板,因為剛好在上一個星期sql數(shù)據(jù)庫實操做過了,所以今次在做就比較輕松,但我以前是經過一個比較長的練習,做完了n次,可能有人會想,肯定是不會才做這么多次啦!但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫,第二次我用的是sql數(shù)據(jù)庫加權限管理,第三次我用的是數(shù)據(jù)源名稱的連接,第四次我用的是自定義連接字符串,第五次……每一次用的方法都是不同的,可能有人會說我傻,會一種方法就行了,還要那么多嗎?但我想說的就是不是這么多次的練習,不是之么多次不同的方法,也就不會造就出今天熟能生巧的我,也不會對同學提出的問題解決到,也不會輕松教會同學,因為你自己首先學會,學通,學廣,才能把問題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的時候,但不是為我自己的而做,而是一步一步教同學做,直到令同學學懂;把同學留言板的問題一一解決;當同學因為做不出而沒心情,過去對她進行鼓勵的,然后一一解決;當自己也不會,與同學共同研究的情況,這種學習氛圍是最難得的,就是在做留言板的時候,令我深深體會到我?guī)拙湓挘赫J真做事只是把事情做對,用心做事才能把事情做好。把每一件簡單的事情做好就是不簡單,把第一件平凡的事情做好就是不平凡。
【網(wǎng)頁設計課程心得體會】相關文章:
網(wǎng)頁設計課程實訓報告09-25
網(wǎng)頁設計課程設計報告心得體會(精選11篇)05-24
網(wǎng)頁設計心得體會10-07
制作網(wǎng)頁設計的心得體會08-29
html網(wǎng)頁設計心得體會05-22
網(wǎng)頁設計與制作心得體會05-25
網(wǎng)頁設計總結07-13
網(wǎng)頁設計報告09-16
網(wǎng)頁設計實訓心得體會06-18
學習網(wǎng)頁設計心得體會05-29