基于SEO的网页布局分析

当前，越来越多的网站发布在互联网中，网站提供各式各样的信息和服务，对于广大的网民来说，会经常在互联网中搜索所需信息，搜索引擎已经成为在广阔的网络中获取所需信息的最重要途径和工具；对各个网站来说，在搜索引擎中的收录量和排名，直接影响着网站的宣传和运营。搜索引擎在互联网中的地位、对人们的日常生产产生巨大影响。seo（搜索引擎优化）越来越重要。

1 seo介绍

1.1 seo

seo即搜索引擎优化，网站的seo是指针对搜索引擎使网站内容较容易被搜索引擎取得并接受。搜索引擎在抓取该网站的资料后进行比对及运算，最后将pr值（page rank）较高的网站放在网络上其他使用者在搜索时会优先看到的位置，证明网站的重要程度，进而促使搜索者可以得到正确且有帮助的资讯。搜索引擎优化通过对网站结构、网页文字、网页标签、网站的链接等进行合理规划部署使搜索引擎更容易抓取网站的内容，使网站在搜索引擎中具有较强的自然排名竞争优势。其本质是优化网站，让搜索引擎蜘蛛程序更好的阅读与抓取。

1.2 搜索引擎的工作原理

搜索引擎能够获得网站网页资料，并建立数据库以提供查询的系统。这个便是通过所谓的爬行器（crawler）或叫爬行蜘蛛

教案：使用表格布局网页

教学内容：项目五表格的应用任务3、使用表格布局网页课程：网页设计与制作专业：计算机授课课时： 1课时教师：授课班级：单位：授课时间：教学设计说明：对于使用表格布局“个人写真”首页的任务，我在坚持以教

师为主导，学生为主体的教学原则下，通过复习提问——巩固旧知；创设情景——导入新课，明确任务；提出问题——分析任务，引发思考、课堂讨论、获取知识；讲授点拨——任务实施，引出重点；师生互动，归纳提高——攻破难点五个环节进行教学。在任务实施中采取小组合作完成的方法，以小组为整体回答问题及完成操作性任务，小组评比采用星级制，小组得星数量从多到少评为优、良、

D:/myweb素材 2 文本、图片等元素的布局，强调两个网页在制作中的区别是前者运用表格进行合理布局，可见布局在网页制作中的提出本次课的任二、导入新课看图观察对比2张网页效果图图1 图2 【观看效果图】观看老师展示的张页面效果图。【学生感受】学网重要作用。学学习任务。

首页效果图请同学们观察首页的布局，分析结构，得出首页表向学生展示首页三、进入新课 1、任务分析 2、任务实施（一）、插入布局页面的表格并在表格、单元格属性面板中设置表格【操作步骤】步骤1：单击菜单栏[插入记录]/[表格]，设【学生讨论】在教师的引导下，分析、布局规律。

请学生到教师机上演示表格四的巡回检查学生制作，并针对制作过程出现问题进引导学生建立调整表格结构的思软教师巡回检查学生制作，并针对制作过程出现问指置：1*1，边框、边距、间距：0；步骤2：单击状态栏[table]标签，设置表格对齐方式为“居中”；步骤3：单击状态栏[td]标签，设置单元格高；步骤4：表格2、3、4的创建方法同上。【提出问题】如果表格属性填充、间距、边框不设为0是什么效果？练习一：带着问题完成表格插入及属性设置操作。【总结】如果没有指明单元格边距和单元格间距，大多数浏览器按单元格边距为1、单元格间距为2来显示表格。（二）调整表格结构 1、合并、拆分表格【操作步骤】步骤1：光标定位于表格2中，单击单元格属性面板“拆分”按钮，将单元格差分成10列；步骤2：按住ctrl键选择不连续单元格，设置奇数单元格为80px,偶数单元格为20px; 2、表格嵌套【操作步骤】光标定位于表格3第二例，插入一个2*3，宽度80%的表格。【提出问题】如何使嵌套的表格置于单元格的最顶端并居中？练习二：完成表格的结构调整操作。【总结】表格中的第二种对齐单元格中的对象相对该单元格的对齐方式，在[属性]面板中展开[水平对齐]/[垂直对齐]下拉列表，选择相应的水平方向和垂直方向的学生到前面操作，及在的普遍问题。【学生操作】带成设置操作。总结表格的填充、间距、义。学整法，习操作方法， WORD 进行对比。【学生操作】带成

利用表格布局网页教学反思

