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