dreamweaver8網(wǎng)頁設(shè)計(jì)教案(參考版)
2024-10-28 22:40本頁面
【正文】 b:單擊文檔窗口左下角的。（15）按F12鍵便可預(yù)覽該實(shí)例第七章 頁面布局視圖的使用課題：布局表格和布局單元格的基本知識(shí)及操作一、教學(xué)基本內(nèi)容布局表格和布局單元格的基本知識(shí)布局表格和布局單元格的創(chuàng)建二、課型：新授課三、課時(shí)：2個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：創(chuàng)建布局表格和布局單元格 難點(diǎn)：布局表格的使用五、教學(xué)目的、掌握布局的基本知識(shí)、熟練運(yùn)用布局表格和布局單元格六、教學(xué)過程引入在第四章學(xué)習(xí)過了表格的布局，用表格與布局表格相比，看其特點(diǎn)，從而使學(xué)生更加了解什么是布局表格和布局單元格。選中main框架，在“屬性”面板中的“源文件”文本框中設(shè)置框架的源文件?！?。這時(shí)“目標(biāo)”框變?yōu)榧せ顮顟B(tài)，從“目標(biāo)”下拉列表框中選擇鏈接的目標(biāo)為main。（11）設(shè)置鏈接。其中“休閑娛樂”文本為隸書5號(hào)字體，顏色為66CC00；表格邊框的顏色為白色；單元格的高度為30像素，單元格的對(duì)齊方式為水平居中、垂直居中。選擇“文本”|“CSS樣式”|“新建”選項(xiàng)。（06）將鏈接顏色按圖614右側(cè)圖進(jìn)行設(shè)置，然后單擊“確定”按鈕。（05）設(shè)置頁面的配色方案。（04）設(shè)置框架的行或列。（03）保存框架。（02）命名框架。拆分左/右/上/下（split frame top/bottom/left/right）*注意區(qū)別：插入一個(gè)新的框架與拆分框架的區(qū)別框架所對(duì)應(yīng)的HTML代碼框架組： 通過設(shè)置rows或cols來設(shè)定是橫的還是豎的，是頂部還是底部框架組屬性：frameborder框架是否有邊框，border邊框的寬度多少，framespacing框架間距框架項(xiàng)： 框架屬性：src指向的頁面，name框架名，scrolling是否有滾動(dòng)條，noresize不能由用戶改變大小七、作業(yè)處理建立框架頁面如圖，菜單鏈接到不同的圖片，單擊菜單中的一項(xiàng)，圖片在右邊的框架中打開建立左右型的框架，并在其中的左框架中插入上下型的框架建立左右型框架，并將左邊的框架拆分為上下型八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。框架（Frame）調(diào)出框架面板選定框架組：?jiǎn)螕粽麄€(gè)框架組的邊框；或在框架面板中單擊整個(gè)框架的邊框框架屬性：名稱、源文件，滾動(dòng)否，是否可以調(diào)整大小，是否有邊框，邊框顏色，邊界寬度，邊界高度等拆分框架：按Alt鍵，拖動(dòng)邊框；修改（Modify）224。在框架中打開（Open in Frame）保存框架（1）選擇文件（File）/保存所有框架（Save Frameset），先保存框架文件，接著會(huì)出現(xiàn)提示，逐個(gè)保存框架中的網(wǎng)頁（2）保存時(shí)注意名稱框架編輯框架面板：窗口（Windows）224。（9）完成創(chuàng)建。（08）按照相同的方法分別為不同的路線或地名創(chuàng)建熱區(qū)，并輸入不同的鏈接和替代文字，保存并預(yù)覽。在“目標(biāo)”下拉列表中，選擇用于打開該文件的窗口。（06）圖像地圖創(chuàng)建完成后，選中所創(chuàng)建的熱區(qū)，打開“屬性”面板。（03）在菜單欄中依次選擇“窗口”|“屬性”選項(xiàng)或按下Ctrl+F3組合鍵，打開“屬性”面板，如果沒有顯示圖像地圖制作工具，單擊“屬性”面板右下角的擴(kuò)展箭頭，（04）在“屬性”面板中的“地圖”文本框中輸入圖像地圖名稱。課題：制作地圖網(wǎng)頁及電子相冊(cè)一、教學(xué)基本內(nèi)容制作地圖網(wǎng)頁電子相冊(cè)二、課型：實(shí)驗(yàn)課三、課時(shí)：2個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn) 重點(diǎn)：制作地圖網(wǎng)頁 難點(diǎn)：熱點(diǎn)選擇五、教學(xué)目的 掌握?qǐng)D像使用 掌握?qǐng)D像的其它操作六、教學(xué)過程此節(jié)是實(shí)驗(yàn)課，實(shí)驗(yàn)步驟為：（01）啟動(dòng)Dreamweaver 8。七、作業(yè)處理在表格中插入一張背景圖像。這個(gè)范圍我們稱之為網(wǎng)頁安全顏色范疇網(wǎng)頁中運(yùn)用顏色原則 ：切忌采用過；背景顏色不要太深；要保持整個(gè)網(wǎng)頁的色調(diào)統(tǒng)一； 要圍繞網(wǎng)頁主題選擇顏色講授新課（1）網(wǎng)頁中的圖像格式 *BMP：位圖格式GIF：Graphics Interchange Format可交換的圖像格式 特點(diǎn)：只支持256種顏色支持透明效果、可以交錯(cuò)下載、可以實(shí)現(xiàn)動(dòng)畫效果、文件所占用空間小、不能支持漸變色彩、更改圖片大小要從原文件改起JPEG：Joint Photographic Experts Group聯(lián)合攝影專家組文件格式 特點(diǎn)：支持222位圖像、有損壓縮。（2）復(fù)制剪切粘貼（3）插入行、列，刪除行列（4）合并單元格，拆分單元格（5）改變行、列、表格的大?。和戏?，屬性
外語相關(guān)推薦
鄂ICP備17016276號(hào)-1