教師招考論壇

 找回密碼
 免費注冊

QQ登錄

只需一步,快速開始

無標題文檔 白小姐 影评
每日定期發布教師招牌資訊
總共7212條微博

2019年教師考友說

查看: 6428|回復: 3
打印 上一主題 下一主題

[軟件] Dreamweaver 8基礎教程

[復制鏈接]
跳轉到指定樓層
1
發表于 2012-1-19 14:43:20 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
2017年最新教師招聘考試內部教材
教師招考二維碼
Dreamweaver8基礎教程
一、上網基礎
學習做網頁之前,我們首先要知道網頁是什么,一般來說網頁是用在網絡上的htm文件,通過網頁可以很方便的實現網絡資源的共享,上網分為三個步驟。
 1、輸入正確的網址
 1)在桌面上找到Internet Explorerfile:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image002.jpg,雙擊打開,出現瀏覽器窗口,一般會自動進入微軟的網站。
 2)找到地址欄一個長白條,里面有一串英文字母,后頭是“轉到”按鈕,這就是地址欄。
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image003.gif
 3)在地址欄里頭點一下鼠標左鍵,然后刪除里面的字符,輸入自己的的網址,網址一般是英文的以http打頭,然后是一個冒號和兩個斜杠(雙斜杠),
 然后是www(三W),后面跟一個點,最后一般是com結尾,例如輸入http://www.baidu.com
 輸完檢查一下,沒問題就按一下回車鍵,或者點一下后邊的“轉到”按鈕,這時窗口右上角的小圖標就開始運動,也就是正在搜索。
 4)一切正常就會進入到百度搜索的首頁。
 2、找超級鏈接
 網頁上的內容是一頁一頁的,一般都藏在一個叫超鏈接的后面,所以第二步就是要找到超鏈接。
 超鏈接有三個特點,首先文字的顏色是藍色的,非常醒目,其次文字下面有一條下劃線,便于查找,最關鍵的是當鼠標移過去以后,指針會變成手形file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image004.gif,這一點很重要。
 找到超鏈接以后就可以鼠標左鍵單擊,進入相應的內容了。
 3、后退按鈕
 看完一頁后如何返回呢?在窗口的左上角有一個后退按鈕file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image005.gif,點一下就可以回到上一頁,這樣就不會迷失方向了。
二、啟動程序
安裝好以后,我們就可以使用它來制作自己的網頁,這一節我們來學習如何運行Dreamweaver。
 1、新建文件夾
 在D:盤中給自己新建一個文件夾,文件名用自己名字的拼音字母,數量小于8個,以后自己的網頁都存這里頭。
 其他文件夾也可以,要求基本是名稱是英文,盡量不要用空格漢字等那些非標準字符。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image006.gif
 2、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif
 2)第一次運行會出來一個選擇面板,選默認的“設計”,點“確定”即可。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image008.gif
 3)然后出來一個激活的頁面,如果有正式的序列號,點“繼續”即可,也可以選擇下面的30天免費試用。
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image009.gif
 正確輸入序列號后,在出來的注冊頁面中,點“以后提醒”按鈕即可。
 4)接下來開始載入Dreamweaver,直到出現一個完整的窗口。
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image010.gif
 這個頁面稱作“起始頁”,中間是新建項目,我們一般選第一個Html普通網頁,新建一個空白文檔。 
