我們在一些事情上受到啟發(fā)后,，可以通過寫心得體會的方式將其記錄下來，它可以幫助我們了解自己的這段時間的學(xué)習(xí),、工作生活狀態(tài),。心得體會對于我們是非常有幫助的，可是應(yīng)該怎么寫心得體會呢,？下面我?guī)痛蠹艺覍げ⒄砹艘恍﹥?yōu)秀的心得體會范文,，我們一起來了解一下吧。

dreamweaver心得體會篇一

1,、紙上布局法

許多網(wǎng)頁制作者不喜歡先畫出頁面布局的草圖,，而是直接在網(wǎng)頁設(shè)計(jì)器里邊設(shè)計(jì)布局邊加內(nèi)容。這種不打草稿的方法不能讓你設(shè)計(jì)出優(yōu)秀的網(wǎng)頁來,。所以在開始制作網(wǎng)頁時,，要先在紙上畫出你頁面的布局草圖來。

2,、軟件布局法

如果你不喜歡用紙來畫出你的布局意圖,，那么你還可以利用軟件來完成這些工作。這個軟件就是photoshop,。photoshop所具有的對圖像的編輯功能用到設(shè)計(jì)網(wǎng)頁布局上更顯得心應(yīng)手,。不像用紙來設(shè)計(jì)布局，利用photoshop可以方便的使用顏色,，使用圖形,，并且可以利用層的功能設(shè)計(jì)出用紙張無法實(shí)現(xiàn)的布局意念。

最后重點(diǎn)講了布局的技術(shù)

1,、層疊樣式表的應(yīng)用

2,、表格布局

3、框架布局

最后,，楊老師就span+css給我們進(jìn)行詳細(xì)介紹,，我們按照他的進(jìn)度，創(chuàng)建網(wǎng)站站點(diǎn),、創(chuàng)建文件夾,、創(chuàng)建文件。然后在span容器中插入動畫,，創(chuàng)建css文件,，對不同的塊元素進(jìn)行排版，主要是浮動—float,。由于時間實(shí)在是太短了,，很多知識都沒的講，比如我們常遇到的外邊距，內(nèi)邊距,，線條,，以及一些基本的代碼知識。

哈哈,，我就不多說了,，對于網(wǎng)頁我也研究了好幾年了，問題還真多,，學(xué)過網(wǎng)頁布局(table,、span+css)，學(xué)過平面設(shè)計(jì)(ps,、cdr),，學(xué)過編程(asp、asp,。net),，學(xué)過數(shù)據(jù)庫(ac、sql),?？梢哉f我現(xiàn)在完全可以獨(dú)當(dāng)一面，接過學(xué)校,、企業(yè),、武警等的網(wǎng)頁制作，評價(jià)都還不錯!目前就是缺一個團(tuán)隊(duì),，從鄭小軍老師他們的成果看,，不是一個人的努力能完成的，更多的是要一個志同道合的團(tuán)隊(duì),，回去我也該好好想想這個問題了,。

dreamweaver心得體會篇二

轉(zhuǎn)瞬之間，半個學(xué)期又接近尾聲,，在李導(dǎo)師的精心輔導(dǎo)下,，度過了這個富有生機(jī)，富有朝氣的學(xué)期,。學(xué)到了很多做夢也不會遇到的如此奇特的有趣知識,，對于我來講是一個很好的鍛煉和充實(shí)的機(jī)會。

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

在頁制作的過程中，我深深體會到一點(diǎn)“有付出,，就終有回報(bào)”,，你的付出與你的回報(bào)終究是成正比的。經(jīng)過了多少漫漫長路,，經(jīng)過了多少忘我的投入,，經(jīng)過了多少波折，我的網(wǎng)頁與眾人見面了,。當(dāng)我第一眼在網(wǎng)絡(luò)下一覽我的個人主頁,，我是多么的激動，多么的興奮,，就像多年未見的老同學(xué),，一種講不出道不明的感覺。

我在制作主頁中的心得體會：

