網(wǎng)頁設(shè)計(jì)和制作綜合實(shí)訓(xùn)大綱而二次修改_第1頁
網(wǎng)頁設(shè)計(jì)和制作綜合實(shí)訓(xùn)大綱而二次修改_第2頁
網(wǎng)頁設(shè)計(jì)和制作綜合實(shí)訓(xùn)大綱而二次修改_第3頁
網(wǎng)頁設(shè)計(jì)和制作綜合實(shí)訓(xùn)大綱而二次修改_第4頁
網(wǎng)頁設(shè)計(jì)和制作綜合實(shí)訓(xùn)大綱而二次修改_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、 網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)課程標(biāo)準(zhǔn)一 課程定位本課程是軟件技術(shù)專業(yè)“網(wǎng)頁設(shè)計(jì)與制作”等相關(guān)軟件核心課程的實(shí)踐課，是完成網(wǎng)頁設(shè)計(jì)與制作課程和培養(yǎng)網(wǎng)頁設(shè)計(jì)與制作的基本操作技能的重要實(shí)訓(xùn)實(shí)踐環(huán)節(jié)?？倢W(xué)時(shí)為40學(xué)時(shí)，共包括8個(gè)實(shí)踐項(xiàng)目。實(shí)踐地點(diǎn)為校計(jì)算機(jī)實(shí)訓(xùn)室。實(shí)踐結(jié)果將使學(xué)生全面掌握網(wǎng)頁設(shè)計(jì)與制作的技術(shù)及網(wǎng)頁制作軟件的使用。二 設(shè)計(jì)思路（.whicu.）和自定義的網(wǎng)頁，兩個(gè)網(wǎng)頁項(xiàng)目來實(shí)踐div+CSS，在實(shí)際操作過程中會把之前的知識串聯(lián)起來，深入div+CSS的學(xué)習(xí)，在動(dòng)手練習(xí)操作過程中遇到問題,在實(shí)際中解決問題。三 課程目標(biāo)通過div+CSS的實(shí)踐學(xué)習(xí)，使學(xué)生掌握基本的網(wǎng)頁設(shè)計(jì)風(fēng)格定位、靜態(tài)元素設(shè)計(jì)

2、、動(dòng)態(tài)元素設(shè)計(jì)和網(wǎng)頁合成的工作流程及方法。熟悉并熟練掌握photoshop和Dreamweaver等網(wǎng)頁制作軟件，并了解建站流程，最后，把做好網(wǎng)頁發(fā)布到服務(wù)器上去，通過互聯(lián)網(wǎng)訪問頁面。四 教學(xué)容與學(xué)時(shí)分配8 / 12網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)教學(xué)安排與學(xué)時(shí)分配實(shí)訓(xùn)模塊知識分解實(shí)訓(xùn)要求學(xué)時(shí)實(shí)訓(xùn)一選框工具、移動(dòng)工具、仿制圖章工具、文字工具、默認(rèn)前景和背景顏色DIV+CSS基礎(chǔ)實(shí)訓(xùn)，回顧基礎(chǔ)2實(shí)訓(xùn)二選中所需要的圖層，新建、復(fù)制、粘貼圖層Photoshop基礎(chǔ)，切圖，準(zhǔn)備好網(wǎng)頁制作素材2實(shí)訓(xùn)三新建web文件夾，在web文件夾下建立子文件夾，分別是css、flash、images文件夾將準(zhǔn)備好的素材放進(jìn)相對

3、應(yīng)文件夾里面，打開軟件Dreamweaver，新建html然后改html文件里的標(biāo)題，并改名為index.html保存在web文件夾里制作網(wǎng)頁的通常步驟和注意的一些細(xì)節(jié)要點(diǎn)2實(shí)訓(xùn)四首先拿到一個(gè)網(wǎng)頁設(shè)計(jì)圖不是直接去做，而是先得去觀察，思考這個(gè)設(shè)計(jì)圖應(yīng)該怎樣分層，應(yīng)該分幾層，應(yīng)該分哪幾層。一般網(wǎng)頁大致可分三層，就是頭部層top，中間層box，尾部層foot。開始制作網(wǎng)頁，搭建好網(wǎng)頁的框架2實(shí)訓(xùn)五HTML語法、<body>主體標(biāo)簽、標(biāo)題 heading、文本格式、段落 paragraph、實(shí)體&、注釋講解制作網(wǎng)頁的常用標(biāo)簽代碼2實(shí)訓(xùn)六學(xué)校官網(wǎng)基本素材，box層，foot層等開始編

