頁面布局設計ppt課件-文庫吧資料
2025-01-23 09:45本頁面
【正文】 置框架集網頁標題的框架集“ tdzx”。 在“屬性”面板的“列”欄的“值”文本框中輸入“ 180”，如圖。 在“屬性”面板的“行”欄的“值”文本框中輸入“ 265”，即頂部框架高度為“ 265”，如圖 。 （ 5） 利用相同的方法完成其他兩個“體育資訊”和“電影資訊”的頁面，如圖 。 第 29 頁 《 中小型網站建設與管理 》 （ 4）“ ”框架網頁內容的制作。 （ 3）插入一個 4行 1列的表格，單元格高度設為 35，并輸入文字內容，設置文字水平“居中對齊”，文字加粗、大小 16px，如圖 ；分別對四行文字設置鏈接，“返回首頁”鏈接到 ../，目標為 _top，“資訊主頁”鏈接到 ，目標為 mainframe，“體育資訊”鏈接到 ，目標為 mainframe，“電影資訊””鏈接到 ，目標為 mainframe。 第 26 頁 《 中小型網站建設與管理 》 圖 保存框架（一） 第 27 頁 《 中小型網站建設與管理 》 圖 （二） 第 28 頁 《 中小型網站建設與管理 》 任務三 ：制作框架網頁內容 （ 1）在“ top”框架中，插入圖片“ ”，居中對齊；并調整該框架的高度為 265px，設置 ，如圖 。 單擊“保存”按鈕完成框架集網頁文檔的保存，同時打開“另存為”對話框進行框架網頁文檔“ ”的保存，如圖 。 第 24 頁 《 中小型網站建設與管理 》 圖 圖 第 25 頁 《 中小型網站建設與管理 》 任務二 ：保存框架和框架集文檔 選擇“文件 保存全部”命令，打開“另存為”對話框。 單擊“創(chuàng)建”按鈕，打開“框架標簽輔助功能屬性”對話框，在“框架”下拉列表中選擇“ mainframe”框架，在“標題”文本框中輸入該框架的標題，通常保持默認設置，如圖 。 在 Dreamweaver CS3起始頁中選擇“文件 新建”命令，打開“新建文檔”對話框。 第 19 頁 《 中小型網站建設與管理 》 圖 設置表格屬性 圖 圖 第 20 頁 《 中小型網站建設與管理 》 圖 最終效果 第 21 頁 《 中小型網站建設與管理 》 模塊二 建立框架網頁 (一 ) 學習目標 掌握利用框架和框架集來布局網頁。 （ 4）在依次的下面三行單元格中輸入該部分的新聞標題內容，并進行文字的位置調整，直到合適為止，如圖 。 （ 2）將光標定位在第一個單元格中，拖動鼠標選中所有單元格，并在屬性面板中設置高度為 35，如圖 。 圖 表格效果 第 18 頁 《 中小型網站建設與管理 》 ? 任務五 編輯網頁表格內容 （ 1）打開上述活動中制作的 ，將光標定位在第二行右側單元格內，在屬性面板中將垂直對齊方式設為“頂端”對齊，插入12行 2列，寬 80%的表格，如圖 。 （ 6）在屬性面板中將“水平”設置為居中對齊，垂直設置為“居中”。 （ 4）在插入的表格中輸入相應文字，效果如圖 ，將“欄目導航”字號設為 18像素，并設為斜體，在該單元格設置背景顏色為“ F5F5F5”；設置“體育電影資訊”、“體育電影論壇”和“聯(lián)系方式”的鏈接分
教學課件相關推薦
鄂ICP備17016276號-1