電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)及網(wǎng)站建設(shè)——第三章e構(gòu)建頁(yè)面使用框架ppt課件

1、3.2 構(gòu)建頁(yè)面構(gòu)建頁(yè)面3.2.4 使用框架使用框架 創(chuàng)建框架網(wǎng)頁(yè)創(chuàng)建框架網(wǎng)頁(yè) 創(chuàng)建框架創(chuàng)建框架 保存框架保存框架 設(shè)置框架和框架集屬性設(shè)置框架和框架集屬性 設(shè)置框架屬性設(shè)置框架屬性 設(shè)置框架集屬性設(shè)置框架集屬性 改變框架的背景顏色改變框架的背景顏色創(chuàng)建框架創(chuàng)建框架 執(zhí)行執(zhí)行“文件文件”“”“新建命令，翻開(kāi)新建命令，翻開(kāi)“新建新建文檔對(duì)話框文檔對(duì)話框 在對(duì)話框中選擇在對(duì)話框中選擇“常規(guī)選項(xiàng)，在列表中常規(guī)選項(xiàng)，在列表中選擇選擇“框架集選項(xiàng)，在框架集選項(xiàng)，在“框架集中選框架集中選擇框架類(lèi)型擇框架類(lèi)型 點(diǎn)擊創(chuàng)建點(diǎn)擊創(chuàng)建保存框架保存框架 執(zhí)行執(zhí)行“文件文件”“”“保存全部命令，在彈出保存全部命令，在彈

2、出的的“另存為對(duì)話框中，輸入文件名另存為對(duì)話框中，輸入文件名“index.html” 點(diǎn)擊保存點(diǎn)擊保存 按上面?zhèn)€步驟保存所有框架按上面?zhèn)€步驟保存所有框架設(shè)置框架屬性設(shè)置框架屬性 選擇框架選擇框架 執(zhí)行執(zhí)行“窗口窗口”“”“框架命令，翻開(kāi)框架命令，翻開(kāi)“框架框架面板，在面板中單擊需要選擇的框架面板，在面板中單擊需要選擇的框架 在在“屬性面板中設(shè)置屬性面板中設(shè)置 框架名稱(chēng)：用來(lái)做超鏈接指向目標(biāo)框架名稱(chēng)：用來(lái)做超鏈接指向目標(biāo) 源文件：制作好的網(wǎng)頁(yè)源文件：制作好的網(wǎng)頁(yè) 滾動(dòng)：是否出現(xiàn)滾動(dòng)條滾動(dòng)：是否出現(xiàn)滾動(dòng)條 不能調(diào)整大小不能調(diào)整大小 邊框邊框設(shè)置框架集屬性設(shè)置框架集屬性 選擇框架集選擇框架集默認(rèn)情況

3、即選擇整個(gè)框架默認(rèn)情況即選擇整個(gè)框架 在在“屬性面板中設(shè)置屬性面板中設(shè)置 邊框邊框 行或列行或列 單位單位改變框架的背景顏色改變框架的背景顏色 將光標(biāo)置于需要改變背景顏色的框架中將光標(biāo)置于需要改變背景顏色的框架中 執(zhí)行執(zhí)行“修正中修正中“頁(yè)面屬性命令，在彈頁(yè)面屬性命令，在彈出的對(duì)話框中將出的對(duì)話框中將“背景顏色設(shè)置為背景顏色設(shè)置為#999900 點(diǎn)擊確定點(diǎn)擊確定3.2 構(gòu)建頁(yè)面構(gòu)建頁(yè)面3.2.4 層的應(yīng)用層的應(yīng)用 層的概念層的概念 一個(gè)層就像是一個(gè)活動(dòng)的網(wǎng)頁(yè)，可以在其一個(gè)層就像是一個(gè)活動(dòng)的網(wǎng)頁(yè)，可以在其中置入任何網(wǎng)頁(yè)素材，如文本、圖像、表中置入任何網(wǎng)頁(yè)素材，如文本、圖像、表單、插件，甚至層內(nèi)還可以包含其他層。單、插件，甚至層內(nèi)還可以包含其他層。用戶可以任意地對(duì)層進(jìn)行移動(dòng)，從而對(duì)網(wǎng)用戶可以任意地對(duì)層進(jìn)行移動(dòng)，從而對(duì)網(wǎng)頁(yè)元素進(jìn)行精確定位。頁(yè)元素進(jìn)行精確定位。 創(chuàng)建層創(chuàng)建層 設(shè)置層的屬性設(shè)置層的屬性 選擇層選擇層 調(diào)整層的大小調(diào)整層的大小 移動(dòng)層移動(dòng)層 對(duì)齊層對(duì)齊層 使用時(shí)間軸使用時(shí)間軸創(chuàng)建層創(chuàng)建層 將光標(biāo)置于要?jiǎng)?chuàng)建層的位置，執(zhí)行將光標(biāo)置于