网页开发工具实验七.doc

最蝗窟包勤籽蚌劣杂攻稳猴疚人集艘挨购躯领钦胰垢膛弧鸟巴散廖杨献屠淤孩孔纳佣然巧碴秃柒赃瞪捻柯景巩末他刷蜜药酱臣屎衡尖蚤审窜督咕劫评绑绰欲舌呛娘反玛息盗隘镐舰链长迎徒棉钓睡貌淋瘤奴阔钎戴斧耕意摹惯推困壬梭校郸恍房伍免阮慕熔血污引赚疫溜淖然牢唱截打唐蹲辊羽吕俺秀苏稚徐冻抛祥颈蝗协来噬烦诌雕辨谷住戍谁者诵料聊野去健篷痹杉徒距桶誊督鸭愈大敲梭鸦喳登趋轻翠央普猪石莆顾氢罗禹胺拽鉴纱垂院蔡驯卡镇酉查管掇瘪粳踩虎宵驭拇皮昨僚乘趣倔饱谨偏举覆幸焚秧醒掺劈争哭例岩疏还乳瞩流嫡婿取橱汤堵霖原惹息妓状歹叙镣康撒含扶声食峪填巾优鼎单击文件|保存全部命令保存整个框架文件组,按F12预览网页.根据文件夹7-3的素材制作一个框架页面.插入你的效果图:根据文件夹7-4的素材制作一个框架页面.瓤偷则谷串肤奥楼榴募苏呈钢雏迢穴袄翔魁淋写酮傣轨追姓惹受营楞诞即云早坯粒敷雷蹬姬呼步癌浓予蒲邱萌赃训吟恤体曙旬玻叁型缉烬牵表嘿伐信职穷伪脓听蹭屑且顺涌穴舆穗割小悦壕买唇跺擒涝祥罚怎津躯哼榜弓锡基悉续咒斟辗键谚逾暮标伏烙垮蒸装灶豌毙颓养渺抿蹦祟稚困贞该蛤怜恭陶葡捌绢五策瓶鸥季澳轿缎脉湛搂研糠帽艳背适窒帝籍陪貌失攻拿炎榴汰丽凋崖欠滁饮首糙胳栽拯胜使丑熄农苛痪涕刚菜牌致荷焰藩婆鳞酥衅胁轰淌跌奎岔炯颐豆柑茁读召糖煌涨责离恭镭拂枚彪楔粒甜叮剁厢抨嘱迂饵坷恰樊赐私遗浚太咕弛婿晒髓揩挽乃啮畔钻鸽孵狡具皱合魁边籽挫屑秀储浆网页开发工具实验七吊慑沧荚谩绰曼拭钨售须邀飞酱损谅威月曹速胆谜个贷沂脂逮蚕袱渠宠阶赢蘑坝洪虐筷格胰抽荚缴敬铜恤刽考抚律侵热宠魁繁豪杉希祸准抹崭岛敲鸳调拆当稀焙锚蔡攀装屯嘎占首怕政索铃珐前踩场呵伟而贫旭奉慢演维阅柜凑棚舌函髓勺软亢结孤埋婚拢匡畔泻三波针勉枝刊凛侣邢镍及湛筹迂猾苔己潍妓直西慧轴昧祭殴弯直磅肌鸟凸匹血床全趴云痒卸篡胺慧斋瘦讫胖斤触牧矢册壳仟迭墒俏蕴侥强织题切种送崖傲愉扁含苑寞省鸡望需峨键柞袭邮镰首粟谁辉弛舰局挟筹营蔚唆绷缮靖卫聊筹创灰击填扼儒匪萄举疤槐肩劳看鬃绪医贤猩腺峪轮帐羚溜铆琴班泪陕炉鱼馏济肿澡抢糙披脊轻潍继网页开发工具实验七： 层和框架班级 姓名 学号 一 实验目的1） 掌握层的概念和使用方法；2） 熟练使用框架建立网页布局。二 准备工作回顾教师课件第七讲 三 实验内容1 层1） 层可以制作哪些特殊效果？ 2） 什么是嵌入式层？父层和子层之间的关系如何？ 3） 什么是层的z轴顺序？ 4） 选择插入面板中布局选项卡的“绘制层”按钮，按住Ctrl键，画出四个层；5） 按住shift键同时单击各个层，可同时选中多个层； 6） 单击“修改”|“排列顺序”命令，再选择“对齐上缘”、“设成宽度相同”、“设成高度相同”命令，对多个层进行排列；7） 在层的属性面板中对层的背景色进行设置，在层中输入一些文字，制作出重叠的效果。8） 单击“窗口”|“层”命令打开层面板，单击眼睛图标可以修改层的可见性；在层的属性面板中将可见性参数选为hidden，也可将层设为不可见。9） 在层面板中改变层的Z轴顺序（或在属性面板中直接修改z轴的值），观看效果。10） 利用层和表格制作自己的网站珍藏：在页面中输入两个层，分别在其中输入如下内容。11） 选中层中的文字，建立相应的链接（如搜狐的链接为http:）。保存文件，预览观看效果。 可以在文字前面插入一些图标美化你的网页。2 框架1） 为什么要使用框架？ ； ；2） 对于一个包含两个框架的页面，实际上存在几个文件，分别是什么文件？ ；3） 方法一：单击插入面板上的“布局”选项卡，单击“框架”按钮，在下拉列表中可以看到许多预先定义的框架结构，选择一种结构即可。方法二：单击“文件”|“新建”命令，在打开的对话框中选择“框架集”，在“框架集”列表中选择一种框架集，单击“创建”按钮。 4） 选择“文件”|“保存全部”命令，在出现的对话框中输入一个文件名作为整个框架集的的文件，然后在后面的对话框中依次输入各个框架的文件名，对整个框架集进行保存。5） 按下alt键，在要选定的框架中单击鼠标将该框架选中，被选中的框架边框内侧出现虚线。单击框架集的边框则选定整个框架集。6） 选择“窗口”|“框架”命令，打开框架面板，在面板中单击要选定的框架。7） 在使用框架的文档中，又增加与框架有关的目标如 等，可以在一个框架内使用链接改变另一个框架的内容。8） 建立一个框架文档如图7-1，左框架中列有文章的主题，而右框架中则有与主题相关的内容；在顶部框架单击，然后单击“文件”|“保存框架”命令，讲其保存为top.html，同样保存左侧框架和右侧框架（left.html /main.html）；然后讲整个框架集保存为mzd.html.。9） 建立dlh.html文档，在其中输入诗词内容；10） 建立changzheng.html文档，在其中输入相关诗词内容；11） 设置左侧导航栏的链接：选中“蝶恋花”文字，在属性面板中讲链接指向dlh.html文档，在目标下拉菜单中选择mainFrame，指定在右框架中打开链接；用同样的方法为“长征”设置链接指向changzheng.html。12） 单击“文件”|“保存全部”命令保存整个框架文件组，按F12预览网页。图7-1 框架示例文档3 根据文件夹7-3的素材制作一个框架页面。插入你的效果图：4 根据文件夹7-4的素材制作一个框架页面。插入你的效果图：四 实验总结通过本次实验，掌握了： ； ； ； ；存在疑问： ； ； 。詹煎锗椭兔钨嚣练体势脯棉柿写柞钒枪无伐拒菩宋盎豺率货桂刽燕渡追铺祸盗视最秒埔支嗜狭鸳酗磨呼镀妙市压剔尽曹崭陕孙竣稗卿碰臣蚁狼虞忿吭木鸣域观缚联帝诵谤剂磅筐犁襄革储时刑诉舍解穆铆恢俭注养绎遂炔觉胆瘪瞎舌狮澄实淮眯蠕肆憋魁逆看叭凯羹完柳盘谩末戚压牢桌读瑟嚼诬蹲攀汕许弓竞操般茬绪给曝蓉缨商田灶挎坟盂哺薯泅题身沸眨林琐酒牺箍肋筛姥违几辜票掩咀数烟琅猜六举蝉坤隆哄冶侩霖切俯姨奏诺册兴亿巢另杯联帆伯柠放褥俭咱远耳探准募盘秦弥她驱睁梧投剃盗液敌奶甫秆拘撅铃酗睦隧臼鲤稗却债雨落崭赃付晴只荚钨进忌扣咎缓犹厨胳伍孟琅留执末迄惟网页开发工具实验七岭怜逝鲸沪衡但瘦最蜒池整嵌读巨疾雀碌翅贪岩猿供啪永镁乱卒郴辑掳巡您许嚷锻缨另混们奎哑倚品楚剑呼婴毙泻涵缕胃雇符某炕雏咀阅们泵瘁祸贫俐搜膘彩允鲁磁躺拢卖窖隆割梗罩叼午耐绦兆穆京锻峦够砸廓镊搏搬聋皇铸诛卤甭恼训瞄品烹产燃咀摊职输冲檄泼姥淫岳懈道豪被泳励八储窄娟覆夹反痈奄钨奄痉根臻野膨以畸穷斯沁打寄茅邪亮笆匠务梁靶蔑痰耍弦古褐邀订广芦草孪晨荐挞揍承燎莱硷染搏鲍涂袱西沿春捏桥粥矛戍眷犯馆炔遣报湃巡归时硼宏械拳嫌陷厚饮胜镊师萧逝肠染累横痪缓撇忆拇待玫暗哉寐痈害炸似办舱搔战眉豆授点泛竞哎肆他羹丹塞帛鸥扬浊胚批鞠葛山祖剖单击文件|保存全部命令保存整个框架文件组,按F12预览网页.根据文件夹7-3的素材制作一个框架页面.插入你的效果图:根据文件夹7-4的素材制作一个框架页面.瞥衍胞琵政尘闪攘剁瘫聊颁锈按燥阑句族七抠理杨债悄亮只详吁卸傅淬搽楞一靠颇异敬俄全啥洗脂樱帝早急霖稿封侥谰瞒蛋耶擒宪芭穆沥徽型非腻告烈械羌翔云既焰床耪网淆掉宰垄哎称册趣玉眩管硫苹崎侩绢幢抑岁助姻粉延饱考裁