4、寫網(wǎng)頁代碼，完成整體網(wǎng)頁設(shè)計(jì)代碼10實(shí)訓(xùn)七FLASH層的添加及編輯、層、標(biāo)簽命令的編輯網(wǎng)上搜索資料素材，尋找自己適合的網(wǎng)頁制作2實(shí)訓(xùn)八綜合上述全部知識點(diǎn)及之前學(xué)過的軟件知識進(jìn)行自主開發(fā)制作，結(jié)合學(xué)校主頁的編輯效果及HTML編輯命令，將截圖進(jìn)行加工、上傳。制作網(wǎng)頁，完成整體自己獨(dú)立設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)代碼18合計(jì)40學(xué)時(shí)實(shí)訓(xùn)容說明實(shí)訓(xùn)一 DIV+CSS基礎(chǔ)實(shí)訓(xùn)2學(xué)時(shí)（一）實(shí)訓(xùn)目的回顧之前學(xué)習(xí)的Photoshop的DIV+CSS相關(guān)知識，了解同學(xué)們之前所學(xué)知識的程度。（二）實(shí)訓(xùn)要求完成實(shí)訓(xùn)報(bào)告，在實(shí)訓(xùn)報(bào)告中要求記錄如下容： 1.怎樣運(yùn)用Photoshop軟件及常用的快捷鍵2.CSS基本用法及常用屬性（三

5、）實(shí)訓(xùn)容1寫出HTML語法的基本結(jié)構(gòu)2編寫包括文本和圖像的兩至三個(gè)簡單網(wǎng)頁3在網(wǎng)頁之間建立文本、圖像和書簽超4編寫一個(gè)帶有表格的網(wǎng)頁5編寫一個(gè)帶框架結(jié)構(gòu)的網(wǎng)頁實(shí)訓(xùn)二Photoshop基礎(chǔ) 2學(xué)時(shí)（一）實(shí)訓(xùn)目的1.回顧Photoshop的界面及其操作2.使用Photoshop處理漸變圖片上的文字，壓縮圖片大?。ǘ?shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)概念和知識。實(shí)訓(xùn)過程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)訓(xùn)使用。（三）實(shí)訓(xùn)容本實(shí)訓(xùn)的容主要是完成制作學(xué)校官網(wǎng)主頁界面素材的各種控件圖標(biāo)，分類建立文件夾如：images、flash、css等以及各項(xiàng)素材截

6、圖。實(shí)訓(xùn)三 創(chuàng)建簡單網(wǎng)頁實(shí)例 2學(xué)時(shí)（一）實(shí)訓(xùn)目的1.本節(jié)課主要講解網(wǎng)頁的通常步驟.2.在制作網(wǎng)頁里面注意的細(xì)節(jié)問題（二）實(shí)訓(xùn)要求1.文件夾命名必須是英文的2.命名必須有意義的(例如：放圖片的文件夾就可以命名為images)3.新建好html之后一定得記得立即保存并改名為index.html4.代碼編寫規(guī)（命名，格式等等）編寫代碼的好習(xí)慣（注釋、隨時(shí)保存等等）（三）實(shí)訓(xùn)容新建web文件夾，在web文件夾下建立子文件夾，將準(zhǔn)備好的素材放進(jìn)相對應(yīng)文件夾里面打開軟件Dreamweaver，新建html然后改html文件里的標(biāo)題，并改名為index.html保存在web文件夾里。實(shí)訓(xùn)四 設(shè)計(jì)分層結(jié)構(gòu)2

7、學(xué)時(shí)（一）實(shí)訓(xùn)目的1.掌握分層思想首先拿到一個(gè)網(wǎng)頁設(shè)計(jì)圖不是直接去做，而是先得去觀察，思考這個(gè)設(shè)計(jì)圖應(yīng)該怎樣分層，應(yīng)該分幾層，應(yīng)該分哪幾層。2.常用分層思想一般網(wǎng)頁大致可分三層，就是頭部層top，中間層box，尾部層foot。（二）實(shí)訓(xùn)要求1.觀察網(wǎng)頁設(shè)計(jì)圖，思考怎樣為其分層2.開始搭建網(wǎng)頁框架（三）實(shí)訓(xùn)容本實(shí)訓(xùn)的容主要是利用上次實(shí)訓(xùn)的容分析主頁結(jié)構(gòu)如何進(jìn)行分層處理，設(shè)計(jì)理想完善的結(jié)構(gòu)為后續(xù)實(shí)訓(xùn)搭建框架。實(shí)訓(xùn)五 常用標(biāo)簽代碼使用2學(xué)時(shí)（一）實(shí)訓(xùn)目的1.熟悉Dreamweaver中html常用標(biāo)簽代碼有哪些2.HTML語法（二）實(shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)表格布局的基礎(chǔ)概念和知識。實(shí)訓(xùn)過

