实验七 框架型网页的制作
框架网页的制作
《框架网页的制作》教学设计一、教学背景１．社会背景“５.１２”四川汶川大地震，整个社会掀起抗震救灾高潮，校园里爱心涌动，支援灾区活动不断。
我们信息技术课所以也应围绕抗震救灾，做点什么。
２．学生初一学生，社会课中有地理内容，但对地震知识介绍很少，所以对地震不了解，对遇到地震的逃生技巧更是一无所知。
信息技术方面，学生经过前面学习掌握了简单网页（表格网页）的制作。
３．教材浙教版初中必修本第二册中第十三课是框架网页设计。
第十一，十二课是表格网页和网页中的超链接。
二、教学目标１．知识与技能（１）框架网页的识别，特点和作用；（２）能用Frontpage软件创建框架网页；２．过程、方法和能力（１）比较学习法（与前面表格网页比较，学习框架网页的特性）；（２）借助软件向导的自我探究和模仿样例的操作能力；３．情感、态度、价值观（１）了解地震，关爱生命，保护自我能力；（２）人类不一定能战胜自然，但可以改造自然，防灾减灾；三、教学重点及难点教学重点：框架网页的创建教学难点：框架网页的保存（一个框架网页，每个区域都是一个网页文件）四、教学准备１．地震表格网页地震框架网页样例及素材（地震常识，逃生技巧，防灾减灾）２．演示文稿，投影用多媒体课件五、教学过程（一）感受框架网页（框架网页的浏览）创设情景：四川汶川大地震过后，某校开展“了解地震，保护生命，抗争自然”的主题网站的征集活动。
小明同学是个信息技术爱好者。
他制作了两个内容相同，形式不同的网站，一个是表格形式网站，一个是框架形式网站。
浏览这两个网站后，如果你是小明，会选哪一个参加活动。
为什么？学生自主浏览上述主题的表格网站和框架网站。
叫单个学生站起来回答教师小结：框架网页浏览时特点在于标题，导航目录都始终保留在窗口上，只有中间正文区域内容变化，便于快速浏览不同内容。
（二）尝试框架网页的制作师：小明能作的框架网页，其它我们大家都能作。
下面大家就跟着老师，尝试一下框架网页制作过程。
实训练习07 HTML网页布局设计——框架的应用
广东工程职业技术学院计算机信息系《网页设计》实训报告实训题目：实训项目07 框架的应用班级：学号：姓名：日期：教师：成绩：实训目的：1．掌握在网页中创建框架的操作方法。
2．掌握如何保存框架集文件和各个框架的操作方法。
3．掌握设置框架集属性和框架属性的方法。
4．掌握编辑框架内容的操作方法。
5．了解在框架中设置超链接的操作方法。
实训内容：1.本次实训要求用布局表格完成“我的主页”网页，完成2个框架集页面的创建，具体效果参见预览效果页面。
2.在站点“myweb”根文件夹之下，建立一个“07”的子文件夹，将“素材”复制到这个文件夹下，而且重新命名为“sucai”，里面的文件夹也重新命名，去掉中文；再在“07”下建立一个“letuweb”文件夹，将“ch8”复制到此文件下。
3.在“07”的子文件夹中建立“07.html”的网页文件，为本次练习的内容做一个首页。
4.制作一个框架网页a)新建一个页面文档，将其保存为07-1.html。
创建框架集“上方和下方框架”网页，在中间的框架中嵌套一个“左侧框架”，保存全部的页面，设置框架网页标题及属性。
b)框架集由4个框架组成：1.顶部为标题部分，显示网页的大标题，保存为07-1top.html。
2.中间左侧为导航部分，提供个网页的导航链接，保存为07-1left.html。
3.中间右侧为主题部分，显示网页主要内容，网页展示的内容共分为4大部分，分别为：公司简介07-1main.html、产品介绍07-1main2.html、征稿合作07-1main3.html和联盟伙伴07-1main4.html。
这4部分内容分别放置在4个网页中，并通过导航链接控制在住框架中显示。
4.底部为说明部分，主要包括一些版权信息等，保存为07-1bottom.html。
c)编辑各框架内的网页文件：1.将光标定位在topFrame框架中，编辑07-1top.html文档，在其中中插入一个1行1列宽度为680像数的表格，在表格中插入Banner图像。
制作框架网页教案
制作框架网页教案教案标题：制作框架网页教案教学目标：1. 学生能够理解什么是框架网页，并能够解释其作用和优势。
2. 学生能够使用HTML和CSS创建框架网页的基本结构和样式。
3. 学生能够利用框架网页设计和布局内容。
教学资源：1. 计算机和互联网连接2. HTML和CSS编辑器（如Sublime Text、Notepad++等）3. 网页浏览器（如Chrome、Firefox等）教学步骤：引入：1. 向学生介绍框架网页的概念，并解释其在网页设计中的作用。
2. 引导学生思考框架网页与普通网页的区别，并列举框架网页的一些应用场景。
主体：3. 讲解HTML框架标签的基本语法和用法，包括`<frameset>`、`<frame>`和`<noframes>`标签。
4. 演示如何创建一个简单的框架网页结构，包括水平和垂直分割的框架。
5. 引导学生实践创建自己的框架网页结构，并帮助他们解决可能遇到的问题。
6. 讲解CSS样式表的基本语法和用法，包括如何为框架网页添加样式和布局。
7. 演示如何为框架网页添加背景颜色、边框、字体等样式效果。
8. 引导学生实践为自己的框架网页添加样式和布局，并鼓励他们发挥创造力。
总结：9. 回顾框架网页的概念和创建过程，确保学生对所学内容有一个清晰的理解。
10. 鼓励学生分享他们创建的框架网页，并提供反馈和建议。
教学评估：1. 观察学生在实践中的表现，包括他们是否能够正确创建框架网页的结构和样式。
2. 收集学生的框架网页作品，评估其创意和设计水平。
3. 进行小组或个人讨论，让学生分享他们对框架网页的理解和应用。
拓展活动：1. 鼓励学生进一步探索框架网页的高级功能，如跨框架通信、动态调整框架大小等。
2. 引导学生学习响应式网页设计的基本概念和技巧，以适应不同设备和屏幕尺寸。
教学反思：1. 教学过程中，及时观察学生的学习情况，根据需要进行适当的调整和辅导。
《七、 制作框架网页》作业设计方案-高中信息技术人教版选修3
《制作框架网页》作业设计方案（第一课时）一、作业目标本节课的作业旨在帮助学生巩固和理解《制作框架网页》课程内容，通过实践操作掌握基本的网页框架搭建技能。
通过完成作业，学生将能够：1. 熟练使用HTML创建基本的框架结构；2. 了解并掌握HTML中的各种框架标签；3. 掌握如何设置框架大小和位置；4. 理解并能够应用CSS样式对框架进行美化。
二、作业内容1. 创建一个简单的框架网页，包含标题、段落、图片等基本元素；2. 在主框架中添加一个按钮，点击按钮后跳转到另一个页面；3. 在次框架中添加一个列表，列出主框架中各个元素的ID或类名；4. 使用CSS为框架添加样式，使网页更加美观；5. 确保作业中所有代码符合HTML规范，且能在浏览器中正常显示。
三、作业要求1. 学生需独立完成作业，不得抄袭；2. 作业中使用的所有代码必须符合HTML规范，不得使用非法或恶意代码；3. 学生需在规定时间内完成作业，并在提交作业时一并提交源代码文件；4. 鼓励学生在完成作业过程中发现问题、解决问题，提高自己的技术水平。
四、作业评价1. 教师将对提交的作业进行审查，检查代码规范性和正确性；2. 根据学生作业中遇到的问题和解决方案，评估学生对知识的掌握程度；3. 综合考虑学生的创新和解决问题的能力，给予优秀、良好、及格和不及格四个等级评价。
五、作业反馈1. 学生应根据教师反馈，对作业中存在的问题进行修改和完善；2. 学生应向教师反馈对作业评价结果的意见和建议；3. 教师根据学生反馈，对作业设计方案进行改进和优化，提高教学质量。
为了确保学生能够顺利完成作业，教师可以在课堂上进行一些必要的指导和演示，例如：* 讲解HTML和CSS的基本语法和常用标签；* 演示如何设置框架大小和位置；* 展示一些优秀的框架网页示例，帮助学生开阔视野。
此外，教师还可以提供一些有用的资源和学习材料，以帮助学生更好地完成作业。
学生可以通过小组合作、在线讨论等方式，互相学习和交流，共同提高技术水平。
《七、 制作框架网页》作业设计方案-高中信息技术人教版选修3
《制作框架网页》作业设计方案（第一课时）一、作业目标通过本次作业，学生将掌握制作框架网页的基本概念和技能，包括框架的创建、页面布局、链接和样式设置等。
同时，学生将通过实践操作，提高自己的信息技术应用能力和问题解决能力。
二、作业内容1. 创建框架：学生需要使用所学的HTML和CSS知识，设计并创建两个框架页面。
一个框架用于展示主要内容，另一个用于展示辅助信息。
2. 页面布局：学生需要合理规划每个框架页面的布局，包括标题、正文、图片、链接等元素的布局和排版。
3. 链接设置：学生需要在每个框架页面之间建立链接，以便用户可以通过点击链接在不同的页面之间切换。
4. 样式设置：学生可以根据自己的喜好和页面内容，为框架页面设置适当的样式，如字体、颜色、大小、间距等。
三、作业要求1. 学生需要独立完成作业，不得抄袭或使用其他人的成果。
2. 作业中使用的所有代码和文件需要符合信息技术课程的要求，不得使用非法或恶意代码。
3. 学生需要在规定时间内完成作业，并提交作业文件至教师指定的平台或邮箱。
4. 提交的作业文件应包括每个框架页面的HTML和CSS代码，以及任何必要的图片、链接等资源文件。
四、作业评价1. 教师将根据作业的质量和完成情况，给予学生相应的分数。
2. 评价标准包括页面布局是否合理、链接是否有效、样式是否符合要求、代码是否规范等。
3. 学生可以通过教师提供的平台或邮箱查看自己的作业评分和反馈意见，以便改进和提高自己的技能。
五、作业反馈1. 学生应认真阅读教师提供的反馈意见，并根据意见改进自己的作业，提高自己的技能水平。
2. 学生可以随时向教师咨询或讨论与作业相关的问题，教师将尽力提供帮助和解答。
3. 教师在评价学生作业时，应尊重学生的创意和个性，鼓励他们发挥自己的想象力和创造力，同时也要注重技术规范和准确性。
通过本次作业，学生将能够掌握制作框架网页的基本知识和技能，提高自己的信息技术应用能力和问题解决能力。
框架网页的制作
框架网页的制作
■教学目标
1.知识与技能
（1）理解框架的概念与用途。
（2）掌握框架网页的新建、制作、编辑与保存的方法。
（3）初步掌握将框架结构与表格布局结合使用来制作网页。
（4）会在框架网页中设置超链接。
2.过程与方法
（1）通过对表格网页的分析以及表格与框架网页的对比，体验新知识（框架结构网页）的优点，从而促进其学习新知识。
（2）理解框架的概念与组成，学会分析网站的结构。
（3）感受框架网页的用途，体会其优点，从而明确框架网页设计技术的适用范围。
3.情感态度与价值观
（1）通过以“母亲节的祝福”为主题的框架结构网页制作活动，提升对母爱的理解，学会感恩。
（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。
4.行为与创新
在老师的引导下学会对比学习，培养对知识的主动探索、主动发现和对所学知识意义的主动建构。
■教学重点与难点
1.教学重点
框架网页的建立与保存。
2.教学难点
框架中超链接的使用。
■教学方法与手段
对比教学法、探究学习法、模仿学习法。
■课前准备
制作相同结构的用以对比的表格网页和框架网页以及给学生用于操作的网站半成品和素材。
■教学过程。
框架网页布局实验报告
实验目的：通过本次实验，了解和掌握框架网页布局的基本原理和方法，能够熟练运用框架标签（frameset和frame）进行网页布局，并学会使用CSS进行样式调整，提高网页设计的实用性和美观性。
实验时间：2023年4月10日实验环境：Windows 10操作系统，Adobe Dreamweaver CC软件实验内容：1. 创建一个简单的框架网页；2. 使用frameset和frame标签进行布局；3. 调整框架大小和位置；4. 使用CSS样式美化框架；5. 测试框架网页在不同浏览器下的兼容性。
实验步骤：一、创建框架网页1. 打开Adobe Dreamweaver CC，创建一个新的HTML文件；2. 在“插入”菜单中选择“框架”选项，选择“框架集”；3. 在弹出的“框架集”对话框中，设置框架布局方式为“列”，并设置列数为2；4. 点击“确定”按钮，完成框架网页的创建。
二、使用frameset和frame标签进行布局1. 在框架网页的左侧框架中，插入一个图片；2. 在右侧框架中，插入一段文本内容；3. 保存网页，预览效果。
三、调整框架大小和位置1. 在框架网页的框架标签中，添加“cols”和“rows”属性，以调整框架的大小和位置；2. 例如，将左侧框架的宽度设置为“200px”，右侧框架的宽度设置为“”（表示自动填充剩余宽度）；3. 保存网页，预览效果。
四、使用CSS样式美化框架1. 在框架网页的头部标签中，添加一个CSS样式表；2. 在样式表中，设置框架的背景颜色、边框样式等属性；3. 例如，设置左侧框架的背景颜色为“#f2f2f2”，边框样式为“1px solid#ccc”；4. 保存网页，预览效果。
五、测试框架网页在不同浏览器下的兼容性1. 打开多个浏览器（如Chrome、Firefox、IE等），分别预览框架网页；2. 观察网页在不同浏览器下的显示效果，确保框架布局和样式的一致性；3. 如有兼容性问题，可适当调整CSS样式，以达到最佳效果。
《七、 制作框架网页》作业设计方案-高中信息技术人教版选修3
《制作框架网页》作业设计方案（第一课时）一、作业目标通过本次作业，学生将掌握制作框架网页的基本概念和技能，包括了解网页框架的构成、学会创建框架、设置页面属性等。
通过实践操作，学生将加深对信息技术课程的理解，提高解决问题的能力。
二、作业内容1. 任务一：创建框架学生需要使用HTML代码创建一个简单的框架页面。
要求框架分为左右两个部分，左侧部分放置导航栏，右侧部分为内容区。
学生需要使用表格或div标签进行布局设计。
2. 任务二：设置页面属性学生需要设置框架页面的标题、背景颜色、边距等属性，使页面更加美观。
同时，学生需要使用CSS样式对内容区进行美化，如调整字体、大小、颜色等。
3. 任务三：链接和导航学生需要在左侧导航栏中添加链接，使页面可以跳转。
学生需要使用超链接标签<a>实现链接功能，同时确保链接的正确性和可用性。
三、作业要求1. 学生需独立完成作业，不得抄袭或使用其他方式获取答案。
2. 作业中使用的代码和设计应符合规范，符合网页制作的基本原则。
3. 学生需在规定时间内完成作业，并在提交作业时附上相应的注释和说明。
4. 鼓励学生在作业中运用创新思维，尝试不同的布局和美化方式，提高自己的实践能力。
四、作业评价1. 评价标准：根据学生的作业完成情况、代码规范性、页面美观程度等方面进行评价。
2. 评价方式：教师对学生提交的作业进行批改，给出相应的分数和评语。
同时，教师可以通过学生的作业反馈，了解学生对知识的掌握情况，以便在后续教学中进行调整和改进。
3. 评价结果：根据评价标准，对学生的作业进行评分和排名。
对于表现优秀的学生，给予一定的奖励和鼓励，以提高学生的学习积极性和自信心。
五、作业反馈1. 学生反馈：学生可以通过教师提供的反馈信息，了解自己的作业完成情况，找出自己的不足之处，及时调整学习方法和策略。
同时，学生可以向教师提出自己的疑问和困惑，寻求帮助和建议。
2. 教师反馈：教师可以通过学生的作业反馈，了解学生对知识的掌握情况，以便在后续教学中进行调整和改进。
《七、制作框架网页》作业设计方案-高中信息技术人教版选修3
《制作框架网页》作业设计方案（第一课时）一、作业目标本作业设计旨在通过制作框架网页的实践操作，使学生掌握网页制作的基本流程和框架构建的方法，提升学生运用信息技术进行创新实践的能力，同时加强学生对网页设计美学的理解与运用。
二、作业内容1. 理论学习：学生需学习网页框架的概念、作用及常见的网页框架类型。
理解框架网页在网页设计中的重要性，并掌握如何使用HTML语言进行框架网页的初步构建。
2. 选定主题：学生需根据个人兴趣，选择一个适合的网页主题，如学校官网、社团网站等，为接下来的框架设计与内容填充做准备。
3. 设计框架：学生需根据选定的主题，设计出合理的网页框架结构，包括导航栏、页眉、页脚等基本元素的位置与布局。
4. 编写代码：学生需使用HTML语言，按照设计的框架结构编写代码，完成框架网页的初步搭建。
5. 保存与提交：学生需将完成的框架网页保存为HTML文件，并按要求提交至指定的作业平台。
三、作业要求1. 规范性：代码编写需符合HTML语言规范，结构清晰，易于阅读和维护。
2. 创意性：框架设计需有创意，能体现所选主题的特点，同时保持美观与实用性的平衡。
3. 完整性：作业需包含完整的导航系统、页眉、页脚等基本元素，且各部分之间应协调统一。
4. 独立性：学生需独立完成作业，不得抄袭他人作品。
5. 时间性：学生需在规定的时间内完成作业并提交，以确保作业的及时性与效率。
四、作业评价1. 教师评价：教师根据学生的作业完成情况、代码规范性、创意性、完整性等方面进行评价，给出相应的成绩。
2. 互评：鼓励学生之间进行互评，互相学习，取长补短。
3. 自评：学生需对自己的作品进行反思与评价，找出不足之处并加以改进。
五、作业反馈1. 教师反馈：教师需对学生的作业进行详细点评，指出优点与不足，并给出改进建议。
2. 学生反馈：学生需根据教师与同学的反馈，对作品进行修改与完善，以提高作品的质量。
通过此作业设计方案的实施，将有助于学生掌握网页制作的基本流程和框架构建的方法，同时提高学生的信息技术实践能力和创新思维。
网页设计与制作实验报告范文框架创建及应用网页制作实验报告范文
网页设计与制作实验报告范文框架创建及应用网页制作实验报告范文实验课名称实验项目名称实验学时实验类型网页设计与制作框架的创建及应用4验证、设计实验报告内容（包括：1.实验目的要求；2.主要使用仪器设备、材料或软件；3.实验原理或实验方案；4.方法步骤；5.实验总结反思）一、实验目的要求1.熟悉框架的基本操作及属性设置2.了解浮动框架的基本操作3.能进行具体的框架应用设计二、实验软件及材料Dreamweaver8、网页设计与制作教程三、实验方案1.练习框架的创建、编辑及属性的设置。
四、方法步骤1.新建站点选择“站点”-“新建站点”，根据新建站点向导创建一个站点，命名为“kj”。
2.创建和编辑主页1）在“文件”面板右击站点名称kj，在弹出的快捷菜单中选择“新建文件”命令建立一个基本网页。
2）在“文件”面板右击新建的网页，重命名为“inde某.html”，并设置为主页。
3）在“文件”面板中双击inde某.html，“插入”-“图片”菜单命令，插入图片“诗情画意.jpg”。
单击该图片，在属性面板中设置图片属性，宽为1024，高为457，居中显示。
3.创建框架呢网页选择“文件”-“新建”菜单命令，打开“新建文档”对话框，在“常规”选项卡下选择“框架集”选项，再在“框架集”列表中选择“上方固定，左侧嵌套”，单击“创建”按钮创建一个框架集网页。
4.保存框架网页1）“文件”-“保存全部”，打开“另存为”对话框，输入框架集的名字为“frame.html”，保存。
2）提示保存右下方的框架中的网页文件，输入“main.html”，保存。
3）提示保存左侧的框架中的网页文件，输入“left.html”，保存。
4)提示保存上方的框架中的网页文件，输入“top.html”，保存。
5.编辑top.html框架1）修改背景颜色。
2）插入1行1列表格，在下方插入1行7列表格。
3）最后添加其他元素。
6.编辑left.html框架1）修改背景颜色。
试验7 框架网页
试验7 框架网页试验目的为了让学生掌握如何创建框架；设定框架的内容和样式；学会制作浮动的框架等操作。
试验环境硬件环境：考核用机为奔腾以上兼容机，内存不少于32M ，最好64M 或128M ；硬盘不小于500M ；VGA彩显，带鼠标器。
操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver 8特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。
试验课时2学时试验内容创建框架设定框架内容和样式，保存框架设置无框架内容制作浮动框架试验要求要求学生能利用框架来进行布局网页，设定框架内容和样式；设置框架的内容；制作可以浮动的框架。
试验步骤在新建文档对话框的“框架集”类型中，选择左侧固定上方嵌套的框架模式，创建一个新的框架页；插入图片和按钮，以及相关的文字内容；在属性面板中设置文字和图片的格式属性；在左侧列出导航链接，制作链接对应的子页面，最终实现点击左侧框架的链接，右面的框架会跳转到相应的子页面；保存文件，一定要分别保存框架的各个部分，每一部分为一个HTML文件，总的框架是一个HTML文件，预览文件效果；试验过程注意事项插入的图像必须放在站点文件夹下的image文件夹内；框架的保存分几个部分；试验思考框架的保存应注意有几个文件要保存？如何设置框架中的链接？书写试验报告要求根据调试结果，写出调试分析报告写出本次试验的心得与体会页面效果图是呢喃的燕子衔来，是牧童的笛韵的唤来。
三月的风，耐不住冬的寂寞，偷偷地藏匿在春天透明的连衣裙中，珊珊地莅临了。
她很浪漫，亦很俏皮，忽而悬在顽童的风筝上，忽而荡在轻风的柳枝间；你伸手触摸时，不经意间，就又向老人笑弯眉梢，含在少女闪昧的眸中······三月的风温柔如恋人的絮语。
三月的风轻漫似涓涓的小溪。
三月的风任你去追，任你去逐，你却怎么也把不住她流动的旋律，踏不上它飘忽的踪迹。
框架页面实验报告
一、实验目的1. 掌握HTML、CSS和JavaScript等前端技术的基本原理和运用。
2. 学习并掌握Bootstrap框架的使用，提高页面设计和开发效率。
3. 培养团队协作能力和项目实施能力。
二、实验环境1. 操作系统：Windows 102. 浏览器：Google Chrome3. 开发工具：Visual Studio Code4. 框架：Bootstrap 4三、实验内容1. 页面布局设计2. 页面样式设计3. 页面交互功能实现四、实验步骤1. 页面布局设计（1）创建HTML文件，并引入Bootstrap框架。
```html<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>框架页面实验</title><link rel="stylesheet" href="https:///twitter-bootstrap/4.3.1/css/bootstrap.min.css"></head><body><!-- 页面内容 --></body></html>```（2）使用Bootstrap框架的栅格系统进行页面布局。
```html<div class="container"><div class="row"><div class="col-md-8">左侧内容</div><div class="col-md-4">右侧内容</div></div></div>```2. 页面样式设计（1）使用Bootstrap框架提供的样式类进行页面样式设计。
专题学习网站制作-框架网页.
《现代教育技术》实验指导Frontpage2003 框架网页制作框架网页是一种特殊的 HTML 网页，它可将浏览器窗口分成称为框架的不同区域，每个区域都可以显示不同的网页。
例如，使用“横幅和目录”框架网页模板创建的框架网页包含三个框架：横幅、目录和主框架。
框架网页本身并不包含可见内容，它只用来指定要显示的其他网页及其显示方式。
单击框架中显示的网页上的超链接时，该超链接指向的网页通常显示在另一个框架，即目标框架中。
框架网页通常用于目录、文章或信息列表、或任何其他的网页上，在一个框架中单击超链接会在另一个框架中显示相应网页。
使用框架网页是因为框架网页能够包含内置导航并显示一致的用户界面（即框架的结构和布局）。
例如，在基于“横幅和目录”框架网页模板创建的框架网页中，可以使用横幅框架在其 Web 站点上显示网站的LOGO标志及主要导航菜单（一级菜单）。
一、创建框架网页1. 在“文件”菜单上，选择“新建”，在右侧面板中选择“其他网页模版”。
2. 在弹出的“网页模版”中选择“框架网页”选项卡。
3. 单击要使用的框架网页模板，如“自顶向下的层次结构”，然后单击“确定”。
4. 设置要显示在每个框架中的初始网页：单击要设置初始网页的框架，然后执行下列操作之一：单击框架中的“设置初始网页”，选择一个已经建立好的网页作为框架初始页面。
方法为:从当前工作文件夹的已创建网页列表中选择网页；或者在“查找范围”框中，查找要打开的网页；或者通过单击浏览到要使用的网页；或者在“地址”框中，键入网页的URL。
在要为其设置初始网页的框架中单击“新建网页”。
FrontPage 将在该框架中创建一个新网页，这个新网页会自动设成初始网页，然后在这个窗口中与正常制作网页一样插入内容或进行编辑。
二、编辑框架中的内容如果正在“网页”视图的“设计”视图中编辑框架网页，则可以通过单击选择想要编辑的网页；如果框架的尺寸太小编辑起来不方便，那么可以在一个新的全屏窗口中打开要编辑的网页。
《七、 制作框架网页》作业设计方案-高中信息技术人教版选修3
《制作框架网页》作业设计方案（第一课时）一、作业目标通过本次作业，学生将掌握制作框架网页的基本知识和技能，包括创建框架、设置链接、插入图像等，从而培养学生在实际操作中理解和掌握信息技术的能力。
二、作业内容1. 创建两个框架：主页面和两个子页面。
主页面应包含至少一个导航链接，指向两个子页面。
每个子页面至少应包含一张图片和一个文本框。
2. 确保每个框架和链接都有清晰的标题和描述，以便于搜索引擎优化和用户理解。
3. 完成作业后，学生应能清晰地解释每个框架的作用和链接的意义。
三、作业要求1. 学生需独立完成作业，不得抄袭或使用其他方式获取他人成果。
2. 作业应以电子文档的形式提交，每个框架应保存为一个独立的HTML文件。
3. 提交的作业应包括清晰的框架结构和有效的链接设置，确保网页的正确运行。
4. 作业应在规定的时间内完成，时间安排请参考课程安排。
四、作业评价1. 评价标准：评价将基于作业的质量和完成度，包括框架结构的合理性、链接的有效性、图像的插入及描述的准确性等。
2. 评价方式：教师将对所有提交的作业进行评阅，给出反馈和建议。
优秀的作业将作为典型案例进行展示，激励学生进一步提高。
五、作业反馈1. 反馈将及时向学生提供，以便他们了解自己的作业在哪些方面做得好，哪些方面还有待提高。
2. 对于普遍存在的问题和疑惑，教师将在课堂上进行集中解答和讲解，确保所有学生都能理解和掌握制作框架网页的基本知识和技能。
3. 学生应认真对待作业反馈，根据教师的建议对作业进行修改和完善，以提高自己的信息技术能力。
六、其他说明1. 本次作业是课程的重要组成部分，学生应认真对待，不得敷衍了事。
2. 对于未能按时提交作业的学生，教师将进行提醒和催促，以确保所有学生都能得到充分的锻炼和指导。
3. 学生在制作框架网页的过程中，如有任何疑问或需要帮助，可向教师咨询，教师将尽力提供支持和帮助。
通过本次作业的实践性和技术性较强，需要学生具备较强的实践操作能力和独立思考能力。
《七、制作框架网页》作业设计方案-高中信息技术人教版选修3
《制作框架网页》作业设计方案（第一课时）一、作业目标本作业设计旨在通过实践操作，使学生掌握基本的网页框架制作技术，理解网页结构与布局的重要性，并能够独立完成一个简单的框架网页制作。
通过实际操作，提高学生的信息技术应用能力和创新思维。
二、作业内容作业内容主要分为以下几个部分：1. 理论知识学习：学生需预先学习网页框架的基本概念、网页结构及布局的原则。
了解常见的网页框架类型及其特点，为实际操作打下基础。
2. 选定主题与规划：学生需根据课程要求或个人兴趣选定一个网页主题，并进行初步的规划，包括页面的布局、色彩搭配、内容安排等。
3. 制作框架网页：学生需使用所学的网页制作软件（如Dreamweaver、HTML等），按照规划制作出基础的网页框架。
要求页面布局合理，色彩搭配协调，各元素位置准确。
4. 添加基本元素：在框架基础上，学生需添加必要的网页元素，如标题、导航栏、图片、文字等，使网页内容丰富、完整。
5. 保存与预览：完成制作后，学生需保存网页文件，并预览效果，检查是否存在错位、色彩不协调等问题。
三、作业要求1. 按时完成：学生需在规定时间内完成作业，不得拖延。
2. 原创性：作业需为学生个人独立完成，不得抄袭他人作品。
3. 规范性：网页制作需符合规范，代码书写整洁，注释清晰。
4. 创新性：在完成基本要求的基础上，鼓励学生发挥创意，制作出具有个人特色的网页。
5. 实用性：网页内容需具有实用性，避免空洞无物。
四、作业评价1. 教师评价：教师根据学生作业的完成情况、创新性、规范性等方面进行评价，给出相应的成绩。
2. 同学互评：鼓励学生之间互相评价作业，学习彼此的优点，改进自己的不足。
3. 自评反思：学生需对自己的作品进行反思，总结经验教训，为今后的学习提供借鉴。
五、作业反馈1. 教师反馈：教师需对学生的作业给出详细的反馈，指出优点和不足，提出改进建议。
2. 同学反馈：鼓励学生之间互相提供反馈，交流心得，共同进步。
框架网页的制作教案设计与反思
框架网页的制作教案一、教学目标：1、知识与技能：（1）、了解框架结构网页的概念及在网页中的作用，了解它与表格网页的区别。
（2）、掌握框架结构网页的建立、框架结构的拆分、框架的删除等。
（3）、掌握框架中页面设置及保存的方法，如设置初始网页按钮、新建网页按钮等。
2、过程与方法：（1）、能够区分框架结构属性设置与网页属性设置的不同点。
（2）、通过框架结构网页设计，使学生对网页的整体结构有更进一步的认识。
3、情感态度与价值观：（1）、能够将表格与框架结构网页结合使用，在创作中体验乐趣。
（2）、培养学生网页设计的审美意识、创新意识。
二、教学重点难点：1、教学重点：（1）、框架网页的作用和功能，框架的建立与属性设置。
（2）、框架中各个页面之间的关联，每个框中页面的设置方法。
（3）、框架网页的保存方法。
2、教学难点：（1）、框架结构网页中框架属性与页面属性的设置方法。
（2）、理解框架结构的多页面存储方法及各页面之间的关联。
三、教学过程：1、创设情境、导入新课（1）、教师展示一组表格制作的网页，引导学生找出它们的共同特点。
并提问如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。
（2）、教师又提问：有没有更好的方法呢？相同的区域我们能否只做一遍呢？从而导入新课——框架网页的制作。
设计意图：通过对比、比较，引导学生思考，激发学生学习的乐趣。
2、任务驱动、自主学习（1）、教师展示一个框架网页，引导学生理解框架网页的概念。
（2）、出示任务一：框架网页的新建与保存。
教师要求学生先阅读教材中的操作步骤，再尝试完成书本第227页的实践学习。
（3）、教师讲解框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。
（4）、学生理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验七框架型网页的制作
一、实验目的
1、掌握框架集和框架的创建和保存；
2、掌握框架、框架集的编辑和属性的设置；
3、掌握框架超级链接。
二、实验内容
利用框架制作如下图所示的页面效果，框架集网页为index.html，其中：图2-9-1为打开index.html的效果图；
图2-9-2 单击左侧“勇敢的心”的网页效果图；
图2-9-3 单击左侧“肖申克的救赎”的网页效果图；
图2-9-4 单击左侧“阿凡达”的网页效果图；
图2-9-5 单击左侧“战马”的网页效果图；
图2-9-1 图2-9-2
图2-9-3 图2-9-4
图2-9-5
三、知识点分解
该实验主要涉及的知识点就是框架和框架集的保存以及设置超链接的目标框架。
四、实验步骤
1、选择[文件]/[新建]菜单命令。
2、在“新建文档”对话框“示例中的页”列表中选择“框架集”选项。
3、从“框架集”列表选择相应的框架集，如图2-9-8所示。
图2-9-8 “新建文档”对话框
4、单击按钮，则会弹出“框架标签辅助功能属性”对话框，为每一框架指定一个标题，单击“确定”按钮，则上方框架标题为“topFrame”，左侧框架标题为“leftFrame”，右侧框架标题为“mainFrame”。
5、选择[查看]/[可视化助理]/[框架边框]菜单命令，则在文档中就会出现框架的边框。
6、选择[文件]/[保存全部]菜单命令，将框架集文件保存为index.html，上方框架文
件保存为top.html，左侧框架文件保存为left.html，右侧框架文件保存为main.html。
注意：对于框架集和框架文件保存的文件名，一定要做的看到文件名就能知道该文件对应与
该框架集中的哪个框架。
7、选择[窗口]/[框架] 菜单命令，打开“框架”面板，直接在面板中单击最外面的框架集，打开属性对话框，设置“行值”：119px，再选择里面嵌套的框架集，设置“列值”：253px。
8、打开top.html，依次插入图片，定义图片宽和高均为200px。
注意：可以不需要打开相对应的框架文件，直接在index.html文档中对框架文件进行编辑。
9、按【Ctrl+S】保存该网页。
10、打开left.html，输入文本，在页面属性中设置文本颜色、大小和字体。
11、由于四部电影分别对应4个网页，在框架mainFrame里面进行显示，所以需要新建4个html文档，分别为braveheart.html,sh.html,afd.html,zm.html。
分别将电影简介添加到四个对应的页面。
《勇敢的心》链接到braveheart.html，
12、打开top.html，依次给4部电影添加超级链接，
目标（即当点击链接时的显示区域）选择mianFrame,然后确定；《肖申克的救赎》链接到sh.html，目标选择mianFrame,然后确定；《阿凡达》链接到afd.html, 目标选择mianFrame,然后确定；《战马》链接到zm.html，目标选择mianFrame,然后确定；打开页面属性，定义字号、字体和颜色，定义链接的样式。
12、按【Ctrl+S】保存该网页。
13、打开main.html，制作一个图像查看器来浏览图片，方法已经试验过，请同学们自行制作。
14、按【Ctrl+S】保存该网页。
15、回到index.html，按【F12】预览。