資源描述:
《網(wǎng)站開發(fā)設(shè)計(jì)綜合實(shí)踐實(shí)訓(xùn)指導(dǎo)書》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、網(wǎng)站建設(shè)指導(dǎo)www.webso.net網(wǎng)站開發(fā)設(shè)計(jì)綜合實(shí)踐實(shí)訓(xùn)指導(dǎo)書計(jì)算機(jī)軟件設(shè)計(jì)專業(yè)適用孫鈾編寫大連職業(yè)技術(shù)學(xué)院信息技術(shù)系計(jì)算機(jī)軟件設(shè)計(jì)教研室9網(wǎng)站建設(shè)指導(dǎo)www.webso.net實(shí)訓(xùn)一利用Dreamweaver的表格功能布局網(wǎng)頁(2學(xué)時(shí))一、實(shí)訓(xùn)條件(機(jī)房/Dreamweaver)二、實(shí)訓(xùn)目的掌握表格在網(wǎng)頁布局中的特點(diǎn)及應(yīng)用;掌握如何通過表格來布局一個(gè)完整的界面。三、實(shí)訓(xùn)內(nèi)容通過表格構(gòu)建完整的頁面四、實(shí)訓(xùn)步驟1、創(chuàng)建網(wǎng)頁的“頭部分”。1)插入一個(gè)1行2列,寬為760象素,邊框及邊距均為0的表格。2)插入一個(gè)1行1列,寬為760象素,邊框及邊距均為0的表格
2、。3)插入一個(gè)1行2列,寬為760象素,邊框及邊距均為0的表格。4)分別進(jìn)行簡(jiǎn)單設(shè)置。2、創(chuàng)建網(wǎng)頁的“主體部分”。1)插入一個(gè)1行3列,寬為760象素,邊框及邊距均為0的表格,這個(gè)表格將放置頁面的主體內(nèi)容。2)在左邊單元格中插入一個(gè)12行1列,寬為90%的表格。(表格的嵌套)3)在中間單元格插入一個(gè)4行1列,寬為95%的表格。4)在右邊單元格插入一個(gè)7行1列,寬為90%的表格。5)分別進(jìn)行簡(jiǎn)單設(shè)置。3、創(chuàng)建網(wǎng)頁的“尾部分”。1)插入一個(gè)2行2列,寬為760象素,邊框及邊距均為0的表格。2)進(jìn)行簡(jiǎn)單設(shè)置。五、實(shí)訓(xùn)考核方法過程考核:根據(jù)例子,通過學(xué)生對(duì)本例做的效果
3、如:是否嚴(yán)格按照要求;是否達(dá)到布局美觀的效果。以及舉一反三,融會(huì)貫通等給出成績(jī)。9網(wǎng)站建設(shè)指導(dǎo)www.webso.net實(shí)訓(xùn)二CSS樣式表(4學(xué)時(shí))一、實(shí)訓(xùn)條件(機(jī)房/Dreamweaver)二、實(shí)訓(xùn)目的掌握在DreamweaverMX中定義CSS的方法和技巧。使你的網(wǎng)頁真正“美”起來。三、實(shí)訓(xùn)內(nèi)容1.區(qū)塊2.盒子四、實(shí)訓(xùn)步驟1.區(qū)塊樣式一:設(shè)置“字母間距”為1象素。設(shè)置“文字縮進(jìn)”為2字體高。樣式二:設(shè)置“文本對(duì)齊”為“兩端對(duì)齊”。2.盒子樣式一:設(shè)置“填充”“上”為6象素,“全部相同”。應(yīng)用到表格。樣式二:設(shè)置“浮動(dòng)”為“右對(duì)齊”、“填充”為6象素。應(yīng)用到
4、圖片。五、實(shí)訓(xùn)考核方法過程考核:根據(jù)例子,通過學(xué)生對(duì)本例做的效果如:是否嚴(yán)格按照要求;是否達(dá)到熟練應(yīng)用CSS等。以及舉一反三,融會(huì)貫通等給出成績(jī)。9網(wǎng)站建設(shè)指導(dǎo)www.webso.net實(shí)訓(xùn)三利用Dreamweaver的行為功能制作動(dòng)畫(4學(xué)時(shí))一、實(shí)訓(xùn)條件(有音箱機(jī)房/Dreamweaver)二、實(shí)訓(xùn)目的掌握在DreamweaverMX中定義行為的方法和技巧。使你的網(wǎng)頁真正“動(dòng)”起來。三、實(shí)訓(xùn)內(nèi)容1.變色按鈕的制作。2.如何在頁面中播放聲音。四、實(shí)訓(xùn)步驟1.變色按鈕的制作。1)插入一個(gè)4行1列的表格,寬為150象素,邊框?yàn)?象素。2)在單元格中輸入文本,設(shè)置
5、鏈接。3)修改源代碼,命名標(biāo)簽DIV。4)設(shè)置行為屬性。2.如何在網(wǎng)頁中播放聲音。1)選中
選項(xiàng),在行為菜單中選擇“播放聲音”。2)選擇素材聲音文件,設(shè)置觸發(fā)條件onload.3)設(shè)置播放屬性。五、實(shí)訓(xùn)考核方法過程考核:根據(jù)例子,通過學(xué)生對(duì)本例做的效果如:是否嚴(yán)格按照要求;是否達(dá)到完全理解行為的工作原理和過程等。以及舉一反三,融會(huì)貫通等給出成績(jī)。9網(wǎng)站建設(shè)指導(dǎo)www.webso.net實(shí)訓(xùn)四利用Dreamweaver的站點(diǎn)功能設(shè)置站點(diǎn)并上傳站點(diǎn)至INTERNET(4學(xué)時(shí))一、實(shí)訓(xùn)條件(能連INTERNET機(jī)房/Dreamweaver,CuteFTP,
6、WS_FTPPRO)二、實(shí)訓(xùn)目的掌握利用DreamweaverMX和其他應(yīng)用軟件設(shè)置站點(diǎn)并上傳站點(diǎn)的功能。三、實(shí)訓(xùn)內(nèi)容1.DreamweaverMX的站點(diǎn)上傳功能應(yīng)用。2.其他應(yīng)用軟件的站點(diǎn)上傳功能應(yīng)用。四、實(shí)訓(xùn)步驟1.申請(qǐng)“網(wǎng)頁空間”(也可在課下申請(qǐng)好)。2.設(shè)置Dreamweaver的站點(diǎn)功能。3.利用其他應(yīng)用軟件的上傳站點(diǎn)。五、實(shí)訓(xùn)考核方法過程考核:根據(jù)例子,通過學(xué)生對(duì)本例做的效果如:是否嚴(yán)格按照要求;是否達(dá)到能夠獨(dú)立上傳站點(diǎn);能否通過互聯(lián)網(wǎng)看到上傳的站點(diǎn)等。以及舉一反三,融會(huì)貫通等給出成績(jī)。9網(wǎng)站建設(shè)指導(dǎo)www.webso.net實(shí)訓(xùn)五安裝設(shè)置PWS調(diào)
7、試個(gè)人站點(diǎn)(2學(xué)時(shí))一、實(shí)訓(xùn)條件(機(jī)房/Windows98系統(tǒng),附帶Windows98光盤)二、實(shí)訓(xùn)目的掌握簡(jiǎn)單的WWW軟件(PWS)的安裝、設(shè)置;理解WWW站點(diǎn)的概念。三、實(shí)訓(xùn)內(nèi)容1.安裝PWS。2.設(shè)置PWS。四、實(shí)訓(xùn)步驟1.安裝PWS。1)在windows98光盤下找到add_ons目錄打開。2)找到pws目錄打開。3)安裝可執(zhí)行文件。2.設(shè)置PWS。1)測(cè)試PWS是否安裝成功。2)設(shè)置站點(diǎn)默認(rèn)主頁。3)設(shè)置可瀏覽目錄。五、實(shí)訓(xùn)考核方法過程考核:根據(jù)例子,通過學(xué)生對(duì)本例做的效果如:是否嚴(yán)格按照要求;是否能夠獨(dú)立安裝;是否能夠根據(jù)要求獨(dú)立設(shè)置WWW服務(wù)器。
8、以及舉一反三,融會(huì)貫通等給出成績(jī)。9網(wǎng)