《网页中的表格》教学反思表格的作用在网页制作中非常重要，网页的布局都由表格来控制，本节课通过任务驱动式教学，启发并引导学生完成任务。首先，给学生展示网络上的许多漂亮的网页，将网页布局的布局进行大概的分类，让学生体验表格在网页制作中的强大作用。由于学生在Word中已经学习过如何进行表格的操作，应此，将此部分的内容迁移到Frontpage还是比较简单的，所以本课主要以学生的自主探索为主，教师讲解为辅进行。本节课使用任务驱动式教学法，通过启发的方式引导学生完成任务，首先，给学生展示如何用表格控制网页，通过与word类比的方法让学生认识表格的组成结构，接着，给学生展示一张利用表格控制后做出来的网页，明确目标，激发学生的学习兴趣。在学生学习的过程中给学生准备一个学程导航，让学生每次阅读任务的步骤，遇到操作中的难点，教师再进行示范。在自主学习中，有效地培养了学生的动手能力，大部分的学生都能迅速地完成操作。但是学生在知识迁移的过程中还有一些小问题，因此，在今后的备课中还要加强每一个操作小任务的设计，对每一个操作的环节，应该准备操作的效果图，让学生能够快速直接地发现自己的问题，尽快去寻找解决问题的方法。在本节教学过程中，要注意每一个小任务的提出，都要事先出示表格效果图，让学生面对眼前的实际问题，指导学生看书去寻求解决问题的方法，随后教师示范，学生看着大屏幕跟着一起解决问题，效果良好。另外，要求学生试制作“双休日活动安排表”这一残缺不全的表格时，教师一定要巡视每个学生，必要时结合本节课的知识要点进行个别辅导，让学得不扎实的学生也能尝受到成功的喜悦，以达到大面积提高教学质量的目的。

用表格布局网页

第13课用表格布局网页一、教学目标： 1．知识与技能（1）了解网页设计中表格的作用。（2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。（3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。2．过程与方法（1）掌握软件学习中的对比学习法，培养学生迁移学习的能力。（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。（3）通过自主探究，使学生掌握软件的使用规则，由摸索、探究性学习到形成性学习，培养学生学会学习，驾御学习的能力。 3．情感态度与价值观（1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习信息技术的能力。（2）通过运用表格布局网页对象活动（各人根据网站主题，设计网页），进一步掌握各种不同对象的属性设置方法和规律，体验创造的快乐。（3）通过“动物——人类的朋友”表格页的设计与制作，再次激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。二、教学重点、难点： 1．教学重点：（1）了解表格在网页设计中的重要作用和功能。（2）掌握插入、编辑表格的方法及表格的属性设置方法。（3）掌握单元格的修饰与属性设置。 2．教学难点：表格属性和单元格属性设置三、教学方法：对比教学法、探究学习法、模仿学习法。四、教学过程： 1．复习以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字、图像等对象的插入，学生认真回顾，回答教师提问。为本节课教学做一定铺垫。 2．引入（1）观看两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定规律；另一个页面凌乱，图文混杂，摆放杂乱。你更喜欢怎样的页面布局？提出问题：有什么办法可以达到第一个页面的效果？（2）观察第三个页面，内容与第一个页面相同，显现页面的表格边框。

《应用表格布局网页结构》教案

《应用表格布局网页结构》教案一、教学目标 1、知识与技能：（1）了解表格网页的作用；（2）掌握网页中表格的制作方法，表格属性的属性设置方法；（3）能根据网页设计内容，正确布局表格的结构；（4）尝试根据内容需要设计表格布局网页页面。 2、过程与方法：（1）利用对比，加深学生对表格布局网页的认识；（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法；（3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。 3、情感态度与价值观：（1）通过实践创作的过程，形成主动学习和利用信息技术、参与信息作品创作的态度；（2）培养学生注重吸取成功的经验，提高本身的信息素养。二、教学重点 1、表格的制作及设置方法； 2、根据实际情况设计并应用表格布局网页。三、教学难点 1、应用表格布局网页页面的意识； 2、合理制作表格，实现页面布局。四、教学方法教师讲解、演示、与学生任务驱动、合作学习相结合。五、教学过程教学过程教师活动学生活动课前准备将“学习素材”文件夹发送到学生机桌面；打开并预习本课内容。一、对比，引入新课 1、明确表格在网页制作时的作用：页面规划（1）展示两个页面（1.htm和2.htm）并进行比较：提问：①这2个网页，你喜欢哪个？为什么？

