隨著網(wǎng)絡(luò)建設(shè)的發(fā)展和普及,網(wǎng)絡(luò)課程已經(jīng)成為教學(xué)實(shí)踐中重要的資源之一。Dreamweaver是由Macromedia公司研制開發(fā)的一款專門用于網(wǎng)頁制作的工具軟件,其與該公司開發(fā)的另外兩款軟件產(chǎn)品Flash和Fireworks一起被廣大電腦愛好者稱為網(wǎng)絡(luò)“三劍客”,現(xiàn)在已經(jīng)成為網(wǎng)頁設(shè)計(jì)的首選工具[1]。該軟件使用起來操作簡單,功能全面,即使不懂HTML語言的用戶也可以輕松使用。
1 窗口的連接
Dreamweaver的用戶界面分割為幾個(gè)窗口,當(dāng)處于工作狀態(tài)時(shí),屏幕上只能容納幾個(gè)窗口,在許多軟件中,可以將打開的窗口連接在一起,但是在Dreamweaver中卻不生效。試著點(diǎn)擊鼠標(biāo)拖住一個(gè)窗口的tab欄并掠過另一個(gè)窗口,當(dāng)看到出現(xiàn)一個(gè)黑色邊界時(shí),松開鼠標(biāo)按鍵,兩個(gè)窗口就結(jié)合在一起了。但要注意的是:裝載器窗口、屬性窗口以及站點(diǎn)窗口是不能被連接的。
2 表格的快速導(dǎo)入
表格是成都網(wǎng)頁制作過程中的常用工具,在Excel或Word和Dreamweaver之間的文字是可以互相拷貝的,但表格卻不兼容,要在每個(gè)單元格中重復(fù)地輸入已有的內(nèi)容[2]。如何實(shí)現(xiàn)將已有的Excel或Word表格中的數(shù)據(jù)直接應(yīng)用到Dreamweaver的表格中呢:
步驟① :首先將Excel或Word中現(xiàn)成的電子表格文件(后綴名為xls)另存為文本文件(后綴名為txt)。
步驟② :開啟Dreamweaver并新建一個(gè)空白文件,在對(duì)象面板上點(diǎn)擊“InsertTabularData(插入表格按鈕)”。
步驟③ :點(diǎn)擊“Browse”按鈕,找到剛才轉(zhuǎn)換過的txt文件,將其定位到準(zhǔn)備導(dǎo)入的表格中的數(shù)據(jù)。
步驟④ :設(shè)定“Delimiter”為Tab,“TableWidth”為“Fit toData”,然后點(diǎn)擊“OK”鍵。
步驟⑤ :點(diǎn)擊Commands菜單下的FormatTable命令,出現(xiàn)對(duì)話框,調(diào)用已有的表格樣式模板,完成導(dǎo)入并且沒有HTML的很多垃圾代碼。
3 中文亂碼的消除
當(dāng)在成都網(wǎng)站建設(shè)時(shí)用Dreamweaver打開一個(gè)含有中文字符的文件時(shí)進(jìn)行成都網(wǎng)頁設(shè)計(jì)時(shí),有時(shí)會(huì)發(fā)現(xiàn)亂碼。這是因?yàn)闆]有在文檔開頭指定文檔編碼的原因。用Ctrl+J調(diào)出頁面屬性窗口,選擇“標(biāo)題/編碼”項(xiàng)目,在右邊的“編碼”下拉選單里選擇“簡體中文(GB2312)”,然后“重新載入”的“應(yīng)用”即可。但是再次打開該文檔后,同樣會(huì)有亂碼存在。徹底根除亂碼的方法是按Ctrl+U調(diào)出“首選參數(shù)”面板,選擇“新建文檔”項(xiàng)目,然后將“默認(rèn)編碼”設(shè)定為"簡體中文(GB2312)“并勾選”當(dāng)打開未至定編碼的現(xiàn)有文件時(shí)使用。
4 快速制作彈出菜單
在進(jìn)行網(wǎng)絡(luò)課程的設(shè)計(jì)過程中經(jīng)常需要制作彈出菜單,使用Dreamweaver可以直接給圖片加上菜單,但是不能給文本直接加上彈出菜單。如何給文本加上彈出菜單呢步驟如下:
步驟① :選中文本,在屬性面板的鏈接項(xiàng)中輸入“javascript:;”,給文本加上鏈接。
步驟② :文本鏈接默認(rèn)的顏色是藍(lán)色,并且有下劃線。在代碼視圖下,移到這個(gè)鏈接的ahref標(biāo)簽,在后面插入“style=”text-decoration:none;color:black。
步驟③ :保存網(wǎng)頁之后,打開行為面板,點(diǎn)擊“+”號(hào),在彈出的菜單中點(diǎn)擊“顯示事件”,選擇“4.0和更高版本瀏覽器”。
步驟④ :點(diǎn)擊“+”按鈕,在彈出的菜單中選擇“顯示彈出式菜單”,在“顯示彈出式菜單”中添加彈出菜單,并作外觀和位置的設(shè)置。
5 空格的連續(xù)輸入
在Word處理軟件中<Space>鍵起著空格的作用,而在Dreamweaver中空格卻是不同的概念。這里有三種方法可以連續(xù)輸入空格:
①同時(shí)按下Ctrl-Shift-Space鍵,這樣輸入的空格在編輯窗中看不到,但是在瀏覽時(shí)卻可以看見。在HTML檢視窗中可看到增加了一些“&nbsp;”代碼。
②將文本屬性面板上的字體的格式(Format)設(shè)為預(yù)格式(Preformatted)即可。
③將輸入方式改為中文狀態(tài)下的全角方式輸入成都網(wǎng)站建設(shè),這樣不管輸入多少空格都沒有問題了。