html網頁心得體會

來源:文萃谷 1.13W

當我們受到啟發,對生活有了新的感悟時,將其記錄在心得體會裏,讓自己銘記於心,如此可以一直更新迭代自己的想法。你想好怎麼寫心得體會了嗎?下面是小編收集整理的html網頁心得體會,希望對大家有所幫助。

html網頁心得體會

html網頁心得體會1

首先我要做的就是要選擇好題目和網站的風格,之後我就分步驟準備在製作網站前所要做好的準備工作。我瀏覽了中國美食網的一些特點,借監這些網站的優秀之處,不好的地方在自己的網站上加以改良,從而使自己的網站更加美觀。

回顧這次課程設計,至今我仍感慨頗多。的卻。從選題到開始製作,從理論到實踐,在實訓機房日子裏,可以説得是苦多於甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。

在選擇好題目和網站的風格之後,我就開始了實訓項目的進程,按照實訓方案的規定,先是將網站的總體策劃以書面的形式展現出來,通過老師審核之後,在相應的時間段找相關的素材,蒐集與主題相關的文字、圖像等。再是設計網站的內容結構、目錄結構和鏈接結構,設計首頁及其頁面的版式結構。然後創建本地網站,建立網站的目錄結構。製作首頁、二級子頁、內容頁,創建超級鏈接。最後就是測試與瀏覽網頁,如果還有什麼不理想的地方再改進再預覽,如此反覆,最後達到最好效果!

在此次網站的設計與製作過程中,難免會遇到過各種各樣的問題,這畢竟是第一次獨自設計網站、製作網站。但值得高興的是:在設計的過程中發現了自己的不足之處,對以前所學過的知識理解得不夠深刻,掌握得不夠牢固,沒有能完全達到自己預期的效果,還好通過老師的細心指導才能達到最終效果……

一週網頁設計與製作的實訓課程結束了,回顧這次課程設計實訓,至今我仍感慨頗多。的確,從選材到開始製作,從理論到實踐,在兩週的實訓日子裏,可以説得是苦多於甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。更懂得並親身體會到了理論與實際相結合的重要性,只有理論知識是遠遠不夠的,把所學的理論知識與實踐相結合起來,從理論中得出結論,才能真正為掌握技術,從而提高自己的實際動手能力和獨立思考的能力。

html網頁心得體會2

經過倆周的實訓,我從中收穫了很多。原本以為計算機科學導論的實訓是純理論的,得知是上機操作還是有一點興奮。剛打開實訓的要求,發現在實訓期間我們要學的多。像word、excel、photoshop、powerpoint、flash、dreamweaver等軟件的應用,有些是我從來沒有接觸過的,有一些是自己會一點皮毛的。帶着一份緊張一份奇,我開始展開了對這些軟件的探索。按照老師在實訓期間給我們的要求,在做word的時候,原本以為很簡單的,後來才發現自己會的只是冰山一角,原來word的用處那麼多。通過訓練,我掌握了段落的拆分、移動和複製處理以及段落格式設置,格式、特殊字符的查找和替換,分欄、首字下沉設置,頁眉、頁腳及頁碼的設置,插入藝術字體、圖片、公式等對象,圖片的旋轉和翻轉、組合和對齊。excel在我的意識裏只能用來編輯數據,做個表格,沒想到還有數據排序和自動篩選、圖表的創建和編輯、分類彙總等功能。photoshop的功能是處理圖片,在實訓的時候自己做的那個端午節的粽子是通過這個軟件自己繪製出來的,感覺到軟件應用的神奇。ppt由於自己上學期的學習,因此在實訓期間做的作業也就駕輕就熟的完成了。最玩的軟件應該就是flash了,通過幾張圖片的疊加和處理,就出現很可愛的動畫了。最讓我驚訝的軟件當然就是dreamweaver了,它竟然是用來做自己的個人頁的,本來覺得自己做站是一件很不切實際的事情。經過實訓期間的學習,我也學會了製作自己的個人主頁。

這次的實訓讓我掌握了辦公自動化以及頁製作軟件的使用,也能運用word、excel、powerpoint處理檔,能運用dreamweaver、flash、photoshop製作頁了。總之實訓的收穫頗多。

html網頁心得體會3

楊老師下午講解的是網頁製作,他從網頁佈局(三段式)講解,接着展示新浪、師院首頁給我們看,在這過程中,始終都以實例講解為主。

接着講網頁佈局的方法:

1.紙上佈局法

許多網頁製作者不喜歡先畫出頁面佈局的草圖,而是直接在網頁設計器裏邊設計佈局邊加內容。這種不打草稿的方法不能讓你設計出優秀的網頁來。所以在開始製作網頁時,要先在紙上畫出你頁面的佈局草圖來。

2.軟件佈局法

如果你不喜歡用紙來畫出你的佈局意圖,那麼你還可以利用軟件來完成這些工作。這個軟件就是Photoshop。Photoshop所具有的對圖像的編輯功能用到設計網頁佈局上更顯得心應手。不像用紙來設計佈局,利用Photoshop可以方便的使用顏色,使用圖形,並且可以利用層的功能設計出用紙張無法實現的佈局意念。

最後重點講了佈局的技術

1.層疊樣式表的應用

2.表格佈局

3.框架佈局

最後,楊老師就DIV+CSS給我們進行詳細介紹,我們按照他的進度,創建網站站點、創建文件夾、創建文件。然後在DIV容器中插入動畫,創建CSS文件,對不同的塊元素進行排版,主要是浮動—float。由於時間實在是太短了,很多知識都沒的講,比如我們常遇到的外邊距,內邊距,線條,以及一些基本的代碼知識…….