三、創建網頁
這一節我們來學習如何創建網頁,在基礎0課程我們認識了網頁,下面我們通過一個練習來看看怎樣做一個網頁。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif
 2)在中間的“創建新項目”中點第一個 HTML,打開一個空白文檔。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image011.gif
 2、保存文件
 1)點菜單“文件-保存”命令,彈出一個“另存為”對話框,在上邊的保存在長條中,找到D:盤,在中間打開自己的文件夾。
 2)在下邊文件名那兒把Untitled-1刪除,改成 index 然后點右邊的“保存”按鈕。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image012.gif
 這兒注意兩點,一個是保存位置在自己的文件夾,一個是文件名改成 index
 3)回到窗口,這時候在標簽上就有了文件的名稱file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image013.gif,然后在標簽下面的文檔工具欄中間找到“標題”。
 把標題改一下,這個網頁內容是個人主頁,把標題改成“青青草”file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image014.gif
 4)這樣我們就修改好了標題,同時按下Ctrl和S鍵(Ctrl+S組合鍵),保存一下文件,標簽上的星號消失。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image015.gif file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image013.gif
 3、輸入內容
 1)在中間工作區里點一下鼠標,這是光標在左上角一閃一閃,提示輸入內容。
 輸入下面的三行內容,輸完一行按一下回車鍵,輸完按Ctrl+S保存一下文件。
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image016.gif
 2)在標簽下邊的文檔工具欄中,找到一個球體的預覽圖標file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image017.gif,點一下出來一個下拉列表:
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image018.gif
 點第一個在IE瀏覽器中進行瀏覽,如果沒保存,會出來一個提示,點“是”即可。
 看一下自己做的頁面,稍稍簡單些,后面我們會逐步學習網頁的修飾。
四、基礎練習
這一節我們來做網頁練習,標題改成跟內容相關,保存的文件名改成標題的英文或拼音縮寫(不要超過8個字母),保存到自己的文件夾中。
 內容自定(三行左右),在做下一個網頁之前,先點菜單“文件-關閉”命令,然后點“文件-新建”,再點右下角的創建命令,
 1)給自己的爸爸建一個網頁。
2)給自己的媽媽建一個網頁。
 3)給自己的爺爺建一個網頁。
 4)給自己的奶奶建一個網頁。
 5)給自己的外公建一個網頁。
 6)給自己的外婆建一個網頁。
 7)給自己的哥哥建一個網頁。
 8)給自己的姐姐建一個網頁。
 9)給自己的弟弟建一個網頁。
 10)給自己的妹妹建一個網頁。
五、新建站點
 網頁的內容除了文字以外,還有圖片、音樂、動畫等等,它們共同構成了一個網站,把它們聯系在一起的目錄頁稱作“主頁”,下面我們通過一個練習來學習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)啟動后顯示的是起始頁,窗口右邊和下邊都有一個側邊欄,側邊欄中間有個折疊按鈕file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image019.gif。
 2、創建新站點
 在右邊的側邊欄中間,在文件面板上找到一個藍色的“管理站點”鏈接,點一下。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image020.gif
 出來一個“管理站點”的對話框,里面現在還是空的,點右上角的“新建”按鈕,選擇“站點”命令,出來一個面板。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image021.gif
 1)這時候就開始進行站點的創建步驟,把中間站點的名字改為“青青草”,第二行的站點地址不動它,點“下一步”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image022.gif
 2)在第二個頁面中,直接點“下一步”進入第三頁,這兒不需要服務器技術。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image023.gif
 3)這時出來保存位置的對話框,點一下右邊的小包圖標,找一下自己的文件夾。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image024.gif
 在出來的文件夾瀏覽對話框中,找到D:盤自己的文件夾,這時里面是空的,我們要新建一個文件夾,點一下右上角的小包“新建按鈕”,把文件夾的名稱改成字母縮寫。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image025.gif
 打開這個新建的qqc 文件夾,點右下角的“選擇”按鈕即可,注意這時候上邊的位置里顯示的是“qqc”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image026.gif
 這時候返回到頁面,中間顯示的是我們剛才選擇的保存文件夾(在開始的時候直接輸入也可以),點“下一步”繼續。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image027.gif
 4)在中間的“本地/網絡”上點一下,彈出一個下拉列表,選擇第一個“無”,點“下一步”繼續。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image028.gif
 5)這時候就出來了“總結”頁面,顯示一下剛才的設置情況,點“完成”即可。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image029.gif
6)這樣就新建好了一個站點,注意選擇文件夾那一步可以直接輸入進去。
 這時候“管理站點”面板里頭就有了一個站點,點“完成”返回,在右邊的側邊欄中,也可以看到一個名為“青青草”的站點。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image030.gif file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image031.gif
 由于是新建的,里面還是空的,后面我們會逐漸添加各個文件。
