微机九年级上

1、初中信息技术教学参考九年级上册第1单元 制作一个简单的网页【教学目标】知识与技能 借助学习过的相关软件规划网站的网站地图。 学会新建只有一个网页的站点。 在页面中熟练地输入文字并对文字进行修饰。 学会保存自己的作品。过程与方法 通过浏览各类网页，分析网页中的主要元素和网页布局。 借助学习过的相关软件为自己的网站列一个结构化的蓝图。 采用知识迁移的方法掌握新工具的使用方法。 会评价一个网站的优劣，并提出评价标准。情感态度价值观 能积极参与组内讨论。 能通过交流，完善自我的作品。 养成事前进行规划的良好习惯。【教学重点与难点】 分析网站的主要元素及网页布局。 自我站点的规划。 新建自己的站点。【课时安排建议】3课时。【教学准备】各种类型、各种布局的网站。【教学过程】1引入课题，明确活动任务。任务：制作一份竞选网页。目的：让全校学生了解你，投上信任的一票。2浏览网站，分析网站的结构。学生活动：采用组内讨论分析的方法，尝试分类、总结网页中主要组成元素，通过链接发现网站的不同结构。教师活动：总结归纳学生的想法，并梳理清晰。提示：网站中的一个网页能和网站中的任何一个页面进行超链接，按照链接的大概情

2、况，网站的结构一般分为三种形式：第一种叫大纲层次结构或树结构。有几个分支，每个分支内的网页，只有同一分支内上层与下层之间的链接，没有分支间网页的链接，条线分隔比较清晰。就如学校里年级和班级的设置一样，学校是一个主页面，下面有按年级分的几个分支页面，各个分支页面下是班级页面，而这些班级只对应相应分支的年级，不会与其他年级页面有关。第二种是线状组织结构，所有网页都按顺序排队，链接时一般只链接上下两个网页，一般每个网页上设计一个返回主页的链接。第三种是随机结构，网页间的链接随心所欲，前两种结构混合在一起，容易让浏览者迷失方向。3为自己的站点列一个结构蓝图。教师活动：提供一个网站或一个网站结构的样例。学生活动：根据过去自己上网浏览的经验，小组讨论后绘制一张有关网站、网页、主页、超链接的结构蓝图。4交流完善。5进入Frontpage，熟悉软件，触类旁通，熟悉Office软件的共用功能。（1）新建网页。（2）文字的输入、修饰。（3）页面属性设定。（4）页面保存。提示：可以让学生自行学习，也可以让学生做小老师。打开FrontPage的方法及窗口的组成，建议由学生自己观察。该软件特别之处是进入该软件的

3、界面，软件提供有普通、HTML、预览三种窗口。普通窗口：用于一般制作页面，也是初学者用得最多的窗口。HTML窗口：在普通窗口中制作的网页内容，软件就会自动产生相应的HTML标记文件，而那标记文件就在该窗口中显示。对于部分掌握HTML的使用者来说可以直接在这里进行网页制作和编辑。预览窗口：用于观察所制作的网页放在浏览器中的大致效果，便于制作者及时修改。一般情况下，预览的效果和在IE里的效果相似，但不一定严格一样。值得注意的是，已经保存过的网页做了修改后，一定要再次保存后才能在预览中看到修改效果。网页是一种超文本文档，它将文字、图片和动画等组织在一个页面里，并使用超链接来连接其他页面。网页文件一般以“.htm”或“.html”结尾。网站是一系列与主题相关的网页，既可以在本机上浏览，也可以通过因特网或局域网来访问。首页是指该网站的起始页面，文件名一般为index.htm。【教学参考】网站浏览http:/http:/http:/ 在网页中使用表格【教学目标】知识与技能 熟练表格的插入、编辑。 利用表格合理地安排网页中的各个元素。过程与方法 掌握用表格进行网页布局的方法。 在学习表格编辑等功能使

4、用中的知识迁移能力。 采用比较分析的方法，审核设计的合理性。情感态度价值观 坚持与组内的伙伴交流学习的经验和收获。 养成记录学习过程的好习惯，虚心听取他人的意见和建议。 保持学习的积极性。【教学重点与难点】 表格的使用。 利用表格合理布局页面。【课时安排建议】4课时。【教学准备】 提供学生模拟的页面样板。 相关的颜色搭配建议。【教学过程】1. 作品模仿，技能学习。教师活动：提供一些结构相对简单，但有一定特色的页面，让学生分析，同时让学生自行阐述表格的使用方法。学生活动：采用组内讨论分析的方法，对常见网站页面的布局类型进行分类，借助学习过的Word的经验，学会FrontPage中表格的使用，并能总结出它的特色和功能；模仿某些页面的表格定位，提高使用表格的能力。2. 尝试利用表格模仿或是创新设计一个自己的页面。学生活动：根据自己站点的特色，设计页面的布局样式，利用表格安排页面中的各个元素，绘制出每一页的主要框架，如文本、图片、链接点在页面中的布局。教师活动：引导学生先观察、尝试一下“表格属性”、“单元格属性”中各项目对表格的影响，然后再开始按前一次课设计的各页布局用表格反映出来。教师在学生

