網(wǎng)頁(yè)設(shè)計(jì) (13).doc

湖北職院計(jì)算機(jī)科學(xué)與技術(shù)系理論課教案網(wǎng)頁(yè)設(shè)計(jì) 教學(xué)項(xiàng)目十四 HTML中框架的實(shí)現(xiàn) 【教學(xué)內(nèi)容】講解HTML中框架標(biāo)志及相應(yīng)的屬性【教學(xué)目的】使學(xué)生掌握框架標(biāo)志及屬性，學(xué)會(huì)熟練使用HTML標(biāo)志設(shè)計(jì)框架網(wǎng)頁(yè)。【教學(xué)重點(diǎn)】 框架的嵌套使用【教學(xué)難點(diǎn)】 理解屬性name、target的意義【教學(xué)方式】案例分析式、項(xiàng)目教學(xué)【教學(xué)參考】1 楊浩著 清華大學(xué)出版社2 電腦報(bào)社出版3TML網(wǎng)頁(yè)制作教程 材義語(yǔ)編著 鐵道出版社4HTML基礎(chǔ)與實(shí)例 程耀編著 電子工業(yè)出版社【新課】一、 設(shè)計(jì)框架網(wǎng)頁(yè)的標(biāo)志標(biāo)志一：用于定義框架的分割方式格式：說(shuō)明：（1） rows,cols中必須選擇一個(gè)（2） rows,cols的值有三種表示方式：數(shù)字： 定的像素值；百分比：相對(duì)寬度，以當(dāng)前的瀏覽器窗口為參照；*： 將剩下未被分配空間平均分配；例：1. 表示按水平方向分割，每一框架窗口占瀏覽器窗口的1/3，窗口從上到下排列；2. 表示按垂直方向分割，第一個(gè)窗口占40%,其余兩個(gè)窗口各占30%，窗口從左到右排列3. 表示先水平方向分割，再垂直方向分割，兩行三列排列。40%60%50%200標(biāo)志二：用于定義一個(gè)子框架窗口，指定窗口中顯示的網(wǎng)頁(yè)的路徑、名稱及框架名稱。格式 ： 例1：設(shè)計(jì)如下框架網(wǎng)頁(yè)：分析：這是一個(gè)左右結(jié)構(gòu)的框架，框架左邊窗口顯示網(wǎng)頁(yè)為1.htm,框架窗口右邊顯示網(wǎng)頁(yè)為2.htm框架結(jié)構(gòu)部分對(duì)應(yīng)網(wǎng)頁(yè)為aa.htm；程序代碼如下：1.HTM代碼：特別推薦文學(xué)芳草竹林聽海梧桐樹下如煙往事牧歌唱晚2.htm代碼如下：aa.htm代碼如下：二、 框架標(biāo)志配合使用的屬性1標(biāo)志中的配合使用屬性：（1）framespacing: 設(shè)定框架邊框線的寬度（2）frameborder: 設(shè)定是否顯示框線frameborder=0 不顯示框線；frameborder=1時(shí)顯示框線；(3) bordercolor: 設(shè)定框線顏色2標(biāo)志中配合使用的屬性（1）scrolling: 設(shè)定是否顯示滾動(dòng)條 scrolling=auto 需要自動(dòng)出現(xiàn) scrolling=yes 始終出現(xiàn) scrolling=no 從不出現(xiàn)(2) noresize: 設(shè)定是否允許調(diào)整窗口大小(3) marginwidth: 框架內(nèi)網(wǎng)頁(yè)內(nèi)容與邊緣的空白區(qū)寬度(4) marginheight: 框架內(nèi)網(wǎng)頁(yè)內(nèi)容與邊緣的空白區(qū)的高度三、 框架網(wǎng)頁(yè)中超級(jí)鏈接的使用例：設(shè)計(jì)如下框架網(wǎng)頁(yè)：分析：此例使用了框架嵌套，在下左窗口中設(shè)置超級(jí)鏈接，目標(biāo)窗口分別是right、_self、_blank、bottom、target=top.最上窗口是顯示的網(wǎng)頁(yè)12.htm,上下框架網(wǎng)頁(yè)為index.htm;左右框架網(wǎng)頁(yè)為aa.htm,左框架顯示網(wǎng)頁(yè)為1.htm,右框架顯示網(wǎng)頁(yè)為2.htm;程序代碼如下：INGEX.htm代碼：12Htm代碼：愛(ài)情究竟是什么？   老媽說(shuō)：愛(ài)情是顆洋蔥頭，一片片剝下去，總有一片讓你淚流滿面；老爸說(shuō)：愛(ài)情是感冒，既瞞不了自己，也瞞不了別人，因?yàn)槟阋种撇蛔∽约旱膰娞绾捅翘?；朋友說(shuō)：愛(ài)情是只啁啾的鳥，總想往高處飛，但又總要找個(gè)棲息的角落；而嗜飲咖啡的我更愿意說(shuō)：愛(ài)情是一杯香濃的咖啡。既然是咖啡，光有沖泡還不夠味，因?yàn)榭傆行〇|西會(huì)漂在上面，所以還要找把小勺子，輕輕地、慢慢地來(lái)攪和，讓它們就在這一攪一拌中漸漸融合，你中有我，我中有你，散發(fā)出令人神清氣爽的醇香。所以，情竇初開的你，愛(ài)如潮水的你，濃情蜜意的你，不論應(yīng)酬有幾多，工作有多忙，時(shí)間多緊張，你都要找點(diǎn)時(shí)間，找點(diǎn)空閑，帶上你的心上人兒找個(gè)安靜、浪漫的、溫馨的地方，散散步聊聊天-因?yàn)閻?ài)情咖啡需要找把小勺慢慢攪拌。就在這搖拌中，把心搖近，把情搖濃，最后融合在一起再也分不開。關(guān)于愛(ài)情的點(diǎn)點(diǎn)滴滴，在這輕輕地?cái)嚢柚校脧浵?，飄散在這座城市的角角落落.1Htm代碼如下：