dreamweaver實訓教案

《dreamweaver實訓教案》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

1、實訓一、創(chuàng)建個人網站課時：2任務一、規(guī)劃個人網站一、提出任務1．任務目標規(guī)劃個人網站。2．解決的問題通過規(guī)劃個人網站了解網站主題對于網站的意義，了解網站的欄目與目錄結構之間的關系及開發(fā)網站的常用工具軟件。二、任務內容1．通過互聯(lián)網瀏覽網站，總結所瀏覽網站的主題類型，至少找出企業(yè)宣傳、軟件下載、求職招聘、專業(yè)論壇、流行時尚、互動聊天和在線銷售類型的網站各一個，記錄它們的網站名稱填入教材p4表JYFS1-1中：根據(jù)表格內的提示，使用搜索引擎查找相關類型網站。每組4名同學，每人負責兩個主題的網站搜索。任務二創(chuàng)建站點一、提出任務1．任務目標創(chuàng)建個人網站站點。2.解決的

2、問題使用網頁制作軟件Dreamweavercs5，按照個人網站的制作要求創(chuàng)建網站站點。二、任務內容1．新建一個站點，名稱為“pra1-1”，使用“高級”選項卡完成新建過程，保存位置為“D:pra1-1”，其他參數(shù)保持默認即可。2.新建一個以自己姓名命名的個人站點，該站點使用“ASPJavaScript”服務器技術,暫不設置遠程信息與測試服務器，站點保存在“D:pra1-2”文件夾中。任務三管理站點一、提出任務1．任務目標管理個人網站站點。2.解決的問題通過完成本任務學習使用Dreamweavercs5進行站點管理。3.本任務所涉及原有知識要點完成本任務所涉

3、及原有知識要點有：啟動Dreamweavercs5，創(chuàng)建網站站點。二、任務內容1．新建站點“pra1-5”，使用管理站點功能將其導出。將站點導出文件通過網絡或移動存儲設備拷貝到其他計算機中，使用管理站點功能將其導入。2．新建站點“pra1-3”，使用管理站點功能復制站點“pra1-3”，編輯復制的站點名稱為“pra1-4”，之后刪除站點“pra1-3”。任務四創(chuàng)建網站目錄結構一、提出任務1．任務目標創(chuàng)建網站目錄結構。2.解決的問題本任務將使用“文件”面板，實現(xiàn)先前規(guī)劃的網站目錄結構，學習在本地站點建立文件和文件夾的方法，管理站點內的文件。3.本任務所涉及原有知

4、識要點完成本任務所涉及原有知識要點有：打開Dreamweavercs5、管理站點知識。二、任務內容1．使用“文件”菜單新建“ASPJavaScript”類型的動態(tài)頁，文件保存為“D:/practice1-1.asp”，使用屬性面板修改網頁標題為“ASP網頁”。2．新建站點“pra1-7”，使用“文件”面板創(chuàng)建一個網頁文件，命名為“practice1-2.html”，選中該文件后使用下拉菜單中的重命名選項，改名為“newpage.html”，同樣使用下拉菜單中的選項預覽頁面后刪除該頁面。實訓二、添加首頁內容課時：2任務一添加首頁文本一、提出任務1．任務目標完成首

5、頁文本內容。2.解決的問題通過完成本任務學習修改網頁標題，在網頁中添加文本，分段換行和段內換行，輸入連續(xù)空格，保存和預覽網頁等知識。二、任務內容1．新建一個網頁“practice2-1.html”，將本單元素材“舉一反三”文件夾中“practice2-1.txt”的文本內容拷貝到頁面中，使用插入空格的方法修改文本，使每一行文本中的“vs”字樣達到對齊的效果。2．新建一個網頁“practice2-2.html”，輸入多行文字內容并進行分段和強制換行，修改網頁標題為“換行效果預覽”，保存后預覽頁面，觀察在IE瀏覽器中標題在什么位置，瀏覽器窗口大小發(fā)生變化時，對三種

6、換行方式的影響。任務二編輯文本樣式一、提出任務1．任務目標完成首頁文本樣式設置，添加水平分隔線與列表。2.解決的問題本任務通過設置首頁文本樣式，學習文本樣式設置與應用，修改文本樣式，添加水平分隔線與列表知識。3.本任務所涉及原有知識要點完成本任務所涉及原有知識要點有：輸入文本內容的方法，段內換行與劃分段落方法，輸入連續(xù)空格的方法。二、任務內容1．新建一個網頁“practice2-4.html”，插入5條水平線，使用屬性面板進行不同的寬、高、對齊與陰影屬性設置，預覽頁面并比較不同屬性的設置效果。2.新建“班級榮譽”頁面，文件名為“practice2-5.html

7、”，列舉班級成員所獲獎勵，設置為編號列表，修改文本樣式，用不同的文本大小、顏色區(qū)分獎勵的等級，保存并預覽頁面。嘗試先設文本樣式后設編號列表有何區(qū)別。（要求各組課下搜集班級成員獲獎情況，并制定一個設置方案）任務三添加圖像一、提出任務1．任務目標為首頁添加圖像內容。2.解決的問題本任務通過為首頁添加圖像內容，學習在網頁中插入圖像和編輯圖像的方法。二、任務內容1．將本單元素材文件夾中的“jyfs1.jpg”插入到一個新建頁面“practice2-7.html”中，裁剪后寬度為200像素，高度為100像素，并設置邊框寬度為5，完成后預覽頁面。2．新建網頁“practi

8、ce2-8.html”，插入本單元素材