哈哈,我就不多説了,對於網頁我也研究了好幾年了,問題還真多,學過網頁佈局(table、DIV+CSS),學過平面設計(PS、CDR),學過編程(ASP、),學過數據庫(AC、SQL)。可以説我現在完全可以獨當一面,接過學校、企業、武警等的網頁製作,評價都還不錯!目前就是缺一個團隊,從鄭小軍老師他們的成果看,不是一個人的努力能完成的,更多的是要一個志同道合的團隊,回去我也該好好想想這個問題了。

html網頁心得體會4

不知不覺我學習整站網頁設計也有一段時間了,很高興我能在這計算機深入的社會裏,學習到建設網站和網頁設計的一些知識。網絡成了我們獲取知識和信息的一種便捷工具,如今的生活,商業都已經在網絡上如火如荼地開展,我認為,學習網絡知識,對於生活在網絡時代的我們還是很有必要的。接下來我想分享一下我的獨家網頁設計學習心得。希望能夠為正在學習網頁設計的你們也提供一點幫助。

學習網頁設計的過程中,我也成功製作了屬於自己的網站,通過這一次嘗試,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解,對網頁製作的基礎知識也有了一定的掌握。我覺得,在設計網頁之前:

首先必須做到先確定網頁設計的內容,因為一個優秀的風站要有一個明確的主題,整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什麼目的,用來做什麼,所有頁面都是圍繞着這個內容來製作,有了明確的內容對排名有很重要的作用。

其次自然是瞭解你網站所在行業的客户。要知道用户是一個網站成敗的關鍵,如果用户要花很多時間進入你網站很有可能用户會立即關掉你網站,或者你網站操作很不方便用户也會馬上離開,這種網站是很失敗的設計,只會讓用户失望的離開。

我在這次設計網頁的過程中,終於體會到做一個網頁的主頁不是一件容易的事情,它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。製作主頁要注意:

要想一個好的標題。標題在個人主頁中起着很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記,不要符合自己主頁的主題和風格。

主頁中不光要有文字,還要適當地加一些圖片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網頁的人一目瞭然,產生興趣。

網頁頁面整體的排版設計也是不可忽略了,很重要的一個原則是合理也運用空間,讓自己的網頁井然有序,留下合適空間,會給人輕鬆的感覺。

當然在做這些內容之前,是要找好資料的,我們可以從報紙,雜誌,光盤等媒體中把相關的資料收集,再加上一定的編輯後就可以了。另外一個好的方法是從網絡上收集,您只要到搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。設計製作網頁我可以推薦一個不錯的軟件,那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能:圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以製作出一個簡單的網頁。好了,網頁設計製作完畢後,最後一步就是要優化網站了。

就我的觀點,我覺得個人認為網頁設計應該注重實用性,因為我們用它就是來互動的,所以我建議以簡單美為好,太多複製的圖片文字和頁面排版只會讓看的人感覺更不舒服,還有最後申明一下,我不是專業網站設計師,以上只是我對網頁設計學習的一些心得罷了。

做出一個好的網頁一般都離不開dreamweaver,flash,photoshop這三個軟件,當然,還可以用到其他一些輔助軟件就會加快網頁的設計了,比如:

SothinkDHTMLMenu,SothinkLogoMaker等軟件,這些軟件不僅可以快速開發出導航,logo等,而且很漂亮,美觀。

製作網頁,首先是確定主題,每一版塊都有其個性的色彩,清晰明瞭,便於閲讀瀏覽,大致分幾部分,每一部分又分幾小部分,內容比較充分,多樣。內容精彩豐富,簡潔明快,語言風趣,通俗易懂。頁面可愛清爽。

而我們這次的實習就是用這幾款軟件來設計,主要使用div+css來佈局,避開傳統的table(表格)佈局DIV+CSS的網頁佈局對SEO的好處一、不存在表格的嵌套問題:很多“網站如何推廣”的文章中稱,搜索引擎一般不抓取三層以上的表格嵌套,這一點一直沒有得到搜索引擎相關的官方證實。我的幾項實驗結果沒有完全出來,但根據目前掌握的情況來看,Spider爬行Table佈局的頁面,遇到多層表格嵌套時,會跳過嵌套的內容或直接放棄整個頁面。

使用Table佈局,為了達到一定的視覺效果,不得不套用多個表格。如果嵌套的表格中是核心內容,蜘蛛(Spider)爬行時跳過了這一段沒有抓取到頁面的核心,這個頁面就成了相似頁面。網站中過多的相似頁面會影響排名及域名信任度。

DIV+CSS的網頁佈局對SEO的好處二、精簡的代碼使用DIVCSS佈局,頁面代碼精簡,這一點相信對XHTML有所瞭解的都知道。觀看更多的HTML教程內容。

代碼精簡所帶來的直接好處有兩點:一是提高蜘蛛(Spider)爬行效率,能在最短的時間內爬完整個頁面,這樣對收錄質量有一定好處;二是由於能高效的爬行,就會受到蜘蛛(Spider)歡迎,這樣對收錄數量有很大好處。

而DIV+CSS佈局基本上不會存在這樣的問題,從技術角度來説,XHTML在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認,但還是建議使用Table佈局的朋友們,在設計時儘可能的不要使用多層表格嵌套,SEOer(seo工作者們)們在文章中説明了這一點,相信他們也不是沒有依據。

DIV+CSS的網頁佈局對SEO的好處三、對搜索引擎的排名基於XTHML標準的DIV+CSS佈局,一般在設計完成後會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規則會傾向於符合W3C標準的網站或頁面,但事實證明使用XTHML架構的網站排名狀況一般都不錯。

