中央電大計算機專業(yè)DW簡介

1、DW簡介(第1節(jié)課一、教學(xué)目標(biāo)1、初步了解DREAMWEAVER界面與工具,了解站點建設(shè)的意義與用途。2、熟悉網(wǎng)站建設(shè)流程。3、掌握站點的新建與管理、文件的基本操作、頁面屬性的設(shè)置、文本的添加以及如何插入圖象。4、通過網(wǎng)站建設(shè)流程和站點建立,讓學(xué)生有個籠統(tǒng)的學(xué)習(xí)目標(biāo),養(yǎng)成思考問題和規(guī)劃項目的習(xí)慣。二、教學(xué)重難點1、重點:站點的新建與管理、文件的基本操作、頁面屬性的設(shè)置、文本的添加以及如何插入圖象的綜合應(yīng)用。2、難點:(1、站點建設(shè)的意義與用途。(2、學(xué)生思考問題與規(guī)劃項目能力的培養(yǎng)。三、教學(xué)方法:講解法、練習(xí)法、演示法、案例法、嘗試法四、課時安排:1課時五、教學(xué)步驟(一新課導(dǎo)入(8分鐘1、作品

2、展示2、分析作品中包括那些內(nèi)容,如文本、圖象、表單、框架、CSS的應(yīng)用等等3、分析步驟該怎么走,需要注意那些東西。(二講解新課1、網(wǎng)站建設(shè)流程(8分鐘(1規(guī)劃階段:初步定模塊,找資料,與別人溝通討論等等。(2設(shè)計階段:根據(jù)所找的資料以及別人有用的建議,重新定模塊,確定表現(xiàn)方式等等。(3制作階段:根據(jù)設(shè)計的模型應(yīng)用相應(yīng)的知識進行制作。(4發(fā)布上傳階段:按照要求制作好網(wǎng)站,傳到相應(yīng)的服務(wù)器上運行。(5維護管理階段:網(wǎng)站運行時,要對里面的內(nèi)容進行更新等等。注意:通常沒有經(jīng)驗的網(wǎng)頁設(shè)計者容易忽略規(guī)劃階段與設(shè)計階段,或者把二者混起來,大家回去仔細琢磨一下,一定要把它們搞懂。2、站點的新建與管理(18分鐘

3、(1新建本地站點與遠程站點新建站點不同的方式方法,例如可以通過菜單也可以直接通過面版,可以選擇基本的也可以選擇高級的(講解的同時展示給學(xué)生看到底在哪里,下面就介紹比較好用且比較簡單的方法本地站點:在站點面版上選擇新建站點選擇高級默認(rèn)本地信息上填寫站點名稱、選擇站點路徑、選擇自動刷新本地列表與啟動緩存等遠程站點:在站點面版上選擇新建站點選擇高級選擇遠程信息選擇訪問FTP填寫FTP的有關(guān)信息,如用戶名、密碼等。(2本地站點與遠程站點的區(qū)別(3管理注意形式:合理分配文檔、文件的歸類以及上傳與下載。注意:本地站點與遠程站點的不同點學(xué)生練習(xí)3、文件的基本操作(8分鐘(1新建文件:可視化向?qū)А⑽募幕靖?/p>

4、式;簡單介紹文件的類型(2打開和保存文件任務(wù):新建文件目標(biāo):了解文件的保存格式學(xué)生練習(xí)4、設(shè)置頁面屬性(20分鐘設(shè)置頁面屬性,是在正式開始制作網(wǎng)頁前一個必不可少的工序。雙擊打開剛才新建的index.htm,就自動轉(zhuǎn)入編輯窗口。選擇頁面屬性CTRL+J為該操作的快捷鍵,設(shè)置一些必要的頁面屬性,如下:(1標(biāo)題:頁面的標(biāo)題會直接顯示在瀏覽器的左上方,例如用瀏覽器打開草原孤星網(wǎng)站,可以在瀏覽器的左上角看到該頁的標(biāo)題“草原孤星-輕輕松松做網(wǎng)頁(清爽新版”(舉例給學(xué)生看。務(wù)必要養(yǎng)成為每一頁都設(shè)定一個標(biāo)題的習(xí)慣,這既便于訪問者的瀏覽,也有助于你在網(wǎng)頁編輯的過程中區(qū)分不同的頁面。雖然標(biāo)題并不是一個網(wǎng)頁必要的元

5、素,但卻是體現(xiàn)著網(wǎng)頁制作者有否從細處為瀏覽者著想。(2背景圖像:點擊瀏覽按鈕,可以為網(wǎng)頁添加背景圖片。(3背景:默認(rèn)為白色,點擊小三角可以選擇其他的顏色。后面“#FFFFFF”是以16進制形式顯示的RGB色值。(4文本:在這里將文字默認(rèn)設(shè)置為黑色。要注意,假如不對背景及文字的顏色進行設(shè)置(此時RGB色值顯示為空,那么瀏覽器在顯示頁面的時候,就會采用系統(tǒng)的默認(rèn)設(shè)置。但因為不同的系統(tǒng)的設(shè)置都可能會有所區(qū)別,這樣就回導(dǎo)致頁面的顯示效果也是千差萬別。因為,為了更好地讓頁面體現(xiàn)出你的設(shè)計思想,就千萬別忘記設(shè)定頁面的背景顏色及文字顏色。(5鏈接:設(shè)定超級鏈接的顏色,不設(shè)定則默認(rèn)為藍色。(6頂部邊界和左邊界

6、:設(shè)置左部及頂部的頁邊距,一般都設(shè)置為“0”以方便于網(wǎng)頁的編輯。注意:邊界的設(shè)置,很多設(shè)計者忘了設(shè)置,導(dǎo)致制作的網(wǎng)頁頂端留有1像素白色的區(qū)域。學(xué)生練習(xí)5、添加文本(10分鐘(1如何添加文本注意:添加文本的時候輸入法采用中文全角,否則空格鍵就沒法使用。(2設(shè)置文本屬性A、設(shè)置文本的格式:可以選擇幾種預(yù)設(shè)的文字格式;B、改變字體和尺寸:可以選擇的全是是英文字體,如果想選擇其他字體,就要選擇最底的一項,編輯字體列表.(一般的文字編輯,默認(rèn)字體就可以了,在那里,你可以加入刪除字體列表,這里就不多說了;注意:因為別人的系統(tǒng)上不一定裝有與你相同的字體,所以不要將一些特殊的字體加到列表中并使用。如果真有需要用到這些字體,應(yīng)當(dāng)做成圖片后再使用。C、字體和段落D、文字的拷貝和粘貼學(xué)生練習(xí)6、插入圖象(10分鐘(1瀏覽器支持的影像格式:GIF、JEPG、JPG以及PNG等格式(2設(shè)定屬性A、改變圖片的大小:如果圖片長與寬跟原圖的大小不一致的話,這里的數(shù)字會用粗體顯示;點取一張圖片,你可以看到圖片會被套上一個框和三個點,三個點分別代表將圖片向三個不同的方向拉伸,從而達到放大和縮小的效果;在拉伸過程中,按著Shift鍵,再拖動角上的點,可以使圖片保持寬高比例拉伸,如下圖。如果要將圖片恢復(fù)為原始大小,可以按屬性面板右下角的