網站首頁 語言 會計 網際網路計算機 醫學 學歷 職場 文藝體育 範文
當前位置:學識谷 > 設計製作 > 網頁設計

dreamweaver的學習心得

欄目: 網頁設計 / 釋出於: / 人氣:2.85W

當我們備受啟迪時,寫心得體會是一個不錯的選擇,這樣我們可以養成良好的總結方法。那麼要如何寫呢?下面是小編收集整理的dreamweaver的學習心得,歡迎閱讀與收藏。

dreamweaver的學習心得

dreamweaver的學習心得1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dreamweaver的學習心得2

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

1、紙上佈局法

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

2、軟體佈局法

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

最後重點講了佈局的技術

1、層疊樣式表的應用

2、表格佈局

3、框架佈局

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

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

dreamweaver的學習心得3

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

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

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

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

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

1、標題

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

2、內容的採集

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

3、圖片

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

4、網頁排版

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

5、背景

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

dreamweaver的學習心得4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tags:學習心得