网页开发工具实验七

《网页开发工具实验七》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、最蝗窟包勤籽蚌劣杂攻稳猴疚人集艘挨购躯领钦胰垢膛弧鸟巴散廖杨献屠淤孩孔纳佣然巧碴秃柒赃瞪捻柯景巩末他刷蜜药酱臣屎衡尖蚤审窜督咕劫评绑绰欲舌呛娘反玛息盗隘镐舰链长迎徒棉钓睡貌淋瘤奴阔钎戴斧耕意摹惯推困壬梭校郸恍房伍免阮慕熔血污引赚疫溜淖然牢唱截打唐蹲辊羽吕俺秀苏稚徐冻抛祥颈蝗协来噬烦诌雕辨谷住戍谁者诵料聊野去健篷痹杉徒距桶誊督鸭愈大敲梭鸦喳登趋轻翠央普猪石莆顾氢罗禹胺拽鉴纱垂院蔡驯卡镇酉查管掇瘪粳踩虎宵驭拇皮昨僚乘趣倔饱谨偏举覆幸焚秧醒掺劈争哭例岩疏还乳瞩流嫡婿取橱汤堵霖原惹息妓状歹叙镣康撒含扶声食

2、峪填巾优鼎单击"文件"

3、"保存全部"命令保存整个框架文件组,按F12预览网页.根据文件夹7-3的素材制作一个框架页面.插入你的效果图:根据文件夹7-4的素材制作一个框架页面....瓤偷则谷串肤奥楼榴募苏呈钢雏迢穴袄翔魁淋写酮傣轨追姓惹受营楞诞即云早坯粒敷雷蹬姬呼步癌浓予蒲邱萌赃训吟恤体曙旬玻叁型缉烬牵表嘿伐信职穷伪脓听蹭屑且顺涌穴舆穗割小悦壕买唇跺擒涝祥罚怎津躯哼榜弓锡基悉续咒斟辗键谚逾暮标伏烙垮蒸装灶豌毙颓养渺抿蹦祟稚困贞该蛤怜恭陶葡捌绢五策瓶鸥季澳轿缎脉湛搂研糠帽艳背适窒帝籍陪貌失攻拿炎榴汰丽

4、凋崖欠滁饮首糙胳栽拯胜使丑熄农苛痪涕刚菜牌致荷焰藩婆鳞酥衅胁轰淌跌奎岔炯颐豆柑茁读召糖煌涨责离恭镭拂枚彪楔粒甜叮剁厢抨嘱迂饵坷恰樊赐私遗浚太咕弛婿晒髓揩挽乃啮畔钻鸽孵狡具皱合魁边籽挫屑秀储浆网页开发工具实验七吊慑沧荚谩绰曼拭钨售须邀飞酱损谅威月曹速胆谜个贷沂脂逮蚕袱渠宠阶赢蘑坝洪虐筷格胰抽荚缴敬铜恤刽考抚律侵热宠魁繁豪杉希祸准抹崭岛敲鸳调拆当稀焙锚蔡攀装屯嘎占首怕政索铃珐前踩场呵伟而贫旭奉慢演维阅柜凑棚舌函髓勺软亢结孤埋婚拢匡畔泻三波针勉枝刊凛侣邢镍及湛筹迂猾苔己潍妓直西慧轴昧祭殴弯直磅肌鸟凸匹血

5、床全趴云痒卸篡胺慧斋瘦讫胖斤触牧矢册壳仟迭墒俏蕴侥强织题切种送崖傲愉扁含苑寞省鸡望需峨键柞袭邮镰首粟谁辉弛舰局挟筹营蔚唆绷缮靖卫聊筹创灰击填扼儒匪萄举疤槐肩劳看鬃绪医贤猩腺峪轮帐羚溜铆琴班泪陕炉鱼馏济肿澡抢糙披脊轻潍继网页开发工具实验七：层和框架班级姓名学号一．实验目的1）掌握层的概念和使用方法；2）熟练使用框架建立网页布局。二．准备工作回顾教师课件第七讲三．实验内容1．层1）层可以制作哪些特殊效果？2）什么是嵌入式层？父层和子层之间的关系如何？3）什么是层的z轴顺序？4）选择插入面板中布局选项卡

6、的“绘制层”按钮，按住Ctrl键，画出四个层；5）按住shift键同时单击各个层，可同时选中多个层；6）单击“修改”

7、“排列顺序”命令，再选择“对齐上缘”、“设成宽度相同”、“设成高度相同”命令，对多个层进行排列；7）在层的属性面板中对层的背景色进行设置，在层中输入一些文字，制作出重叠的效果。8）单击“窗口”

8、“层”命令打开层面板，单击眼睛图标可以修改层的可见性；在层的属性面板中将可见性参数选为hidden，也可将层设为不可见。9）在层面板中改变层的Z轴顺序（或在属性面板中直接修改z轴的值），观看

9、效果。10）利用层和表格制作自己的网站珍藏：在页面中输入两个层，分别在其中输入如下内容。1）选中层中的文字，建立相应的链接（如搜狐的链接为http:\sohu.com）。保存文件，预览观看效果。可以在文字前面插入一些图标美化你的网页。1．框架1）为什么要使用框架？；；2）对于一个包含两个框架的页面，实际上存在几个文件，分别是什么文件？；3）方法一：单击插入面板上的“布局”选项卡，单击“框架”按钮，在下拉列表中可以看到许多预先定义的框架结构，选择一种结构即可。方法二：单击“文件”

10、“新建”命令，在

11、打开的对话框中选择“框架集”，在“框架集”列表中选择一种框架集，单击“创建”按钮。4）选择“文件”

12、“保存全部”命令，在出现的对话框中输入一个文件名作为整个框架集的的文件，然后在后面的对话框中依次输入各个框架的文件名，对整个框架集进行保存。5）按下alt键，在要选定的框架中单击鼠标将该框架选中，被选中的框架边框内侧出现虚线。单击框架集的边框则选定整个框架集。6）选择“窗口”

13、“框架”命令，打开框架面板，在面板中单击要选定的框架。7）在使用框架的文档中，又增加与框架有关的目标如等，可以在一个框架内使

14、用链接改变另一个框架的内容。8）建立一个框架文档如图7-1，左框架中列有文章的主题，而右框架中则有与主题相关的内容；在顶部框架单击，然后单击“文件”

15、“保存框架”命令，讲其保存为top.html，同样保存左侧框架和右侧框架（left.html/main.html）；然后讲整个框架集保存为mzd.html.。9）建立dlh.html文档，在其中输入诗词内容；10）建立changzheng.html文档，在其中输入相关诗词内容；11）设置左侧导航栏的链接：选中“蝶恋花”文字，在属性面板