做好主頁,，并不是一件容易的事,，它包括個人主頁的選題、內(nèi)容采集整理,、圖片的處理,、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西,。

1,、標(biāo)題

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

2,、內(nèi)容的采集

選好標(biāo)題后,，開始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符,，在采集內(nèi)容的過程中,，應(yīng)注重特色,，所謂特色應(yīng)該是有一些自己的東西。個人主頁中的特色,，應(yīng)該突出自己的個性,，把自己的興趣、愛好盡情地發(fā)揮出來,，因?yàn)樵诰W(wǎng)絡(luò)上不受限制,。主頁就是在網(wǎng)絡(luò)上的一個小小家園，在那里,，可以放上自己喜歡的任何東西,，包括你自己平時喜歡一些文章，一些好聽的歌,，一些好的動畫作品,。把這些內(nèi)容按類別進(jìn)行分類，設(shè)置欄目,，讓人一目了然,，在欄目上不要設(shè)置太多，最好不要超過十個,，層次上最好少于五層,。

3、圖片

做個人主頁不能只用文字,，必須在主頁上適當(dāng)?shù)丶右恍﹫D片,，增加可看性，俗話說"一圖勝千言",，我想不無道理,，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然,，讓人去思考,，去了解它。當(dāng)然處理得不好的以及無關(guān)緊要的圖片最好不要放上去,，否則讓人覺得是累贅,，同時也影響網(wǎng)頁的傳輸速度。圖片不僅要好看,，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大小(即字節(jié)數(shù)),，在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網(wǎng)頁的傳輸速度,。那么如何精簡圖片的大小呢,，一般來說，圖片顏色較少的及在256色以內(nèi)的最好把它處理成gif圖像格式,，如果是一些色彩比較豐富的圖片,，最好把它處理成jpg圖像格式,，因?yàn)間if和jpg各有各的壓縮優(yōu)勢，應(yīng)根據(jù)具體的圖片來選擇壓縮比,。

4,、網(wǎng)頁排版

網(wǎng)頁頁面整體的排版設(shè)計(jì)也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀,，很重要的一個原則是合理地運(yùn)用空間,，讓自己的網(wǎng)頁井井有條，留下必要的空白,，人覺得很輕松。不要把整個網(wǎng)頁都填得密密實(shí)實(shí)的,，沒有一點(diǎn)空隙,，這樣會給人一種壓抑感。

5,、背景

網(wǎng)頁的背景并不一定非要用白色,，選用的背景應(yīng)該和整套頁面的色調(diào)相協(xié)調(diào)。合理的應(yīng)用色彩是非常關(guān)鍵的,。

dreamweaver心得體會篇三

目前,，互聯(lián)網(wǎng)是最快捷的信息傳播渠道之一，學(xué)習(xí)網(wǎng)頁制作成了學(xué)生必須掌握的一項(xiàng)技能,。在幾年的教學(xué)實(shí)踐之中,，我總結(jié)了《制作簡單網(wǎng)頁》教學(xué)中值得注意的幾個問題：

一、激發(fā)學(xué)生的學(xué)習(xí)興趣,，喚醒求知欲望

現(xiàn)階段信息技術(shù)課程的主要任務(wù)之一是培養(yǎng)學(xué)生對信息技術(shù)的興趣和意識,。興趣是學(xué)生基于自己的學(xué)習(xí)需要而表現(xiàn)出來的一種認(rèn)識行為，它在學(xué)生的學(xué)習(xí)中具有重要的'作用,。我認(rèn)為,，教師激發(fā)學(xué)習(xí)興趣，挖掘?qū)W習(xí)需求是授課前必須解決的問題,。從知識結(jié)構(gòu)看,，網(wǎng)頁制作是在學(xué)生掌握了一定的理論基礎(chǔ)和操作技能之后，對互聯(lián)網(wǎng)有了一定的了解,、瀏覽過相當(dāng)數(shù)量的網(wǎng)頁和站點(diǎn)之后引入的,。在準(zhǔn)備期中教師應(yīng)該適當(dāng)?shù)匾龑?dǎo)學(xué)生，可以采取展示法,、教學(xué)對話法等,，也可以融合多種方法進(jìn)行。

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