DIV+CSS的網頁佈局對SEO的好處四、提高網頁的訪問速度:DIV+CSS佈局較Table佈局減少了頁面代碼,加載速度得到很大的提高,這在蜘蛛(Spider)爬行時是非常有利的。過多的頁面代碼可能造成爬行超時,蜘蛛(Spider)就會認為這個頁面無法訪問,影響收錄及權重。

真正的SEOer(seo工作者們)不只是為了追求收錄、排名,快速的響應速度是提高用户體驗度的基礎,這對整個搜索引擎優化及營銷都是非常有利的。換一個角度拋開DIV+CSS對SEO的有利影響。單獨來講這種div+css佈局也是很有益的,可以説是實下是最流行的網頁佈局方式。當然div+css佈局也有不完善的方面。

總之Div+css佈局的優勢如下:

由於將大部分頁面代碼寫在了CSS當中,使得頁面體積容量變得更小。相對於表格嵌套的方式,DIV+CSS將頁面獨立成更多的區域,在打開頁面的時候,逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里,使得加載速度很慢。

頁面體積變小,瀏覽速度變快,這就使得對於某些控制主機流量的網站來説是最大的優勢了。由於使用了DIV+CSS製作方法,在修改頁面的時候更加容易省時。根據區域內容標記,到CSS裏找到相應的ID,使得修改頁面的時候更加方便,也不會破壞頁面其他部分的佈局樣式。

DIV+CSS最重要的優勢之一:保持視覺的一致性;以往表格嵌套的製作方法,會使得頁面與頁面,或者區域與區域之間的顯示效果會有偏差。而使用DIV+CSS的製作方法,將所有頁面,或所有區域統一用CSS文件控制,就避免了不同區域或不同頁面體現出的效果偏差。

我們都知道網站做出來是給瀏覽者使用的,對瀏覽者和瀏覽器更具親和力,DIV+CSS在這方面更具優勢。由於CSS富含豐富的樣式,使頁面更加靈活性,它可以根據不同的瀏覽器,而達到顯示效果的統一和不變形。

好的網頁,也離不開photoshop,前面我也説了,flash的製作所需要的圖片都要在photoshop中事先PS好的。那麼photoshop的作用就顯得很重要了,網頁中的flash都僅僅是一小部分,圖片佔的分量還是比flash要大的,故好的photoshop技術,那麼PS出來的圖片就會顯得更好,這樣網頁的檔次也會隨着上升。這次的網頁設計,因為是仿照一張圖片,那麼就要求我們要懂得photoshop中的切片工具的使用。切好片後,還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大,然後才來控制切片線的位置。

從製作網頁過程中,我學到了新的美化網頁的方法,運用了更多以前未運用的技巧。這使我學到了更多的知識,並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷,將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來説有不少,我自己感覺在知識、技能等方面都有了不少的收穫。總體來説這次是對我的綜合素質的培養,鍛鍊和提高。這兩週的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的應用實例,教會我們。使更豐富全面的軟件技術和應用技巧,使我們真正對所學的軟件融會貫通。當前的軟件的功能日趨複雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。需在加以刻苦鑽研及學習,不斷開拓視野,增強自己的實踐操作技能,為以後能做出出色的網頁。

html網頁心得體會5

在學習網頁製作的這幾天裏,我利用了學習之餘的一切可利用的剩餘時間,全心全意投入到網頁世界,去不斷的學習,去不斷的探索;同時去不斷的充實,去不斷的完善自我,在網絡的天空下逐漸的美化自己的人生!

做好主頁,並不是一件容易的事,它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

理論上的認識:

隨着Internet在中國的迅速發展,人們日常生活中越來越多地使用這項新的技術來為自己的工作和學習服務。由於WEB頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集於一體,不但使信息的顯示更加生動,而且使信息的瀏覽更為方便,同時WEB頁能實現網上交易平台、客户信息反饋方便了企業與客户之間信息交流,因此許多企業紛紛建設具有自己獨特風格的網站以增強企業知名度。

網頁藝術設計是伴隨着計算機互聯網絡的產生而形成的視聽設計新課題,是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎,依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動,必然要成為設計藝術的重要組成部分,並隨着網絡技術的發展而發展。表面上看,它不過是關於網頁版式編排的技巧與方法,而實際上,它不僅是一種技能,更是藝術與技術的高度統一。

1、標題

在個人主頁中標題起着很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短,有特色、容易記,還要符合自己主頁的主題和風格。

2、內容的採集

選好標題後,開始採集內容,內容必須與標題相符,在採集內容的過程中,應注重特色,所謂特色應該是有一些自己的東西。個人主頁中的特色,應該突出自己的個性,把自己的興趣、愛好盡情地發揮出來,因為在網絡上不受限制。主頁就是在網絡上的一個小小家園,在那裏,可以放上自己喜歡的任何東西,包括你自己平時喜歡一些文章,一些好聽的歌,一些好的動畫作品。

3、圖片

做個人主頁不能只用文字,必須在主頁上適當地加一些圖片,增加可看性,俗話説"一圖勝千言",我想不無道理,一張處理得好的圖片不需要多做任何解釋,就能讓人一目瞭然,讓人去思考,去了解它。

4、網頁排版

網頁頁面整體的排版設計也是不可忽略的,很重要的一個原則是合理地運用空間,讓自己的網頁井井有條,留下必要的空白,人覺得很輕鬆。

5、特色

讓自己的網頁更有特色一些,可適當地加一些聲音、動態網頁、Java、Applet。

實踐中的認識:

話雖是像上面這樣説的,但是真要做起來確是很難。做網頁設計不僅要從藝術的角度來考慮而且要從社會大眾的認可性來考慮。網頁設計必須要服從企業或部門的經營理念來考慮。如果設計的作品很好看但是和企業不搭調那就等於白做。

以上就是我對網頁設計的認識和總結,雖然從理論上都知道如何去做,但是實際做起來很難。總的來説就是很難突破,很難超越自己。因此在以後的學習中要更加完善自己,突破自己。

html網頁心得體會6

現在,計算機和網絡已經深入到了我們生活中的方方面面,也已經成了生活中不可缺少的一部分,網絡成了我們獲取知識和信息的一種便捷工具,現在的網民也在不斷的增多,所以,瞭解和學習網絡知識是我們作為一名大學生迫切所需的,我利用寒假的時間,對網頁設計進行了初步的認識和了解,並基本掌握Dreamweaver的應用。

我瞭解了一些基礎的網絡技術。通過學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解,對網頁製作的基礎知識也有了一定的掌握。在這個過程中,我同樣認識到網頁設計不是一門學科的獨秀,而是多種課程的綜合,他是、Flash、Fireworks等網頁軟件的綜合應用。

下面闡述一下我在翻閲《Dreamweaver》時的一些關於網頁設計的見解。在具體的製作一個網頁時我瞭解到一個優秀的網頁設計應該具備一些基本原則。

首先,要·確定網頁設計的內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什麼目的,用來做什麼,所有頁面都是圍繞着這個內容來製作,有了明確的內容對排名有很重要的作用;其次,要了解你網站所在行業的客户,及你的網頁屬於哪個類別。用户是一個網站成敗的關鍵,如果用户要花很多時間進入你網站很有可能用户會立即關掉你網站,或者你網站操作很不方便用户也會馬上離開,這種網站是很失敗的設計,只會讓用户失望的離去。

在完成以上的基本內容之後網頁的基本框架便成形成了,下面要開始的便是優化工作,內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然後在具體的規劃一個網頁時,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其要製作一個大的網站(有很多頁面)的時候,特別需要把這個架構規劃好,也要考慮到以後可能的擴充性,免得做好以後又要一改再改整個網站的架構,很浪費時間和財力。大綱列出來後,還必須考慮每個頁面之間的鏈接關係。是星形,樹形,或是網形鏈接。這也是判別一個網站優劣的重要標誌。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發揮。框架定下來了,然後開始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發展打下良好的基礎。下一步,就以動手製作具體內容了,題材選定,框架選定,接下來就開始往主頁裏面填內容。

如果是個人主頁,有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是:從報紙,雜誌,光盤等媒體中把相關的資料收集整理,再加上一定的編輯後就可以了。另外一個好的方法是從網絡上收集,您只要到搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態圖片,Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裏繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。然後是開始正式製作主頁。通過Dreamweaver作為製作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以製作出一個簡單的網頁。

總體來説,通過這個假期對網頁設計的學習,有收穫也有遺憾。但是,我已經邁入了網頁設計的大門,只要我再認真努力的去學習,在今後的閒餘時間學習製作網頁的更多知識以實現自身技能的提高,我堅信將來設計出的網頁會更加專業,更加華麗,使它最終成為自己的一項技能。

html網頁心得體會7

個人網站的設計需要有以下幾個步驟:

一、要進行個人網站前台功能設計

包括個人網站主題確定、前台功能設計與管理、個人網站首頁設計、個人網站留言板、註冊、忘記密碼、搜索等網頁設計與管理。

二、個人網站後台管理功能設計

包括個人網站後台管理功能設計,後台管理信息系統功能設計,後台系統權限管理,後台文件管理,個人網站後台管理系統主頁設計。

三、網站發佈

通常我們發佈一個網站,這樣我們可以註冊域名,但我們也可以利用主機和安裝iis,這樣其他人可以通過“我的IP”地址訪問“我的主頁”。

四、個人網站推廣

一個網站做好了,就有必要推廣一下個人網站,這是一個電子商務網站必須做的一步,因為如果你不推廣你的網站,即使你發佈了也沒有人會知道。

在設計網站時真的可以體會很多東西,從一開始確定頁面的主題,到整個主頁的'設計,信息的收集,前台功能的設計與管理,後台功能的設計與管理,每一個頁面的表面設計。我把它們都一一進行規劃,因為如果你不好好規劃,想做什麼就做什麼,你是做不好的。因為我意識到這句話:“機會是屬於那些有準備的人”。我詳細到一個表的寬度都一一列出來。例如:775寬,分成三欄,每欄佔多少。因為我深知“細微之處才見真功夫”。

給我最深印象的是留言板,因為之前SQL數據庫實際鍛鍊做過了,所以這次做相對容易,但我經過長時間的練習,完成了n次,有些人可能會認為,肯定是不會才做很多次!但我想告訴這些人,我每次做都是用不同的方法。第一次使用access數據庫,第二次使用SQL數據庫+權限管理,第三次使用數據源名稱的連接。每次用的方法都不一樣。

可能會有人説我笨,有方法就行了,要那麼多幹嘛?但我想説的是,沒有這麼多次練習,就不會有這麼多不同的方法,不會創造今天熟能生巧的我。方法,只有你自己先學會,才會學通、學廣。

html網頁心得體會8

這次的網頁製作使我學會了很多,有關怎麼收集資料,怎樣用最快的方法收集資料,怎樣收集有效的資料,怎樣整理資料,怎樣使自己的下載的資料便於查找,也學會了網頁的製作,學會了網頁特效,怎樣的特效才能凸現網頁主題。

