網站首頁 工作範例 辦公範例 個人範例 黨團範例 簡歷範例 學生範例 其他範例 專題範例

網頁製作心得體會(通用11篇)

欄目: 心得體會精選 / 釋出於: / 人氣:1.27W

網頁製作心得體會 篇1

轉瞬之間,半個學期又接近尾聲,在李導師的精心輔導下,度過了這個富有生機,富有朝氣的學期。學到了很多做夢也不會遇到的如此奇特的有趣知識,對於我來講是一個很的鍛鍊和充實的機會。

網頁製作心得體會(通用11篇)

俗話說的“書山有路勤為徑,學海無涯苦作舟”。在這一絕世佳句的鼓動下,我把握了工作之餘的一切可利用的剩餘時間,全心全意投入到頁世界,去不斷的學習,去不斷的收索;同時去不斷的充實,去不斷的完善自我,在絡的天空下逐漸的美化自己的人生!

在學習頁製作的過程中,我深深體會到一點“有付出,就終有回報”,你的付出與你的回報終究是成正比的。經過了多少漫漫長路,經過了多少忘我的投入,經過了多少波折,我的頁與眾人見面了。當我第一眼在絡下一覽我的個人主頁,我是多麼的激動,多麼的興奮,就像多年未見的老同學,一種講不出道不明的感覺。

我在製作主頁中的心得體會:

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

1、標題

在個人主頁中標題起著很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個的標題必須有概括性、簡短,有特色、容易記,還要符合自己主頁的主題和風格,決不要取一個名不符實的"名字",別人第一次上了當,下次再也不會光顧了。

2、內容的採集

選標題後,開始採集內容,內容必須與標題相符,在採集內容的過程中,應注重特色,所謂特色應該是有一些自己的東西。個人主頁中的特色,應該突出自己的個性,把自己的興趣、愛盡情地發揮出來,因為在絡上不受限制。主頁就是在絡上的一個小小家園,在那裡,可以放上自己喜歡的任何東西,包括你自己平時喜歡一些章,一些聽的歌,一些的動畫作品。把這些內容按類別進行分類,設定欄目,讓人一目瞭然,在欄目上不要設定太多,最不要超過十個,層次上最少於五層。

3、圖片

做個人主頁不能只用字,必須在主頁上適當地加一些圖片,增加可看性,俗話說"一圖勝千言",我想不無道理,一張處理得的圖片不需要多做任何解釋,就能讓人一目瞭然,讓人去思考,去了解它。當然處理得不的以及無關緊要的圖片最不要放上去,否則讓人覺得是累贅,同時也影響頁的傳輸速度。圖片不僅要看,還要在保證圖片質量的情況下儘量縮小圖片的大小(即位元組數),在目前絡傳輸速度不是很快的情況下,圖片的大小在很大程度上影響了頁的傳輸速度。那麼如何精簡圖片的大小呢,一般來說,圖片顏色較少的及在256色以內的最把它處理成gif影象格式,如果是一些色彩比較豐富的圖片,最把它處理成jpg影象格式,因為gif和jpg各有各的壓縮優勢,應根據具體的圖片來選擇壓縮比。

4、頁排版

頁頁面整體的排版設計也是不可忽略的,要讓讀者在狹小的電腦螢幕上閱讀,很重要的一個原則是合理地運用空間,讓自己的頁井井有條,留下必要的空白,人覺得很輕鬆。不要把整個頁都填得密密實實的,沒有一點空隙,這樣會給人一種壓抑感。

5、背景

頁的背景並不一定非要用白色,選用的背景應該和整套頁面的色調相協調。合理的應用色彩是非常關鍵的。

6、其它

如果想自己的頁更有特色一些,可適當地加一些頁製作的技巧,諸如聲音、動態頁、java、applet等,當然這些小技巧最不要加太多,它會影響頁的下載速度。

等個人主頁做得差不多了,可別忘了在個人主頁上放一個留言板、一個計數器。前者能及時獲得參觀者的意見和建議,及時得到友反饋的資訊,最能做到有問必答,用行動去贏得更多的訪問者;後者能讓知道主頁參觀者的統計資料,可以及時調整設計,適應不同的瀏覽器和參觀者的要求。

7、宣傳

昨天,頁與我無緣,那是因為上天不給我們一個見面的機會!

