頁面布局設(shè)計(jì)ppt課件(編輯修改稿)
2025-02-13 09:45 本頁面
【文章內(nèi)容簡介】 ) 任務(wù)分析 創(chuàng)建框架網(wǎng)頁； 保存框架和框架集文檔； 制作框架網(wǎng)頁內(nèi)容； 設(shè)置框架屬性； 第 22 頁 《 中小型網(wǎng)站建設(shè)與管理 》 圖 框架布局網(wǎng)頁效果圖 第 23 頁 《 中小型網(wǎng)站建設(shè)與管理 》 任務(wù)一 ：創(chuàng)建框架網(wǎng)頁 本任務(wù)中通過創(chuàng)建框架來對網(wǎng)頁布局。 在 Dreamweaver CS3起始頁中選擇“文件 新建”命令，打開“新建文檔”對話框。 在“示例中的頁”選項(xiàng)卡中的“示例文件夾”列表框中選擇“框架集”選項(xiàng)，在右側(cè)的“示例頁”列表框中選擇“上方固定，左側(cè)嵌套”框架結(jié)構(gòu)，如圖 。 單擊“創(chuàng)建”按鈕，打開“框架標(biāo)簽輔助功能屬性”對話框，在“框架”下拉列表中選擇“ mainframe”框架，在“標(biāo)題”文本框中輸入該框架的標(biāo)題，通常保持默認(rèn)設(shè)置，如圖 。 單擊“確定”按鈕關(guān)閉對話框，完成框架網(wǎng)頁的創(chuàng)建。 第 24 頁 《 中小型網(wǎng)站建設(shè)與管理 》 圖 圖 第 25 頁 《 中小型網(wǎng)站建設(shè)與管理 》 任務(wù)二 ：保存框架和框架集文檔 選擇“文件 保存全部”命令，打開“另存為”對話框。 在“另存為”下拉列表中選擇保存的路徑，在“文件名”文本框中輸入“ ”，如圖 。 單擊“保存”按鈕完成框架集網(wǎng)頁文檔的保存，同時(shí)打開“另存為”對話框進(jìn)行框架網(wǎng)頁文檔“ ”的保存，如圖 。 單擊“保存”按鈕完成框架網(wǎng)頁文檔的保存，同時(shí)打開“另存為”對話框進(jìn)行框架網(wǎng)頁文檔“ ”的保存 同理，保存框架網(wǎng)頁文檔“ ”，即完成所有框架網(wǎng)頁文檔的保存。 第 26 頁 《 中小型網(wǎng)站建設(shè)與管理 》 圖 保存框架（一） 第 27 頁 《 中小型網(wǎng)站建設(shè)與管理 》 圖 （二） 第 28 頁 《 中小型網(wǎng)站建設(shè)與管理 》 任務(wù)三 ：制作框架網(wǎng)頁內(nèi)容 （ 1）在“ top”框架中，插入圖片“ ”，居中對齊；并調(diào)整該框架的高度為 265px，設(shè)置 ，如圖 。 （ 2）在“ left”框架中，設(shè)置“頁面屬性”，修改“頁面字體”為“黑體”，“文本顏色”為“ 000080”，“背景顏色”為“ AAB3FB”，如圖 。 （ 3）插入一個(gè) 4行 1列的表格，單元格高度設(shè)為 35，并輸入文字內(nèi)容，設(shè)置文字水平“居中對齊”，文字加粗、大小 16px，如圖 ；分別對四行文字設(shè)置鏈接，“返回首頁”鏈接到 ../，目標(biāo)為 _top，“資訊主頁”鏈接到 ，目標(biāo)為 mainframe，“體育資訊”鏈接到 ，目標(biāo)為 mainframe，“電影資訊””鏈接到 ，目標(biāo)為 mainframe。在該框架中進(jìn)行頁面屬性的鏈接分類設(shè)置，如圖 。 第 29 頁 《 中小型網(wǎng)站建設(shè)與管理 》 （ 4）“ ”框架網(wǎng)頁內(nèi)容的制作。 在 other文件夾中找到對應(yīng)的文字素材，并進(jìn)行文字的編排，保存框架網(wǎng)頁，選中框架集后預(yù)覽，其效果如圖 。 （ 5） 利用相同的方法完成其他兩個(gè)“體育資訊”和“電影資訊”的頁面，如圖 。 第 30 頁 《 中小型網(wǎng)站建設(shè)與管理 》 圖 第 31 頁 《 中小型網(wǎng)站建設(shè)與管理 》 圖 創(chuàng)建表格 圖
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1