在幾節課的網頁製作中瞭解到了合作的重要性,製作是雖然是每人負責一個網頁,但也要互相交流,互相幫助,不能只顧自己,要吸取他人的優點,如:網頁的排版,網頁的特效等等,都值得我去學習。還要聽取他人的意見和建議,不能只顧自己,這分數是集體的,不是個人的。如果有什麼好的方法和效果要和大家一起分享。這樣才能使網頁更完整,更優秀。

在作品交流中,其他小組的同學給我們也提供的很好的建議和意見,我們也會虛心接受,在看其他同學的作品時,也給了我很好的啟發,要多多吸收他人的優點和長處才能使自己的網站更加完善。在作品的交流中也很好的鍛鍊了自己的發言和有意義的提議。在聽取或提建議時並不能計仇,要用平常心對待。

如果下次還有機會,我一定會更加努力的。很感謝同組的同學的這幾日的照顧!

通過這次小組一起研究“中學生眼睛近視”,我體會到合作的快樂及樂趣。

我在小組中是負責查找資料以及製作網頁。在此過程中,我學習到許多有用的知識。小組成員們互幫互助,互相改進提高,互相增長知識。

在製作的開始,我感到有些困難和問題無法解決,比如:查找的資料不符合要求或者找不到等。再者如在製作網頁時有一些問題,導致網頁出問題。這使我十分頭痛,只好一遍又一遍的嘗試增進。在這時刻,我感到無助又無奈。

但是,我的小組成員們並不氣餒,儘管我們的成果中老師認為還存在許多問題和差錯。我們吸取教訓,基本是從頭開始改正錯誤一步一步往前走衝破難關,終於取得良好的成績和效果。並與此同時我們還在網上自學一些網頁特效和鼠標特效來豐富網頁,使之多一分色彩。在評比中雖然有缺點但也有許多優點。在此時我有無尚的榮譽感和成就感。

但是,雖然在這裏面有許多辛酸,可還是有歡樂在其中。我們有時濫用網頁特效導致弄出許多的笑話和趣事。使我們的網頁怪里怪氣的,於是只好重新修正。這種歡樂何處去找?是的,我們在這過程中經歷過多少風風雨雨,多少艱難挫折。我體會到什麼是團體精神,什麼是合作之情,什麼滋味才叫酸甜苦辣,什麼才是榮譽感和成就感……

html網頁心得體會9

科學是發展生產力的根本前提,當今的社會是互聯網蓬勃發展的世界,每當我們上網的時候,那一個個精美別緻的網頁給人是多麼流暢順利的感覺,無論是尋找資料還是網上商城購物,都給我們帶來了方便快捷的好處,我想,科學技術的發展,離不開互聯網的發展,而互聯網的發展也離不開網頁製作的發展,而只有把兩者結合起來才是正確的。

首先,瞭解網頁並不是單純的認為他僅僅只是為人們服務的,而它的存在也是給我們帶來了利益和好處。當然,瞭解網頁首先也從幾個軟件開始:

mweavermx(或dreamweaver8)。

hmx(或flash8)

works8

而網頁製作就是開始從這些軟件開始着手的,今天,我終於可以學習網頁製作了,我們在杜奕老師的教導下,各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網頁的剖析。所謂網頁,就是指一個可以瀏覽內容並且可以使用ie瀏覽器打開的內容稱之為網頁。

在剛開始接觸網頁的第一堂課上,聽説網頁製作會是一門很無聊並且很難聽懂的過程,而事實卻印證了這樣一個事實,但是隻要我們努力,無論是怎樣的艱難險阻,成功依然會迎面直擊。在剛開始時我覺得dreamweavermx很難理解,不管老師做怎樣的解釋,而我卻對它感到很是吃力,諸如裏面有許多不知道的功能。如:佈局表格、繪製層、製作css樣式表等,這些內容迷糊了我的視線,真是沒想到製作一個精巧別緻的網頁是如此的困難,可是心有不甘,每天上網看着那樣多的網頁,於是我才下定決心選擇了網頁製作這一門課程,目的就是希望以後能夠做出一個完美的網頁來。

“路漫漫其修遠兮,吾將上下而求索”學習的道路是艱苦漫長的,更何況這是關於一個科學技術的一個代名詞,隨後,課堂的氣氛慢慢的好轉,耐心的老師和專心的學生在課堂上都盡情的發揮各自的才能,老師也為了能教好每一位學生,而學生也不辜負老師的使命,就這樣,網頁製作這一門課程進行的很順利,學習了dreamweavermx對它如何徹底的剖析和分解,我們終於認清了它的原理,摸清了應該怎樣去完全的使用它,而我們在老師的指導和訓練的結果下,終於開始做屬於自己的網頁了。

慢慢的快接近尾聲了,我們也快臨近期末了,老師給我們的任務卻是需要我們每人至少做出三個網頁來,且內存不能超過3m,剛開始我以為我會對着感到很是吃力,不知道該如何是好,畢竟網頁才是剛剛起步,根基不穩,怎麼能夠做出這樣的網頁呢?而我對dreamweavermx它也不是很熟悉,心裏真是很擔憂。

在這最後的時間裏,我仔細掂量了一番,網頁製作給我的結論是:要想製作一個能夠像網上的那樣,還得需要經過長時間的刻苦努力和不斷地檢驗及實踐,否則,如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網頁是一個技術性的知識,不像文學那樣的純理論知識。通過這個課程的學習,我從中得到了一些對網頁知識如功能、概念的理解,原來要做出一個簡單可行的網頁並不是一件害怕的事情,而是一件努力和嘗試的事情。

html網頁心得體會10

