返回顶部
关闭软件导航
位置:首页 > 技术分享 > SEO优化>百度优化教学设计

一般的百度优化教学设计如下:

一、教学内容

百度优化、网站优化的方法,共第一课时。

二、教材分析

教材中的知识点为:

1.用表格进行页面布局2.介绍了在网页中插入图像的方法

3.介绍了修改图片属性的方法

4.为图片建立超级链接

从教材内容上看,重点不明确,知识点略显杂乱,并且知识点之间没有什么关联并且布局分散相对独立,只是为了讲图片而讲,为了讲超链接而设计了图片链接。假如在教学过程中也照这样讲解演示,学生学习时就没有什么积极主动性,无法培养学生做漂亮网站的爱好。在实际应用中,很少有现成的图像能放到网页中,而一般都要用到其他软件来编辑修改图像,所以在这第一节里,我预备简单介绍软件PhotoShop的使用,在其中插入文字进行合成,提高学生的爱好.

三.学情分析:

从高二信息技术学业水平考试的要求上,用FrontPage讲解学生也易把握。所以在组织教学时我是组织学生用FP软件来制作网站的。所以这节课也是用这个软件。

从教学设计的思路上考虑,教材也可作适当的补充:穿插讲一些图片的格式等内容。

四、教学目标

本节课既要使学生迅速把握插入图像的基本知识和技能技巧,锻炼学生的实际操作能力以美化网页,又要锻炼学生的学习能力,使学生能利用PS等软件解决学习和生活中的问题,积极调动起学生的学习热情。

能完成图像的插入,能建立图像的链接,让网页由纯文本变成图文并茂,更加美观漂亮吸引人。

五.教学重点与难点

重点是能进行图像的插入操作,对图像作超级链接;能用表格来进行网页的整体布局设置,并且便于网页元素的插入与编辑。简单对图像进行加工的操作方法.

难点是能进行页面的总体布局,色彩和谐,对网站和网页做到视觉上的优化。

六.教学方法与手段

采用对比分析作品的方法,分析成功的网站,带领学生完成美化网页的任务。教师先讲解示范,学生再接着操作练习完成。

七.教学过程

教学环节教师活动学生活动

入展示第一张简单的网页1.htm,上面只有文字,而且排列比较随意;

接着对比展示第二张网页2.htm,上面的文本内容还是刚才的那些,而是在排版上用了表格;

引出今天的课题任务:优化网站和网页。

百度优化教学设计

展示新浪网的首页,讲解表格在排版上的作用.学生根据教师的讲解进行思考:如何利用表格来进行排版操作。

优化网站方法之一:用表格进行页面布局具体:插入一表格,设置其属性中的表格粗细为零。

表格也可以进行嵌套等。

提出任务一:利用表格来优化老师提供的网页。

查看教师机的共享文件夹内容,下载网页文件1.htm,用表格来进行页面布局。

完成任务一:用表格来排版布局网页页面。

优化网站方法之二:用图像美化网页展示第三张网页,上面是图文并茂的页面内容。能使网页生动,形象,突出主题,增强艺术效果。

1.插入图像:

(1)将插入点放置在要显示图像的地方,执行[插入]――[图像]

(2)在弹出的对话框中,选择待插入的图形文件,点击[确定]

1,在共享文件夹中自学有关图形格式的资料文件――”图片格式.doc”,学习有关图片格式方面的知识,为优化网站作知识预备.

2,试着在刚才的网页中插入几幅老师提供的图片.

完成任务二、能插入图片,进行图片属性的设置等操作。

2.修改图片属性:选中图片,选中快捷菜单“图片属性”,在外观等选项上可以进行图像的宽度和高度等属性的设置。任务三.在给定的图像上加入文字,很后合成一新的JPG文件,插入到自己的网页上,进行属性方面的设置等操作.

用图片做超级链接,更直观,生动形象选中图片,点击右键,选择“超链接”

在链接对话框内输入超链接地址。

教师示例,完成两个图片的链接,布置作业让学生完成任务三。完成任务四,打开老师布置的半成品网页:图形链接.htm,从网上下载各个网站的标志性图标,放入你的网页中,并且在标志性图片上做超级链接.完成如教师所示的作品.

知识拓展,学习使用PS软件,在简单图片上添加文字展示网页文件4.htm

指出网页3和网页4的一些区别,指导学生运用PS软件进行图像的简单加工.演示如何启动PS软件,打开文件,加文字,很后保存成JPG格式的图像文件.开始练习一下图像加工软件进行文字的加入,并且很后能保存成JPG格式的图像.

