工學實習指導書網(wǎng)頁制作

1、通信職業(yè)技術(shù)學院網(wǎng)頁制作實訓指導書適用專業(yè)：計算機相關(guān)專業(yè)指導教師：_實習時間：2011年11月7日-11日 2011-11-1一、 實訓意義網(wǎng)頁設(shè)計與制作綜合實訓是教學過程中重要的實踐性教學環(huán)節(jié)。它是根據(jù)專業(yè)教學計劃的要求，在教師的指導下對學生進行網(wǎng)頁制作專業(yè)技能的訓練，培養(yǎng)學生綜合運用理論知識分析和解決問題的能力，實現(xiàn)由理論知識向操作技能的培養(yǎng)過程，因此加強實踐教學環(huán)節(jié)，搞好實訓教學，對實現(xiàn)本專業(yè)的培養(yǎng)目標，提高學生的綜合素質(zhì)有著重要的作用。二、 實訓目的1、掌握網(wǎng)站建設(shè)的基本技術(shù)規(guī)范及流程。2、掌握虛擬目錄或站點的建立與配置3、熟練掌握CSS+DIV進行網(wǎng)頁布局，能夠快速手寫代碼4、掌握

2、HTML、XHTML、javascript、XML、Ajax、jQuery相關(guān)知識5、熟練掌握Dreamweaver、Photshop、flash等軟件的應用6、了解css hack技術(shù)三、 實習內(nèi)容題目一：CSS+DIV布局練習，制作要求如下：1根據(jù)以下效果圖進行CSS+DIV布局2布局實訓指導footerpagebodyheader根據(jù)上圖設(shè)計，我們再畫了與一個實際的頁面布局圖，說明一下層的嵌套關(guān)系，這樣理解起來就會更簡單了。 從上圖可以得出以下DIV結(jié)構(gòu)，并根據(jù)該結(jié)構(gòu)，結(jié)合CSS進行實際布局設(shè)計。DIV結(jié)構(gòu)如下：body /*這是一個HTML元素*/#header /*頁面頭部容器*/#

3、pageBody /*頁面主體容器*/#Left /*左側(cè)邊欄容器*/#Right /*右側(cè)內(nèi)容容器*/#footer /*頁面底部*/題目二：P341 第14章 兒童教育類網(wǎng)站題目三：P355 第15章 醫(yī)療保健類網(wǎng)站題目四：P367 第16章 游戲類網(wǎng)站設(shè)計四、 時間安排：上午下午備注星期一 實習前準備工作（了解實訓任務及相關(guān)注意事項） 基礎(chǔ)知識重點回顧 規(guī)化目錄，收集素材 繪制網(wǎng)站草圖根據(jù)草圖，進行CSS+DIV布局星期二網(wǎng)頁設(shè)計與制作網(wǎng)頁設(shè)計與制作星期三網(wǎng)頁設(shè)計與制作休息星期四網(wǎng)頁設(shè)計與制作網(wǎng)頁設(shè)計與制作星期五實訓檢查實訓檢查五、 考核方式網(wǎng)頁設(shè)計與制作實訓的考核方式分為五部分。1 實訓實際操作動手能力。 20%2 對教師提問的回答情況。 20%3 實訓報告內(nèi)容是否充實，是否書寫出實訓周的真實感受和收獲。 20%4 實訓周出勤，學生態(tài)度和表現(xiàn)。10%5 實訓成果作品。 30%六、 注意事項1 實訓地點與實訓時間，遵循學院教學進程安排。2 實訓時需求的相關(guān)素材，由指導老師在第一次實訓指導時給出。3 實訓周期間，要求學生按時作息