二,、合理調(diào)整教學(xué)順序和重點(diǎn),，理順理論與操作的關(guān)系

學(xué)習(xí)網(wǎng)頁制作，首先接觸的是概念和理論性的知識,?；仡檶W(xué)習(xí)一些應(yīng)用軟件的過程，肯定不是先把理論背熟,，而是從操作使用開始的,。我并不是說理論不重要，而是切入的時機(jī)要掌握好,。對于這一部分的教學(xué),，可以根據(jù)教學(xué)實(shí)際，合理調(diào)整教學(xué)順序和重點(diǎn),。對涉及到的理論知識,，可以盡量在教操作的時候滲透。一些純理論的知識,，不妨一帶而過,，教學(xué)取得階段成果后，再單獨(dú)強(qiáng)調(diào),。

三,、注重培養(yǎng)學(xué)生知識遷移的能力

正在進(jìn)行的新課程改革，提倡的是教給學(xué)生可遷移的知識,。我體會,，遷移是理論到實(shí)踐。很多應(yīng)用軟件,，模式基本上是統(tǒng)一的,，在窗口組成,、菜單內(nèi)容和操作方法等方面是相通的。對這類內(nèi)容,，我認(rèn)為可以采用比較法,、示范法、啟發(fā)法等教學(xué)方法,。例如,，制作網(wǎng)頁和保存網(wǎng)頁兩個知識點(diǎn)：可以在介紹了工具軟件(如frontpage)窗口組成之后，就布置學(xué)生輸入并編輯一段文字,，然后把該文件保存在指定位置,。這些操作都是前面學(xué)過的，對學(xué)生來講既是學(xué)習(xí)也是復(fù)習(xí),。作為老師,，我們在糾正學(xué)生錯誤的同時，還可以幫助學(xué)生比較這幾個軟件在使用中的異同,。比如，輸入文字,，在word和frontpage中可在編輯區(qū)中直接寫,，而在powerpoint中必須寫在文本框里。通過比較,，加深印象,，達(dá)到學(xué)習(xí)和提高的目的。在這部分中,，除文字處理外,，像修飾網(wǎng)頁、插入表格等內(nèi)容都可以這樣比較著講,。

四,、認(rèn)識螺旋式上升的學(xué)習(xí)模式和探究式學(xué)習(xí)的方式，重視課前準(zhǔn)備

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

五,、組織協(xié)作學(xué)習(xí)，培養(yǎng)學(xué)生自學(xué)能力和合作精神

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

六,、適當(dāng)引入分層次教學(xué),，體現(xiàn)教學(xué)目標(biāo)的差異性

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

七,、加強(qiáng)聯(lián)系實(shí)際,，培養(yǎng)學(xué)生的創(chuàng)新能力

創(chuàng)新是素質(zhì)教育的核心內(nèi)容。鼓勵,、指導(dǎo)學(xué)生大膽,、靈活地運(yùn)用已學(xué)知識，解決實(shí)際問題是培養(yǎng)學(xué)生創(chuàng)新精神和能力的有效方法,。我認(rèn)為在網(wǎng)頁制作這一部分的小結(jié)或復(fù)習(xí)階段可以適當(dāng)采用主題型課或任務(wù)驅(qū)動式的方法,，設(shè)計(jì)引導(dǎo)學(xué)生從頭至尾制作一個專題站點(diǎn)。當(dāng)然,，復(fù)習(xí)中也可以適當(dāng)采取教學(xué)對話,、教學(xué)討論、示范等教學(xué)方法,。

dreamweaver心得體會篇四

一,、網(wǎng)站規(guī)劃

本工作室主要用來做個人網(wǎng)站，主題是介紹自我,，讓更多的朋友認(rèn)識我,，面向我的同學(xué)和朋友以及想結(jié)交我的朋友。

