dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)教案-資料下載頁(yè)
2024-10-28 22:40本頁(yè)面
【正文】 1）將對(duì)象面板切換到框架頁(yè)（Frame）（2）插入不同的框架，一個(gè)區(qū)域?qū)?yīng)于一個(gè)頁(yè)面（3）在框架中打開原有網(wǎng)頁(yè)：文件（File）224。在框架中打開（Open in Frame）保存框架（1）選擇文件（File）/保存所有框架（Save Frameset），先保存框架文件，接著會(huì)出現(xiàn)提示，逐個(gè)保存框架中的網(wǎng)頁(yè)（2）保存時(shí)注意名稱框架編輯框架面板：窗口（Windows）224。其它（Other）224。框架（Frame）調(diào)出框架面板選定框架組：?jiǎn)螕粽麄€(gè)框架組的邊框；或在框架面板中單擊整個(gè)框架的邊框框架屬性：名稱、源文件，滾動(dòng)否，是否可以調(diào)整大小，是否有邊框，邊框顏色，邊界寬度，邊界高度等拆分框架：按Alt鍵，拖動(dòng)邊框；修改（Modify）224?？蚣茼?yè)（Frameset）224。拆分左/右/上/下（split frame top/bottom/left/right）*注意區(qū)別：插入一個(gè)新的框架與拆分框架的區(qū)別框架所對(duì)應(yīng)的HTML代碼框架組： 通過設(shè)置rows或cols來(lái)設(shè)定是橫的還是豎的，是頂部還是底部框架組屬性：frameborder框架是否有邊框，border邊框的寬度多少，framespacing框架間距框架項(xiàng)： 框架屬性：src指向的頁(yè)面，name框架名，scrolling是否有滾動(dòng)條，noresize不能由用戶改變大小七、作業(yè)處理建立框架頁(yè)面如圖，菜單鏈接到不同的圖片，單擊菜單中的一項(xiàng)，圖片在右邊的框架中打開建立左右型的框架，并在其中的左框架中插入上下型的框架建立左右型框架，并將左邊的框架拆分為上下型八、教具所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題：創(chuàng)建電子圖書一、教學(xué)基本內(nèi)容利用框架制作電子圖書網(wǎng)頁(yè)二、課型：實(shí)驗(yàn)課三、課時(shí)：2個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn) 重點(diǎn)：框架結(jié)構(gòu)之間的鏈接難點(diǎn)： 框架集五、教學(xué)目的 掌握框架的運(yùn)用、掌握框架結(jié)構(gòu)之間的鏈接六、教學(xué)過程步驟：（01）打開或新建一個(gè)空白的文檔，在該文檔中創(chuàng)建一個(gè) 框架集。（02）命名框架。將左列框架命名為index、右列上部框架命名為_top、右列下部框架命名為main。（03）保存框架。，，文檔均保存在ch06文件夾下。（04）設(shè)置框架的行或列。將index框架的列設(shè)置為150像素，_top框架的行設(shè)置為90像素。（05）設(shè)置頁(yè)面的配色方案。單擊“屬性”面板中的“頁(yè)面屬性”按鈕，669966，背景顏色設(shè)置為FFCC99。（06）將鏈接顏色按圖614右側(cè)圖進(jìn)行設(shè)置，然后單擊“確定”按鈕。（07）定義樣式。選擇“文本”|“CSS樣式”|“新建”選項(xiàng)。（08）填充頁(yè)面。其中“休閑娛樂”文本為隸書5號(hào)字體，顏色為66CC00；表格邊框的顏色為白色；單元格的高度為30像素，單元格的對(duì)齊方式為水平居中、垂直居中。（09）在“頁(yè)面屬性”對(duì)話框中將_top框架的標(biāo)題設(shè)置為“標(biāo)題欄”，將所有邊界都設(shè)置為0（10）將光標(biāo)停留在_top框架中，輸入文本并插入images文件夾下的圖像，其中文本為4號(hào)宋體，顏色為66CC00。（11）設(shè)置鏈接。選中左邊框架（index）中目錄下的“考試作弊”文本，在“屬性”面板中的“鏈接”框中設(shè)置與之對(duì)應(yīng)的笑話內(nèi)容（WJ/）的鏈接。這時(shí)“目標(biāo)”框變?yōu)榧せ顮顟B(tài)，從“目標(biāo)”下拉列表框中選擇鏈接的目標(biāo)為main。（12）使用相同的方法設(shè)置其他“笑話”目錄所鏈接的內(nèi)容和鏈接目標(biāo)，其他的鏈接目標(biāo)均為main框架。～。（13）指定框架源文件。選中main框架，在“屬性”面板中的“源文件”文本框中設(shè)置框架的源文件。單擊旁邊的文件夾，（14）在文檔窗口的菜單欄中選擇“文件”|“保存全部”選項(xiàng)，將所有的框架進(jìn)行保存。（15）按F12鍵便可預(yù)覽該實(shí)例第七章 頁(yè)面布局視圖的使用課題：布局表格和布局單元格的基本知識(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é)生更加了解什么是布局表格和布局單元格。講授新課（1）布局表格的基本知識(shí)（2）布局表格和布局單元格的基本操作 選擇布局表格：須要執(zhí)行下列操作之一：a:雙擊所繪制的布局表格中的標(biāo)志。b:單擊文檔窗口左下角的
外語(yǔ)相關(guān)推薦
鄂ICP備17016276號(hào)-1