第一篇：網(wǎng)頁(yè)設(shè)計(jì)與制作與網(wǎng)站發(fā)布 學(xué)習(xí)心得（范文）

《網(wǎng)頁(yè)設(shè)計(jì)與制作與網(wǎng)站發(fā)布》

學(xué)習(xí)心得

今天上了第一堂選修課，課程內(nèi)容很簡(jiǎn)單，講了一些關(guān)于網(wǎng)頁(yè)的基本內(nèi)容，Internet是一個(gè)覆蓋幾乎全球的計(jì)算機(jī)網(wǎng)絡(luò)，www.tmdps.cn 在上面開(kāi)通屬于自己的微博，就可以發(fā)表觀點(diǎn)了，有什么開(kāi)心或是不開(kāi)心的事都可以在上面的寫(xiě)下來(lái)，開(kāi)心的與他有一起分享，不開(kāi)心的就可以與他人一起分擔(dān)，就不會(huì)那么傷心了。

最后這兩次課，講了網(wǎng)頁(yè)制作的一些基本問(wèn)題，回顧一下之前所學(xué)內(nèi)容，首先網(wǎng)頁(yè)上文字要合理安排，標(biāo)題等少量文字可以采用特殊的字體，其它字體盡量選比較普通的字體，適合就好，不要做的比較特別，文字太大占的頁(yè)面大，太小又不好，所以適中就好，這樣就看起來(lái)比較大氣，那些好的網(wǎng)站就是這樣的。再講了那個(gè)圖形，網(wǎng)頁(yè)中通常采用的是JPEG和GIF兩種圖片格式，通常一般不加背景圖片，因?yàn)檫@樣要占用大量的儲(chǔ)存空間，所以當(dāng)在打開(kāi)這個(gè)網(wǎng)頁(yè)時(shí)會(huì)有點(diǎn)慢，所以考慮網(wǎng)頁(yè)的大小，盡量不要加背景圖片，這樣也不會(huì)顯得花哨。從整體上體看就好一點(diǎn)了。

最后的一次課，老師留給我們提問(wèn)，交流學(xué)習(xí)經(jīng)驗(yàn)，多去體驗(yàn)網(wǎng)頁(yè)的制作過(guò)程，有什么想法盡可以說(shuō)出與大家共同分享。

第二篇：網(wǎng)頁(yè)設(shè)計(jì)與制作與網(wǎng)站發(fā)布 學(xué)習(xí)心得

《網(wǎng)頁(yè)設(shè)計(jì)與制作與網(wǎng)站發(fā)布》

學(xué)習(xí)心得

今天上了第一堂選修課，課程內(nèi)容很簡(jiǎn)單，講了一些關(guān)于網(wǎng)頁(yè)的基本內(nèi)容，Internet是一個(gè)覆蓋幾乎全球的計(jì)算機(jī)網(wǎng)絡(luò)，WWW服務(wù)是互聯(lián)網(wǎng)上最為先進(jìn)、應(yīng)用最廣、交互性能最好的信息檢索工具，它向人類(lèi)提供了一個(gè)無(wú)比豐富的資源庫(kù)，網(wǎng)頁(yè)是其上主要的資源組織形式。圖像是網(wǎng)頁(yè)頗具活力的組成元素，網(wǎng)頁(yè)上常用的圖像格式是GIF和JPEG, 網(wǎng)頁(yè)制作中使用最廣泛的是RGB色彩模式,在不同的操作系統(tǒng)和瀏覽器中顯示效果一致的216種顏色稱(chēng)為網(wǎng)絡(luò)安全色。

介紹了制作網(wǎng)頁(yè)的三大軟件，Macromedia公司的Dreamweaver

8、Fireworks

8、Flash 8三個(gè)軟件是網(wǎng)頁(yè)制作的優(yōu)秀套件，俗稱(chēng)“三劍客”，對(duì)此，我們對(duì)制作網(wǎng)頁(yè)有了一定的認(rèn)識(shí)，課上，上課氣份活躍，同學(xué)們提問(wèn)積極，充分體現(xiàn)了對(duì)這門(mén)課程喜愛(ài)。上完課，我在網(wǎng)上下載了網(wǎng)頁(yè)制作的三大軟件，并成功安裝。

第二次課就講的Flash 8的工作環(huán)境，F(xiàn)lash 8動(dòng)畫(huà)的創(chuàng)作流程，以及元件、實(shí)例和庫(kù)的基本知識(shí)。制作動(dòng)畫(huà)就是在Flash 8的工作環(huán)境中利用各種命令、工具以及按照基本工作流程來(lái)完成的。這些內(nèi)容是制作動(dòng)畫(huà)最基本的基礎(chǔ)知識(shí)。