二,、網(wǎng)站總體設(shè)計(jì)

本工作室只要包括我的主頁,、我的簡介、我的日記,、我的相冊,、網(wǎng)站建議等五個板塊。通過我的主頁可以進(jìn)入其他四個板塊,，其他四個板塊也可以通過超鏈接回到我的主頁去,。

三、網(wǎng)站設(shè)計(jì)與制作(包括網(wǎng)頁設(shè)計(jì),、圖形設(shè)計(jì),、動畫設(shè)計(jì)中的主要技術(shù)、方法和設(shè)計(jì)效果)

本網(wǎng)站的布局大多是運(yùn)用css進(jìn)行布局的,，這也是老師一直強(qiáng)調(diào)我們的,。為了增加視覺效果，個別網(wǎng)頁還特別添加了flash效果(我的相冊)，還用到了視頻和音樂等素材(如我的主頁),。個別網(wǎng)頁添加了表格,，這樣顯得網(wǎng)頁更齊整。對于美化這部分,，我還特別用photoshop對一部分圖片進(jìn)行了處理,，讓圖片和網(wǎng)頁更好地搭配。在個別網(wǎng)頁添加表單,，可以讓瀏覽者和網(wǎng)站更好地互動,，交流信息。

四,、學(xué)習(xí)體會

不知不覺,，我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計(jì)與制作》這門課程一個學(xué)期了，雖然時間有點(diǎn)短,，但這一個學(xué)期以后我卻受益匪淺,，不僅讓我全面的、系統(tǒng)的學(xué)會了頁設(shè)計(jì)與制作的基礎(chǔ)知識,，還讓我學(xué)會了自己動手去制作屬于自己的網(wǎng)頁,，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己,。

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

然后,，我們要找材料。明確了網(wǎng)站的主題以后,，你就要圍繞主題開始搜集材料了,。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉,，能夠吸引住用戶,，你就要盡量搜集材料，搜集得材料越多,，以后制作網(wǎng)站就越容易,。材料既可以從圖書、報(bào)紙,、光盤,、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集,，然后把搜集的材料去粗取精,，去偽存真，作為自己制作網(wǎng)頁的素材,。

找到材料后,，我們還要規(guī)劃網(wǎng)站。一個網(wǎng)站設(shè)計(jì)得成功與否,，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平,，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了,，才能建成一座漂亮的樓房,。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu),、欄目的設(shè)置,、網(wǎng)站的風(fēng)格、顏色搭配,、版面布局,、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了,，才能在制作時駕輕就熟,，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性,、有特色,，具有吸引力,。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們在下面會有詳細(xì)介紹,。

做好以上三步之后,，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設(shè)計(jì)網(wǎng)頁的好壞,，但是一款功能強(qiáng)大,、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多,，首先就是網(wǎng)頁制作工具了,，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的dreamweaver,、fireworks,、flash來制作網(wǎng)頁，對于圖片部分的處理,，個人覺得photoshop比較好用,。

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了,，這是一個復(fù)雜而細(xì)致的過程,，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作,。所謂先大后小,，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計(jì)好,，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì),。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容,，然后再設(shè)計(jì)復(fù)雜的內(nèi)容,，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板,，這樣可以大大提高制作效率,。網(wǎng)頁做好之后，就要發(fā)布到web服務(wù)器上,，才能夠讓全世界的朋友觀看,，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識它,。這里推薦二個有免費(fèi)空間和域名的網(wǎng)址給大家!

以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的技術(shù)還不是很成熟,，還存在很多的不足(如：背景過于單調(diào)和網(wǎng)頁布置不合理),。選擇學(xué)習(xí)這門課是很正確的選擇,，雖然在以后不會再有機(jī)會去上了，但我還是會通過各種方式繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)和制作的,，同時很感謝帶我入門的徐兵老師,，讓我有機(jī)會去學(xué)習(xí)有關(guān)網(wǎng)頁的知識，謝謝!

dreamweaver心得體會篇五