②网页中的文字、图像对象如何插入？ ③在Frontpage中打开2张网页，观察有什么不一样。总结：这些线就是表格线，在做网页时，可以利用表格布局网页结构。（2）引出本课内容：探索用表格来布局网页的页面。（3）明确本课的任务：使用表格制作网页。学生小组交流、讨论，对比加深印象，感受表格布局网页的作用发现表格可以布局页面明确本课内容二、小组合作，体会用表格布局网页 2、模仿用表格布局网页页面结构（1）引导学生回忆Word中学过的表格内容，提示学生表格操作跟Word中具有很大的相通之处；提问：还记得哪些表格的编辑方法？（2）展示效果页，引导学生分析页面的结构，探索需要制作表格的结构；（3）讲解演示表格的制作及调整；（4）布置学生完成任务一：“心憩空间”网页（5）展示成功学生的作品，引出表格属性的设置；如：行列的插入、删除、单元格的合并、拆分、调整大小等。根据网页内容来规划所需表格结构，了解网页中表格制作及设置的方法。学生小组合作，完成网页“chushi.htm” 三、小组合作，尝试用表格布局网页 3、小组交流并独立制作表格布局网页（1）刚才我们一起体会用表格布局网页的网面结构：先分析确定所需表格的结构，然后根据实际制作设置表格布局网页页面结构。接下来我们就来尝试用表格布局我们的网页了；引入用表格布局“多彩的生物”网页；（2）引导学生分析确定网页的表格结构；（3）布置学生完成任务二：制作“多彩的生物”网页；可以根据自己的设计对网页进行适当的调整；掌握根据网页确定所需表格的结构能根据网页规划表格小组合作讨论，根据学案提供的参考表格确定“多彩的生物”网页的表格结构，再独立完成图片、文字的插入。四、作品展示交流与课堂总结

第三课时应用表格布局网页结构

《应用表格布局网页结构》教学目标（一）知识与技能目标： 1、了解表格在网页设计中的作用。 2、掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。 3、区分表格属性和单元格属性，并掌握属性的设置。 4、能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。（二）过程与方法目标： 1、利用对比学习，形成知识迁移的能力 2、通过用表格布局网页，进一步理解表格的作用、功能 3、通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力 4、通过任务驱动学会应用表格布局网页结构。（三）情感、态度与价值观目标: 1、通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。 2、通过“多彩的生物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。教学重点与难点教学重点：了解表格在网页设计中的重要作用，插入表格和更改表格属性。教学难点：让学生灵活掌握排列表格和设置表格属性的方法。表格的嵌套在网页设计的重要作用。教学过程一、课堂导入展示：两张素材相同布局不同的网页（多彩的生物）。提问：同学们，请大家比较一下这两个网页，相互之间可以讨论一下，哪一个网页布局更合理，哪张较美观？较美观的那张网页是怎么布局的？（请学生回答。）想一想：为什么一般我们在网页上看不到表格呢？——表格线隐藏设置。【设计意图】展示作品，激发学生兴趣；引导学生发现问题，并学会分析问题。观察和比较两张素材相同布局不同的网页，分析布局网页页面的元素。这两个网页，通过比较会发现：一个是页面工整，文本、图片摆放对称且有一定规律，使用表格布局，但表格边框隐藏（看不出表格痕迹）；一个是页面凌乱，有图有文，摆放杂乱，提出问题，有什么办法可以达到第一个页面的效果？这就是我们今天所要学习的内容《应用表格布局网页结构》二、新授： 1、分析表格结构布局展示有表格布局的网页，引导学生分析其表格结构，分析结构，得出表格的布局（几行几列，哪些行做了哪些处理）。

应用表格布局网页结构

《应用表格布局网页结构》教学实录［作者：阜宁县明达中学姜秀菊来源：本站原创点击数：1078 更新时间：2010-6-12 文章录入：yc_chl ］知识与技能目标： 1、了解表格在网页设计中的作用。 2、掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。 3、区分表格属性和单元格属性，并掌握属性的设置。 4、能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。过程与方法目标： 1、利用对比学习，形成知识迁移的能力 2、通过用表格布局网页，进一步理解表格的作用、功能 3、通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力 4、通过任务驱动学会情感态度与价值观目标： 1、通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。 2、通过“保护动物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。教学重点与难点： 1、重点。（1）了解表格在网页设计中的重要作用。（2）掌握插入、编辑表格的方法及表格的属性设置方法。（3）掌握单元格的修饰属性的设置。 2、难点。表格的嵌套在网页设计的重要作用。教学准备：各自制作的站点文件夹，整理、归类相关素材并按要求摆放。教学过程一、导入：