今天,頁與我相識,與我相知,成為我的一個最真誠的朋友,那時因為李導師的辛勤栽培!

明天,頁與我一生相伴,終身相隨,那是因為我領悟了什麼是“一個絡,整個世界”。

總而言之,我將用畢生的精力,心血去換取絡中最燦爛的那顆夜明珠,在頁的藍圖裡,我將記下人生不朽的個人詩篇!

網頁製作心得體會 篇2

在炎熱的夏季,又在悶熱的機房中,我們又一次的完成了網站建設的實習。在這實習期間,有太多的話想說,都是苦不堪言。但事後又想想,苦過了,才知道有甜。

在這實習當中,我知道了div是html(超文字語言)中的一個元素,div+cs是一種網頁的佈局方法,div+css包括行內樣式、內嵌式、連結式、匯入式、css選擇器、標記選擇器、類別選擇器、id選擇器、選擇器宣告、css繼承。還有id與class區別:id不允許重複使用,只能用一次,css規範和其他規範javascript控制方法一樣。

說實話,我對div+css一點兒都不懂,但起碼我知道了這是一種網頁的佈局格式,總比不知道強。有句話說,不懂就要學。是的,既然學了了這個專業,就不能對這個專業模糊。所以,就要學習學習再學習。征服畏懼、建立自信的最快最確實的方法,就是去做你害怕的事,直到你獲得成功的經驗。

我們經過兩週的實訓,通過前期的合同洽談、簽訂,到後期的網站製作、網站釋出,讓我受益匪淺。不僅讓我瞭解通過網路洽談商務的禮儀和細節,也讓我的網站製作知識及技能有了很大提高。

前期我們通過傳送電子郵件,進行網上商務的接洽。由於沒有做好工作——瞭解商務郵件的格式,導致郵件發了很長一段時間,雙方還僅僅停留在認識階段,確實說來很失敗。

在擬定合同時,由於不能真正滿足客戶的需求,一些條款及報價不合理,因此要一次又一次反覆的修改合同。這主要是因為我們不能正確解讀客戶的要求,並且我們不能拿出我們公司為大洋禮品公司網站建設的特色。

在網站製作的起初階段,由於不曾製作過網頁,雖然團隊確立了分工,但還是有些迷茫。公司沒有確立風格和大體的佈局,並且蒐集資料是一個漫長而又複雜的過程。通過瀏覽各類禮品網站,心裡大概有了一定的想法和設計。

我的主要任務有“誠聘英才” 、“產品導航” 、“展會禮品” 、“廣告促銷禮品” 。我最先做的是“誠聘英才”,我是參照中國電信誠聘英才首頁做的,它看似製作簡單,其實佈局十分複雜、精緻。在處理圖片是我遇到了不少困難,最典型的就是有一次我想在圖片中插入文字,但始終插入不了,後來通過請教老師,總算知道了其中的奧妙。原來是圖層被鎖定了,要重新拷貝圖層,再考貝的圖層上就可以插入文字了,並且文字其實也是一個圖層,它是可以移動的。儘管我為誠聘英才網頁付出了很多,但並沒有被採納,並且此時我也設計了logo,也沒有被採納。

