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