六、編輯文字
 網頁的內容大部分是文字,文字的屬性中包括、字體、字號和顏色等,下面我們通過一個練習來學習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)在中間的“創建新項目”中點第一個 HTML,打開一個空白文檔。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image011.gif
 3)點菜單“文件-保存”命令,把文件名改為index ,位置保存在上次建的站點中,
 把標題改為“青青草主頁”,保存一下文件,下面輸入內容。
 2、設置文字
 1)輸入下面的內容,輸完一行后按一下回車鍵(也可以寫自己的內容),輸完保存一下文件。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image032.gif
 2)下面設置文字格式,拖黑選中標題“青青草”,在下面的側邊欄,屬性面板中找第二排的各個按鈕,依次是字體、大小、顏色file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image033.gif。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image034.gif
 3)按從左到右的順序,把字體設為“黑體”、大小設成“24”、顏色設為綠色,標題一般要醒目些。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image035.gif
 4)再拖黑選中下面的三行內容,在下面的屬性面板中,把字體設為“新宋體”、大小為“18”、顏色為藍色。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image036.gif
 5)如果字體太少可以,點列表下邊的“編輯字體列表..”,添加其他字體,
 先在右邊的列表中找到字體,再點中間的 << 按鈕添加到左邊,然后點上邊的加號按鈕,即可添加字體。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image037.gif
 6)設好以后,在屬性面板的第一排,“樣式”旁邊會出來一個STYLE2,這是自動保存了字體、字號、顏色的樣式表,下次可以直接用,不用再一個一個設了。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image038.gif
 在顏色按鈕的旁邊,有一串顏色代碼,用數字代表顏色,以井號#開頭的6個數字。
七、對齊和背景
 接著上一課,這一節我們來學習文字的對齊方式,以及背景色的設置方法,下面我們通過一個練習來學習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)在中間的“創建新項目”中點第一個 HTML,打開一個空白文檔,把標題改為“對齊”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image011.gif
 3)以 duiqi 為文件名,保存一下文件,保存位置在我們建的站點文件夾里。
 2、輸入內容
 1)輸下面的三行內容,輸完一行后,按一下回車鍵。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image039.gif
 2)拖黑選中三行內容,在下邊屬性面板第一排中,找到“居中”按鈕file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image040.gif點一下,
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image041.gif
 這樣文字就自動排到中間的位置,一般標題放在居中的位置,保存一下文件。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image042.gif
 3、背景色
 1)默認的背景色是白色,我們可以改成其他顏色。
 2)在下邊的屬性面板中,找到“頁面屬性..”按鈕file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image043.gif,點一下出來一個面板。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image044.gif
 3)找到中間的“背景顏色”按鈕點一下,在出來的調色板中,選擇一個淡綠色,點“確定”背景色就設好了。
 調色板的右上角有三個按鈕file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image045.gif,第一個是返回“默認顏色”,第二個是“拾取顏色”,右邊的三角按鈕是一個菜單。
 保存一下文件,點“預覽”按鈕file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image017.gif,看一下網頁的效果。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image046.gif
 插入背景圖片的方法,在背景顏色按鈕下面的背景圖片中選擇一幅圖片。
八、插入圖片
 網頁中除了文字以外,往往還有一些漂亮的圖片,在Dreamweaver中如何插入圖片呢?下面我們通過一個練習來學習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)在中間的“創建新項目”中點第一個 HTML,打開一個空白文檔,把標題改為“插入圖片”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image011.gif
 3)點“文件-保存”命令,以 tupian 為文件名保存文件,保存位置在建立的站點中。
 2、插入圖片
 1)在右邊的側邊欄中間,在文件面板中找到“站點-青青草”,瞄準敲右鍵,選“新建文件夾”命令,新建一個名為 images 的文件夾。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image047.gif file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image048.gif
 2)這個images 文件夾主要用來放圖片的,把要用的圖片復制到這個文件夾中,也可以直接拖進去,圖片的文件名必須是英文的。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image049.gif
 在右鍵菜單里有個“編輯”菜單,這里面有“拷貝、粘貼、刪除、重命名”等命令。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image050.gif
 3)點常用工具欄中間的“插入圖像”按鈕file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image051.gif,出現一個“選擇圖片”對話框,中間有一個文件夾images
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image052.gif
 注意上面的“查找范圍”應該是站點的文件夾,中間是images文件夾,打開它,選擇剛才復制進去的圖片,點“確定”即可。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image053.gif
 如果插入的圖片不在站點內,會出來一個復制的提示,這時候點“是”就可以了。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image054.gif
 4)保存一下文件,點預覽按鈕,看一下圖片的效果。
 另外一種更簡單的方法是,直接把右邊站點里的圖片拖到頁面中,要插圖片的位置,也可以插入圖片。