隨着學習進度的逐漸加快,學習的內容也逐漸開始變多、變難,不再像一開始那樣老師一講完就可以馬上上手把網頁做出來。自然而然的,在製作網頁的時候也不再像一開始那樣順利,總會出現各種各樣的錯誤。不過對於學習上的問題,老師在課堂上也會盡可能地為我們解答,並且為我們提供了很多練習的機會,這使得我即使在面對一些困難的問題時,也能沉着地應對。

不過課堂時間畢竟是短暫,僅僅靠一週兩個課時的課堂學習時間想要把網頁設計製作完全學習得很好是不可能的事。再者網頁製作在我看來是一門實踐重於理論的科目,如果僅僅學習了理論知識卻不付諸實踐,那對學習實際上是毫無助益的。因此在課餘的時間裏,老師給我們佈置了與所學內容相對應的課外作業。在完成課外作業的時候,如果遇到了難以解決的問題,我會回顧老師上課時用的課件尋求解決的辦法,與此同時,也在間接地鞏固知識。

因此,儘管過程並不都是一帆風順,但經過本學期的學習與實踐,我也逐漸掌握了網頁設計製作的一些基本技能與知識。雖然明年就大四的我以後大概是不會再像這個學期那樣有學習網頁製作的課程了,但我會利用課餘時間通過自學瞭解、學習更多關於網頁設計製作的知識,掌握網頁設計製作的技能的。

自己怎麼製作簡單網頁

首先在設計製作網頁之前,你要卻確定你的網頁內容是什麼?一個網站必須要有一個明確的主題。特別是對於個人網站,必須要找準一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用户留下深刻的印象。主題要鮮明,在你的主題範圍內內容做到大而全、精而深。然後針對你的內容找到相關的資料。接下來就是具體的製作步驟了:

第一步:創建一個文本文檔你需要創建一個文本文檔包含單詞,你想要出現在您的Web頁面。只要你給你的文檔名稱結尾,大多數文字處理程序將會工作的很好。思考邏輯的地方插入你的文本。

第二步:學習基本的HTML標記現在您需要插入一些格式化標記你的文檔,會告訴一個互聯網瀏覽器如何安排你的文字和圖片在屏幕上。這些標籤組成一個語言稱為超文本標記語言,或者HTML。

第三步:查看一個示例Web頁面

你或許在閲讀會感到有點困惑,這是為了看一個實習的HTML文檔更簡單,然後看看它是怎麼被翻譯成一個Web頁面。您可以查看“源文檔“後邊的任何Web頁面將“視圖”菜單(在Safari——其他的瀏覽器或許略有不同)並挑選“查看源代碼。“當你這樣做時,你會看到文檔和HTML標籤,創立頁面當時在你的瀏覽器窗口。

第四步:獲得電子圖像如果你還沒有製作主頁的圖像文件,您可以下載一些來自其他Web頁面。用你的常識來決定哪些圖片你可以使用,哪些你不應該。根據什麼樣的電腦和瀏覽器你正在使用,你必須使用一種稍有不同的程序下載到你的硬盤映像。這裏可以使用Safari瀏覽器:使用鼠標指針的位置在圖像——按住鼠標按鈕並拖動圖像到你的計算機的桌面——放開按鈕,您將看到一個小圖標。這時圖像已經下載到你的硬盤。確保你的文件名稱和格式——點擊圖標來查看圖像,因為它將出現在您的Web頁面。

第五步:插入HTML標籤

如今您現已準備好插入格局符號在您自個的文檔。記住要開始您的文檔與html和完畢它與/html。你類型符號之間的<標題>…將出如今你正在閲讀網頁閲讀器窗口的頂端。

第六步:查看和編輯您的頁面

保存您的文本文檔和返回到瀏覽器。在文件菜單中,選擇“打開文件…”或“另存為…”。從那裏你應該能夠找到你的文檔的名稱並點擊“開始”。你的文檔將會出現在你的窗口,看起來就像個網頁了!

第七步:上傳

您需要有一個互聯網服務提供商,允許您將您的網頁頁面在一個服務器上,這樣其他人能夠閲覽它。假如沒有,您能夠繼續操練與文件在您的計算機的硬盤。能夠找到一些其他網站的頁面相關的一些辦法。他們可能會添加一個鏈接到你的頁面註冊您的網站查找引擎如google或雅虎。一旦你添加你的URL其間一個數據庫,感興趣的人通常主題你的頁面將得到一個清單,你的網站當他們做一個查找。

另外,這邊有一些軟件可以利用,一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。比較常用的優秀軟件有Dreamweaver和Frontpage,如果你是初學者Frontpage20xx是首選。除此以外還有Photoshop、Photoimpact等。另外還有一些能夠用於動態網頁設計的軟件。那麼,有了這些,即使不同網頁設計的菜鳥們也可以按照規劃一步步地把自己的想法變成現實了,快快嘗試一下自己製作網頁吧!要記得,網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它。

html網頁心得體會11

在平日裏,心中難免會有一些新的想法,不如來好好地做個總結,寫一篇心得體會,這麼做可以讓我們不斷思考不斷進步。那麼寫心得體會要注意的內容有什麼呢?以下是小編為大家整理的html網頁設計心得體會範文(精選8篇),歡迎大家借鑑與參考,希望對大家有所幫助。

html網頁心得體會12

跟學習別的東西一樣,學習網頁設計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執著。

學習網頁設計需要耐心,如果你沒有耐心,你學不好網頁設計,應為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。

學習網頁設計需要堅持,堅持不斷的學習,因為設計網頁的軟件在不斷的更新,你不斷的學習

