初中八年級(jí)信息技術(shù)課件-框架布局網(wǎng)頁(yè)

框架布局網(wǎng)頁(yè)1框架與框架式網(wǎng)頁(yè)什么是框架布局網(wǎng)頁(yè)？一般來(lái)說(shuō)，框架技術(shù)主要是通過(guò)兩種類型的元素來(lái)實(shí)現(xiàn)的：框架集、框架。框架是將瀏覽器窗口劃分為不同的部分，每部分裝載不同的網(wǎng)頁(yè)，從而獲得在一個(gè)瀏覽器窗口同時(shí)顯示多個(gè)頁(yè)面的特殊效果。此外，通過(guò)為超鏈接指定目標(biāo)框架，可以為框架之間建立內(nèi)容之間的聯(lián)系，可以實(shí)現(xiàn)頁(yè)面導(dǎo)航的功能。2制作“我的作品”頁(yè)面設(shè)計(jì)“E動(dòng)少年”網(wǎng)站“我的作品”板塊內(nèi)容結(jié)構(gòu)，制作網(wǎng)頁(yè)，將以前自己制作的圖両、動(dòng)両等電子作品展示出來(lái)。制作“我的作品”網(wǎng)頁(yè)，分為準(zhǔn)備素材、版面設(shè)計(jì)、內(nèi)容編排等步驟。準(zhǔn)備素材。收集整理以前制作的繪畫(huà)、電子板報(bào)、動(dòng)畫(huà)、網(wǎng)頁(yè)等電子作品，每種類型作品各選五個(gè)。用框架布局網(wǎng)頁(yè)。上部框架顯示橫幅和導(dǎo)航條，左框架顯示作品類型，右框架顯示作品名稱列表。單擊作品類型，右框架顯示對(duì)應(yīng)的作品名稱列表；單擊作品名稱，在新窗口顯示對(duì)應(yīng)的作品。任務(wù)分析在站點(diǎn)根目錄“myweb”下新建“zuopin”文件夾，在該文件夾下新建“huihualist.htm”、“banbaolist.htm”、“donghualist.htm”、“wangyelist.htm”四個(gè)網(wǎng)頁(yè)和“images”文件夾并復(fù)制各作品文件到“images”文件夾內(nèi)。在“huihualist.htm”網(wǎng)頁(yè)中插入5行1列，寬度是“100%”的表格，設(shè)置表格“水平居中”。各行分別輸入繪畫(huà)作品名稱，設(shè)置文字左對(duì)齊，分別為每個(gè)作品名稱創(chuàng)建超鏈接到對(duì)應(yīng)的作品。用同樣方法制作其他三個(gè)網(wǎng)頁(yè)文件。使用框架布局網(wǎng)頁(yè)3美化網(wǎng)頁(yè)將光標(biāo)置于框架TepFrame內(nèi)，選擇“插入——媒體——Flash”，插入大小適當(dāng)?shù)腇lash文件作為網(wǎng)頁(yè)橫幅。通過(guò)設(shè)置字體和框架背景美化網(wǎng)頁(yè)。4創(chuàng)建導(dǎo)航鏈接導(dǎo)航條是實(shí)現(xiàn)網(wǎng)站欄目之間跳轉(zhuǎn)的一種方式，能方便瀏覽者在不同頁(yè)面之間的跳轉(zhuǎn)瀏覽。在Photoshop中制作與網(wǎng)站風(fēng)格相匹配的導(dǎo)航圖片，一個(gè)欄目名稱做成一張圖片，整個(gè)網(wǎng)頁(yè)的導(dǎo)航條由五張圖片組成，在屬性面板中設(shè)置導(dǎo)航圖片的寬、高，使導(dǎo)航圖片的大小一致，將導(dǎo)航圖片保存到站點(diǎn)根目錄“myweb”下的“images”文件夾中。5在頁(yè)面設(shè)置浮動(dòng)圖片經(jīng)常在一些網(wǎng)頁(yè)上看到飄動(dòng)的圖片，我們使用層和時(shí)間軸也可以實(shí)現(xiàn)。6思考與練習(xí)用左右結(jié)構(gòu)框架制