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

網(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ì)心、思考、分析是我這次選修課程最大的收獲。