《頁(yè)面布局設(shè)計(jì)》ppt課件-預(yù)覽頁(yè)
【正文】 電影周網(wǎng)站。 （ 2）在起始頁(yè)中的“創(chuàng)建新項(xiàng)目”中單擊“ html”創(chuàng)建新網(wǎng)頁(yè)。在彈出的“表格”對(duì)話框中，設(shè)置參數(shù)如圖 ，單擊“確定”按鈕，關(guān)閉對(duì)話框。 ? （ 6）在單元格內(nèi)輸入文字。 （ 3）在嵌套表格的第二行單元格內(nèi)再插入 6行 1列的表格，如圖 示，修改表格屬性，設(shè)置參數(shù)如圖 。 （ 7）保存當(dāng)前網(wǎng)頁(yè)。 （ 3）將光標(biāo)放置在第一個(gè)單元格，插入圖片“ images/”，輸入文字標(biāo)題文字，并設(shè)置其屬性，如圖 。 (二 ) 任務(wù)分析 創(chuàng)建框架網(wǎng)頁(yè)； 保存框架和框架集文檔； 制作框架網(wǎng)頁(yè)內(nèi)容； 設(shè)置框架屬性； 第 22 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 圖 框架布局網(wǎng)頁(yè)效果圖 第 23 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 任務(wù)一 ：創(chuàng)建框架網(wǎng)頁(yè) 本任務(wù)中通過(guò)創(chuàng)建框架來(lái)對(duì)網(wǎng)頁(yè)布局。 單擊“確定”按鈕關(guān)閉對(duì)話框，完成框架網(wǎng)頁(yè)的創(chuàng)建。 單擊“保存”按鈕完成框架網(wǎng)頁(yè)文檔的保存，同時(shí)打開(kāi)“另存為”對(duì)話框進(jìn)行框架網(wǎng)頁(yè)文檔“ ”的保存 同理，保存框架網(wǎng)頁(yè)文檔“ ”，即完成所有框架網(wǎng)頁(yè)文檔的保存。在該框架中進(jìn)行頁(yè)面屬性的鏈接分類設(shè)置，如圖 。 第 30 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 圖 第 31 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 圖 創(chuàng)建表格 圖 第 32 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 圖 框架網(wǎng)頁(yè)效果圖 第 33 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 任務(wù)四 ：設(shè)置框架屬性 選擇“窗口 框架”命令，打開(kāi)“框架”面板，選中框架集，如圖。 設(shè)置框架集的網(wǎng)頁(yè)標(biāo)題。 (二 ) 任務(wù)分析 為網(wǎng)頁(yè)設(shè)置頁(yè)面屬性； 創(chuàng)建 AP元素布局網(wǎng)頁(yè)； 編輯網(wǎng)頁(yè)內(nèi)容； 利用 spry構(gòu)件編輯網(wǎng)頁(yè)內(nèi)容 第 36 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 圖 .1 AP元素布局網(wǎng)頁(yè)效果圖 第 37 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 任務(wù)一 ：為網(wǎng)頁(yè)設(shè)置頁(yè)面屬性 在 Dreamweaver CS3起始頁(yè)中選擇“文件 新建”命令，打開(kāi)“新建文檔”對(duì)話框。 在彈出的“頁(yè)面屬性”對(duì)話框中設(shè)置參數(shù)如圖 。 創(chuàng)建嵌套 AP DIV，將鼠標(biāo)光標(biāo)定位到所需的 AP DIV（ layer1）內(nèi)，選擇“插入記錄 布局對(duì)象 AP DIV”命令即可創(chuàng)建一個(gè)嵌套 AP DIV。 第 41 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 圖 AP元素 圖 AP DIV大小顯示 圖 第 42 頁(yè) 《 中小型網(wǎng)站建設(shè)與管理 》 任務(wù)三 ：編輯網(wǎng)頁(yè)內(nèi)容 （ 1）在“ layer2”中，插入圖片“ ”。 （ 5）在已經(jīng)布局好的網(wǎng)頁(yè)中，插入圖片或文字，效果如圖 。 （ 1）打開(kāi) ，將該文件另存在 files文件夾下面并命名為“ ”，在彈出的是否更新鏈接的對(duì)話框中，選擇“是”；刪除該頁(yè)面右側(cè)的表格。 （ 3）選擇選項(xiàng)卡式面板外側(cè)的藍(lán)色標(biāo)題，執(zhí)行菜單欄中的“窗口” → “屬性”命令，打開(kāi)屬性面板，如圖 。 （ 6）在屬性面板列表框中選中“聯(lián)系方式 1”選項(xiàng)，此時(shí)網(wǎng)頁(yè)中的面板顯示為“內(nèi)容 1”，輸入相關(guān)文字內(nèi)容，效果如
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1