网页第十三课《制作网站页面》学案

制作网站  时间:2021-04-08  阅读:()

第十三课《制作网站页面》学案

【课时安排】

1课时

【教学目标】 

1 、知识与技能进一步熟练掌握网页文字、 图片的插入和格式设置能根据创意制作内容较为丰富的个人网站首页进一步掌握网页制作软件的表格、字幕等功能。

2、过程与方法任务驱动让学生根据自己的网站规划参考教科书 以探究的方式掌握知识与技能实现网站其他页面的制作。

3、情感、态度、价值观培养学生的审美能力和创造能力在小组协作学习中培养学生的团队精神。

【教学重点】 

1 、根据网站规划独立设计网站的各子页面

2、学习 FrontPageXX制作网页的技巧字幕、表格、图片阴影。

【教学难点】 

1 、字幕的设计和表格的使用

2、文本和图片格式的更多设置。

【教学准备】 

大屏幕投影、多媒体网络教室、相关图片及文档素材

【教学过程】 

一、创设情景 引入课题

同学们上节课已经在FrontPage中制作出了网站的首页但一个网站一般都有许多页 展示两个例子大家看除首页外其它各页面都有些什么特点

有滚动字幕、有图片有排列整齐的表格等

教师引入在一个网站中除首页外还应当有更多的子页面详细表达各栏目的具体内容这些页面一般比首页内容简练但也可以加入一些滚动字幕绘制表格以便排列图

片和数据等。这节课我们就在FrontPage中试试这些功能。二、

新课教学

任务一制作第一个子页面并添上滚动字幕

1 、学生探究用以上节课学过的方法根据自己的网站规划新建一个空白网页输入标题正文再添加图片等使页面内容丰富。

2、教师提示学生在插入菜单中有“组件”子菜单请大家试用其中的“字幕”功能看看它有什么用途。

3、小组内交流试探结果教师选两名学生通过网络广播或大屏幕示范插入滚动文字的步骤和效果。

4、保存网页提醒学生要用英文字为文件命名。

教师提醒学生要记住关闭已编辑并保存的网页。

任务二制作其他子网页根据需要插入表格

1 、师有时候 我们需要将文字或图片按行列排整齐

最好的方法就是先插入一个表格展示“卡通动物欣赏”网页实例 然后在表格内输入文字或者插入图片这样就很容易排列整齐了。

卡通动物欣赏

你的哪一个网页需要使用表格呢试试看 根据在w o rd中学过的方法参考课本“吃在四川”子网页的设计方法为自己的网页也插入一个表格再向单元格里添加文字或图片。

2、学生上机操作新建一个空白网页输入本页应有的标题及正文文字然后插入一个表格并在表格内插入图片将图片大小调至合适大小。小组内交流插入表格时你是怎样设置表格参数的为什么这样做能改变单元格的大小和背景效果吗你是怎样找到动态图片的又是怎样

把它们的尺寸设置成一样的呢 3、讨论后学生继续操作并保存新制作的网页。然后制作自己所规划网站的其他子网页。

任务三进一步美化各网页。

师为了使我们的网页更漂亮我们可采用改变背景、使用动画或滚动字幕改变文字或图片的格式等方法美化网页。多数功能都可以通过 “格式” 工具栏或 “插入——组件”菜单来实现。

综合实践

1 、选择漂亮的图片作为子网页的背景。

2、尝试利用格式菜单为网页的文本加上边框。

3、从网上找一些与网页内容相关的 gif 动画插入到自己的网页中。

4、为图片加上凹凸或冲蚀效果。 谈谈探究学习的收获以上效果你实现了哪几种你是怎样做的四、拓展练习

运用所学的表格布局技巧 制作一个 “可爱的卡通形象”网页要求网页内有多个卡通形象每个卡通的大小一致并在页面上方添加一行滚动文字“卡通乐园欢迎你 ” 。

五、展示与小结

