一般的百度优化教学设计如下：
一、教学内容
百度优化、网站优化的方法，共第一课时。
二、教材分析
教材中的知识点为：
- 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软件的使用
在图像上加入文字,进行合成图像的操作。如想进行进一步的学习或对这个软件有兴趣的同学，可以上http://www.baidu-seo.net.cn/搜索相关的教学站点进行进一步的学习。
三. 学生作业
任务一.运用表格排版,优化网页文件”1.htm”
任务二.在网页文件中插入图像,结合表格排版的方法,优化网页文件“2.htm”
任务三.在给定的图像上加入文字,最后合成一新的JPG文件,插入到自己的网页上,进行属性方面的设置等操作.
任务四：打开老师布置的半成品网页：图形链接.htm,从网上下载各个网站的标志性图标,放入你的网页中,并且在标志性图片上做超级链接.完成如教师所示的作品.
（推荐阅读：百度优化特点）
（推荐阅读：新站做百度优化的七点注意事项）
（推荐阅读：Google优化与百度优化的区别）
（推荐阅读：反向链接在百度优化中的作用）
推荐阅读