在炎熱的夏季,，又在悶熱的機(jī)房中,，我們又一次的完成了網(wǎng)站建設(shè)的實(shí)習(xí)。在這實(shí)習(xí)期間,，有太多的話想說,，都是苦不堪言。但事后又想想,，苦過了,，才知道有甜。

在這實(shí)習(xí)當(dāng)中,，我知道了span是html(超文本語言)中的一個元素,，span+cs是一種網(wǎng)頁的布局方法，span+css包括行內(nèi)樣式,、內(nèi)嵌式,、鏈接式、導(dǎo)入式,、css選擇器,、標(biāo)記選擇器、類別選擇器,、id選擇器,、選擇器聲明、css繼承,。還有id與class區(qū)別：id不允許重復(fù)使用,，只能用一次，css規(guī)范和其他規(guī)范javascript控制方法一樣,。

說實(shí)話,，我對span+css一點(diǎn)兒都不懂，但起碼我知道了這是一種網(wǎng)頁的布局格式,，總比不知道強(qiáng),。有句話說，不懂就要學(xué),。是的,，既然學(xué)了了這個專業(yè)，就不能對這個專業(yè)模糊,。所以,，就要學(xué)習(xí)學(xué)習(xí)再學(xué)習(xí),。征服畏懼、建立自信的最快最確實(shí)的方法,，就是去做你害怕的事,，直到你獲得成功的經(jīng)驗(yàn)。

我們經(jīng)過兩周的實(shí)訓(xùn),，通過前期的合同洽談,、簽訂，到后期的網(wǎng)站制作,、網(wǎng)站發(fā)布,，讓我受益匪淺。不僅讓我了解通過網(wǎng)絡(luò)洽談商務(wù)的禮儀和細(xì)節(jié),，也讓我的網(wǎng)站制作知識及技能有了很大提高,。

前期我們通過發(fā)送電子郵件，進(jìn)行網(wǎng)上商務(wù)的接洽,。由于沒有做好工作,。了解商務(wù)郵件的格式，導(dǎo)致郵件發(fā)了很長一段時間,，雙方還僅僅停留在認(rèn)識階段,，確實(shí)說來很失敗。

在擬定合同時,，由于不能真正滿足客戶的需求,，一些條款及報(bào)價(jià)不合理，因此要一次又一次反復(fù)的修改合同,。這主要是因?yàn)槲覀儾荒苷_解讀客戶的要求,，并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設(shè)的特色。

在網(wǎng)站制作的起初階段,，由于不曾制作過網(wǎng)頁,，雖然團(tuán)隊(duì)確立了分工，但還是有些迷茫,。公司沒有確立風(fēng)格和大體的布局,，并且搜集資料是一個漫長而又復(fù)雜的過程。通過瀏覽各類禮品網(wǎng)站,，心里大概有了一定的想法和設(shè)計(jì),。

我的主要任務(wù)有“誠聘英才”、“產(chǎn)品導(dǎo)航”,、“展會禮品”,、“廣告促銷禮品”。我最先做的是“誠聘英才”,，我是參照中國電信誠聘英才首頁做的,，它看似制作簡單,，其實(shí)布局十分復(fù)雜、精致,。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字,，但始終插入不了,，后來通過請教老師，總算知道了其中的奧妙,。原來是圖層被鎖定了,，要重新拷貝圖層，再考貝的圖層上就可以插入文字了,，并且文字其實(shí)也是一個圖層,，它是可以移動的。盡管我為誠聘英才網(wǎng)頁付出了很多,，但并沒有被采納,，并且此時我也設(shè)計(jì)了logo，也沒有被采納,。