不要掉入技術的陷阱,你的網頁設計技術一流,你對軟件的掌握程度已經達到一定水平,但是你設計的網頁確不堪目睹,這是因為網頁設計是是介於平面設計和編程技術兩者之間的"邊緣科學。"不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識。只有綜合運用多種知識,才能設計出視聽特效,動感十足,富於個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能。

注重實用,個人認為網頁設計應該注重實用性,因為它是讓人瀏覽的,是用户可以撫摸,可以評論,可以交互的。我提倡簡單的美。

html網頁心得體會13

20世紀40年代科學字發明了計算機之後,人們的工作效率大大提高,但是單個計算機能夠存儲和處理的信息是非常有限的,為了便於信息的傳遞和處理,人們就把眾多的計算機連接起來。

網頁製作論文摘要通過這次個人網頁的製作,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解,對網頁製作的基礎知識也有了一定的掌握。通過把自己的網頁上傳到互聯網上,對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網上的第一個作品,那種成就感是無法用語言形容的。所以我覺得這次製作網頁我已經達到了自己的目的,而不是單單為了完成作業而已。這是一個完全關於自己的個人網頁,既然是介紹自己,就應該讓觀者在瀏覽了之後瞭解自己其人

關鍵字頁面設計ASP和數據庫

1、一般來説,個人主頁的選材要小而精。如果你想製作一個包羅萬象的站點,把所有您認為精彩的東西都放在上面,那麼往往會事與願違,給人的感覺是沒有主題,沒有特色,樣樣有卻樣樣都很膚淺,因為您不可能有那麼多的精力去維護它。注意:網頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。

2、題材最好是你自己擅長或者喜愛的內容。比如:您對詩歌感興趣,可以放置自己的詩詞;對足球感興趣,可以報道最新的球場戰況等等。這樣在製作時,才不會覺得無聊或者力不從心。

3、不要太濫或者目標太高。“太濫”是指到處可見,人人都有的題材;“目標太高”是指在這一題材上已經有非常優秀,知名度很高的站點,你要超過它是很困難的。

選定了一個好的題材,是不是可以立刻動手製作了?不,經驗告訴我們,必須要先規劃框架。這是很重要的一步!每個網站都是一項龐大的工程。好比造高樓,沒有設計圖紙,規劃好結構,盲目的建造,結果往往是倒塌;也好比寫文章,構思好提綱,才不至於邏輯混亂,虎頭蛇尾。全面仔細規劃架構好自己網站,不要急於求成。

規劃一個網站,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其當你要製作一個很大的網站(有很多頁面)的時候,特別需要把這個架構規劃好,也要考慮到以後可能的擴充性,免得做好以後又要一改再改整個網站的架構,十分累人,也十分費錢。

大綱列出來後,你還必須考慮每個頁面之間的鏈接關係。是星形,樹形,或是網形鏈接。這也是判別一個網站優劣的重要標誌。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發揮。

html網頁心得體會14

過這五週的學習,在老師的精心教導下和同。

以前我一直在做網頁,不過是在博客上,那裏提供了模板,只需要自己在裏面添舔改改就行了,對一些代碼我更本就看不懂,現在好了,雖然我不是很會,但是可以看懂一些了,也能改一些代碼了。

通過這五週的學習,在老師的精心教導下和同學們的幫助下,以及通過自己在平時的學習和實踐,對ASP動態網頁知識有了初步認識。

通過學習ASP動態網頁,不但增加了我的知識面,還使我學會了很多以前不會使用的工具,當然這樣還不夠,因為我還有很多需要學習的地方,ASP課程雖然上完了,但是在以後的時間裏我一定會繼續努力,爭取做更多的精美的網頁出來。

通過ASP動態網頁的學習還讓我明白了做網頁時頁面不一定要很複雜,但留白的地方不能很多,這樣看起來就不會覺得呆板,反面顯得有層次,比較高檔,而且百看不厭。

網頁的特點就是要有一副漂亮的背景圖,整個頁面看起來就比較舒服。

網頁的文字要排得整齊緊湊,這樣才能給人一種舒服的感覺。

在網頁適當的地方可以加一些圖片,每張畫面再加一些不同的文字説明和加一些不同的文字效果,再加一些小動畫,這樣網頁會顯得更加的精美。

這次做的網頁雖不是很好看,可是我花了很多時間來按成它,所以呢它對我以後做網頁有很大的幫助。

在此次做網頁的過程中也讓我學到了很多東西,所以呢從我內心來説我是很滿意我的這次經歷,同時也要謝謝老師安排這樣的考試,為什麼呢?因為在製作過程中我不僅學到了書上沒有的東西,也培養了我獨立思考問題的能力,同時還增強了同學之間的團結互助的友誼。

因此,不論從哪個角度來説,老師此次佈置的任務是上大學以來唯一把知識用於實踐的第一回,再一次謝謝你老師。

html網頁心得體會15

目前,互聯網是最快捷的信息傳播渠道之一,學習網頁製作成了學生必須掌握的一項技能。在幾年的教學實踐之中,我總結了《製作簡單網頁》教學中值得注意的幾個問題:

一、激發學生的學習興趣,喚醒求知慾望

現階段信息技術課程的主要任務之一是培養學生對信息技術的興趣和意識。興趣是學生基於自己的學習需要而表現出來的一種認識行為,它在學生的學習中具有重要的作用。我認為,教師激發學習興趣,挖掘學習需求是授課前必須解決的問題。從知識結構看,網頁製作是在學生掌握了一定的理論基礎和操作技能之後,對互聯網有了一定的瞭解、瀏覽過相當數量的網頁和站點之後引入的。在準備期中教師應該適當地引導學生,可以採取展示法、教學對話法等,也可以融合多種方法進行。

