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

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

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