接一來(lái)介紹了工具箱中各種繪圖工具的功能和應(yīng)用，介紹了如何應(yīng)用這些工具繪制圖形、編輯圖形，介紹了文字的輸入方法和編輯技巧，以及對(duì)象在舞臺(tái)中的編輯方法。還有逐幀動(dòng)畫(huà)和漸變動(dòng)畫(huà)。

上了幾節(jié)如何使用flash課程，我們都有感觸，從不知道到能制作動(dòng)畫(huà)，上課氣氛活躍，老師通過(guò)一個(gè)個(gè)實(shí)例教授一類(lèi)又一類(lèi)的動(dòng)畫(huà)，生動(dòng)而有氣氛，課后體會(huì)到仔細(xì)閱讀，多加練習(xí)，靈活應(yīng)用，就會(huì)制作簡(jiǎn)單的的動(dòng)畫(huà)。

Flash課程上完了，接著上網(wǎng)頁(yè)中最重要的課程，網(wǎng)頁(yè)編輯工具Dreamweaver課程。

首先講了一下基本的界面，重點(diǎn)介紹了本地站點(diǎn)的創(chuàng)建和設(shè)置，值得注意的是，站點(diǎn)要用英文命名，頁(yè)面屬性的設(shè)置，網(wǎng)頁(yè)文件創(chuàng)建、編輯與保存的基本方法，以及創(chuàng)建、編輯和保存網(wǎng)頁(yè)的過(guò)程。

網(wǎng)頁(yè)的創(chuàng)建和保存的方法，頁(yè)面屬性設(shè)置的方法，網(wǎng)頁(yè)元素文本與圖像的插入，文字的屬性設(shè)置，圖像的編輯方法，層的簡(jiǎn)單應(yīng)用，字體列表的編輯等知識(shí)，層、表格、布局表格與布局單元格的創(chuàng)建、選擇、編輯等操作方法；層、表格、布局表格與布局單元格的各種屬性設(shè)置；以及在它們中輸入各種網(wǎng)頁(yè)元素的方法。創(chuàng)建與編輯文本、圖像、錨點(diǎn)、導(dǎo)航條、轉(zhuǎn)跳菜單、E-mail鏈接、熱點(diǎn)等超鏈接方法；以及框架和框架集網(wǎng)頁(yè)創(chuàng)建、編輯與保存的方法。回來(lái)之后操作了一下發(fā)現(xiàn)還是有一些問(wèn)題，總是會(huì)忘記一些步驟，還有就是步驟的先后順序，但經(jīng)過(guò)多次調(diào)試還是制作成功了。

這節(jié)課老師講了一個(gè)重要內(nèi)容，用超文本標(biāo)記語(yǔ)言來(lái)編輯網(wǎng)頁(yè)。首先介紹一下超文本標(biāo)記語(yǔ)言，超文本標(biāo)記語(yǔ)言，即HTML（Hypertext Markup Language），是用于描述網(wǎng)頁(yè)文檔的一種標(biāo)記語(yǔ)言，HTML是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過(guò)在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫(huà)面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書(shū)寫(xiě)出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過(guò)程，編制者只能通過(guò)顯示效果來(lái)分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋?zhuān)蚨赡軙?huì)有不同的顯示效果。

HTML之所以稱(chēng)為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。所謂超級(jí)鏈接，就是一種URL指針，通過(guò)激活（點(diǎn)擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。由此可見(jiàn)，網(wǎng)頁(yè)的本質(zhì)就是HTML，通過(guò)結(jié)合使用其他的Web技術(shù)（如：腳本語(yǔ)言、CGI、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，HTML是Web編程的基礎(chǔ)，也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。

HTML標(biāo)注包括幾個(gè)關(guān)鍵部件，包括元素(和他們屬性)，基于字符數(shù)據(jù)類(lèi)型和字符參引并且實(shí)體參引。另一個(gè)重要組分是文件類(lèi)型宣告。

HTML湖南工業(yè)大學(xué)：

<頭> <標(biāo)題>工大HTML <身體> <間距>湖南工業(yè)大學(xué)

第三篇：《網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)制作》學(xué)習(xí)心得

《網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)制作》的總結(jié)