“產品導航”是一個困擾我一上午的問題(此刻公司首頁已經制作完畢,而它與合同上的“產品導航”頁面佈局類似,於是這讓我一時間很難抉擇。我就一邊設計一邊思考,此時我為公司定的色彩風格是紅色,我為導航欄設計的是互動式按鈕,並且設計了初始字型、懸停、按下時字型顏色。可是這一切都是白費,由於後來我們將風格確定為藍色,並且導航欄確定都採用首頁中插入的圖片,但我覺得這樣有些不好:例如它不可以設定超連結的字型顏色,這是很不專業的體現。團隊由於缺乏及時的溝通,導致其他組員一些好的想法得不到實施,確實是我們團隊合作的一個問題所在。

展會禮品、廣告促銷禮品由於套用相同的佈局,設計上沒有什麼難點,只是在這基礎上進行產品的進一步分類和圖片的蒐集有些費神和花時間。我在製作這一系列網頁時,都特別注意修改網頁標題。網頁標題是十分重要的,它是每開啟一張網頁的頭標。

前面這一階段的工作我還有一個小收穫,這就是圖片位置,其實在圖片屬性中圖片定位選擇絕對定位,再在下面輸入距左距上的距離即可,這是一個很不錯的方法。

後期我們進行每個人作的網頁整合時遇到了不少問題,原先我們認為超連結是可以整合的,其實不然,只能在一個檔案內作。當時已經花了一天的工時,可後來在晚上才發現,不只這個問題,還有每個人做的網頁都是儲存在網站資料夾下,而最後上傳到伺服器上只能有一個網站資料夾。所以後來我們組有三個人加班熬夜的。原本以為這樣已經差不多了,可是當我們把網站通過windowsiis預設web站點上傳進行本地除錯時發現所有網頁導航欄的圖片都顯示不出來,一些超連結也無法連線,這下讓我們有些驚慌失措。通過向老師瞭解,知道可能是圖片命名的問題,web伺服器無法識別中文命名的圖片,此外網頁也需命名為英文。於是我們又忙於修改圖片和網頁的名稱。我的所製作的展會禮品將網頁都放在private資料夾下,導致所有需要連線到展會禮品首頁的都不能進行。我首先需要把private資料夾下的網頁全部剪切出來,並且檢查超連結,而這些只能在frontpage資料夾試圖下進行。同時還要在http上檢測,進行及時的修改。超連結檢測是我展會禮品網頁的一個主要問題。公司主頁上的“展會禮品”始終連線不到“展會禮品首頁”,反覆的進行超連結都無法成功,其實是因為我所連線的超連結路徑不對,其實我應該根據瀏覽器上不能連線到的網頁路徑進行修改超連結。

經過這翻除錯、測試,網站不存在圖片顯示不出來的問題,以及超連結無法連線的問題。

在網際網路越來越深入到生活中每一個角落的年代,網頁的表現形式就如同以前書本上的文字,傳達著的是網路語言,每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網頁的表現形式已是網際網路至關重要的元素。它是一種創造性、有成就感的工作。

網頁製作心得體會 篇3

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

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

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

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

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

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

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

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

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

網頁製作心得體會 篇4

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

通過這次製作網站的過程,我最大的感受就是制定網站計劃的重要性。一個好的計劃可以詳細制定網站的相關內容,為後面的工作節省很多時間,所以在制定計劃時要有充分的準備。

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

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

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

主頁中不光要有文字,還要適當地加一些圖片。俗話說“一圖勝千言”,我想它不無道理。一張處理得好的圖片不需再多做解釋,就能使人一目瞭然,讓人去思考,去了解它。

我通過整個包括主題的確定,網頁的設計,資料的整和等製作的過程,才更加深入地理解了這些理論。我會懷著濃厚的興趣去學習,與同事之間互相協作學習,學會把理論知識運用到實際中,真正提高我的自主學習能力、協作精神和實踐能力。向著做一個真正意義上的教育技術專業人士的目標前進。

網頁製作心得體會 篇5

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

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

①標題

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

②內容的採集

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

③圖片

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

④網頁排版

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

⑤特色

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

⑥感悟

昨天,網頁與我無緣,那是因為上天不給我們一個見面的機會!

今天,網頁與我相識,與我相知,成為我的一個最真誠的朋友!

明天,網頁與我一生相伴,終身相隨,因為我已領悟了 一個網路,整個世界 。

網頁製作心得體會 篇6

現在,計算機和網路已經深入到了我們生活中的方方面面,也已經成了生活中不可缺少的一部分,網路成了我們獲取知識和資訊的一種便捷工具,現在的網民也在不斷的增多,所以,瞭解和學習網路知識是我們作為一名大學生迫切所需的。

通過一週的實習,在這門課上我學習到了一些關於製作網頁的知識,對flash也有所瞭解,還學會了一些基礎的PS技能

通過一週對這門課的實習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解,對網頁製作的基礎知識也有了一定的掌握。

在準備材料的時候我們可以用到學習的Flash知識來製作一些小的動畫和動態圖片,Flash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裡繪畫,編輯修改非常靈活,它的另一大特點是“互動性”強。在動畫播放時,可以用滑鼠或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。

然後是對圖片的處理,用到了Photoshop等相關的影象軟體。也對Photoshop cs4這款軟體有了一定的瞭解,學會了一些基本的ps方法。

接下來是開始正式製作網頁。通過Dreamweaver作為製作軟體,只需要用到軟體中的一些基本的功能:圖片插入和對齊設定;文字的格式、顏色、背景顏色的設定等就可以製作出一個簡單的網頁。

在網頁製作的時候,我覺得首先要列出大綱。列出來後,還必須考慮每個頁面之間的連結關係。層次不清的站點會造成瀏覽困難,影響內容的發揮。

框架定下來了,然後開始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發展打下良好的基礎。

下一步,就以動手製作具體內容了,題材選定,框架選定,接下來就開始往網頁裡面填內容。

最後就是對網頁的一些細節調整了,保證預覽網頁的整齊和沒有錯誤。

網頁製作心得體會 篇7

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

網頁製作心得體會 篇8

一、網站規劃

本工作室主要用來做個人站,主題是介紹自我,讓更多的朋友認識我,面向我的同學和朋友以及想結交我的朋友。

二、網站總體設計

本工作室只要包括我的主頁、我的簡介、我的日記、我的相簿、站建議等五個板塊。通過我的主頁可以進入其他四個板塊,其他四個板塊也可以通過超連結回到我的主頁去。

三、網站設計與製作(包括頁設計、圖形設計、動畫設計中的主要技術、方法和設計效果)

本站的佈局大多是運用css進行佈局的,這也是老師一直強調我們的。為了增加視覺效果,個別頁還特別添加了flash效果(我的相簿),還用到了視訊和音樂等素材(如我的主頁)。個別頁添加了表格,這樣顯得頁更齊整。對於美化這部分,我還特別用photoshop對一部分圖片進行了處理,讓圖片和頁更地搭配。在個別頁新增表單,可以讓瀏覽者和站更地互動,交流資訊。

四、學習體會

不知不覺,我已經學習《頁設計與製作》這門課程一個學期了,雖然時間有點短,但這一個學期以後我卻受益匪淺,不僅讓我全面的、系統的學會了頁設計與製作的基礎知識,還讓我學會了自己動手去製作屬於自己的頁,這對於我來說是很值得高興的,能讓我在以後的工作生活中更的展現自己。

建立一個站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的站。首先,我們要確立站主題。站主題就是你建立的站所要包含的主要內容,一個站必須要有一個明確的主題。特別是對於像我這樣的個人站,你不可能像綜合站那樣做得內容大而全,包羅永珍。你沒有這個能力,也沒這個精力。站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題圍內內容做到大而全、精而深。

然後,我們要找材料。明確了站的主題以後,你就要圍繞主題開始蒐集材料了。常言道:“巧婦難為無米之炊”。要想讓自己的站有血有肉,能夠吸引住使用者,你就要儘量蒐集材料,蒐集得材料越多,以後製作站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯上搜集,然後把蒐集的材料去粗取精,去偽存真,作為自己製作頁的素材。

找到材料後,我們還要規劃站。一個站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃站就像設計師設計大樓一樣,圖紙設計了,才能建成一座漂亮的樓房。站規劃包含的內容很多,如站的結構、欄目的設定、站的風格、顏色搭配、版面佈局、字圖片的運用等,你只有在製作頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的頁才能有個性、有特色,具有吸引力。如何規劃站的每一項具體內容,我們在下面會有詳細介紹。

做以上三步之後,我們就要選擇合適的製作工具。

儘管選擇什麼樣的工具並不會影響你設計頁的壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。頁製作涉及的工具比較多,首先就是頁製作工具了,在這裡,我們一般都是用有“絡三劍客”之稱的dreamweaver、fireworks、flash來製作頁,對於圖片部分的處理,個人覺得photoshop比較用。

最後,我們就需要按照規劃一步步地把自己的想法變成現實了,這是一個複雜而細緻的過程,一定要按照先大後小、先簡單後複雜來進行製作。所謂先大後小,就是說在製作頁時,先把大的結構設計,然後再逐步完善小的結構設計。所謂先簡單後複雜,就是先設計出簡單的內容,然後再設計複雜的內容,以便出現問題時修改。在製作頁時要多靈活運用模板,這樣可以大大提高製作效率。頁做之後,就要釋出到web伺服器上,才能夠讓全世界的朋友觀看,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它。這裡推薦二個有免費空間和域名的址給大家:

以上就是我對於頁製作的一些個人心得,由於本人的技術還不是很成熟,還存在很多的不足(如:背景過於單調和頁佈置不合理)。選擇學習這門課是很正確的選擇,雖然在以後不會再有機會去上了,但我還是會通過各種方式繼續學習頁設計和製作的,同時很感謝帶我入門的徐兵老師,讓我有機會去學習有關頁的知識,謝謝!

通過一個學期的學習和課堂講授,要我體會到要做好一個網頁不容易,當然要把這門課程講好更不容易。首先,需要足夠的耐心去了解學生的學習情況;其次,老師要有深厚的功力,即在網頁製作領域要能深入市場需求把握市場動向以此來決定教學方向;最後,切合實際的講學,深入淺出的教學模式能讓學生更能把握知識,並能熟練運用。總而言之,要在短短的三個多月的時間內掌握網頁設計的基礎知識並且成為一名網頁設計師也是一個重大挑戰!

這個學期結束了,但是看學生的學習情況來說感覺教學效果不佳,細分原因大概如下:

1、學生學習積極性很高,但缺少螞蟻精神,半途而廢的不乏多數。

這個學期我們的學習任務很重,要在一個學期內掌握Dreamweaver、Flash、Fireworks以及ASP+Vbscript,內容多,課程緊湊。我主要負責Y0601班級學生的授課,私底下和學生們溝通,聽學生們反應,這個學期每天都是6節課,課餘時間很少,即使有自己的個人愛好,也很難按照個人的意志和興趣來進一步提高。當然這個只是學生的看法,雖然時間很緊,但我也相信“時間是海面裡的水,願意去擠,還是有的”,但是課程多我也有同感,因為在剛開始接觸Dreamweaver的時候,學生的學習積極性很高,基本都能跟緊我的思路,以及後來講到Flash,學生的學習興趣也不減當初。可是隨著教學進度的進展,學生反映知識太碎,部分因為沒有跟上教學節奏,採取消極措施就直接放棄了!特別是講ASP部分的時候,大部分同學的積極性都消磨的差不多了,因而像是集體放棄,僅僅是少數在學習。

我個人分析原因可能是因為ASP相對網頁三劍客軟體來說難度大,要求高,部分同學不願意動腦筋,一點聽不懂就主動放棄,自暴自棄,不願進取。但還有部分學生願意學習,但是聲稱時間緊,沒有時間鑽研!

2、教學要求不能完全滿足學生的興趣愛好。

在教學過程中,我發現一部分學生願意把時間花費在網頁的設計和規劃上,包括網頁的設計、佈局、動畫的新增等等,而不是很願意把時間花費在網頁的後臺程式設計上,所以針對後來的ASP部分,對教學無動於衷,不願進取。

當然,分析現在的網頁製作流程,基本上可以分為兩大模組:前臺美工和編寫網站後臺。針對前臺美工來說,更注重的是學生的設計理念,顏色的搭配,整體的規劃,以及增色的動畫效果,因此要求學生有一定的藝術欣賞能力和藝術創作意識,但是針對計算機操作來說,工具的運用相對簡單。因此我們在教學過程中,學生願意鑽研,也願意學習,但是在短短的一個多月的時間內學習軟體的運用況且不易,更如何談及藝術情操的陶冶!在學生的學習過程中也出現意猶未盡的現象,像是沒有學夠,學的不夠盡興,特備是對於動畫愛好者來說,僅僅入門對於他們來說還遠遠不夠。而針對另外一個模組,更適合計算機專業的學生,也就是編寫網站後臺,但是相對來說知識稍微枯燥,且要求學生動腦思考,有一定的邏輯思維能力和進取精神。當然也有很多學生對這個很感興趣,熱愛程式設計,熱愛程式的學習,所以學習起來也得心應手,屢試不爽!

因此我個人認為,對於我們學院學生來說關鍵是要精於一門,精於一項,現實社會中也很缺乏所謂的專業精英。網站的製作通常都是細化分工,團隊合作,共同努力實現網站的建立,所以我也鼓勵學生能通於某項,深入學習,正所謂“深挖井,少挖坑”。

3、老師給與學生合理的引導,更要加強自身的素質修養,提高自己的知識水準。

在整個教學過程中,我自己也要檢討自己,針對網頁設計來說,我僅僅是帶領學生入門,沒有能夠讓學生的學習興趣和自身的潛力完全釋放出來。我從來都是相信我的學生是最聰明的學生,我也再三強調他們是我碰到的很聰明的一批學生,只要努力,勞動總是會有收穫的!但是在教學過程中,個人還缺少更高的藝術修養和藝術創造能力,但是我一直在追求藝術的完美,所以還要不斷的學習,不但實現個人的理想和愛好還要完成教學的需求;另外就是技術上還需要完善,也需要和有經驗的老師多交流,多溝通。我相信只有站在一定的高度去看整個專案的實現,會更通俗易懂也更有說服力,所以也不能說都是學生的原因,歸結起來還是要提高自己的知識水平和業務素質!

正所謂“巧婦難為無米之炊”,所以,提高個人知識水平和業務素質也迫在眉睫。教學過程中不滿足,不浮躁,努力進取,積極上進,多向有經驗的老師請教。

總而言之,這個學期的時間緊,知識多,在我們這門課中一共涉及的知識面也寬泛,就軟體來說大概就有四個,所以也加大了學生學習的難度。但這個學期結束後,訪問學生的體會,基本上一致說:知識太多,難以學習精通,雖然提起很大興趣,但是知識還有待深入。其實不僅僅是學生,對於老師來說何嘗又不是呢,所有要接觸的知識中,每一個軟體基本上都夠學習一個學期的,而我們要在短短的一個學期中接觸到這麼多知識也難怪學生反應知識多。整個學期像是在不斷學習新的軟體,一個軟體剛剛入門就又要再開始另外一個軟體的學習。學習強度大,雖然知識不是很難把握,但是知識零碎,需要反覆學習,反覆鞏固,一個學期下來,基礎知識基本上完,但根本沒有複習時間,也沒有時間要學生通過以前的知識來開發自己的網站。所以,我個人認為:這門課的學習還需要進一步加強並鞏固,能有一個綜合的運用,或者是通過一個網站的建設讓學生能夠體會到核心的東西。

針對Y0601班級的全體學生來說,聰明程度相當,但學習興趣層次不同,大部分學生只願意聽後選擇性的接受,而沒有知識的創新利用,或者是沒有下去自學,鞏固知識,單一的只是聽和做。程度好的學生比如丁毅、艾自科,課下還有練習,並根據自己的作品提出一兩點問題,但是程度差的同學,上完課後根本就直接把書丟在一邊置之不理。綜合學生的學習態度問題,個人認為還需要加強考核制度,從嚴制學,寬進嚴出,嚴肅考風!

另外,針對這個學期的網頁製作課程,在學生的學習製作過程中我也有自己的一點意見和看法:

1、 網頁製作要簡潔大方。

網站在設計過程中以簡潔大方為主,配合合理的顏色搭配和主題內容的詮釋,給訪問者賞心悅目的感覺;而避免過多的動畫和幀的過多運用,以及不明確的導航,雜亂的顏色,沒有主題的胡編亂造。

2、 網站風格要統一。

所有的影象、文字,包括像背景顏色、區分線、字型、標題、註腳什麼的,要統一風格,貫穿全站。這樣子讀者看起來舒服、順暢,也會對你的網站留下一個“很專業”的印象。知識運用中要大量配合合理的模板、CSS樣式的運用而避免在網頁中反覆的字型樣式重定義、顏色的胡亂運用,參差不齊給人雜亂的感覺。

3、 網站佈局合理。

避免一些“拿來主義”,一些學生為了設計方便,拿網上流行的模版做網頁,做出的網頁幾乎是千篇一律,沒有特色,雖然完成了網頁的製作,但是畢竟不是出自個人之手,知識缺乏進一步鞏固,且讓瀏覽者產生厭倦。另外導航清晰化,能引領瀏覽者閱讀網頁,思路一定要清晰,避免交叉連結。

4、 網站容量要小。

雖然網頁更加美觀可以吸引瀏覽者,但是圖片,動畫容量大會影響瀏覽速度,所以一定要注意網路容量問題。圖片儘量壓縮,多采用單一色,或者簡單的顏色;動畫要儘量簡潔實用,用最少的幀做出最漂亮實用的動畫,給網頁增色。

5、 網站實現嚴謹。

動態網頁的製作在這裡主要是通過ASP來完成,首先資料庫的設計要合理,避免反覆修改,影響呼叫。程式碼的寫入要嚴謹,比如考慮密碼的安全性,以及註冊使用者寫入一些非法字元,或者是洪水般的多使用者的點選是否對伺服器造成威脅等問題,儘量多方位全面的考慮問題,寫出更實用的網站。

以上是在教學過程中遇到的一些知識點或是具體運用中遇到的一些問題,當然也是學生的上機過程中經常存在的問題。

但是總體來說,通過整個學期網頁製作的學習,學生已經瞭解了網頁製作所需要的基本技術,也掌握了網頁製作的基本技能。但由於時間緊迫,知識點多,一些重點難點問題還需要勤加練習,比如:靜態網頁中的佈局和CSS的定義;動態網頁中物件的綜合運用等等。當然也存在著遺憾,不少學生反映,他們的學習愛好更多的是動畫的製作即Flash的學習,而我們只是籠統的講解,不能完全滿足學生的求知慾!當然針對網頁製作來說,還需要加強學生的配色觀念以及審美觀的培養,以及動態網頁的實現技術的把握,在很多方面還需要老師和學生們進一步配合,共同學習和實戰,以達到知識運用的一定高度!

網頁製作心得體會 篇9

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

一、準備資料和挑選頁設計的合適工具

俗話說:“巧婦難為無米之炊”。做主頁當然要收集、準備資料。在上多轉轉,看到什麼漂亮的頁,把它儲存起來,作為以後自己設計主頁時的參考。另外,還包括蒐集美化主頁可能要用到的各種材料,如背景、線條、小動畫圖示等等。你可以在硬碟上建一個件夾,下分“e—mail圖示、背景、線條、動畫”等件夾,養成上時看到有創意、新鮮的影象,就按滑鼠右鍵存入你硬碟相應件夾的習慣,時間一長你就有擁有了一個可觀的相簿,等做主頁時隨手拈來或加以修改就成你自己的東西了。

二、規劃整個站

主頁的設計應以醒目優先,應該令人一目瞭然,切勿堆砌太多不必要的細節,或使畫面過於複雜。要做到這一點,首先要在整體上規劃自己站的主題和內容,確定自己需要傳達給訪問使用者的主要資訊,然後仔細斟酌,把自己所有要表達的意念合情合理地組織起來;其次,是設計一個富有個性的頁面式樣,務求盡善盡美。這樣製作出來的主頁才會清晰、明瞭、內容充實。切記,頁面給人的第一觀感最為重要!在上到處瀏覽站的人很多,如果你的主頁給人的第一印像沒有吸引力,很難令他們深入觀賞,而且他們恐怕再也不會訪問你的站了。

三、善用圖片,增強藝術效果,加快主頁瀏覽速度

頁的迷人之處之一,要算它上面能點綴許多漂亮的圖片。精美的圖片設計,可以使自己的頁增輝不少,令人過目不忘。圖片的內容應有一定的實際作用,切忌虛飾浮誇,同時還要注意與字的顏色搭配。最佳的影象集美觀與資訊於一身。

網頁製作心得體會 篇10

跟學習別的東西一樣,學習網頁設計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執著。學習網頁設計需要耐心,如果你沒有耐心,你學不好網頁設計,應為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。學習網頁設計需要堅持,堅持不斷的學習,因為設計網頁的軟體在不斷的更新,你不斷的學習不要掉入技術的陷阱,你的網頁設計技術一流,你對軟體的掌握程度已經達到一定水平,但是你設計的網頁確不堪目睹,這是因為網頁設計是是介於平面設計和程式設計技術兩者之間的"邊緣科學。"不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等程式語言技術方面的知識。只有綜合運用多種知識,才能設計出視聽特效,動感十足,富於個性的web頁面,才能全面展現網際網路這一新型媒體的獨特魅力和多維空間的超強功能。

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

申明一點,我也是個網頁設計初學者,並不是什麼設計名師,這是我個人的灼見。有什麼不對的地方,還請大家見諒。

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

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

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

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

包括個人網站後臺管理功能設計,後臺管理資訊系統功能設計,後臺系統許可權管理,後臺檔案管理,個人網站後臺管理系統主頁設計。

三、網站釋出

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

四、個人網站推廣

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

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

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

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

網頁製作心得體會 篇11

在製作一套頁之前,首先必須先定位頁的方向,及確定所製作站的標題。標題在個人主頁中起了很重要的作用,他很大部分的決定了你整套個人主頁的定位是否正確,一個的名字必須有概括性的、簡短的、有特色的、容易記得還要符合自己主頁的主題和風格,決不要取什麼名實不符或則誇大誇大其詞的“名字”,別人第一次上你的當下次恐怕再也不會光顧了。

選標題後,開始採集內容,內容必須緊隨著標題,在採集內容過程中,很重要的一個“特”色,所謂特色應該是有一些自己的東西,不能跟平常中所看到的企事業單位的頁相比,個人主頁中的特色,應該突出自己獨特的個性,把自己的興趣、愛盡情的發揮,因為在絡上不受限制,沒有人在你的創作內容上指手劃腳,品頭論足、你的主頁就是你在絡上的一個小小家園,在那裡你可以放上你自己喜歡的任何東西(當然不是違法的內容、不涉及到版權的),包括你自己平時寫的一些章,一些聽的歌,一段幽默的章,收集一些的作品,把這些內容按類別進行分類設定欄目,讓人一目瞭然,在欄目上不要設定太多,最不要超過十個,層次上最少於五層,而你的拳頭欄目最能直接從首頁到達,保證主頁用各種瀏覽器的都能看到最的效果。

做個人主頁我覺得不能光光用字,必須在主頁上適當的加一些圖片,增加可看性,俗語有一句話“一圖甚千言”我想不無道理,一張處理看的圖片不須要你多做任何解釋,就能讓人流連忘懷,浮想聯翩,總能讓人去思考,情不至竟的去了解他,當然處理不的以及那些無關緊要的

圖片最不要放上去,讓人覺得是累贅,影響了頁傳輸速度,圖片不關要看,還要在保證圖片質量的情況下儘量縮小圖片的大小即位元組數,在目前絡傳輸速度不是很快的情況下,圖片的大小很大程度上影響了頁的傳輸速度,那麼如何精簡圖片的大小呢,一般來說,圖片的顏色較少的及在256色以內的最把它處理成gif圖象格式,如果是一些彩色照片、色(更多請關注ww.aowod.co)彩比較豐富的圖片最把它處理成jpg圖象格式,因為gif和jpg各有各的壓縮優勢,應跟據具體的圖片來選擇壓縮比。

頁頁面設計整體的排版設計也是不可忽略得,要使使用者在狹窄的電腦螢幕上閱讀,很重要的一個原則是合理的運用空間,讓自己的頁疏密有致,僅僅有條,不要把一整個頁都填的實實的,沒有一點空隙,給人一種急迫感,看一套頁應該讓人覺得很輕鬆,留下必要得空白,頁的背景並不一定非要運用白色,但選用的背景應該跟整套頁面的色調相協調,應該有特色,合理的應用色彩是非常關鍵的,據心理學家的研究“色彩最能引起人們奇特的想象,他最能撥動感情的琴絃”比如說你做的個人主頁是屬於感情類的,那最選用一些玫瑰色、紫色之類的比較淡雅的色彩,而不要用黑色、深藍色這類比較灰暗的色彩,黑色他是所有色彩的集合體,黑色比較深沉,他能壓抑其他色彩,在圖案設計中黑色經常用來繪紋樣、勾邊或點綴最深沉的部位,黑色不是靈丹妙藥,用時必須苦心經營,否則會時圖案“黑色太重”或顯得沉悶陰暗。

如果想自己的頁更有特色一些,可適當的加一些頁製作得技術,諸如聲音、動態頁、java、applet等技術,當然這種技術最不要加太多,他會影響頁的下載速度,另外可考慮一下你主頁的定居點速度

和穩定性,不妨考慮建一兩個鏡象站點,不僅能照顧到不同地區友對速度的要求,還能作備份,以防萬一。

等個人主頁作了差不多了,可別忘了在您的個人主頁上放一個留言板、一個計數器是必要的,前者能讓你即使的獲得參觀者意見和建議,即使的得到友的反饋資訊,你最能做到有問必答,用行動去贏的更多的訪問者,後者能讓你知道主頁參觀者的統計資料,你可以即使調整你的設計,適應不同的瀏覽器和參觀者的要求。最後一步就是宣傳你的個人主頁,首先你先在各個搜尋引擎登陸,這點你可以交給一些上專門免費提供這類服務的站點替你做。此外你也不妨同訪問量大的一些站點作一下友情連結。通過他們站來訪問你的個人主頁。擴大你站的知名度。