湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目五框架网页设计 【教学内容】 1.框架和框架网页的概念 2.框架网页的常见种类 3.框架网页设计过程 【教学目的】 使学生掌握框架网页的结构,能熟练制作框架网页 【教学重点】 目标框架的设计过程 【教学难点】 目标框架的意义 【教学方法】 工程项目教学法、案例教学法、小组研讨法 【教学参考】 1.《 OFFICE2000中文版》 孙慧 清华大学出版社 2.《 FrontPage200案例教程》 李辉 海洋出版社 3.《 FrontPage2000中文版网页提高》黄敏如清华大学出版社 4.HIML网页制作教程 林义证铁道出版社 5.HIML基础与实例 程耀 电子工业出版社 【新课】 、设计案例1:网络空间站 1.以 SMAPLE12为例,演示框架网页的效果
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目 五 框架网页设计 【教学内容】 1． 框架和框架网页的概念 2． 框架网页的常见种类 3． 框架网页设计过程 【教学目的】 使学生掌握框架网页的结构，能熟练制作框架网页 【教学重点】 目标框架的设计过程 【教学难点】 目标框架的意义 【教学方法】 工程项目教学法、案例教学法、小组研讨法 【教学参考】 1．《OFFICE2000 中文版》 孙慧 清华大学出版社 2．《FrontPage2002 案例教程》 李辉 海洋出版社 3．《FrontPage2000 中文版网页提高》 黄敏如 清华大学出版社 4．HTML 网页制作教程 林义证 铁道出版社 5．HTML 基础与实例 程耀 电子工业出版社 【新课】 一、设计案例 1: 网络空间站 1．以 SMAPLE12 为例, 演示框架网页的效果
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 □回 文件①)编辑)查看收)工具①)帮助Q ⊙P搜 收藏夹的媒体必A,且四,□ 转到” 网络室间站 网络生活 网络ROOM 呈我的电 评估数案 Microsoft F,「强seF2 单击网络生活打开框架网页 文件)确辑)查看①收离O) ⊙后·国图按收的媒体份,品8·□ 址①)e]6:( FrontPage\ 囝转到 网络空间站 网络生活 网络ROOM 网上餐厅 初闻桂花奇 网上家园 生长于北方,无见到桂花树,更不要说闻到桂花香了 网上星缘 来新江后,单位的院中有两棵很大的柱花树紧我办公楼,站在 网上花店 学上到这两时,学程 我每天都要俯在栏杆上,透过桂树的枝 叶看有没有花骨 P唧喳喳的麻雀叫,我什么也没有发 不开花,同事笑我,我知道桂树开花于她们来说, 是极其平常的事 望的电 理论课数案评估数案-m 单击网络ROOM打开网页
湖北职院计算机科学与技术系理论课教案—《网页设计》 单击网络生活,打开框架网页: 单击网络 ROOM,打开网页:
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 2e甲Page2-重 i ranft Int ernet Exp1ox种x 文件①)辑)查看①)收底0工具①)帮助0D ⊙后·国回必户☆收媒,品8·□ 网络生活 网络ROOM 主页新手入门(-)一制作个人主页的窍门 哪芳禁划 有特色,样样有 整个构备排嘉额的更开始年面到存 提往使想封网下 站,虎头蛇尾,条理混乱,最终因维护困难而天折 2.框架网页的相关概念 i.基本元素 1.边框 2.滚动条 3.网页 i.建立框架网页步骤: 文件一一新建一一框架网页 i.框架的属性 名称:指定框架的控制名称 边距:框架中的内容距离框架边界和空白距离 滚动条:设置框架窗口中是否出现滚动条 可调整性:设置框架在浏览器是还可以调整大小 间距:设置相邻框架边框之间的间隔大小 框架属性一—设置边距、选项、滚动条 ⅳ.拆分框架 框架一一拆分框架 框架替换 框架自身中的内容替换 目标框架替换 目标框架中网页替换步骤: 1.命名目标框架 在定义目标框架替换之前,给目标框架命名 链接到目标框架
湖北职院计算机科学与技术系理论课教案—《网页设计》 2． 框架网页的相关概念 i. 基本元素 1. 边框 2. 滚动条 3. 网页 ii. 建立框架网页步骤: 文件——新建——框架网页 iii. 框架的属性 名称：指定框架的控制名称 边距：框架中的内容距离框架边界和空白距离、 滚动条：设置框架窗口中是否出现滚动条 可调整性：设置框架在浏览器是还可以调整大小 间距：设置相邻框架边框之间的间隔大小 框架属性——设置边距、选项、滚动条 iv. 拆分框架 框架——拆分框架 v. 框架替换 框架自身中的内容替换 目标框架替换 目标框架中网页替换步骤: 1． 命名目标框架 在定义目标框架替换之前，给目标框架命名 2． 链接到目标框架
湖北职院计算机科学与技术糸理论遝教案—《网页设计》 网页默认值:当前框架中网页默认的目标框架 相同框架:当前网页所在的框架 整页:整个浏览器窗口 新建窗口:浏览器重新启动一个界面,将目标文件显示在该界面的窗口中 父框架:当前框架上一级框架 vi.框架嵌套使用 3.设计制作演示中的框架网页 1)制作网上餐厅网页 3G: FRontpAge\aD1e1211.ht一题 grocott Int 文件)辑 且帮动 国回必户收的媒体的,品8·口 网上餐厅 我的电 如理论谨来 2)制作网上家园网页
湖北职院计算机科学与技术系理论课教案—《网页设计》 网页默认值：当前框架中网页默认的目标框架 相同框架：当前网页所在的框架 整页：整个浏览器窗口 新建窗口：浏览器重新启动一个界面，将目标文件显示在该界面的窗口中 父框架：当前框架上一级框架 vi. 框架嵌套使用 3．设计制作演示中的框架网页 1) 制作网上餐厅网页 2) 制作网上家园网页
湖北职晚计算机科学与技术糸理论课教豪一《网页设计》 aG: \FrontPage\saple12\2.ht=- microsoft Internet Explorer 交件)辑)看收账)工具①)帮动9 后,国按宫收夹的媒体的·品8·口 种到销接” 网上家园 我们的职院我们的家 2工nt 3)制作网上星缘网页 \Front Page\sanple12\3. 文件吧)编辑)查看)收露色)工具①)帮助0 00困整收的媒的,图,回 地址0)6: frontPage\ssnp1e23tn 同转到” 风上星缘 处女 子 (03.21-4.20)(04.21-05.21)(05.22--06.21)(06.22-07.22)(07.23-08.23)(08.24-09.23) 天种 水座 双鱼理 (09.24-10.23)(10.24-1.22)(11.23-12.21)(12.22-01.20)(01,21-02.19)(02.20-03.20) 匯个性特质:性格爽朗,不拘小节,极具领袖气质。充满自信而固执,有旺盛的企图心,喜欢按受 挑战。因此,会坚决地贯彻自己的决定。 完毕 团开始如回评 4)制作网上鲜花店网页
湖北职院计算机科学与技术系理论课教案—《网页设计》 3) 制作网上星缘网页 4) 制作网上鲜花店网页
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 3 G: \FrontPage\sanple12\4. hta-icrozott Internet Explorer 文件①)编辑①)查看Q收)工且①帮助 ⊙后·国团的户*收徽头的体创,号·□ 地址)包 G: \FrontPage\san1124htm 转到链擦 网上鲜花店 语花把孝能真展 百先要了解花 石榴是愿新婚 等,皆依其个性而各 完毕 我的电脑 5)设定超级链接及目标框架 【课后小结】 通过网络空间网站实例的设计,熟练掌握利用框架来组织布局网页内容,灵活运用目标框 架来设计超级链接网页的目标位置
湖北职院计算机科学与技术系理论课教案—《网页设计》 5) 设定超级链接及目标框架 【课后小结】 通过网络空间网站实例的设计,熟练掌握利用框架来组织布局网页内容,灵活运用目标框 架来设计超级链接网页的目标位置