教學(xué)課題:創(chuàng)建本地站點
教學(xué)目標(biāo):1、理解什么是站點。
2、學(xué)習(xí)創(chuàng)建本地站點的方法。
教學(xué)重點:創(chuàng)建本地站點的二種方法。
教學(xué)難點:創(chuàng)建本地站點的二種方法。
教學(xué)方法:任務(wù)驅(qū)動法、小組合組學(xué)習(xí)法。
教學(xué)課時:1節(jié)
教學(xué)過程:1、導(dǎo)入新課:略
2、講解新課:
站點簡單的說就是一個文件夾,在這個文件夾里包含了網(wǎng)站中用到的所有文件,通過站點可以對網(wǎng)站的相關(guān)頁面及各類素材進(jìn)行統(tǒng)一管理,還可以使用站點管理實現(xiàn)將文件上傳到網(wǎng)頁服務(wù)器,測試網(wǎng)站。
演示案例1:創(chuàng)建一個本地站點
1、【需求分析】創(chuàng)建一個名稱為“美麗的九寨溝”的本地站點/【完成效果】(如圖2-1所示)
圖2-1
2、【技能要點】
使用新建站點或管理站點向?qū)Т罱ㄕ军c
3、【操作步驟】
步驟1:在D盤上新建一文件夾“jiuzhaigou”。
步驟2:啟動Dreamweaver CS5程序,在菜單欄中,選擇站點->新建站點或者選擇站點->管理站點->新建。(如圖2-2所示)
圖2-2
步驟3:在“站點設(shè)置對象”對話框中,選擇“站點”選項卡,在“站點名稱”文本框中,輸入“美麗的九寨溝”,單擊“本地站點文件夾”右側(cè)的“瀏覽文件夾”按鈕 ,選擇準(zhǔn)備使用的站點文件夾D:\jiuzhaigou,單擊“選擇”按鈕。(如圖2-3所示)
圖2-3
步驟5:在“管理站點”對話框中,顯示剛剛新建的站點,單擊“完成”按鈕。在“文件”面板中,即可看到創(chuàng)建的站點文件,通過以上步驟即可完成本地站點的創(chuàng)建操作。(如圖2-1所示)
教學(xué)課題:構(gòu)建站點結(jié)構(gòu)
教學(xué)目標(biāo):為站點添加相應(yīng)的網(wǎng)頁文件和存放編輯網(wǎng)頁所需的各種圖片、媒體、庫以及樣式表等的文件夾。
教學(xué)重點:構(gòu)建站點結(jié)構(gòu)的方法。
教學(xué)難點:構(gòu)建站點結(jié)構(gòu)的方法及各種文件夾的命名原則。
教學(xué)方法:任務(wù)驅(qū)動法、小組合組學(xué)習(xí)法。
教學(xué)課時:1節(jié)
教學(xué)過程:1、導(dǎo)入新課:略
2、講解新課:
一、構(gòu)建站點結(jié)構(gòu)
演示案例1:為本地站點添加首頁和各種文件夾。
為“美麗的九寨溝”站點添加首頁和各種文件夾/【完成效果】(如圖2-4所示)
圖2-4
1、【操作步驟】
步驟1:在文件面板中右擊站點根目錄,選擇新建文件命令(如圖2-5所示)。
圖2-5
步驟2:將此網(wǎng)頁文件改名為index.html,即為該網(wǎng)站的首頁,也叫引導(dǎo)頁。
步驟3: 繼續(xù)在文件面板中右擊站點根目錄,選擇新建文件夾,將文件夾改名為images,此文件夾為圖片文件夾。
步驟4: 同步驟3,依次新建媒體文件夾media;庫文件夾library和樣式表文件夾css。(如圖2-4所示)
說明:站點結(jié)構(gòu)完成后,我們添加上的網(wǎng)頁文件和各種文件夾顯示在 D:\jiuzhaigou中(如圖2-6所示)。
圖2-6
教學(xué)課題:管理本地站點
教學(xué)目標(biāo):對多個網(wǎng)站進(jìn)行管理,完成站點之間的切換、添加、刪除等操作。
教學(xué)重點:站點之間的切換、添加、刪除等操作。
教學(xué)難點:站點之間的切換、添加、刪除。
教學(xué)方法:任務(wù)驅(qū)動法、小組合組學(xué)習(xí)法。
教學(xué)課時:1節(jié)
教學(xué)過程:1、導(dǎo)入新課:略
2、講解新課:
通常dreamweaver站點管理器需要對多個網(wǎng)站進(jìn)行管理,完成站點之間的切換、添加、刪除等操作。
單擊文件面板中下拉菜單,選擇管理站點(如圖2-7所示)。在管理站點對話框中(如圖2-8所示)可以對站點文件和文件夾進(jìn)行管理,也可以增加、復(fù)制、刪除站點。
1、打開站點:在運行Dreamweaver CS5之前,需要先打開新的站點,還可以單擊文檔窗口右邊的【文件】面板中左邊的下拉列表,在彈出的下拉列表中,選擇準(zhǔn)備打開的站點,單擊即可打開相應(yīng)的站點。
2、刪除站點:在“管理站點”對話框中,選擇需要刪除的站點,在對話框中,單擊“刪除”按鈕,即可站點刪除。
3、復(fù)制站點:在“管理站點”對話框中,選擇需要復(fù)制的站點,在對話框中,單擊“復(fù)制”按鈕,即可復(fù)制站點。
4、移動和復(fù)制文件:在“文件”面板中,使用鼠標(biāo)右鍵單擊,選擇要移動和復(fù)制的文件,在彈出的快捷菜單中,選擇“編輯”選項,在子菜單中,選擇相應(yīng)的菜單項進(jìn)行設(shè)置。
圖2-7 圖2-8
網(wǎng)站已經(jīng)搭建完成,下面我們就可以制作第一個網(wǎng)頁了。