九、背景音樂
 (注意:按ESC鍵停止音樂的播放,點刷新重新播放)
 這一節我們來學習如何設置背景音樂,放一首音樂在網頁中,往往能給人帶來另外的心情,下面我們來看一個練習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)在中間的“創建新項目”中點第一個 HTML,打開一個空白文檔,把標題改為“背景音樂”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image011.gif
 3)點“文件-保存”命令,以 yinyue 為文件名保存文件,保存位置在建立的站點中。
 4)在右面側邊欄的站點中,新建一個文件夾,名稱為 music 用來存放音樂,找到一首喜歡的歌曲,把它拖到這個文件夾里面。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image055.gif
 本課images文件夾中有一首1001.mid文件可以作為練習。
 2、插入背景音樂
 1)在標簽下面的“文檔”工具欄中點一下“拆分”標簽,窗口分成兩部分,上邊是代碼,下邊是文檔。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image056.gif
 2)在上面的代碼窗口中,找到<body>標簽,在它后面點一下鼠標,然后按一下回車鍵插入一個空行,
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image057.gif
 3)切換到英文輸入法狀態,輸入 <bgsound src="music/1001.mid" loop="-1"/>
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image058.gif
 輸入的時候會有提示,里面的單詞是代碼標簽,雙引號里面是參數值,-1表示循環播放。
 在文件名的標簽上敲右鍵選保存命令,保存一下文件,點預覽按鈕,聽一下背景音樂的播放,
 停止音樂可以按ESC鍵或點瀏覽器工具欄上的停止按鈕,點刷新重新播放。
十、插入音樂
 這一節我們來學習如何在頁面插入音樂,通過播放器來播放和控制音樂,常見的音樂格式有mp3、wma、rm等等,音樂一般只有聲音,沒有圖像,有圖像的叫視頻,下面我們來看一個練習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)在中間的“創建新項目”中點第一個 HTML,打開一個空白文檔,把標題改為“背景音樂”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image011.gif
 3)點“文件-保存”命令,以 chryy 為文件名保存文件,保存位置在建立的站點中。
 4)在右面側邊欄的站點中,找到上次新建的文件夾 music ,找到一首喜歡的歌曲,把它拖到這個文件夾里面。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image059.gif
 本課images文件夾中有一首 m1 文件可以作為練習,它是wma格式的。
 2、插入音樂
 1)在標簽下面的“文檔”工具欄中點一下“拆分”標簽,窗口分成兩部分,上邊是代碼,下邊是文檔。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image056.gif
 2)在上面的代碼窗口中,找到<body>標簽,在它后面點一下鼠標,然后按一下回車鍵插入一個空行,
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image057.gif
 3)切換到英文輸入法狀態,輸入下列代碼:
<embedsrc="music/m1.wma" width="320" height="40"
controls="ControlPanel" loop="false"autostart="false"
type="audio/x-pn-realaudio-plugin"initfn="load-types"></embed>
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image060.gif
 輸入的時候會有提示,里面的單詞是代碼標簽,雙引號里面是參數值,loop是循環的意思,autostart是自動播放,這兒都是false,也就是不用的意思。
 保存一下文件,點預覽按鈕,點左邊的播放按鈕,聽一下悠揚的樂曲。
 停止音樂可以點播放器上的停止按鈕,要播放其他音樂,只要修改src標簽后面的音樂地址即可。