播放歌曲“一个真实的故事”，激发学生兴趣，与学生互动。师：这首歌里讲的是什么样的故事呢？生回答。一个姑娘救丹顶鹤的故事师：丹顶鹤，它是一种珍稀动物，同学们还知道哪些珍稀动物呢？是从哪里知道这些珍稀动物的呢？生抢答。扬子鳄，大鲵，金丝猴，丹顶鹤…… 师：很好，同学们知道的可真多啊，是从哪里知道这些珍稀动物的呢？生回答：书，报纸，网络…… 师：同学们知道，但是很多人不知道呢，更不知道人与动物要和谐相处，我们是不是有必要做些宣传。为保护珍稀动物尽一份力？生：对师：但是这么多珍稀动物在网页上应该如何分布呢？展示：两张素材相同布局不同的网页（动物——人类的朋友）。（然后将两个页面并排显示在投影上）提问：同学们，请大家比较一下这两个网页，相互之间可以讨论一下，那一个网页布局更合理，哪张较美观？较美观的那张网页是怎么布局的？（请学生回答，请坐。）【设计意图】展示作品，激发学生兴趣；引导学生发现问题，并学会分析问题。观察和比较两张素材相同布局不同的网页，分析布局网页页面的元素。这两个网页，通过比较会发现：一个是页面工整，文本、图片摆放对称且有一定规律，使用表格布局，但表格边框隐藏（看不出表格痕迹）；一个是页面凌乱，有图有文，摆放杂乱，提出问题，有什么办法可以达到第一个页面的效果？

《应用表格布局网页结构》教学设计

《应用表格布局网页结构》教学设计一、教学目标知识与技能：1、了解表格在网页设计中的作用。 2、能够根据网页的内容，正确布局表格的结构。 3、掌握网页中表格的制作方法，能够在单元格中正确插入文字和图片，掌握表格属性的设置方法以及单元格的修饰与编辑方法。过程与方法：通过观看优秀网站表格布局，动手设计表格等环节，帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性，培养学生的发散思维能力；通过学生自主地编辑和修饰表格等环节，培养学生自主探究学习的能力。情感、态度与价值观： 1、提高学生自学和探究的能力，培养学生应用表格布局网页结构的兴趣。 2、提高学生语言表达能力，学会客观的评价作品。二、教学重点与难点重点：了解表格在网页设计中的重要作用掌握插入、编辑表格以及表格，单元格的属性设置方法。难点：表格的嵌套表格，单元格，网页属性的设置三、教学方法讲解演示教学法，小组合作学习法，自主探究学习法四、教学设计说明本节课是初中信息技术（下册）2007年7月第一版第11单元《设计主题网站》第二节的内容，教学面向的是初二年级的学生，该年龄段的学生已具备了一定的信息素养，掌握了基本的信息技术知识和技能。

初中的学生喜欢新、奇、特的事物，接受能力和理解能力比较快。而直观、醒目的网站示例图片则可以培养学生对于本课题的兴趣，但是学生对于如何应用表格布局网页结构的操作是比较模糊的。因此本节课充分地发挥学生了的积极性，让学生随着学案所设置的环节，探究完成一个又一个的应用表格过程。而学案则是在尊重学生解决问题的思维过程方式的基础上设置的，注重学生的学习体验和情感的体验。整节课以学生为主体、教师为主导的架构下，搭建以生为本的情景学习平台，帮助学生自学、交流讨论、深入探究，以不断的完成应用表格布局网页结构的过程为手段，一步步完成学习任务。五、教学过程课前将素材和网站站点发送到桌面，指导学生解压缩。并带领学生熟悉本节课所要制作的网页的素材。（一）设置情境，引入课题师：我们知道，地球是人类赖以生存的家园，然而，近几年来，地球的环境却越来越恶劣：全球性气候变暖、暴雨、雪灾等灾难性天气频繁出现，给我们的生活带来严重威胁。因此，我们每一位同学，都有责任去保护环境，那么我们应该如何去保护环境呢？我想首先是宣传环保、倡导环保。那上一节课呢我们已经建立了以环保为主题的站点，学习制作了网站的欢迎页。今天这节课，我们将一起学习制作网站的主页面来宣传环保，那如何来设计主页面呢？首先我们先来欣赏几个著名网站的主页。（播放课件）师：你们能看出这些是哪些网站的主页吗？生：网易，新浪，搜狐师：很好，它们分别是网易、新浪、搜狐的主页面。我们知道这些网站的主页面包含的内容都相当丰富，但给我们的视觉感受却是繁多而不杂乱，紧凑而不单调。这些页面设计是如何做到这一点的呢？师：我们以搜狐主页面为例，（呈现搜狐主页面的图片），来探究一下如何设计网站的主页面。首先这一页面的左上角有一张的搜狐的LOGO图片，使我们一眼能认出这是搜狐页面。在图片的右边呢，是网站中的导航，通过导航链接到其它的页面。下面的主体部分，分成了几个区域，我把它标示出来，这样我们