例如,在學習瀏覽網頁時,我有計劃地挑選一些專題網站和個人站點推薦給學生,他們在看過之後一定會有自己的想法,老師再給他們提些問題。我經常推薦給學生我校的學生及班級製作的站點與網頁。學生會把他們自己的見解説得頭頭是道。接下來就提出問題:如果由你來做這個站點,哪些地方需要修改?如果把你做一個站點該如何設計?在學生的頭腦中先有了一些模糊的認識,產生了做個站點的想法,再在老師的幫助下梳理成一個比較成型的站點框架,接下來就是:怎麼做網頁?用什麼工具?有了興趣,帶着這些問題,進入這一階段的學習,就比較主動,學習效果也會比較好。

二、合理調整教學順序和重點,理順理論與操作的關係

學習網頁製作,首先接觸的是概念和理論性的知識。回顧學習一些應用軟件的過程,肯定不是先把理論背熟,而是從操作使用開始的。我並不是説理論不重要,而是切入的時機要掌握好。對於這一部分的教學,可以根據教學實際,合理調整教學順序和重點。對涉及到的理論知識,可以儘量在教操作的時候滲透。一些純理論的知識,不妨一帶而過,教學取得階段成果後,再單獨強調。

三、注重培養學生知識遷移的能力

正在進行的新課程改革,提倡的是教給學生可遷移的知識。我體會,遷移是理論到實踐。很多應用軟件,模式基本上是統一的,在窗口組成、菜單內容和操作方法等方面是相通的。對這類內容,我認為可以採用比較法、示範法、啟發法等教學方法。例如,製作網頁和保存網頁兩個知識點:可以在介紹了工具軟件(如frontpage)窗口組成之後,就佈置學生輸入並編輯一段文字,然後把該文件保存在指定位置。這些操作都是前面學過的,對學生來講既是學習也是複習。作為老師,我們在糾正學生錯誤的同時,還可以幫助學生比較這幾個軟件在使用中的異同。比如,輸入文字,在word和frontpage中可在編輯區中直接寫,而在powerpoint中必須寫在文本框裏。通過比較,加深印象,達到學習和提高的目的。在這部分中,除文字處理外,像修飾網頁、插入表格等內容都可以這樣比較着講。

四、認識螺旋式上升的學習模式和探究式學習的方式,重視課前準備

學習是一個循序漸進、螺旋式提高的過程。在這個過程中,作為教學組織者和指導者,教師的教學設計和準備工作非常重要。例如,在學習網頁修飾時,可採用了示範法和演示法結合的教學方法,先設計幾個頁面,都是在上一節課作的、樣例頁面的基礎上改的。上課時,讓學生打開上節課製作的網頁,他一看,老師的頁面上比他多了個圖片,馬上問怎麼做的,我演示給他看,他也加上圖了……每次我演示出的頁面總比學生們做出來的多一點小修飾,他們就不斷地提問,不斷地學習新技巧,再不斷地付諸實踐。用這種示範加演示的方法教學,效果還不錯。但對老師來講,備課的工作量比較大,課堂上的輔導任務也重一些。

五、組織協作學習,培養學生自學能力和合作精神

信息技術劃分為精英技術和大眾技術。目前,信息技術基礎模塊中講授的均屬大眾技術,要求學生掌握的是可以廣泛遷移的知識。但是,大眾技術太簡單了,有些學生不用我們教,自己玩電腦就玩會了。這類學生,上課時通常不願再聽,還經常搞些小動作,或者做些小軟件來炫耀一下。小孩多半有這種心理,我們不妨給他創造這個條件,讓他充分發揮特長。有一次,剛開課不久,有個學生把他的個人主頁演給我看,當時我考慮了一下,讓他在全班同學面前作了演示,解説他的創作思想,並指出了他作品中的亮點。這個學生當然很自豪了,別的同學也都很佩服他的能力。在其他同學眼中,他就是高手了,以後的學習過程中有了問題,不問老師,先問他去,逐漸地他就成了我課堂上的一名小助教了。學生中的榜樣作用和傳、幫、帶作用不可低估,如果你班裏有幾個這樣有一定特長的學生,不妨考慮採取任務驅動、分組合作等方法進行教學,讓他們帶動全班的同學學習提高。學生之間相互學習、相互幫助、相互帶動比單純的老師教效果更好。

六、適當引入分層次教學,體現教學目標的差異性

學生的基礎差別很大和心智發展水平很大不同。在這種情況下,分層次教學是一種行之有效的辦法。一般的,我把學生分成三個a、b、c三個層次。a層次的學生是基礎好,特長明顯,自學能力強的一部分,對這部分學生,倡導自主學習,給他們佈置任務或課題,學生獨立完成,只是在需要的時候向他們提供幫助;b層次的學生是基礎一般,能在老師的講解、示範和引導下學習,對這部分學生可採用靈活多樣的教學方法按步就班地學習,b層次的學生是學生羣體中的大多數;c層次的學生是學習有一定困難的學生,我對他們的要求是掌握基礎,除了給他們進行特別輔導之外,還採取結對子的辦法,給每人配一個a層次的學生作為助理,幫助他們學習。但在分層次教學中要格外注意保護c層次學生的自尊心和學習積極性。

七、加強聯繫實際,培養學生的創新能力

創新是素質教育的核心內容。鼓勵、指導學生大膽、靈活地運用已學知識,解決實際問題是培養學生創新精神和能力的有效方法。我認為在網頁製作這一部分的小結或複習階段可以適當採用主題型課或任務驅動式的方法,設計引導學生從頭至尾製作一個專題站點。當然,複習中也可以適當採取教學對話、教學討論、示範等教學方法。

熱門標籤