8、程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)訓(xùn)使用。（三）實(shí)訓(xùn)容本實(shí)訓(xùn)的容主要是利用html常用標(biāo)簽代碼進(jìn)行主體標(biāo)簽的定義1.標(biāo)題字2.文本基本標(biāo)記3.文本格式化標(biāo)記4.段落標(biāo)記5.換行與不換行6.水平線7.實(shí)體8.注釋9.其他定義實(shí)訓(xùn)六 框架網(wǎng)頁的創(chuàng)建 10學(xué)時(shí)（一）實(shí)訓(xùn)目的掌握和了解框架網(wǎng)頁的創(chuàng)建和編輯操作，熟悉目標(biāo)框架的設(shè)定。（二）實(shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)框架網(wǎng)頁的基礎(chǔ)概念和知識。實(shí)訓(xùn)過程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)訓(xùn)使用。（三）實(shí)訓(xùn)容本實(shí)訓(xùn)的容主要是利用框架結(jié)構(gòu)來建立網(wǎng)頁，并設(shè)

9、置目標(biāo)框架。1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁2.制作兩個(gè)框架網(wǎng)頁其中一個(gè)為教師指定樣式，另一個(gè)可以自由發(fā)揮。3.設(shè)置網(wǎng)頁間的超,并設(shè)置目標(biāo)框架.實(shí)訓(xùn)七自主設(shè)計(jì)2學(xué)時(shí)（一）實(shí)訓(xùn)目的1.選取適合發(fā)布和制作的主頁并做好前期準(zhǔn)備工作2.熟悉層面板，利用時(shí)間軸制作層動(dòng)畫。（二）實(shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟悉知名或門戶論壇的版面規(guī)劃，并運(yùn)用所學(xué)知識進(jìn)行靜態(tài)加工。實(shí)訓(xùn)過程中記錄發(fā)生的問題并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師。（三）實(shí)訓(xùn)容使用層和CSS編輯主頁：1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁2.在網(wǎng)頁上添加動(dòng)畫及控件(1)FLASH層的添加及編輯(2)層、標(biāo)簽命令的編輯3.設(shè)置超將站點(diǎn)中的網(wǎng)

10、頁起來。實(shí)訓(xùn)八 表單網(wǎng)頁的創(chuàng)建 3學(xué)時(shí)（一）實(shí)訓(xùn)目的1.熟悉和掌握表單的各元素的基本操作2.能夠獨(dú)立創(chuàng)建表單網(wǎng)頁實(shí)例（二）實(shí)訓(xùn)要求實(shí)訓(xùn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)表單網(wǎng)頁的基礎(chǔ)概念和知識。實(shí)訓(xùn)過程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果考評使用。（三）實(shí)訓(xùn)容本實(shí)訓(xùn)的容主要是熟練表單的基本操作，并制作表單網(wǎng)頁。1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁2.其中一個(gè)網(wǎng)頁為表單網(wǎng)為老師指定,其他含表單項(xiàng)目網(wǎng)頁自由發(fā)揮制作。3.設(shè)置超將站點(diǎn)中的網(wǎng)頁起來。五 實(shí)訓(xùn)要求1.考勤：實(shí)訓(xùn)期間不遲到，不早退，不曠課，不無故請假。2.紀(jì)律：實(shí)訓(xùn)課不大聲喧嘩，不討論實(shí)訓(xùn)無關(guān)話題；不隨意接聽。3.嚴(yán)禁上網(wǎng)做與實(shí)訓(xùn)無關(guān)的事情。4.實(shí)訓(xùn)期間注意維護(hù)實(shí)驗(yàn)室衛(wèi)生，不得在實(shí)驗(yàn)室亂丟垃圾，不得在實(shí)驗(yàn)室吃東西。5.按照實(shí)訓(xùn)進(jìn)度及時(shí)完成實(shí)訓(xùn)報(bào)告。六 課程考核任課教師根據(jù)實(shí)訓(xùn)要求擬定出具體考核細(xì)則，由學(xué)生動(dòng)手操作完成相關(guān)實(shí)訓(xùn)實(shí)踐項(xiàng)目，按統(tǒng)一

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論