教学项目五框架网页设计 基本内容】 讲解框架网页的设计过程 教学要求】 使学生掌握框架网页的结构,学会熟悉制作框架网页 案例设计:网络空间站 (一)以 SMAPLE12为例,演示框架网页的效果
教学项目 五 框架网页设计 【基本内容】 讲解框架网页的设计过程 【教学要求】 使学生掌握框架网页的结构，学会熟悉制作框架网页 一、案例设计: 网络空间站 (一)以SMAPLE12为例,演示框架网页的效果
a Hew Page 2- microsoft Internet Explorer 文件￠)编辑匪)查看收藏()工具〔)帮助① ⊙日数收时的,是,回 地址①)e6: rontPage\samp112htm M转到链接” 网络空间站 网络生活 网络ROOM x 完毕 我的电脑 开后力理论来回评整81M2、B日?吗 8:08
单击网络生活,打开框架网页: Rev Page Microsoft Internet Explorer 文件①)编辑吧)查看⑩)收藏④)工具〔)帮助 后·②国哈搜次收夹的媒的,國,口 地址①)eG: FrontPage(xmp112 Aindex,htm 转到链接 网络空间站 网络生活 网络ROOM 网上餐厅 初闻桂花香 网上家园 生长于北方,无缘见到桂花树,更不要说闻到桂花香了 只是从那部《八月桂花香》电视剧中猜想,桂树开花在八月。 网上星缘 来浙江后,单位的院中有两棵很大的桂花树,紧挨办公楼,站在 办公室外的走廊,可以伸手够到桂树的叶子 网上花店 记得刚来的时候,跟同学在QQ上聊天,提到这两裸桂树,同学很 羡慕,我答应等刭开花时,每日给她摘些花,放入玻璃瓶中寄给她 我现在还记得她在电话中欣喜的声音。 农历八月的整整一个月,我每天都要俯在栏杆上,透过桂树的枝 叶看有没有花骨朵,除了唧唧喳喳的麻雀叫,我什么也没有发现,总 在问,桂树怎么还不开花,同事笑我,我知道桂树开花于她们来说 是极其平常的事 我的电脑 不力如理论课案回评来 s Microsoft F New Page 2 8:10
单击网络生活,打开框架网页:
单击网络ROOM,打开网页 a Hew Page 2-Iicrosoft Internet Explorer 文件①)编辑吧)查看①)收藏)工具①)帮助Q ⊙后退·②国图的搜索次收藏买的媒体份,,□ 也址①)eG: FRontpAge\samp1l2 Aindex.htm 习转到链接” 网络空间站 网络生活 网络ROOM 主页新手入门(一)-制作个人主页的窍门 开始着手策划制作主页首先面临的问题便是我要制作什么内容,选择什么样的选材。一般来说,个 人主页的选材要小而精。如果你想制作一个包男方象的站点,把所有您认为精彩的东西都放在上面,那么 往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的 精力去维护它。题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词; 对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。 2.如果您准备建立新的个人首页,千万不要立刻开始制作页面。一定要好好的想一想,总体规划一下 整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起,想到什么就作什么,往往会使您的网 站,虎头蛇尾,条理混乱,最终因维护困难而天折。 始如理论课数来回评估数案Nmt!,mre2、B回?2011
单击网络ROOM,打开网页:
(二)框架网页的相关概念 基本元素 边框 2. 滚动条 网页 11 建立框架网页步骤: 文件—新建—框架网页 框架的属性 名称:指定框架的控制名称 边距:框架中的内容距离框架边界和空白距离、 滚动条:设置框架窗口中是否出现滚动条 可调整性:设置框架在浏览器是还可以调整大小 间距:设置相邻框架边框之间的间隔大小 框架属性——设置边距、选项、滚动条 拆分框架 框架——拆分框架
(二) 框架网页的相关概念 i. 基本元素 1. 边框 2. 滚动条 3. 网页 ii. 建立框架网页步骤: 文件——新建——框架网页 iii. 框架的属性 名称：指定框架的控制名称 边距：框架中的内容距离框架边界和空白距离、 滚动条：设置框架窗口中是否出现滚动条 可调整性：设置框架在浏览器是还可以调整大小 间距：设置相邻框架边框之间的间隔大小 框架属性——设置边距、选项、滚动条 i. 拆分框架 框架——拆分框架
i.框架替换 框架自身中的内容替换 目标框架替换 目标框架中网页替换步骤: 命名目标框架 在定义目标框架替换之前,给目标框架命名 2.链接到目标框架 网页默认值:当前框架中网页默认的目标框架 相同框架:当前网页所在的框架 整页:整个浏览器窗口 新建窗口:浏览器重新启动一个界面,将目标文件显示在 该界面的窗口中 父框架:当前框架上一级框架 框架嵌套使用
i. 框架替换 框架自身中的内容替换 目标框架替换 目标框架中网页替换步骤: 1． 命名目标框架 在定义目标框架替换之前，给目标框架命名 2． 链接到目标框架 网页默认值：当前框架中网页默认的目标框架 相同框架：当前网页所在的框架 整页：整个浏览器窗口 新建窗口：浏览器重新启动一个界面，将目标文件显示在 该界面的窗口中 父框架：当前框架上一级框架 框架嵌套使用
(三)设计制作演示中的框架网页 制作网上餐厅网页 G:\FrontP 1e12l.htn-夏it ft Internet Explorer 文件)编辑)查看⑩)收藏⑩)工具q)帮助 地址q)eG: FrontPage\samp1e121htm 转到链接” 网上餐厅 烧 整 猪 头 完毕 我的电脑 分如理课教来回评费案A2m。:吗01
(三)设计制作演示中的框架网页 制作网上餐厅网页
制作网上家园网页 a G: \FrontPage\sanple12\2.ht=- microsoft Internet Explorer 文件￠)编辑吧)查看⑩)收藏④)工具〔)帮助Q ⊙后,日国团G收的媒的,品,回 地址①):1 FRontpAge\samp11212htm 转到链接” 网上家园 我们的职院我们的家 三 完毕 我的电脑 [理论课教案回]评估数案一 s Microsoft F e iNternet 回?|017
制作网上家园网页
制作网上星缘网页 a G: \FrontPage\sample12\3. htm- icrosoft Internet Explorer 回区 文件①)编辑吧)查看)收藏〔)工具〔)帮助⑩ 地址①)e]6: FrontPage\sam1123htm 转到链接 网上星缘 处玄 牧羊压 金牛 双子 巨隆 狮子 (03.21--4.20)(04.21-05.21)(05.22-06.21)(06.22-07.22)(07.23-08.23)(08.24--09.23) 昏 SAGiTTAL 天再 天蝸 射手压 水瓶 双鱼腿 (09.24--10.23)(10.24-11.22)(11.23--12.21)(12.22--01.20)(01.21--02.19)(02.20-03.20) 单匯个性特质:性格爽朗,不拘小节,极具领袖气质。充满自信而固执,有旺盛的企图心,喜欢接受 挑战。因此,会坚决地贯彻自己的决定 完毕 我的电脑 理论课教案 网评估数案 KMicrosoft F 2 E28:19
制作网上星缘网页
制作网上鲜花店网页 a G: \FrontPage\sample124. htn-licrosoft Internet Expl 文件)编辑住)查着0)收藏)工具〔帮助④0 ⊙后·②国哈搜索次收夹的媒的,品國·口 「地址0)e]G: rootAge1424m 司转到链接 网上鲜花店 要把握花艺的真谛,首先要了解花 语花意,才能使花卉展明月之精华,汇 天地之灵逸,有自在自得之美。经过长 明演化,人们赋与各种花卉一定的寓 意,用以传递感情,抒发胸臆。如考 试及第誉为“折桂”,送别或赠别则称 为“折柳”,奉献桃子祝老人长寿,赠 石榴是愿新娪夫妇多子,至于“松 柏、竹、菊、莲”等,皆依其个性而各 有明确固定的含义。 完毕 我的电脑 理论课数案 评估教案mg,2tent·E回?820
制作网上鲜花店网页