十一、插入視頻
 這一節我們來學習如何在頁面插入視頻,常見的視頻格式有wmv、avi、mpg、rmvb等等,視頻文件一般既有聲音又有圖像,因此也叫影片,下面我們來看一個練習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)在中間的“創建新項目”中點第一個 HTML,打開一個空白文檔,把標題改為“插入視頻”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image011.gif
 3)點“文件-保存”命令,以 chrshp 為文件名保存文件,保存位置在建立的站點中。
 4)在右面側邊欄的站點中,新建的文件夾 video ,用來保存視頻文件。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image061.gif
 本課images文件夾中有一個首 zj 文件可以作為練習,它是wmv格式的。
 2、插入視頻
 1)在標簽下面的“文檔”工具欄中點一下“拆分”標簽,窗口分成兩部分,上邊是代碼,下邊是文檔。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image056.gif
 2)在上面的代碼窗口中,找到<body>標簽,在它后面點一下鼠標,然后按一下回車鍵插入一個空行,
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image057.gif
 3)切換到英文輸入法狀態,輸入下列代碼:
<objectid="WindowsMediaPlayer1"classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
width="160" height="190" >
<param name="URL" value="video/zj.wmv">
<param name="rate" value="1" />
<param name="balance" value="0" />
<param name="currentPosition" value="0" />
<param name="defaultFrame" value />
<param name="playCount" value="1" />
<param name="autoStart" value="0" />
<param name="currentMarker" value="0" />
<param name="invokeURLs" value="-1" />
<param name="baseURL" value />
<param name="volume" value="50" />
<param name="mute" value="0" />
<param name="uiMode" value="mini" />
<param name="stretchToFit" value="-1" />
<param name="windowlessVideo" value="0" />
<param name="enabled" value="-1" />
<param name="enableContextMenu" value="-1" />
<param name="fullScreen" value="0" />
<param name="SAMIStyle" value />
<param name="SAMILang" value />
<param name="SAMIFilename" value />
<param name="captioningID" value />
<param name="enableErrorDialogs" value="0" />
</object>
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image062.gif
 采用復制粘貼的方法即可,里面修改的地方主要是藍色部分,影片地址、寬度和高度,
 注意播放器有70的高度,因此整個高度是190,影片實際大小為160×120,在影片屬性中可以查看到。
 保存一下文件,點預覽按鈕,點左邊的播放按鈕,看一下影片的效果。
十二、插入表格
 這一節我們來學習如何在頁面插入表格,利用表格可以很好地布置頁面,在表格單元中可以放文字、圖片、視頻等等,每個單元都是一個獨立的區域,下面我們來看一個練習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)在中間的“創建新項目”中點第一個 HTML,打開一個空白文檔,把標題改為“插入表格”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image011.gif
 3)點“文件-保存”命令,以 chrbg 為文件名保存文件,保存位置在建立的站點中。
 2、插入表格
 1)點菜單“插入-表格”命令,出來一個對話框,一般修改上面的兩行,表格的行列數和寬度。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image063.gif
 2)點“確定”即可插入一個3×3的表格,橫著的是行,豎著的是列,每一個小格叫單元格。
  
  
  
第二列
  
  
第三列
  
  
第二行
  
  
  
  
  
  
第三行
  
  
  
  
  
 3)在表格的邊框上點一下,可以選中整個表格,下面的屬性面板中也出來表格的各個選項,邊框為0的時候不顯示邊框線。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image064.gif
 上邊綠色的三角里頭有一個命令菜單,可以進行相關的操作。
 4)在一個單元格里點一下以后,下面的屬性面板顯示單元格的選項,
 點菜單里的“修改-表格”命令,里頭可以插入一個行、一個列等等。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image065.gif
 3、練習:插入一個3×3的表格,在每個格子里輸入一個成語。
 保存一下文件,點預覽按鈕,看一下表格的效果。
