Frontpage网页设计之主页制作_frontpage网页设计

2020-02-27 其他范文 下载本文

Frontpage网页设计之主页制作由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“frontpage网页设计”。

网页的制作教案

一、教学目标:

1、知道站点、主页的概念,能在指定位置建立只有一个网页的站点;

2、认识FRONTPAGE的界面;

3、掌握在主页中插入文字、图片、水平线;

4、掌握页面文件与图片的保存。

二、教学重点:

1、能在指定位置建立只有一个网页的站点(难点)

2、能在页面中插入文字、图片、水平线

3、掌握页面文件与图片的保存(难点)

三、学情分析:

学生已经学习了WORD、POWERPOINT与上网浏览信息,对计算机的基本操作(WORD中文档的编辑,网页的浏览等)比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务,有能力的学生还可以完成提高篇的学习,以充分发挥学生的积极性与自主性。

四、教学方法

一方面采用比较教学的方法,促进学生知识的迁移;另一方面,提供学生一个导学课件,让学生根据这个网络环境下的课件自己探索学习,以满足不同层次学生的需求。

五、教学过程

设计教师活动:

1、引入课题:

(激发兴趣,活跃气氛)经常上新浪、西祠胡同等,有没有同学知道新浪、西祠胡同称做什么?(网站)浏览新浪网站,浏览的第一个页面称为什么?(主页)我们还可以浏览其它的页面,点击超链接浏览,当鼠标变成手指的形状时有超链接。

问题1:网站是不是就是网页?用自己的语言描述一下网站的概念(网站包含多个网页,通过超链接把不同的页面链接起来)

问题2:网页是不是就是主页?(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为:index.htm,主页也是网页)设计网站一般必须经过两个步骤,首先是在计算机里做好,然后发布在internet上,让所有的人访问浏览。

今天我们学习用Frontpage建立站点,制作一个主页。

先来研究一下没有发布的网站,打开教师做的网站问:同学们看到了什么?(文件夹)

小结:可以这样理解网站:在资源管理器里,网站表现为一个文件夹,里面存放的是所有与网站相关的文件。打开主页,浏览页面,这是老师做的一个导学课件,将帮助大家完成学习任务。请学生浏览教师课件,了解学习任务。

2、新建站点:

与word比较,有什么不同?(增加了视图区,编辑区有三个窗口)

小结:视图区:多种视图模式是为了方便网站的管理。制作网页时,必须在网页视图中编辑页面普通窗口:鼠标在闪动,可编辑、修改页面,所见即所得的方式预览窗口:浏览器中出现的效果,与PowerPoint中的“放映幻灯片”类似。

Html窗口:编写HTML(超文本标记语言,它是描述网页内容和外观的标准。)打开导学软件,根据步骤,示范建立只有一个网页的站点,强调新站点的位置、路径的正确输入,站点的名称。(教会学生利用导学课件,根据导学课件完成任务)

任务1:学生根据导学课件,在d:建立自己站点

教师巡视指导请一位学生示范如何建立站点,教师总结问:在文件夹列表中看到了什么?分析多出的文件夹列表栏,多了一个文件夹,里面有两个子文件夹和主页,图片存放在images文件夹中)

3、编辑主页与保存主页看效果图,请学生分析主页中的元素总结:鲜明的主题,如:我的世界、我的宠物等,有分割页面的水平线,与主题相关的图片,对网站的简单介绍根据导学软件,学生完成任务2:设计主页、保存主页与图片。教师巡视指导

4、总结反馈请学生示范,讲解如何插入图片(来自剪贴画与来自文件)、插入水平线,如何保存总结:必须切换到“普通”窗口下编辑主页的保存中存在问题:单击“文件”“保存”或工具栏的“保存”按扭,弹出一个对话框,保存嵌入式文件,改变文件夹,图片必须保存在本站点images文件夹中,便于站点的管理。

5、请学生继续完成自己的主页,有能力的同学完成提高篇,教师巡视指导

6、教师与学生共同评价总结展示学生作品 教师与学生共同评价请学生总结今天的学习内容:建立包含一个页面的站点,主页的设计与保存。学生活动:学生回答问题、观察鼠标指针、学生回答问题、学生观察网站的表现形式、齐声回答、学生浏览课件,并了解本节课的学习任务。学生上机操作,在指定位置建立自己站点、请先做好的学生当小老师,辅导其它学生。学生回答、学生操作,同桌互相帮助,并参考教师做的课件,利用网络环境下的课件自己探索学习,满足不同层次学生的需求、学生总结:课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。

frontpage网页制作教案

Frontpage网页制作导学案青州一中刘志韩文件——新建——网页 【学习目标】1、包括网页制作基础知识2、站点的规划和创建3、网页文本和图片的处理、表格和框架的应用 【学习......

《网页制作FrontPage》教案

《网页制作FrontPage》教案教师:张爱平第1、2课时 网页设计概述【教学内容】讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】使学生对网站及网页有一定的认识,激......

Frontpage网页制作经验总结

【摘要】Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还......

高一frontpage制作网页教程(二)

应用frontpage制作网页(二)一、网页美化A、添加网页背景:即整个网页的背景。在编辑窗口中选择“普通”选项卡,在编辑区单击右击选择“网页属性”调出“网页属性”对话框,选择“背......

用FrontPage制作网页课件教案

刀豆文库小编为你整合推荐8篇用FrontPage制作网页课件教案,也许这些就是您需要的文章,但愿刀豆文库能带给您一些学习、工作上的帮助。......

《Frontpage网页设计之主页制作.docx》
将本文的Word文档下载,方便收藏和打印
推荐度:
Frontpage网页设计之主页制作
点击下载文档
相关专题 frontpage网页设计 网页设计 主页制作 frontpage frontpage网页设计 网页设计 主页制作 frontpage
[其他范文]相关推荐
[其他范文]热门文章
下载全文