PAGE本科學(xué)生綜合性、設(shè)計(jì)性實(shí)驗(yàn)設(shè)計(jì)方案實(shí)驗(yàn)課程名稱webGis實(shí)驗(yàn)名稱網(wǎng)頁制作指導(dǎo)教師及職稱潘先春開課學(xué)期2013＿至＿2014＿學(xué)年＿上學(xué)期云南師范大學(xué)旅游與地理科學(xué)學(xué)院編印實(shí)驗(yàn)名稱：網(wǎng)頁制作實(shí)驗(yàn)時(shí)量：一個(gè)周小組合作：□是□否成員：宋國俊1、實(shí)驗(yàn)?zāi)康模篴.了解HHTML中涉及的技術(shù)。HTML語言的組成及特點(diǎn)，學(xué)會利用HTML語言編輯網(wǎng)頁。了解CSS。了解網(wǎng)站開發(fā)的流程。b.掌握如何在Dreamweaver中進(jìn)行網(wǎng)頁編輯；

掌握Dreamweaver中站點(diǎn)的設(shè)置；

掌握網(wǎng)站空間的申請及網(wǎng)頁的上傳。c.掌握常用的文本與段落修飾標(biāo)記;

掌握超級鏈接標(biāo)記及其設(shè)置；d.掌握網(wǎng)頁制作中常的三種圖像格式；

掌握圖像的格式設(shè)置；掌握利用圖像處理軟件（FireWorks）進(jìn)行圖像的基本處理。e.掌握網(wǎng)頁制作中常見的多媒體類型及特點(diǎn)；

掌握插入媒體的標(biāo)簽及相應(yīng)屬性設(shè)置，掌握能夠利用網(wǎng)上的軟件進(jìn)行媒體格式的轉(zhuǎn)換。f.掌握網(wǎng)頁制作中頁面的而已技術(shù)

：表格布局，CSS布局，框架，布局。g.掌握網(wǎng)頁制作中頁最常用的交互工具：表單元素的使用h.熟練的操作Dreamweaver，或者visualstduio制作一個(gè)簡單的網(wǎng)頁。2、實(shí)驗(yàn)材料及相關(guān)設(shè)備：Windowsxp系統(tǒng)Dreamweaver/visualstduio參考資料為Dreamweaver/visualstduio的相關(guān)運(yùn)用操作手冊及實(shí)驗(yàn)教材。3、實(shí)驗(yàn)理論依據(jù)或知識背景：Dreamweaver/visualstduio的相關(guān)運(yùn)用操作手冊及實(shí)驗(yàn)教材。和軟件的具體的操作流程4、實(shí)驗(yàn)方法步驟及注意事項(xiàng)：1.利用記事本實(shí)現(xiàn)主頁實(shí)例。1):在“記事本”中輸入個(gè)人網(wǎng)頁的相關(guān)文本。(2):選擇“文件”—>“保存”命令，將該文件保存為“主頁.html”，此時(shí)該文檔將顯示IE圖標(biāo)。(3):打開圖標(biāo)。2.在Dreamweaver中輸入如下代碼：之后打開。.將上面中的內(nèi)容，利用DreamWeavor完成，并注意在拆分視圖下，觀察它是如何將格式操作變成HTML代碼的。2制作個(gè)人網(wǎng)頁的首頁3.制作完成個(gè)人主頁網(wǎng)站，至少完成3個(gè)頁面。4超鏈接：Dreamwever中提供了“鏈接檢查器”工具用于超鏈接的檢查。在文件面板的任意文件上右擊，在彈出的快捷菜單中選擇“檢查鏈接”“選擇文件/文件夾”命令?？蓹z查當(dāng)前選中的文件或文件夾中的超鏈接的工作情況。結(jié)果會顯示在“結(jié)果”面板“鏈接檢查器”的選項(xiàng)卡中，可以檢查顯示出斷鏈接的情況，在狀態(tài)欄中會有該網(wǎng)頁的鏈接情況的統(tǒng)計(jì)數(shù)據(jù)。如果我們選擇“檢查鏈接”我把一個(gè)鏈接到了百度，一個(gè)鏈接到了自己的qq空間，其它那些電影業(yè)鏈接到了相應(yīng)的網(wǎng)址，只要連網(wǎng)就可以到達(dá)相應(yīng)的網(wǎng)站。5創(chuàng)建網(wǎng)站相冊6在網(wǎng)頁中使用多媒體，我使用了MP3avi，這樣增加了效果1.插入音樂，用bgsound函數(shù)選中音樂，再確定。如果是插入背景音樂：（二）使用<embed>標(biāo)簽：一打開頁面就會自動播放音樂插入Flash動畫:將插入工具欄切換到“常用”模式，單擊“媒體：Flash”按鈕,插入Flash按鈕:將插入工具欄切換到“常用”模式，單擊“媒體：Flash”按鈕旁邊的三角形，在菜單中選擇“媒體：Flash按鈕”按鈕.插入Flash文本:將插入工具欄切換到“常用”模式，單擊“媒體：Flash”按鈕旁邊的三角形，在菜單中選擇“媒體：Flash文本”按鈕在設(shè)置屬性；7分別利用表格及CSS技術(shù)完成書上的的布局方式。通過管理或新建樣式使用面板組執(zhí)行窗口——CSS樣式使用窗口——標(biāo)簽檢查器——CSS屬性面板CSS屬性面板可以設(shè)置樣式面板中的8類屬性。字體（font-family）、大?。╢ont-size）、.粗細(xì)（font-weight）、樣式（font-style）、.變量、行高（line-height）、大小寫（text-transform）、顏色（color）、修飾（text-decoration）在“插入”工具欄單擊“布局”按鈕，進(jìn)入布局模式。8表單的運(yùn)用。1.輸入文本水平線表單插入表格3.插入文本框復(fù)選框提交框，按鈕最后的表單就是下面圖于是一個(gè)個(gè)人簡單的網(wǎng)頁就制作完成了。參考文獻(xiàn)：Dreamweaver/visualstduio的相關(guān)運(yùn)用操作手冊及實(shí)驗(yàn)教材。指導(dǎo)教師對實(shí)驗(yàn)設(shè)計(jì)方案的意見對老師的教學(xué)方法和指導(dǎo)方式相當(dāng)滿意。