同学们已经基本完成了自己的网站各页并且还进行了美化请大家把自己的收获展示给小组同学吧。 小组同学之间互评已完成的网页

同学们已经发现表格的妙用了它不仅可以让我们将表格数据整齐排列还可以用来规划网页布局将各网页元素摆放到合适的位置是网页规范化设计的常用途径。

本课的基本任务是制作其他几个子网页该教案使用任务驱动让学生通过尝试、交流 自主完成子网页设计。既注重教材所推介的知识点也注意诱导学生试探和自学软件的功能发展学生的探究能力。

建议能够创造性的所有教材让学生打开现有的word文档转换成网页文件。 w o rd虽然能制作出网页但它的功

能非常有限要想制作更好、更专业的网页最好用一些专业的网也制作工具软件如 offi ce 家族的另一个成员 ---简单又实用的 ForntPage。一方面把准备好的素材通过学生熟悉的 word文档转换成网页文件 了解网页的相关知识这样知识过渡自然易于学生的理解。另一方面提出了专业工具的问题认识了新的制作网站的工具水到渠成学生对该软件不会产生畏惧情绪。

VPS云服务器GT线路,KVM虚vps消息CloudCone美国洛杉矶便宜年付VPS云服务器补货14美元/年

近日CloudCone发布了最新的补货消息,针对此前新年闪购年付便宜VPS云服务器计划方案进行了少量补货,KVM虚拟架构,美国洛杉矶CN2 GT线路,1Gbps带宽,最低3TB流量,仅需14美元/年,有需要国外便宜美国洛杉矶VPS云服务器的朋友可以尝试一下。CloudCone怎么样?CloudCone服务器好不好?CloudCone值不值得购买?CloudCone是一家成立于2017年的美国服务器...

百纵科技:美国独立服务器租用/高配置;E52670/32G内存/512G SSD/4IP/50M带宽,999元/月

百纵科技怎么样?百纵科技国人商家,ISP ICP 电信增值许可证的正规公司,近期上线美国C3机房洛杉矶独立服务器,大带宽/高配置多ip站群服务器。百纵科技拥有专业技术售后团队,机器支持自动化,自助安装系统 重启,开机交付时间 30分钟内交付!美国洛杉矶高防服务器配置特点: 硬件配置高 线路稳定 洛杉矶C3机房等级T4 平价销售,支持免费测试,美国独服适合做站,满意付款。点击进入:百纵科技官方网站地...

PacificRack(年付低至19美元),夏季促销PR-M系列和多IP站群VPS主机

这几天有几个网友询问到是否有Windows VPS主机便宜的VPS主机商。原本他们是在Linode、Vultr主机商挂载DD安装Windows系统的,有的商家支持自定义WIN镜像,但是这些操作起来特别效率低下,每次安装一个Windows系统需要一两个小时,所以如果能找到比较合适的自带Windows系统的服务器那最好不过。这不看到PacificRack商家有提供夏季促销活动,其中包括年付便宜套餐的P...

制作网站为你推荐
深圳市残友电子善务股份有限公司internalservererrorError 500--Internal Server Error 求教这个问题怎么解决?googlepr值如何提高网站的Google页面等级PR值?netshwinsockresetwin7系统我在输入netsh winsock reset后错误代码11003求大神解决上不了网filezilla_server如何用FileZilla Server新增FTP帐号瑞东集团中粮集团是什么性质的企业即时通平台老司机进来 求个直播平台什么是通配符dir是什么温州都市报招聘温州哪里有招暑期工?怎么去?要什么条件?急......申请400电话申请400电话需要哪些流程?办理哪些证明?
个人域名注册 vps安全设置 siteground 新站长网 绍兴高防 合肥鹏博士 权嘉云 域名转向 国外代理服务器地址 世界测速 南通服务器 qq对话框 广州服务器 免费高速空间 ftp免费空间 idc查询 yundun ledlamp 攻击服务器 asp介绍 更多