重慶警院《計算機基礎(chǔ)》實驗指導(dǎo)之實驗7：Dreamweaver 8軟件的使用

1、 計算機基礎(chǔ)實驗指導(dǎo)書實驗7：Dreamweaver 8軟件的使用實驗項目：常用軟件的使用（3學(xué)時）所屬課程：計算機基礎(chǔ)一、實驗?zāi)康呐c要求：實驗?zāi)康模和ㄟ^本實驗的練習(xí)，使學(xué)員掌握Dreamweaver 8啟動和退出方法、掌握本站點的設(shè)置方法、掌握創(chuàng)建、打開和保存HTML文檔的方法，初步具有網(wǎng)頁設(shè)計的基本操作能力。 實驗要求：利用Dreamweaver 8 軟件按照案例要求完成相關(guān)操作，將操作結(jié)果保存到Y(jié)盤以“學(xué)號姓名網(wǎng)頁設(shè)計”命名的文件夾中，并完成紙質(zhì)實驗報告。二、實驗原理：通過利用Dreamweaver 8 軟件完成教師指定案例的操作，初步具有網(wǎng)頁設(shè)計的基本操作能力。三、實驗器材或軟件：計算

2、機、投影儀、Dreamweaver 8 軟件。四、實驗內(nèi)容及操作方法：實驗內(nèi)容：使用Dreamweaver 8 軟件設(shè)計一個簡單網(wǎng)頁 創(chuàng)建一個名稱為“學(xué)號姓名”站點，并在其中按如下要求設(shè)計簡單網(wǎng)頁Index.html。要求：網(wǎng)頁背景為動圖，標題為“我的主頁”。創(chuàng)建CSS樣式S1：黑體、藍色、18pt，格式化標題“忠誠、精業(yè)、團結(jié)、創(chuàng)新”。S2：黑體、18pt，格式化“個人主頁”、日期和“友情鏈接”S3：10pt，格式化其他文字?！皩W(xué)院主頁”鏈接到 HYPERLINK http:/www.jqx.cq http:/www.jqx.cq，在同一個IE窗口打開。表格第二行左側(cè)是一張個人照片，中間是一

3、個照片，右側(cè)是一個表單，其中用戶名和密碼的字符寬度和最多字符數(shù)均為12個字符。第四行兩個超鏈接分別鏈接到重慶警察學(xué)院和重慶公安信息網(wǎng)。 HYPERLINK mailto: 超鏈接到電子郵件地址：mailto： HYPERLINK mailto: 操作方法：利用Dreamweaver 8 軟件和現(xiàn)有素材按照教材P190-196頁例7.2和例7.3完成簡單網(wǎng)頁設(shè)計的相關(guān)操作，將結(jié)果保存到Y(jié)盤以“學(xué)號姓名網(wǎng)頁設(shè)計”命名的文件夾中，并完成紙質(zhì)實驗報告。網(wǎng)站的設(shè)計與制作過程和內(nèi)容不必拘泥于教材，同學(xué)可以自行設(shè)計和實現(xiàn)。五、操作步驟： 教材P190-196頁例7.2和例7.3 安裝Dreamweaver

4、8軟件創(chuàng)建Y:學(xué)號姓名網(wǎng)頁設(shè)計作為站點文件夾，再在其中創(chuàng)建Images文件夾用于存放網(wǎng)頁圖片；打開Dreamweaver8，執(zhí)行【站點】-創(chuàng)建站點命令創(chuàng)建學(xué)號姓名站點；(P188 站點管理)執(zhí)行【文件】-【新建】命令制作Html基本頁，初始文件名為Untitled-1.html，保存時改為index.html；【文件】-【保存】 執(zhí)行【修改】-【頁面屬性】命令，打開【頁面屬性】對話框，在【外觀】類中設(shè)置背景圖像為任意圖像(提前放置圖片至Y盤學(xué)號姓名文件夾下image文件夾內(nèi))；在【標題/編碼】類中設(shè)置網(wǎng)頁標題為“我的主頁”； 執(zhí)行【文本】-【CSS樣式】-【新建】命令建立S1、S2、S3樣式；

5、同理新建S2和S3：S2S3輸入標題“忠誠、精業(yè)、團結(jié)、創(chuàng)新”，并用S1格式化：選定標題“忠誠、精業(yè)、團結(jié)、創(chuàng)新”文本，然后在屬性面板的【樣式】下拉列表中選擇所需的CSS樣式執(zhí)行【插入】-【表格】命令插入53的表格，標題和表格設(shè)置為居中；調(diào)整表格至中間位置，選定第一行第二、三列，【右鍵】-【表格】-【合并單元格】，同理將第三、五行第一、二、三列分別合并單元格；輸入表格中的文字，并按要求用S2和S3進行格式化，插入圖片并調(diào)整大??；S1：黑體、藍色、18pt，格式化標題“忠誠、精業(yè)、團結(jié)、創(chuàng)新”。S2：黑體、18pt，格式化“個人主頁”、日期和“友情鏈接”S3：10pt，格式化其他文字。設(shè)置超鏈接：“學(xué)院主頁”鏈接到 HYPERLINK http:/www.jqx.cq http:/www.jqx.cq， “浙江警察學(xué)院”鏈接到http:/www.gagz.gat.zj，“重慶公安信息網(wǎng)”鏈接到http:/ww.zx.cq, “”鏈接到mailto:；選定“學(xué)院主頁”-下方屬性-鏈接內(nèi)輸入http:/ww