《網(wǎng)頁設(shè)計(jì)與制作》學(xué)習(xí)心得.doc
《《網(wǎng)頁設(shè)計(jì)與制作》學(xué)習(xí)心得.doc》由會員分享,可在線閱讀,更多相關(guān)《《網(wǎng)頁設(shè)計(jì)與制作》學(xué)習(xí)心得.doc(2頁珍藏版)》請?jiān)谘b配圖網(wǎng)上搜索。
《網(wǎng)頁設(shè)計(jì)與制作》學(xué)習(xí)心得 說實(shí)話,短短三個(gè)星期能將《網(wǎng)頁設(shè)計(jì)與制作》這本書粗略的學(xué)完,簡直有點(diǎn)不敢相信。不過能懂得基本的框架和思路,這一點(diǎn)在以后的學(xué)習(xí)過程中是非常有幫助的。 其實(shí)買電腦的時(shí)候就裝上了網(wǎng)頁四劍客,可能稍微接觸多一點(diǎn)的子軟件是《Flash CS3》,但呂老師和我們談及用《Dreamweaver》制作網(wǎng)頁的時(shí)候,感覺有點(diǎn)茫然。 一開始老師并沒有詳細(xì)的介紹軟件的使用,只是強(qiáng)調(diào)建立的主要部分:新建站點(diǎn)。其中images、index兩個(gè)單詞要牢記。因?yàn)檫@個(gè)是以后網(wǎng)頁建設(shè)的主要部分。隨后布置的作業(yè)中強(qiáng)調(diào)了表格插入的重要性。 學(xué)習(xí)與實(shí)踐環(huán)節(jié) 第一部分:家庭作業(yè)是進(jìn)行簡單的網(wǎng)頁制作,以書本上的百川商城為例,按照步驟,新建站點(diǎn),創(chuàng)建名為images的文件夾及名為index的空白HTML文檔,各邊距設(shè)置為0。值得注意的是,在創(chuàng)建文檔前就要規(guī)劃好將文件保存的具體位置。在文檔中添加表格,首先以一行一列、800像素、變寬粗細(xì)為0、單元格邊間距為0為目標(biāo)建立對象,為了顯示的效果更佳入眼,我們將表格居中對齊,再插入4行一列的表格,俗稱表格嵌套,第一行分為兩欄用于制作logo和banner,可以根據(jù)圖片的像素設(shè)置好寬和長,第二行為導(dǎo)航欄,第三行為頁面內(nèi)容,第四行為版本信息。這些就是我們平常瀏覽網(wǎng)站的基本布局,將不同的內(nèi)容放在網(wǎng)頁的不同位置,目的是使得瀏覽者能輕松準(zhǔn)確的獲取網(wǎng)站所要表達(dá)的信息。做好上述準(zhǔn)備工作,就要在表格中添加素材,可以根據(jù)常用菜單欄進(jìn)行要求的填充和寫入。本作業(yè)時(shí)詳細(xì)的指導(dǎo)我們完成第一個(gè)網(wǎng)頁制作,其中涉及了表格、文字、圖片及水平的應(yīng)用,對于各自的使用,老師均作了很詳細(xì)的圖文并茂的介紹,布局時(shí)要先確定網(wǎng)頁的分辨率及靈活度調(diào)整等。我們在這個(gè)簡單的網(wǎng)頁設(shè)計(jì)與制作過程中也學(xué)到了很多知識,學(xué)到了很多操作。 第二部分:學(xué)習(xí)的是主頁面設(shè)計(jì)與制作,我就不過多的談?wù)摬襟E了,這個(gè)項(xiàng)目制作中使用了布局表格的嵌套功能,這將有利于頁面內(nèi)容的布局和定位,運(yùn)行網(wǎng)頁時(shí)整體不會出現(xiàn)異常情況,使頁面與當(dāng)初設(shè)計(jì)的樣式相同,另外,為了使當(dāng)瀏覽器大小改變時(shí)對頁面布局不產(chǎn)生影響,一定將表格寬度設(shè)置成固定寬度。 第三部分:講述了CSS與層與子連接的使用,這個(gè)是學(xué)習(xí)網(wǎng)頁制作個(gè)人認(rèn)為最難的部分,但對于一個(gè)普普通通的網(wǎng)頁,通過給這個(gè)文件添加CSS規(guī)則,可以得到十分美觀的網(wǎng)頁。使用CSS樣式可以對網(wǎng)頁中的文本、圖像、超鏈接、表格等各種網(wǎng)頁元素的顯示屬性做出非常精細(xì)的設(shè)置。使用CSS設(shè)置頁面格式時(shí),內(nèi)容與表現(xiàn)形式是相互分開的,可以統(tǒng)一定制多個(gè)網(wǎng)頁的頁面布局和頁面元素的一致外觀,提供了便利的更新功能。子連接就是我們平常進(jìn)入網(wǎng)站的子業(yè)部分,將子業(yè)部分與CSS相結(jié)合,能夠統(tǒng)一網(wǎng)頁風(fēng)格,吸引更多的瀏覽者。第四部分主要講述表單頁面設(shè)計(jì)與制作及課外擴(kuò)展,因?yàn)檫@部分相對而言簡單,所以不過多的介紹了。 在設(shè)計(jì)過程中肯定存在著許多的問題,但通過看書,上網(wǎng)查詢,請教同學(xué)等方式,不斷的學(xué)習(xí)、解決、提高,設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容,都在不斷的進(jìn)步、改善。在自己動手,不斷實(shí)踐的過程中,網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。就我而言,也在學(xué)習(xí)網(wǎng)頁中總結(jié)了如下經(jīng)驗(yàn)。初學(xué)者要清楚地了解網(wǎng)頁制作的基本流程。就是第一步做什么,下一步又該怎樣。繪畫網(wǎng)頁框架圖,大概是怎樣的一個(gè)過程,怎樣實(shí)現(xiàn)的,應(yīng)該要心里有數(shù)。按流程的順序?qū)W習(xí),不要試著先把所有做網(wǎng)頁用到的軟件都吃透了再開始做網(wǎng)頁。應(yīng)該邊學(xué)邊嘗試。平時(shí)瀏覽網(wǎng)頁時(shí)多多留意別人的設(shè)計(jì)和效果,多收集有用的信息。這方面我們還是剛剛開始的。有必要借鑒一下。要細(xì)心和耐心。因?yàn)榫W(wǎng)頁設(shè)計(jì)很多時(shí)不是你構(gòu)思好要弄成怎樣就可以很輕易地做出來,要多多思考和分析。 總體來說,通過選修課對網(wǎng)頁設(shè)計(jì)的了解與學(xué)習(xí),體會有很多,有句話說得好“沒有做不到,要善于吸取別人的優(yōu)點(diǎn),努力的趕上。要是你覺得在他的優(yōu)點(diǎn)這方面做的沒他好,你可以選擇怎樣的去用他的優(yōu)點(diǎn)來為你服務(wù),千萬不能想著孤僻自己,獨(dú)善其身或是有“個(gè)人自掃門前雪,莫管他人瓦上霜”的心理。我們要學(xué)會團(tuán)隊(duì)合作的精神。這點(diǎn)不過我們在這方面上不能忽視,什么地方我們都用的到。 耐心、細(xì)心、思考、分析是我這次選修課程最大的收獲。- 1.請仔細(xì)閱讀文檔,確保文檔完整性,對于不預(yù)覽、不比對內(nèi)容而直接下載帶來的問題本站不予受理。
- 2.下載的文檔,不會出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
9.9 積分
下載 |
- 配套講稿:
如PPT文件的首頁顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國旗、國徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- 網(wǎng)頁設(shè)計(jì)與制作 網(wǎng)頁 設(shè)計(jì) 制作 學(xué)習(xí)心得
鏈接地址:http://www.820124.com/p-9573915.html