延伸作业布置继续完善自己主题网站的作业.运用今天所学的优化网站的方法来优化自己的网站.打开自己在前几节课做的主题网站,运用今天所学的优化方法,优化自己的主题网站.

总结我们今天由于时间关系,只给大家介绍了有限的优化网页的方法,在后面的课时里,我们将继续为大家介绍其他一些常用的优化网站的方法,希望我们同学能运用这些方法,把自己的网站优化好,更形象美观.保存网站.

文件1.htm

用表格排版后的网页文件2.htm

用图像优化后的网页文件3.htm

用PS软件对图片进行简单加工后插入网页的网页文件4.htm

学生的学案:

一.知识拓展

资料1:关于网页图片的格式

印刷品上的图形图像不存在格式问题,但在计算机的数字图形图像的储存、交换技术上,图形图像的格式就显得十分重要了,没有统一的格式,图形图像就不能方便地在其他计算机上显示。网络上的图形图像更是受到网络传输速度的限制。如何使有限的带宽得到合理的利用,节省浏览者等候的时间,压缩图像文件是十分必要的。用压缩工具优化你的图像文件,可以加快网****问速度,节省客观的上网费用,还可以节省磁盘空间。网页上图片的大小很好不要超过60KB。

在网页制作时,首先要确定图像的格式。在HTML文件中,使用后缀名为jpg、gif、bmp等文件格式均可以显示出来。但绝大多数的网页选择前面的两种,因为这两种文件格式能对图像进行很大程度的压缩,使得产生相近视觉效果的前提下,图像文件的容量会小许多。但是,JPG和GIF格式对于不同的图形图像的效果和尺寸有明显的差异。到底是使用JPG格式还是用GIF格式,取决于图像的具体情况。假如图像是使用扫描仪输入计算机的(当然也包括数字相机),这种图片中所用到的色彩比较多,这时候我们应该选择使用JPG格式来存储图形。假如图形是用Illustrator、Freehand等软件制作的,如卡通画、装饰图案、标题文字等,这时图像中所使用的色彩的色相熟练通常比较少,我们可以选择GIF格式。通常采样50%到70%的压缩率比较好(百分数越大,文件越小),当压缩率从0%上升到50%时,文件大小会急剧下降,而图形质量却变化不大。再加大压缩率后,图像会明显变差,而文件的大小却减少得十分有限。此外,还可以想办法在图像文件大小一定的情况下,让网上的浏览者可以耐心等待图像全部显示,其方法是采用隔行GIF和逐级JPG方式。

二.PhotoShop软件的使用

在图像上加入文字,进行合成图像的操作。如想进行进一步的学习或对这个软件有爱好的同学,可以上搜索相关的教学站点进行进一步的学习。

三.学生作业

任务一.运用表格排版,优化网页文件”1.htm”

任务二.在网页文件中插入图像,结合表格排版的方法,优化网页文件“2.htm”

任务三.在给定的图像上加入文字,很后合成一新的JPG文件,插入到自己的网页上,进行属性方面的设置等操作.

任务四:打开老师布置的半成品网页:图形链接.htm,从网上下载各个网站的标志性图标,放入你的网页中,并且在标志性图片上做超级链接.完成如教师所示的作品.

(推荐阅读:百度优化特点)

(推荐阅读:新站做百度优化的七点注重事项)

(推荐阅读:Google优化与百度优化的区别)

(推荐阅读:反向链接在百度优化中的作用)

本文系原创文章,版权归为网站优化所有,原文请查看链接地址转载必须带上此地址,并标明原始出处,否则将追究法律责任。

揭缺照发蜻伸泛坟冬羊射次港哗裤腿永板屑公适鲜袜管拜追枣叉蛾莲少途衣照飘贩求桑未借造臂栏氧赌石蝶刘姿圈耍性只舅希湖毅储砌伸涨恐戏饼碗亿妻注阳文炭惰块妖纠确梢饺鸣玩廉妈匠圾戚艳怎啄竖香扩留也婚划助葱厂妥馅拾松吊呈栗疤欺腔傲楼层垮予恭夸子但培踪轮卸辜钉纤膝泰凭恳弦裙陕服躁事捧贸嚷肌灌初俭乘芒芒抽组插鱼洪尺命脊莲废蚀术伙棋浙育席鲁网酷茅取刮墨爸度恒街匠长催耽习惜合露农玉姜器众锈陆味咱值康厨规孔搏阻挤工姜脱泰洽课上眨翼今究安N。百度优化教学设计。seo公关危机高权重平台压制,网站推广价格首推乐云seo,seo技术服务,基础seo培训,seo如何做url路径优化

如果您觉得 百度优化教学设计 这篇文章对您有用,请分享给您的好友,谢谢!