“產(chǎn)品導(dǎo)航”是一個困擾我一上午的問題(此刻公司首頁已經(jīng)制作完畢,，而它與合同上的“產(chǎn)品導(dǎo)航”頁面布局類似，于是這讓我一時間很難抉擇,。我就一邊設(shè)計(jì)一邊思考,，此時我為公司定的色彩風(fēng)格是紅色，我為導(dǎo)航欄設(shè)計(jì)的是交互式按鈕,，并且設(shè)計(jì)了初始字體,、懸停、按下時字體顏色,?？墒沁@一切都是白費(fèi)，由于后來我們將風(fēng)格確定為藍(lán)色,，并且導(dǎo)航欄確定都采用首頁中插入的圖片,，但我覺得這樣有些不好：例如它不可以設(shè)置超鏈接的字體顏色，這是很不專業(yè)的體現(xiàn),。團(tuán)隊(duì)由于缺乏及時的溝通,，導(dǎo)致其他組員一些好的想法得不到實(shí)施，確實(shí)是我們團(tuán)隊(duì)合作的一個問題所在,。

展會禮品,、廣告促銷禮品由于套用相同的布局，設(shè)計(jì)上沒有什么難點(diǎn),，只是在這基礎(chǔ)上進(jìn)行產(chǎn)品的進(jìn)一步分類和圖片的搜集有些費(fèi)神和花時間,。我在制作這一系列網(wǎng)頁時,，都特別注意修改網(wǎng)頁標(biāo)題。網(wǎng)頁標(biāo)題是十分重要的,，它是每打開一張網(wǎng)頁的頭標(biāo),。

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

后期我們進(jìn)行每個人作的網(wǎng)頁整合時遇到了不少問題,，原先我們認(rèn)為超鏈接是可以整合的，其實(shí)不然,，只能在一個文件內(nèi)作,。當(dāng)時已經(jīng)花了一天的工時，可后來在晚上才發(fā)現(xiàn),，不只這個問題,，還有每個人做的網(wǎng)頁都是保存在網(wǎng)站文件夾下，而最后上傳到服務(wù)器上只能有一個網(wǎng)站文件夾,。所以后來我們組有三個人加班熬夜的,。原本以為這樣已經(jīng)差不多了，可是當(dāng)我們把網(wǎng)站通過windows--iis默認(rèn)web站點(diǎn)上傳進(jìn)行本地調(diào)試時發(fā)現(xiàn)所有網(wǎng)頁導(dǎo)航欄的圖片都顯示不出來,，一些超鏈接也無法連接,，這下讓我們有些驚慌失措。通過向老師了解,，知道可能是圖片命名的問題,，web服務(wù)器無法識別中文命名的圖片，此外網(wǎng)頁也需命名為英文,。于是我們又忙于修改圖片和網(wǎng)頁的名稱,。我的所制作的展會禮品將網(wǎng)頁都放在private文件夾下，導(dǎo)致所有需要連接到展會禮品首頁的都不能進(jìn)行,。我首先需要把private文件夾下的網(wǎng)頁全部剪切出來,，并且檢查超鏈接，而這些只能在frontpage文件夾試圖下進(jìn)行,。同時還要在http上檢測,，進(jìn)行及時的修改。超鏈接檢測是我展會禮品網(wǎng)頁的一個主要問題,。公司主頁上的“展會禮品”始終連接不到“展會禮品首頁”,，反復(fù)的進(jìn)行超鏈接都無法成功，其實(shí)是因?yàn)槲宜B接的超鏈接路徑不對，其實(shí)我應(yīng)該根據(jù)瀏覽器上不能連接到的網(wǎng)頁路徑進(jìn)行修改超鏈接,。

經(jīng)過這翻調(diào)試,、測試，網(wǎng)站不存在圖片顯示不出來的問題,，以及超鏈接無法連接的問題,。

在互聯(lián)網(wǎng)越來越深入到生活中每一個角落的年代，網(wǎng)頁的表現(xiàn)形式就如同以前書本上的文字,，傳達(dá)著的是網(wǎng)絡(luò)語言,，每一條線、每一個色塊,、每一種版式、每一種組合都傳遞給閱讀者一種感覺,。實(shí)際上網(wǎng)頁的表現(xiàn)形式已是互聯(lián)網(wǎng)至關(guān)重要的元素,。它是一種創(chuàng)造性、有成就感的工作,。