不知不覺(jué)，我已經(jīng)學(xué)習(xí)《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門(mén)課程一個(gè)學(xué)期了，雖然時(shí)間有點(diǎn)短，但這一個(gè)學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學(xué)會(huì)了網(wǎng)頁(yè)設(shè)計(jì)與制作的基礎(chǔ)知識(shí)，還讓我學(xué)會(huì)了自己動(dòng)手去制作屬于自己的網(wǎng)頁(yè)，這對(duì)于我來(lái)說(shuō)是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。下面來(lái)談?wù)勎乙粋€(gè)學(xué)期來(lái)對(duì)這門(mén)課的打比方總結(jié)。

比如建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(shè)計(jì)出一個(gè)滿(mǎn)意的網(wǎng)站。

一、確定網(wǎng)站主題

網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。你沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶(hù)留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

二、搜集材料

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

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

一個(gè)網(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)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。

四、選擇合適的制作工具

盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱(chēng)的

Dreamweaver、Fireworks、flash來(lái)制作網(wǎng)頁(yè)。

五、制作網(wǎng)頁(yè)

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

六、上傳測(cè)試

網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改，然后再上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來(lái)瀏覽。

七、推廣宣傳

網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入ican博彩通等。

八、維護(hù)更新

網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者。

以上就是我對(duì)于網(wǎng)頁(yè)制作的一些個(gè)人心得，由于本人的技術(shù)還不是很成熟，可能還存在很多的不足和錯(cuò)誤。選擇學(xué)習(xí)這門(mén)課是很正確的選擇，雖然在以后不會(huì)再有機(jī)會(huì)去上了，但我還是會(huì)通過(guò)各種方式繼續(xù)學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)和制作的，同時(shí)很感謝帶我入門(mén)的老師，讓我有機(jī)會(huì)去學(xué)習(xí)有關(guān)網(wǎng)頁(yè)的知識(shí)。

第四篇：網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)

《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》實(shí)驗(yàn)教學(xué)大綱

課程編號(hào)070105007

學(xué)時(shí)學(xué)分：總學(xué)時(shí)：64總學(xué)分：4實(shí)驗(yàn)學(xué)時(shí)：

32適用對(duì)象：計(jì)算機(jī)科學(xué)與技術(shù)及相關(guān)本科專(zhuān)業(yè)

課程屬性：專(zhuān)業(yè)方向課

實(shí)驗(yàn)屬性：非獨(dú)立設(shè)課

一、課程的性質(zhì)與任務(wù)

隨著Internet的普及，網(wǎng)頁(yè)已經(jīng)成為人們信息發(fā)布及獲取、思想交流和商務(wù)往來(lái)最重要的途徑，網(wǎng)頁(yè)制作已成為當(dāng)今社會(huì)上一種比較熱門(mén)的技術(shù)，本課程突出實(shí)用技術(shù)和應(yīng)用技能，是計(jì)算機(jī)專(zhuān)業(yè)學(xué)生的一門(mén)必選課，同時(shí)又可作為相關(guān)專(zhuān)業(yè)學(xué)生的選修課。

網(wǎng)頁(yè)設(shè)計(jì)課程是學(xué)生在學(xué)習(xí)了高級(jí)程序設(shè)計(jì)語(yǔ)言、數(shù)據(jù)庫(kù)原理及應(yīng)用等課程的基礎(chǔ)上開(kāi)設(shè)的一門(mén)實(shí)用性較強(qiáng)的課程，實(shí)驗(yàn)課的任務(wù)是通過(guò)實(shí)驗(yàn)加深對(duì)理論知識(shí)的理解，基本掌握WEB應(yīng)用的規(guī)劃、設(shè)計(jì)和動(dòng)態(tài)網(wǎng)頁(yè)制作中對(duì)于內(nèi)容的動(dòng)態(tài)顯示與更新技術(shù)，培養(yǎng)學(xué)生的動(dòng)手能力和設(shè)計(jì)能力。

二、實(shí)驗(yàn)的目的與基本要求

實(shí)驗(yàn)?zāi)康模和ㄟ^(guò)實(shí)驗(yàn)讓學(xué)生掌握網(wǎng)站的配置方式和網(wǎng)頁(yè)設(shè)計(jì)的基本方法。

基本要求：

（1）掌握頁(yè)面的設(shè)計(jì)與布局的基本方法；

（2）掌握J(rèn)S腳本語(yǔ)言的使用方法；

（3）掌握asp.net控件（包括HTML控件與服務(wù)器端控件）的使用方法。

