網(wǎng)頁設(shè)計和制作綜合實訓(xùn)大綱而二次修改_第1頁
網(wǎng)頁設(shè)計和制作綜合實訓(xùn)大綱而二次修改_第2頁
網(wǎng)頁設(shè)計和制作綜合實訓(xùn)大綱而二次修改_第3頁
網(wǎng)頁設(shè)計和制作綜合實訓(xùn)大綱而二次修改_第4頁
網(wǎng)頁設(shè)計和制作綜合實訓(xùn)大綱而二次修改_第5頁
免費預(yù)覽已結(jié)束，剩余7頁可下載查看

下載本文檔

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

文檔簡介

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

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

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

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

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

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

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

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

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

10、頁起來。實訓(xùn)八 表單網(wǎng)頁的創(chuàng)建 3學(xué)時（一）實訓(xùn)目的1.熟悉和掌握表單的各元素的基本操作2.能夠獨立創(chuàng)建表單網(wǎng)頁實例（二）實訓(xùn)要求實訓(xùn)前認真預(yù)習(xí)，熟練掌握有關(guān)表單網(wǎng)頁的基礎(chǔ)概念和知識。實訓(xùn)過程中記錄發(fā)生的現(xiàn)象并分析原因。實訓(xùn)完畢將所有文件打包交給老師，并保存設(shè)計結(jié)果考評使用。（三）實訓(xùn)容本實訓(xùn)的容主要是熟練表單的基本操作，并制作表單網(wǎng)頁。1.建立一個本地站點,包括2-3個網(wǎng)頁2.其中一個網(wǎng)頁為表單網(wǎng)為老師指定,其他含表單項目網(wǎng)頁自由發(fā)揮制作。3.設(shè)置超將站點中的網(wǎng)頁起來。五 實訓(xùn)要求1.考勤：實訓(xùn)期間不遲到，不早退，不曠課，不無故請假。2.紀(jì)律：實訓(xùn)課不大聲喧嘩，不討論實訓(xùn)無關(guān)話題；不隨意接聽。3.嚴(yán)禁上網(wǎng)做與實訓(xùn)無關(guān)的事情。4.實訓(xùn)期間注意維護實驗室衛(wèi)生，不得在實驗室亂丟垃圾，不得在實驗室吃東西。5.按照實訓(xùn)進度及時完成實訓(xùn)報告。六 課程考核任課教師根據(jù)實訓(xùn)要求擬定出具體考核細則，由學(xué)生動手操作完成相關(guān)實訓(xùn)實踐項目，按統(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)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論