十三、插入Flash
 這一節我們來學習如何在頁面插入Flash動畫,Flash動畫格式有swf和Flv,下面我們來看一個練習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)在中間的“創建新項目”中點第一個 HTML,打開一個空白文檔,把標題改為“插入Flash”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image011.gif
 3)點“文件-保存”命令,以 chrflsh 為文件名保存文件,保存位置在建立的站點中。
 4)在右面側邊欄的站點中,新建的文件夾 swf ,用來保存Flash動畫文件。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image066.gif
 本課images文件夾中有一個首 wz 文件可以作為練習,它是swf格式的。
 2、插入動畫
 1)插入swf動畫,點常用工具欄,插入圖像按鈕旁邊的“媒體”按鈕,選擇第一個紅色的“Flash”
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image067.gif
 2)彈出一個對話框,找到swf文件夾,選中里面的wz文件,出來一個屬性框,點“確定”即可。
 
 2)還可以插入Flv視頻,點“媒體-FlashVideo”,選擇一個flv視頻即可,完成后會自動生成兩個swf文件,用來播放flv視頻。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image068.gif
 插入后,把下面的寬度和高度也填上,需要發布到網上才能播放,保存一下文件,點“預覽”按鈕,看一下影片的效果。
十四、超級鏈接
 網頁之間的跳轉是通過超級鏈接來實現的,超級鏈接相當于一個路口標記,點擊后就可以進入。
 超級鏈接一般具有三個特點:藍色、下劃線 和手形標記,下面我們通過一個練習來學習。
 1、啟動Dreamweaver
 1)點擊“開始-所有程序-Macromedia-MacromediaDreamweaver 8”,file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image007.gif。
 2)在起始頁左邊的“打開最近項目”中,點最下邊的打開..,打開站點中的 index 文件。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image069.gif
 3)把光標點到最后,按回車鍵讓光標另起一行,保存一下文件。
 2、創建超鏈接
 1)點菜單“插入-表格”命令,出來的對話框中,設置表格為7行、1列,寬度200,邊框粗細為0。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image070.gif
 2)表格的第一行里輸入“目錄”,第二行輸入“對齊和背景”,第三行輸入“插入圖片”,第四行輸入“背景音樂”,第五行輸入“插入音樂”,第六行輸入“插入視頻”,第七行輸入“插入表格”。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image071.gif
 行數不夠了,可以點菜單“修改-表格-插入行”命令。
 3)拖黑選中第二行的“文字和背景”,瞄準黑色后點右鍵,在出來的菜單中間選“創建鏈接”,彈出一個瀏覽對話框。
 4)在出來的對話框里面找到自己的站點,然后選擇里面的duiqi文件。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image072.gif
 下面的屬性面板的右邊,也出來鏈接目標。
 同樣選中其他行的文字,創建相應的超級鏈接。
 file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtml1/01/clip_image073.gif
保存一下文件,點預覽按鈕查看網頁,點擊各個超鏈接,看一下是否能跳轉到相應的頁面,看完點后退按鈕返回。


教師招考論壇 - 論壇版權1、本主題所有言論和圖片純屬會員個人意見,與本論壇立場無關
2、本站所有主題由該帖子作者發表,該帖子作者與教師招考論壇享有帖子相關版權
3、其他單位或個人使用、轉載或引用本文時必須同時征得該帖子作者和教師招考論壇的同意
4、帖子作者須承擔一切因本文發表而直接或間接導致的民事或刑事法律責任
5、本帖部分內容轉載自其它媒體,但并不代表本站贊同其觀點和對其真實性負責
6、如本帖侵犯到任何版權問題,請立即告知本站,本站將及時予與刪除并致以最深的歉意
7、教師招考論壇管理員和版主有權不事先通知發貼者而刪除本文

高通過率教師招考教材
2
 樓主| 發表于 2012-1-19 14:43:54 | 只看該作者
Dreamweaver教程全集.doc (506.5 KB, 下載次數: 70)
高通過率教師招考教材
3
發表于 2012-7-15 12:09:33 | 只看該作者
2017年最新教師招聘考試內部教材
從基礎學起,資料不錯~~~~
4
發表于 2013-6-14 13:23:56 | 只看該作者
好貼,絕對要支持下!!~~
您需要登錄后才可以回帖 登錄 | 免費注冊

本版積分規則

關注教師招考微信公眾號

教師招考論壇 ( 閩ICP備10029304號 )每日定期發布教師招牌資訊

GMT+8, 2019-11-13 16:10 , Processed in 0.203127 second(s), 26 queries .

Powered by 0590EDU管理團隊 X3.4

© 2001-2020 教師招考論壇

返回頂部