三、實(shí)驗(yàn)考核方式及辦法

實(shí)驗(yàn)成績(jī)根據(jù)學(xué)生的實(shí)驗(yàn)完成情況、實(shí)驗(yàn)紀(jì)律、實(shí)驗(yàn)報(bào)告進(jìn)行綜合評(píng)定，給出優(yōu)（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。實(shí)驗(yàn)成績(jī)占本課程總成績(jī)的20%，對(duì)缺實(shí)驗(yàn)成績(jī)或不及格者，《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程不予通過(guò)。

四、實(shí)驗(yàn)項(xiàng)目一覽表

網(wǎng)頁(yè)制作實(shí)驗(yàn)項(xiàng)目一覽表

序 號(hào)2 3 4

5實(shí)驗(yàn)項(xiàng)目 名稱(chēng)

div布局 css層疊樣式單

JS腳本 asp.net控件 ado.net數(shù)據(jù)庫(kù)連接

實(shí)驗(yàn) 類(lèi)型

驗(yàn)證性 設(shè)計(jì)性 設(shè)計(jì)性 設(shè)計(jì)性 設(shè)計(jì)性

實(shí)驗(yàn) 要求

必做 必做 必做 必做 必做

適用 專(zhuān)業(yè)

理工類(lèi) 理工類(lèi) 理工類(lèi) 理工類(lèi) 理工類(lèi)

學(xué) 時(shí)6 6 6 8

五、實(shí)驗(yàn)項(xiàng)目的具體內(nèi)容：

實(shí)驗(yàn)一div布局

1．本次實(shí)驗(yàn)的目的和要求

掌握網(wǎng)頁(yè)設(shè)計(jì)的DIV布局方式，能夠使用DIV進(jìn)行層布局，認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。

2．實(shí)驗(yàn)內(nèi)容或原理

掌握dream weaver軟件的基本功能，熟悉dream weaver的工具箱,使用DIV做層布局。

3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weaver軟件，搭建好asp.net的開(kāi)發(fā)環(huán)境。

4．實(shí)驗(yàn)步驟

（1）打開(kāi)dream weaver軟件；（2）使用div布局設(shè)計(jì)網(wǎng)頁(yè)；（3）div的布局設(shè)計(jì)與修改。

5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。

6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。

7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)二css層疊樣式單

1．本次實(shí)驗(yàn)的目的和要求

通過(guò)dream weaver軟件的使用，掌握使用css層疊樣式單做布局樣式控制的方法，要求認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理

通過(guò)dream weaver軟件的使用，使用css層疊樣式單做布局樣式控制。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weaver軟件，建好asp.net的開(kāi)發(fā)環(huán)境。4．實(shí)驗(yàn)步驟

（1）打開(kāi)dream weave軟件。

（2）用css層層疊樣式單做布局樣式控制。（3）css層疊樣式單編寫(xiě)與調(diào)用。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)三JS腳本

1．本次實(shí)驗(yàn)的目的和要求

掌握J(rèn)S腳本的基本用法、變量、函數(shù)、DOM文檔對(duì)象的操作。要求認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理

JS腳本的基本用法、變量、函數(shù)、DOM文檔對(duì)象的操作。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weave軟件。4．實(shí)驗(yàn)步驟

（1）打開(kāi)dream weave軟件。

（2）新建JS文件，編寫(xiě)腳本程序?qū)崿F(xiàn)對(duì)JS腳本的變量、函數(shù)、DOM文檔對(duì)象的操作。

（3）外部調(diào)用JS文件。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)四 asp.net控件

1．本次實(shí)驗(yàn)的目的和要求

掌握asp.net控件（包括HTML控件與服務(wù)器端控件）的使用方法。實(shí)驗(yàn)后要求認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程中嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理

運(yùn)用所學(xué)知識(shí)，用HTML控件與服務(wù)器端控件進(jìn)行編程，實(shí)現(xiàn)簡(jiǎn)單功能。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有asp.net開(kāi)發(fā)平臺(tái)。4．實(shí)驗(yàn)步驟

（1）打開(kāi)asp.net開(kāi)發(fā)平臺(tái)。（2）新建空白頁(yè)面或者空站點(diǎn)。

（3）用HTML控件與服務(wù)器端控件進(jìn)行編程并調(diào)試。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)五ado.net數(shù)據(jù)庫(kù)連接

1．本次實(shí)驗(yàn)的目的和要求

掌握ado.net數(shù)據(jù)庫(kù)連接的基本概念、ADO.NET對(duì)象模型、SqlConnection對(duì)象。

