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