網(wǎng)頁設計與制作

網(wǎng)頁設計與制作1PAGE2網(wǎng)頁設計報告書課程名稱 網(wǎng)頁設計與制作題目設計個人網(wǎng)站主頁專業(yè)班級電子商務學號201341440206學生姓名臺俊寶指導教師王康哲網(wǎng)頁設計與制作全文共14頁，當前為第1頁。2016年6月20日網(wǎng)頁設計與制作全文共14頁，當前為第1頁。112目錄第1章課程設計任務書 1一、課程設計題目 1二、課程設計工作 1三、課程設計的內(nèi)容要求 11、課程設計要求 12、課程設計內(nèi)容 1第2章課程設計目的 2第3章課程設計內(nèi)容 3設計一選題的基本原則 3設計三選材 3設計四正確運用DW和Ps 3設計五課程設計心得 3第4章課程設計步驟 4設計一查找相關資料 4設計二利用Ps進行切片 4設計三利用DW編輯 5網(wǎng)頁設計與制作全文共14頁，當前為第2頁。設計四利用DW的站點功能上傳或用FTP工具上傳站點 7網(wǎng)頁設計與制作全文共14頁，當前為第2頁。第5章課程設計心得 8第6章參考文獻 9網(wǎng)頁設計與制作全文共14頁，當前為第3頁。網(wǎng)頁設計與制作全文共14頁，當前為第3頁。13第1章課程設計任務書專業(yè)電子商務班級（2）班姓名臺俊寶一、課程設計題目設計個人網(wǎng)站主頁二、課程設計工作：自2016年6月12日起至2016年6月20日止三、課程設計的內(nèi)容要求：1、課程設計要求（1）通過課程設計把課堂上講的內(nèi)容融會貫通，掌握表格在網(wǎng)頁布局中的特點及應用，掌握如何通過表格來布局一個完整的界面。學會使用Dreamweaver軟件設計網(wǎng)頁及Dreamweaver的表格功能進行網(wǎng)頁布局。使整個網(wǎng)頁頁面清新自然，整體界面美觀大方，簡潔高效，使之達到界面動與靜的搭配合理，動而不亂，靜而不僵和諧效果。2、課程設計內(nèi)容（1）設計一選題的基本原則。（2）設計二選題范圍。網(wǎng)頁設計與制作全文共14頁，當前為第4頁。（3）設計三選材。網(wǎng)頁設計與制作全文共14頁，當前為第4頁。（4）設計四正確運用DW和Ps。（5）設計五課程設計心得。學生簽名：臺俊寶2016年6月20日網(wǎng)頁設計與制作全文共14頁，當前為第5頁。網(wǎng)頁設計與制作全文共14頁，當前為第5頁。第2章課程設計目的通過本課程設計，全面幫助學生加強對網(wǎng)站的認識；學會設計和制作網(wǎng)站，包括完成設計報告，了解網(wǎng)站的軟、硬件平臺，會發(fā)布和維護一個實際的網(wǎng)站和掌握實際網(wǎng)頁設計與制作開發(fā)流程和開發(fā)方法。具體的課程設計應達到以下目的：1．提高學生在實際操作中收集信息，對信息進行價值判斷，進行信息整理、加工的能力。2．在實際的項目任務中培養(yǎng)網(wǎng)頁設計方面的素養(yǎng)。3．在實際的項目任務中使學生網(wǎng)頁編程和制作的能力得到提高。4．培養(yǎng)學生團隊協(xié)作和人際交往方面的能力。網(wǎng)頁設計與制作全文共14頁，當前為第6頁。5.培養(yǎng)相關知識和技能的綜合應用能力。網(wǎng)頁設計與制作全文共14頁，當前為第6頁。第3章 課程設計內(nèi)容設計一選題的基本原則（1）選題應反映本專業(yè)的培養(yǎng)目標，符合專業(yè)綜合訓練的要求。（2）選題要有利于深化所學的專業(yè)知識和拓展所學的知識面。（3）選題的難易程度和工作量要適當，保證在規(guī)定的時間內(nèi)，在教師的指導下，經(jīng)過努力能夠完成。設計二選題范圍1、根據(jù)課程的教學大綱和教材內(nèi)容，結合網(wǎng)站在生產(chǎn)、科研、管理、教學以及日常生活等各個領域的應用都可作為課程設計的選題。2、相關網(wǎng)站查詢。設計三選材1、應選擇相關材料。2、查找相關主頁模板。設計四正確運用DW和Ps1、運用Ps進行切片。2、運用DW編輯。設計五課程設計心得網(wǎng)頁設計與制作全文共14頁，當前為第7頁。

第4章課程設計步驟網(wǎng)頁設計與制作全文共14頁，當前為第7頁。設計一查找相關資料設計主頁模板圖4-1設計二利用Ps進行切片先把圖片放大到三倍利用切片工具進行切片網(wǎng)頁設計與制作全文共14頁，當前為第8頁。圖4-2-1網(wǎng)頁設計與制作全文共14頁，當前為第8頁。所得圖片images圖4-2-2部分圖片設計三利用DW編輯設計步驟1、在DW先建立一個站點2、、在DW插入一個表格網(wǎng)頁設計與制作全文共14頁，當前為第9頁。(1)插入一個7行4列的表格網(wǎng)頁設計與制作全文共14頁，當前為第9頁。(2)表格居中對齊(3)表格的邊框、填充、間距都設置為03、把圖片素材插入表格(1)把圖片按次序插入4、把文字插入相關空白區(qū)圖4-3-1插入圖片和文網(wǎng)頁設計與制作全文共14頁，當前為第10頁。5、預覽效果網(wǎng)頁設計與制作全文共14頁，當前為第10頁。圖4-3-2設計四利用DW的站點功能上傳或用FTP工具上傳站點設計步驟1、申請“網(wǎng)頁空間”。2、設置Dreamweaver的站點功能。網(wǎng)頁設計與制作全文共14頁，當前為第11頁。3、利用FlashFXP應用軟件的上傳站點。網(wǎng)頁設計與制作全文共14頁，當前為第11頁。網(wǎng)頁設計與制作全文共14頁，當前為第12頁。網(wǎng)頁設計與制作全文共14頁，當前為第12頁。第5章課程設計心得通過這次個人網(wǎng)頁設計與制作的課程設計，我對網(wǎng)頁設計有了更加深刻的認識。本次網(wǎng)頁課程設計，使我覺得我學到了很多，以前在課堂上學的東西以為都是一些枯燥無味的東西，直到進行了這次課程設計后我才明白了什么叫做“書到用時方恨少”，深深地感到自己上機操作能力很不足。但從中還是學會了一些