2．實(shí)驗(yàn)內(nèi)容或原理

建立ado.net數(shù)據(jù)庫(kù)連接，ADO.NET對(duì)象模型、SqlConnection對(duì)象。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有asp.net開(kāi)發(fā)平臺(tái)。4．實(shí)驗(yàn)步驟

（1）打開(kāi)asp.net開(kāi)發(fā)平臺(tái)。（2）建立ado.net數(shù)據(jù)庫(kù)連接。

（3）通過(guò)SqlCommand對(duì)象提供的方法傳遞對(duì)數(shù)據(jù)庫(kù)操作的命令，并返回命令執(zhí)行的結(jié)果。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

六、實(shí)驗(yàn)教材及主要參考資料

翁健紅編著，基于C#的ASP.NET程序設(shè)計(jì)(第2版)，機(jī)械工業(yè)出版社

七、教改說(shuō)明及其他

在實(shí)驗(yàn)教學(xué)過(guò)程中可以結(jié)合優(yōu)秀網(wǎng)站分析、優(yōu)秀作業(yè)點(diǎn)評(píng)、作業(yè)中普遍存在的主要問(wèn)題及改正方法的分析等方法相互穿插結(jié)合進(jìn)行教學(xué)。

第五篇：《網(wǎng)頁(yè)設(shè)計(jì)與制作》學(xué)習(xí)心得（共）

《網(wǎng)頁(yè)設(shè)計(jì)與制作》學(xué)習(xí)心得

說(shuō)實(shí)話，短短三個(gè)星期能將《網(wǎng)頁(yè)設(shè)計(jì)與制作》這本書(shū)粗略的學(xué)完，簡(jiǎn)直有點(diǎn)不敢相信。不過(guò)能懂得基本的框架和思路，這一點(diǎn)在以后的學(xué)習(xí)過(guò)程中是非常有幫助的。

其實(shí)買(mǎi)電腦的時(shí)候就裝上了網(wǎng)頁(yè)四劍客，可能稍微接觸多一點(diǎn)的子軟件是《Flash CS3》，但呂老師和我們談及用《Dreamweaver》制作網(wǎng)頁(yè)的時(shí)候，感覺(jué)有點(diǎn)茫然。

一開(kāi)始老師并沒(méi)有詳細(xì)的介紹軟件的使用，只是強(qiáng)調(diào)建立的主要部分：新建站點(diǎn)。其中images、index兩個(gè)單詞要牢記。因?yàn)檫@個(gè)是以后網(wǎng)頁(yè)建設(shè)的主要部分。隨后布置的作業(yè)中強(qiáng)調(diào)了表格插入的重要性。

學(xué)習(xí)與實(shí)踐環(huán)節(jié)

第一部分：家庭作業(yè)是進(jìn)行簡(jiǎn)單的網(wǎng)頁(yè)制作，以書(shū)本上的百川商城為例，按照步驟，新建站點(diǎn)，創(chuàng)建名為images的文件夾及名為index的空白HTML文檔，各邊距設(shè)置為0。值得注意的是，在創(chuàng)建文檔前就要規(guī)劃好將文件保存的具體位置。在文檔中添加表格，首先以一行一列、800像素、變寬粗細(xì)為0、單元格邊間距為0為目標(biāo)建立對(duì)象，為了顯示的效果更佳入眼，我們將表格居中對(duì)齊，再插入4行一列的表格，俗稱(chēng)表格嵌套，第一行分為兩欄用于制作logo和banner，可以根據(jù)圖片的像素設(shè)置好寬和長(zhǎng)，第二行為導(dǎo)航欄，第三行為頁(yè)面內(nèi)容，第四行為版本信息。這些就是我們平常瀏覽網(wǎng)站的基本布局，將不同的內(nèi)容放在網(wǎng)頁(yè)的不同位置，目的是使得瀏覽者能輕松準(zhǔn)確的獲取網(wǎng)站所要表達(dá)的信息。做好上述準(zhǔn)備工作，就要在表格中添加素材，可以根據(jù)常用菜單欄進(jìn)行要求的填充和寫(xiě)入。本作業(yè)時(shí)詳細(xì)的指導(dǎo)我們完成第一個(gè)網(wǎng)頁(yè)制作，其中涉及了表格、文字、圖片及水平的應(yīng)用，對(duì)于各自的使用，老師均作了很詳細(xì)的圖文并茂的介紹，布局時(shí)要先確定網(wǎng)頁(yè)的分辨率及靈活度調(diào)整等。我們?cè)谶@個(gè)簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中也學(xué)到了很多知識(shí)，學(xué)到了很多操作。