5、学习、讨论、体会、尝试的过程中要注意观察，及时发现共性问题，由集体讨论解决。在小组内不能解决问题时，鼓励学生向其他小组的同学请教。提示：插入表格对于学生来说不是问题，关键是插入中规中矩的表格后，如何进一步编辑、调整。本节内容可以说是对Word中插入、编辑表格知识和能力的一种复习、迁移。在学生具体制作每个页面之前，一定要请学生绘制页面布局图，根据这个图再利用表格进行页面布局，以免学生只是盲目地为做表格而做表格。另外可引导学生尝试“表格属性”中各个项目的功能，从而制作出符合自己页面布局的表格。3. 交流展示自己的网页布局。4. 制定修改方案完成页面修改。【教学参考】网页布局1网页布局类型。网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。（1）“国”字型：也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一

6、种结构类型。 （2）拐角型： 这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是：最上面是标题及广告，左侧是导航链接。（3）标题正文型： 这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。（4）左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。（5）上下框架型：与上面类似，区别仅仅在于是一种上下分为两页的框架。（6）综合框架型：上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。 （7）封面型：这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接，或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果

7、处理得好，会给人带来赏心悦目的感觉。 （8）Flash型： 其实这与封面型结构是类似的，只是这种类型采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。（9）变化型：即上面几种类型的结合与变化。那么，什么样的布局是最好的呢？这是初学者可能会问的问题。其实这要具体情况具体分析的。比如，如果内容非常多，就要考虑用“国字型”或拐角型；如果内容不算太多，而一些说明性的东西比较多，则可以考虑标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面型是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。2网页布局的要求。第一是页面的易读性。一般的设计要素也是视觉要素，它们的表现与组合就成为视觉语言。视觉语言必须是可读的，排版中的各种视觉要素应是目力能及，清晰易辨，易读性强。比如说明文字的处理，字体、字号大小、横竖位置、字距行距、段间段首的留空等等都要做到易认易读。排版

8、中，还要注意视觉要素与画面空间环境的密切配合。空间宽敞，能更多地吸引浏览者的目光。越是主体，周围的空间要越大，犹如宽敞海面上的一页小帆，才能更加突出主题。第二是页面的条理性。页面排版特别要求符合浏览者的阅读习惯、心理顺序和思维发展的逻辑顺序。例如，一般在页面的上面或左面安排导航或目录，就是这个道理。页面排版切勿让人看得眼花缭乱，不知其所以然。第三是页面布局中“形”的美学追求。对称性：对称具有静态的秩序美，可表现一种恬静、庄重的风格。在网页排版上对称的例子屡见不鲜。但绝对的对称，会使人感到呆板，因此往往需要一些变化。平衡性：平衡重在感觉。除了形的平衡外，还有色彩的平衡。点线面的完美结合：运用点、线、面时，要考虑到页面在力量分布上的主次关系，不要三者平均分配。充分利用网页的表格、线条和一些小图片，可构建相当精致的页面。动静结合：网页的重要特点是可以放置动态图片。这时，要充分利用图片“动”的效果，来活跃页面。但千万记住：动的东西千万不能太多，否则，会弄巧成拙，让人生厌。此外，页面排版还要把握好对比、比例的应用，空间的应用以及统一和变化的关系。第四是协调好布局与色彩的关系。完全撇开页面的颜色谈排版布局是不合适的。所谓“远看色，近看花”，也说明了色彩的重要性。色彩能给人产生冷暖、厚薄、轻重等感觉。形式上不均衡的页面，我们通常会通过颜色来调节。此外，色彩还是决定网页风格的一个重要因素。网站配色网站配色方案：1. 红色。红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动，还是一种容易造成人视觉疲劳的色。（1）在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。（2）在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。（3）在红色中加入少量的黑，会使其性格变得沉稳，趋于厚重、朴实。（4）在红色中加入少量的白，会使其性格变得温柔，趋于含蓄、羞涩、娇嫩。2. 黄色。黄色的性格冷漠、高傲、敏感，具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其他色，其色相感和色性格均会发

《微机九年级上》由会员M****1分享，可在线阅读，更多相关《微机九年级上》请在金锄头文库上搜索。