第二部分：學(xué)習(xí)的是主頁(yè)面設(shè)計(jì)與制作，我就不過(guò)多的談?wù)摬襟E了，這個(gè)項(xiàng)目制作中使用了布局表格的嵌套功能，這將有利于頁(yè)面內(nèi)容的布局和定位，運(yùn)行網(wǎng)頁(yè)時(shí)整體不會(huì)出現(xiàn)異常情況，使頁(yè)面與當(dāng)初設(shè)計(jì)的樣式相同，另外，為了使當(dāng)瀏覽器大小改變時(shí)對(duì)頁(yè)面布局不產(chǎn)生影響，一定將表格寬度設(shè)置成固定寬度。

第三部分：講述了CSS與層與子連接的使用，這個(gè)是學(xué)習(xí)網(wǎng)頁(yè)制作個(gè)人認(rèn)為最難的部分，但對(duì)于一個(gè)普普通通的網(wǎng)頁(yè)，通過(guò)給這個(gè)文件添加CSS規(guī)則，可以得到十分美觀的網(wǎng)頁(yè)。使用CSS樣式可以對(duì)網(wǎng)頁(yè)中的文本、圖像、超鏈接、表格等各種網(wǎng)頁(yè)元素的顯示屬性做出非常精細(xì)的設(shè)置。使用CSS設(shè)置頁(yè)面格式時(shí)，內(nèi)容與表現(xiàn)形式是相互分開(kāi)的，可以統(tǒng)一定制多個(gè)網(wǎng)頁(yè)的頁(yè)面布局和頁(yè)面元素的一致外觀，提供了便利的更新功能。子連接就是我們平常進(jìn)入網(wǎng)站的子業(yè)部分，將子業(yè)部分與CSS相結(jié)合，能夠統(tǒng)一網(wǎng)頁(yè)風(fēng)格，吸引更多的瀏覽者。第四部分主要講述表單頁(yè)面設(shè)計(jì)與制作及課外擴(kuò)展，因?yàn)檫@部分相對(duì)而言簡(jiǎn)單，所以不過(guò)多的介紹了。

在設(shè)計(jì)過(guò)程中肯定存在著許多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，請(qǐng)教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善。在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。就我而言，也在學(xué)習(xí)網(wǎng)頁(yè)中總結(jié)了如下經(jīng)驗(yàn)。初學(xué)者要清楚地了解網(wǎng)頁(yè)制作的基本流程。就是第一步做什么,下一步又該怎樣。繪畫(huà)網(wǎng)頁(yè)框架圖，大概是怎樣的一個(gè)過(guò)程，怎樣實(shí)現(xiàn)的，應(yīng)該要心里有數(shù)。按流程的順序?qū)W習(xí)，不要試著先把所有做網(wǎng)頁(yè)用到的軟件都吃透了再開(kāi)始做網(wǎng)頁(yè)。應(yīng)該邊學(xué)邊嘗試。平時(shí)瀏覽網(wǎng)頁(yè)時(shí)多多留意別人的設(shè)計(jì)和效果，多收集有用的信息。這方面我們還是剛剛開(kāi)始的。有必要借鑒一下。要細(xì)心和耐心。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)很多時(shí)不是你構(gòu)思好要弄成怎樣就可以很輕易地做出來(lái)，要多多思考和分析。

總體來(lái)說(shuō)，通過(guò)選修課對(duì)網(wǎng)頁(yè)設(shè)計(jì)的了解與學(xué)習(xí)，體會(huì)有很多，有句話說(shuō)得好“沒(méi)有做不到，要善于吸取別人的優(yōu)點(diǎn)，努力的趕上。要是你覺(jué)得在他的優(yōu)點(diǎn)這方面做的沒(méi)他好，你可以選擇怎樣的去用他的優(yōu)點(diǎn)來(lái)為你服務(wù)，千萬(wàn)不能想著孤僻自己，獨(dú)善其身或是有“個(gè)人自掃門(mén)前雪，莫管他人瓦上霜”的心理。我們要學(xué)會(huì)團(tuán)隊(duì)合作的精神。這點(diǎn)不過(guò)我們?cè)谶@方面上不能忽視，什么地方我們都用的到。

耐心、細(xì)心、思考、分析是我這次選修課程最大的收獲。