网站建设与管理整体设计_第1页
网站建设与管理整体设计_第2页
网站建设与管理整体设计_第3页
网站建设与管理整体设计_第4页
网站建设与管理整体设计_第5页
已阅读5页,还剩44页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、网站建设与管理整体设计课程简介课程简介 课程演变课程演变 整体设计整体设计 第一次课设计第一次课设计 4123课程整体设计课程整体设计目录目录最后一次课设计最后一次课设计 5课程简介课程简介基本信息基本信息课程名称:网站建设与管理课程代码:30304005 学分:3学分学时:64学时授课时间:第学期 授课对象:信息管理专业 课程类型:信息管理专业必修课课程简介课程简介课程在专业中的位置课程在专业中的位置C#编程基础SQLServer数据库基础ASP.NET程序设计网页制作基础图形图像处理WEB前端技术FLASH动画制作网络数据库系统开发网站建设与管理MIS系统开发PHP程序设计课程简介课程简介

2、网站建设项目开发流程网站建设项目开发流程课程简介课程简介适用岗位适用岗位 网站策划网站策划网站美工网站美工网页制作、编辑、网页制作、编辑、web初级程初级程序员序员网站管理、软件实施顾问网站管理、软件实施顾问课程简介课程简介岗位变迁岗位变迁一次一次就业就业岗位岗位 网站策划、网站美工、网站编辑、网站策划、网站美工、网站编辑、网页制作、网站推广、网页制作、网站推广、网站维护、网网站维护、网站管理、站管理、 软件实施顾问软件实施顾问 0-1年时间二次二次晋升晋升岗位岗位 网页设计、网页设计、WEB前端开发、前端开发、软件软件UI设计师设计师/工程师工程师2-6年时间未来未来发展发展岗位岗位 信息技

3、术经理信息技术经理/主管、网站主管、网站架构设计师、高级软件工架构设计师、高级软件工程师程师课程演变课程演变内容演变内容演变网站建设与管理网站建设与管理网站建设网站建设2010以前以前201020112012 WEB1.0的标准DW+表格布局ASP+ACCESS制作静态网页主要学习DIV+CSS网页布局,制作网页静态、动态网页都做 网页布局:表格、 DIV+CSS都用 按照网站建设流程讲解 综合前面学习的课程内容完成网站建设08、09级10级11级根据WEB技术的发展,网站建设课程的内容在不断变化;课程的学习,由流程的单一环节学习到按照规范流程,完成网站建设, 符合实际工作流程;完成单纯对工具

4、的操作,到运用工具完成网站建设的转变。 整体设计整体设计1总体思路总体思路阶段一岗位任岗位任务分析务分析阶段二知识技知识技能素养能素养阶段三设计训设计训练项目练项目整体设计整体设计2课程定位课程定位主要面向网页制作编辑,侧重相关软件的操作。 中职中职高职高职普通高校普通高校主要面向网站管理,侧重网站建设各流程管理能力与技能能力培养,对于工具完成从使用工具到运用工具的转变。 开设相关的课程会侧重网站编程网站架构的学习,网站管理等。 中职、高职、普通高校开设同类课程的异同点中职、高职、普通高校开设同类课程的异同点共同点:都是围绕网站建设学习的知识,并在各共同点:都是围绕网站建设学习的知识,并在各种

5、软件工具的帮助下完成操作。种软件工具的帮助下完成操作。 整体设计整体设计3岗位任务分析岗位任务分析整体设计整体设计3知识目标知识目标掌握网站建设掌握网站建设的基本流程的基本流程掌握掌握JavaScript、JQUERY等前端开发技术等前端开发技术 掌握网页设计技巧掌握网页设计技巧 掌握网站域名、空间申请掌握网站域名、空间申请推广与维护的知识推广与维护的知识精通精通HTML、CSS等网页制作技术等网页制作技术对对web标准和语义有深入了解标准和语义有深入了解 知识目标知识目标掌握常用的掌握常用的CMS内容内容管理系统操作方法管理系统操作方法整体设计整体设计3能力目标能力目标能够根据客户的要求,做

6、出能够根据客户的要求,做出网站策划书,完成网站规划网站策划书,完成网站规划 掌握掌握JavaScript、JQUERY等前端开发技术等前端开发技术 能够完成设计图能够完成设计图并用并用PS完成制作完成制作 掌握网站域名、空间申请掌握网站域名、空间申请推广与维护的知识推广与维护的知识能力目标能力目标掌握常用的掌握常用的CMS内容内容管理系统操作方法管理系统操作方法能够使用能够使用PS、DW等软件,等软件,运用运用html、DIV+CSS等技术制作等技术制作符合符合W3C规范的静态页面、规范的静态页面、兼容各大主流浏览器,兼容各大主流浏览器,如:如:IE、FF、Chrome、Safari等等整体设

7、计整体设计3素质目标素质目标素质目标 具备一定的理解能力和学习能力、具备一定的理解能力和学习能力、培养学习激情培养学习激情 有良好的沟通能力,能够准确理解有良好的沟通能力,能够准确理解需求,具备强力的责任心需求,具备强力的责任心 良好的团队协作精神,能够承担一良好的团队协作精神,能够承担一定的工作压力定的工作压力 培养创新能力、主动思考能力培养创新能力、主动思考能力整体设计整体设计3训练项目与课程进度表训练项目与课程进度表1周周次次1周(周(8节)节)1-3周(周(28节)节)3周(周(12节)节)4周(周(16节)节)项项目目项目1:沄辉科技公司网站(团队完成)子子项项目目网站策划与分析网站

8、设计与制作网站域名管理、发布与验收网站网站运营与推广网站任任务务1-1确定目标、策划网站,签订合同 1-2完成需求分析,收集资料,进度安排2-1根据需求分析,完成设计说明书2-2整理素材和资料,分析构图并制作图像2-3使用HTML+CSS+JS制作网页2-4使用CMS系统进行后台管理2-5搭建测试环境,测试网站3-1域名注册及备案3-2网站发布3-3网站服务器搭建与管理4-1网站搜索引擎优化4-2网站运营与推广4-3网站管理能能力力目目标标能够进行客户沟通,需求分析,网站可行性评估;能够制定网站建设方案;收集整理网站资料;签订网站建设合同;策划过程考虑到相关法律法规。根据前面的分析,确定网站内

9、容;确定栏目结构;根据合同,完成需求说明书能够合理的制定网站开发进度表。设计网站的LOGO,提交用户确认;设计符合网站目标的宣传标语等有代表性的文字或图片,提交用户确认;根据需求分析,完成设计说明书。在DW中建立站点,收集整理素材和资料;网站构图分析;使用Photoshop工具,完成首页图像制作;使用Photoshop工具,完成次级页面图像制作。能够分析页面效果图,区分素材、背景图片,使用PS工具完成素材的导出切片;能够分析页面布局结构,规划页面布局,使用DW工具,TABLE布局或者 DIV+CSS布局完成页面布局;使用DW工具,采用HTML技术完成页面结构;使用DW工具,采用CSS技术美化首

10、页。使用flash等工具,JS脚本语言制作网页动态效果能使用SiteServerCMS的系统模板语言STL完成模板的制作;能完成SiteServerCMS系统安装;在CMS系统中完成一些简单应用功能。能够搭建测试环境;兼容常用的浏览器,如:ie6 7 8 9,chrome,firefox,safari等;完成网站功能、性能测试。申请域名和免费空间、购买网站空间;域名ICP备案和域名管理;审查与验收网站,交付签字。完成首页、次级页面的整理;制定测试计划,写出测试用例,完成各功能测试;进行系统性能测试;使用上传工具发布网站到服务器。网站服务器的设计;网站服务器的搭建。按照SEO的关键字、代码等方法

11、对网站进行站内优化;按照SEO的登录常用搜索引擎、优化工具等对网站进行站外优化;能够对网站进行竞价排名和网站访问量监控等。网站运营方案制定;网站推广方案制定。网站的更新、维护、经营;网站安全性管理。整体设计整体设计3训练项目与课程进度表训练项目与课程进度表1子子项项目目网站策划与分析网站策划与分析网站设计与制作网站设计与制作网站域名管理、网站域名管理、发布与验收网站发布与验收网站网站运营与推广网站网站运营与推广网站知知识识目目标标掌握一些沟通技巧;了解音乐行业背景;了解制定网站建设方案的内容;合同应包括的基本内容;熟悉网站建设相关法律法规。理解网站的目标主题;了解网站的目标主题;掌握常用栏目结

12、构;掌握需求分析方法;掌握进度计划编制常用方法。 设计合理LOGO的基本方法;了解设计需要完成的内容;与客户沟通技巧。网站色彩知识;了解配色原理、掌握常用的配色方法、工具;了解常用布局结构;掌握Photoshop中制作效果图的步骤;掌握常用的首页、次级页面设计形式;掌握网页设计制作技巧和方法。掌握Dreamweaver工具的基本操作;理解并掌握HTML、CSS和JS等技术的使用;掌握页面的两种布局方式:Table布局和DIV+CSS布局;掌握页面的制作技巧和方法;图像与多媒体相关知识;掌握动态特效技术的相关知识,如:flash工具、JavaScript脚本语言;了解什么事CMS系统;掌握一门模

13、板语言,如SiteServer CMS系统的STL语言;掌握CMS平台搭建的方法。了解测试环境搭建的基本步骤以及内容;常见浏览器兼容问题的解决方法;网站功能、性能测试的方法工具。了解域名空间知识,申请域名空间步骤;掌握网站发布方法及相关工具;掌握常用网站推广方法。掌握静态页面与功能模块的集成方法;了解测试用例的制定原则;熟练掌握上传工具的使用以及安全、性能测试的方法。了解网站服务器硬件及组件设计;了解网站服务器操作系统的安装与服务器搭建;了解机房、安全与数据的管理方法。掌握搜索引擎优化的基本知识;了解SEO工作原理及关键技术;网站SEO优化。了解网站的日常运营和营利方式以及重要环节;了解网站推

14、广的目的及意义;掌握网站的常用推广方式;掌握网站推广常用方法和技巧了解网站维护的重要性;掌握网站维护的主要内容;了解网站安全管理的主要内容。课课外外项目2:自选项目(教师指定选题范围)(团队完成)整体设计整体设计4情境设计情境设计1本课程以小李在长沙康曼德公司做网站在技术部的实习过程为背景来展开。开发环境对应如下:班级 技术部 班级学生小李任课教师赵工程师项目情境:长沙康曼德网站建设公司接了一个项目:为沄辉科技股份有限公司制作一个企业网站,这个项由交给赵工程师担任组长负责整个项目开发。赵工程师组建了项目小组,带领项目组一起完成项目开发。 整体设计整体设计4情境设计情境设计2周次周次1周(周(8

15、节)节)1-2周(周(24节)节)情境情境长沙康曼德网站建设公司接了一个项目:为沄辉科技股份有限公司制作一个企业网站,这个项由交给赵工程师担任组长负责整个项目开发。赵工程师组建了项目小组,带领项目组一起完成项目开发。项目项目项目1:沄辉科技公司企业网站(团队完成)子项子项目目网站策划与分析网站设计与制作子情子情境境子情境1-1-1子情境1-1-2子情境1-2子情境2-1-1子情境2-1-2子情境2-2子情境2-3-1子情境2-3-2子情境2-4-1子情境2-4-2子情境2-4-3组长把项目情况介绍后,要求作为项目组成员的你做出网站做策划书,明确网站目标。(正常)策划书做完后,经过讨论,基本符合

16、要求,公司方需要拟定合同,组长要求你起草合同内容。(正常)合同签订后,组长说要完成项目的需求分析,这个任务交给了你,要求你写出需求分析说明书,并开始收集整理资料。(正常)经过与客户艰难的沟通,终于做好了项目的需求分析,可任务又来了,组长要求你继续做好网站项目的设计说明,并且客户还需要设计LOGO和宣传标语,这部分请务必与客户认真沟通。(正常)你把做好的设计说明交给客户看,他们对你设计的LOGO和宣传的创意不满意,对首页、次页的草图设计还要进一步改进。(异常)前面已经做好了设计,包括首页、此页的草图设计已经得到客户的认可,接下来组长要求你把设计的草图用工具制作成效果图给客户看,制作过程保持与客户

17、的沟通,直至客户满意为止。(正常)首页、次页效果图已经设计好得到客户的认可,下面的任务还很多,根据设计的要求,把效果图制作成网页。(正常)首页做完后,项目组认为导航的效果没有达到设计的效果,宣传部分也是如此,都需要用JS动态特效改善。(异常)根据客户的要求,在合同中已经说明了网页是动态页面,内容可以从后台维护。这样我们前面做的静态页面也需要制作成动态的,在这里我们使用SITE SERVER CMS平台完成,首先在DW中完成模板的制作,这个任务需要你来完成。(正常)安装SITE SERVER CMS平台,配置出错(异常)模板制作好后,在SITE SERVER CMS中使用,导航效果不出现,二级菜

18、单不显示,出现了好多问题呀,我该怎么办呢?(异常)任务任务任务1-1任务1-2任务2-1任务2-2任务2-3任务2-4确定目标、策划网站,签订合同完成需求分析,收集资料、进度安排根据需求分析,完成设计说明书整理素材和资料,分析构图并制作图像使用HTML+CSS+JS制作网页使用CMS系统进行后台管理整体设计整体设计4情境设计情境设计3周次周次3周(周(4节)节)3周(周(12节)节)4周(周(16节)节)情境情境长沙康曼德网站建设公司接了一个项目:为沄辉科技股份有限公司制作一个企业网站,这个项由交给赵工程师担任组长负责整个项目开发。赵工程师组建了项目小组,带领项目组一起完成项目开发。项目项目项

19、目1:蓝色音乐制作公司音乐网站(团队完成)子项子项目目网站设计与制作网站域名管理、发布与验收网站网站运营与推广网站子情子情境境子情境2-5-1子情境2-5-2子情境3-1子情境3-2子情境3-3子情境4-1子情境4-2子情境4-3终于完成了网站的制作部分了,现在进入测试阶段,我们主要做浏览器的兼容性测试、功能、性能测试,你按照要求完成此任务。(正常)功能、性能测试全通过,课时兼容性测试出现了版面不整齐,文字图片没对齐等问题,请你修正(异常)网站做好后,需要他们在浏览器输入网址,能直接访问到,该怎么办呢,我们需要首先要做的是注册域名、申请空间以及网站的备案工作,那这个任务交给你来完成吧(正常)在

20、网址输入域名能访问申请的空间了,但什么都没有啊,接下来就需要我们把网站发布到空间里,这样他人才能看到网站的内容,请你来完成这个任务(正常)前面我们有申请空间,发布网站,现在客户提出他们需要有自己的服务器来管理网站,要求我们为他们做好服务器搭建与管理的工作,该怎么做呢,接下来的任务你来完成吧(异常)网站发布后,要想获得好的搜索排名,网站的优化工作很重要,现在我们按照SEO对网站进行优化工作吧,今天我们就来完成这项任务。(正常)网站的运营与推广工作也很重要,与客户商讨制定好推广方案,请你来做出一个推广方案。(正常)网站的管理也是很重要的,包括安全性管理、数据管理、服务器的管理等,请你认真考虑一下帮

21、助客户制定合理的网站管理方案。(正常)任务任务任务2-5任务3-1任务3-2任务3-3任务4-1任务4-2任务4-3搭建测试环境,测试网站域名注册及备案网站发布网站服务器搭建与管理网站搜索引擎优化网站运营与推广网站管理整体设计整体设计5考核方案考核方案1项目项目1项目项目3期末考试期末考试40%40%20%满足以下任何一条不及格:1、请假加旷课20节及以上2、2个项目有一个项目没有完成项目项目2整体设计整体设计5考核方案考核方案2项目项目1:沄辉科技股份有限公司企业网站:沄辉科技股份有限公司企业网站 (团队完成团队完成)(40%)序号序号考核内容考核内容考核标准考核标准考核方式考核方式分值分值

22、1课堂表现:出勤、纪律、学习状态A:全勤、纪律好、状态好B:请假达4节、纪律好、状态好C:旷课达10节、纪律好、状态一般D:请假加旷课达20节,纪律一般,状态一般教师考核单项考核52网站美工(4张)A:完成4张,效果很好B:完成4张,效果较好C:完成3张,效果好D:完成2张,效果一般教师考核单项考核103网站制作(4页)A:完成4页,效果很好B:完成4页,效果较好C:完成3页,效果好D:完成2页,效果一般教师考核单项考核104网站功能模块(3项)A:完成3项,效果很好B:完成3项,效果较好C:完成2项,效果好D:完成1项,效果一般教师考核单项考核105网站发布与维护A:空间申请、域名注册成功,

23、静态发布到空间成功,动态在指定服务器成功B:空间申请、域名注册成功,静态发布到空间成功,动态在指定服务器有错误C:空间申请、域名注册成功,静态发布到空间成功,动态不成功D:空间申请、域名注册不成功,静态动态发布不成功教师考核单项考核5说明:A:90-100% B:76-89% C:60-75% D:0-59%整体设计整体设计5考核方案考核方案3项目项目2:自选项目:自选项目 (团队完成团队完成)(40%)说明:A:90-100% B:76-89% C:60-75% D:0-59% 序号序号考核内容考核内容考核标准考核标准分值分值考核方式考核方式第一次考核资料考核:(1)策划书(主题、内容、栏目

24、结构、配色、布局)、;(2)美工设计(思路、设计步骤、源文件);(3)网页制作(每个页面的布局结构、源代码) A:资料齐全,表述清楚B:资料齐全,表述较好C:资料只有2项,表述一般D:资料基本没有,表述一般8项目2在项目1完成第2个子项目后考核,按团队打分(资料教师考核,效果学生考核)效果考核:(1)界面设计制作美观;(2)页面制作布局整齐;(3)页面主流浏览器兼容性好。A:界面美观,布局整齐,兼容性好B:界面美观,布局整齐,兼容性一般C:界面一般,布局一般,兼容性一般D:界面一般、布局较乱、兼容性差12第二次考核资料考核:(1)域名空间申请、网站备案的说明(2)搜索引擎优化的方案(3)网站推

25、广的策划方案(4)网站维护管理的方案 A:资料齐全,表述清楚B:资料齐全,表述较好C:资料只有2项,表述一般D:资料基本没有,表述一般8项目2在项目1进行到第4个子项目后考核,按团队打分(资料教师考核,效果学生考核) 效果考核:(1)正确发布网站到申请的空间,并能根据域名正确访问(2)根据自己设计的优化方案,正确完成网站优化;(3)网站维护正确实施。 A:根据域名正确访问网站,网站进行合理优化,网站维护实施正确B:根据域名正确访问网站,网站部分优化,网站维护实施正确C:根据域名正确访问网站,网站部分优化,网站维护不全面D:不能用域名访问网站,网站部分优化,网站维护不全面 12整体设计整体设计5

26、考核方案考核方案4期末考核期末考核(笔试笔试)(20%) 序号序号考核内容考核内容考核标准考核标准考核方式考核方式分值分值1网站策划单选题10个,每题1分笔试102网站美工单选题10个,每题1分笔试103网站制作单选题10个,每题1分多选题10个,每题2分操作题1个,20分笔试504网站功能模块单选题10个,每题2分笔试205网站发布与维护单选题10个,每题1分笔试10第一次课设计第一次课设计开场:梦想与现实 展示往届学生作品 评价学生作品课程课程引入引入建议3人为一个团队组建一个项目小组,选出组长一人 由组长负责,组织讨论,共同指定项目小组规范。 课程简介 项目介绍 考核标准 征求建议 学生

27、自述对课程涉及技术、使用工具的掌握情况 教师给出2个测试操作题课程课程简介简介学情学情了解了解项目项目团队团队组建组建 课内完成项目:沄辉科技公司网站课外提供自选项目如下:商品展销类:童装网站、书店网站、花店网站、蛋糕网站、文具网站、水果网站校园宣传类:学生会网站、班级网站、协会网站、寝室网站、个人网站、食堂网站每个团队所选项目不能相同 最后一次课设计最后一次课设计3.介绍外部网介绍外部网站开发情况站开发情况2.课程总结课程总结1.项目项目3资料整资料整理,提交,展理,提交,展示评分示评分整理,提交项目整理,提交项目2资料,包括(资料,包括(1)策划书(主题、内)策划书(主题、内容、栏目结构、

28、配色、布局)、;(容、栏目结构、配色、布局)、;(2)美工设计(思)美工设计(思路、设计步骤、源文件);(路、设计步骤、源文件);(3)网页制作(每个页面)网页制作(每个页面的布局结构、源代码);(的布局结构、源代码);(4)域名空间申请、网站备)域名空间申请、网站备案的说明;(案的说明;(5)搜索引擎优化的方案;()搜索引擎优化的方案;(6)网站推)网站推广的策划方案;(广的策划方案;(7)网站维护管理的方案。)网站维护管理的方案。展示评分,严格对照评分表的要求打分(见考核方案)展示评分,严格对照评分表的要求打分(见考核方案)部分报名参加演示的学生展示部分报名参加演示的学生展示“网站建设与管

29、理”知识结构图网站策划网站设计与制作网站域名管理网站运营网站建设流程需求说明书格式合同内容以及签定注意事项设计说明书格式CIS、色彩知识网页布局知识HTML+CSS+JS浏览器兼容技巧CMS系统平台域名与空间网站备案网站发布步骤与工具服务器搭建SEO常用方法与技巧网站推广网站维护根据提供的模板修改成客户需求的网站;根据提供的模板修改成客户需求的网站;使用强大的后台管理系统软件开发网站,如:织梦、帝使用强大的后台管理系统软件开发网站,如:织梦、帝国国在框架环境下完成开发网站,如:在框架环境下完成开发网站,如:jQuery、Extjs等等进入单元设计Search Engine Optimizati

30、onSEO搜索引擎优化单元设计单元设计 在教学在教学进程中位置进程中位置单元设计单元设计 教学步骤教学步骤引入情境1布置任务4.1.1学生实践布置任务4.1.2学生实践布置任务4.1.3学生实践2考核课后体会作业3单元设计单元设计 网站发布后,要想获得好的搜索排名,网站的优化工作很重要,现在我们按照SEO对网站进行优化工作吧,今天我们就来完成这项任务。 引入情境1单元设计单元设计 引入情境1项目准备项目准备1、网站源程序的导入,在测试环境中运行; 2、网站策划书;3、发布后的网站访问。单元设计单元设计 引入情境1SEO1、提问1:SEO概述;2、提问2:SEO 工作原理及关键技术 ;3、提供咨

31、询资料,学生分组讨论回答问题 。单元设计单元设计 引入情境1归纳归纳 正确认识正确认识SEO(SEO(Search Engine Optimization ) ) 搜索引擎优化就是针对搜索引擎的检索特点,让网页设计及结构和关键词布局符合搜索引擎的检索原则,从而获得搜索引擎的收录和排名靠前的行为。 搜索引擎优化贯穿网站规划、建设、维护的每个细节。 优化的目的是在搜索引擎上获得好的排名。优化包含网站本身的优化(站内优化)和外部链接优化(站外优化)单元设计单元设计 引入情境1归纳归纳SEO市场调查市场调查产品产品资源资源竞争竞争对手对手.网站分析网站分析域名域名目录目录结构结构网站网站URLURL关

32、键词关键词关键关键词确词确认认关键词扫描关键词扫描关键词拓关键词拓展展监测反馈监测反馈关键词排名关键词排名运营情况运营情况订单反馈订单反馈日志分析日志分析链接建设链接建设导航导航外部链接外部链接内容导入内容导入文本内容文本内容编码规则编码规则123456单元设计单元设计 1、如何通过搜索引擎优化完成网站站内优化 ;2布置任务4.1.1学生实践布置分析任务布置分析任务4.1.12、提供咨询资料,学生分组讨论回答问题 。案例1:网站关键字优化策略案例2:网站、网页结构优化策略案例3:链接优化策略案例4:代码优化策略归纳归纳单元设计单元设计 2布置任务4.1.1学生实践布置分析任务布置分析任务4.1

33、.1案例1:网站关键字优化策略第一步:预选网站关键字第二步:优化网站关键字第三步:扩展网站的关键字信息单元设计单元设计 2布置任务4.1.1学生实践布置分析任务布置分析任务4.1.1案例2:网站、网页结构优化策略网页结构优化网页结构优化1页面重要区域分布规律 搜索引擎对页面中的每个区域重视程度是不一样的,同样的内容出现在页面中不同的区域,所起的作用会存在很大的差别,重复关键字出现在页面的顶部或底部,所起的作用是完全不一样的。从用户体验角度出发,普通用户在浏览页面时是自上而下、自左而右进行的。搜索引擎分析网页时,在HTML源代码中是自上而下进行的,更重视接近页面顶部的代码。优化时需同时兼顾两者。

34、2常用页面技术的优化 为了让页面更美观、布局更合理、功能更强大,一个页面中通常会有多种内容,要在有限的页面内容里展示这些内容,就需要使用各种技术。例如,页面布局时常使用“隐藏层”和“框架”,为了加强页面的视觉效果会使用Flash元素等。(1)隐藏层优化。隐藏层的内容放在当前页面中会增加页面的体积,并且会占据页面中相对重要的区域,还有的搜索引擎不关心隐藏层内容。把隐藏层的内容放在外部文件中以备调用,克服了内部调用的负面影响,把重要的内容放在默认显示层,次要内容放在外部调用的隐藏层中,搜索引擎也会对外部调用的内容进行单独处理。(2)框架优化。框架分为Frame和Iframe两种框架,在规划页面时应

35、该尽量避免使用框架,特别是Frame形式的框架,而在使用Iframe框架时,应该尽量避免把与页面主题相关的内容放在Iframe引用的页面中。(3)Flash优化。有个别搜索引擎能够解析Flash文档中的内容,但并不重视文档中的信息,收录几率也非常低,尽量避免使用Flash展示相对重要的内容,避免Flash代码占用页面顶部的重要位置。利用搜索引擎不解析JavaScript文件的特性,使用JavaScript调用页面中的Flash文档,既可以避免让搜索引擎索解析Flash文档,又留出页面顶部的重要区域。单元设计单元设计 2布置任务4.1.1学生实践布置分析任务布置分析任务4.1.1案例2:网站、网

36、页结构优化策略网站结构优化网站结构优化1逻辑结构优化逻辑结构优化主要是减小页面间的链接深度,包括减小普通页面与重要页面间、重要页面与重要页面间的链接深度,以及为网站中相对重要的页面增加更多的链接入口。(1)在相对重要的页面中存放更多指向其他页面的链接,不但可以减小页面间的链接深度,还可以引导搜索引擎抓取网站中更多的页面。(2)网站中的首页,在合理的范围内加上更多指向其他页面的链接权重。(3)网站地图页面,让搜索引擎能够通过一个页面就抓取到网站中更多重要的页面,也可以快速让用户获取更多的信息。网站地图必须是静态页面,命名为sitemap.htm或sitemap.html,链接数量控制在100以内

37、,链接地址必须是静态URL,每个链接对象只能使用文字,并与关键字一致,最重要的链接内容使用加粗标记,网站中的绝大部分页面都存在指向网站地图页面的链接。2物理结构优化物理结构优化主要是减小页面的目录深度,站在URL的角度,实际上就是减少页面URL的目录层次。(1)对于静态页面的网站,在规范网站时要精简目录结构。(2)对于动态页面的网站,则可以通过URL重写的方式减少页面URL的目录层次。(3)URL优化,通过对URL各组成部分进行适当的调整,以提高URL的搜索引擎友好性,例如对域名、目录、文件的命名,分隔符的使用,URL长度及关键词频的控制。单元设计单元设计 2布置任务4.1.1学生实践布置分析

38、任务布置分析任务4.1.1案例3:链接优化策略链接优化链接优化1链接的意义链接反映了网站页面间的信任关系,链接分为外链接与内链接两大类。搜索引擎将页面的链接作为页面重要性的衡量标准之一。为了提高链接的权重,链接设置时应当注意几点:(1)目标页面的链接在源页面中的位置,左上位置的链接权重高于右下位置。(2)目标页面的链接在源页面中存在的时间,对于重要的链接尽可能长久存在。(3)源页面中导出链接的数量,导出链接尽可能多,但过多的链接又可能被搜索引擎确定为垃圾页面。2内部链接内部链接是指网站内部页面间的链接关系,反映了网站内部页面间的信任关系,由网站的逻辑结构和物理结构决定,所起的作用要低于外部链接

39、。3外部链接在计算链接权重时,重点在外部链接,而内部链接的影响较小。增加外部链接的方法有很多。(1)搜索引擎和分类目录登录。在对应网站上进行登录即可,常用的搜索引擎有、,常用的分类目录网站有、。(2)交换链接。传统并有效的方法就是请求与其他站点交换链接(也称互惠链接)。一般直接与网站主人联系,也可以通过电子邮件或其他方式请求友情换链。(2)链接诱饵。通过内容或资源去吸引外部导入链接,常用方法有软文(热点话题、实用有价值的文章)、广告、共享软件(在线版、安装版)。单元设计单元设计 2布置任务4.1.1学生实践布置分析任务布置分析任务4.1.1案例4:代码优化策略代码优化策略代码优化策略代码优化是

40、对网页中的HTML源代码进行必要的调整,以提高页面的友好性。优化的目的是最终生成的目标代码短,时空效率高(运行时间更短、占用空间更小)。代码优化的主要工作包括精简代码、页面头部优化、权重标签使用及图像优化。其中精简代码是最基础、最根本的。1精简代码精简代码包括清理垃圾代码、HTML标签转换、CSS优化、JS优化及表格优化。其中清理垃圾代码是精简代码中最重要、最基础的,而DIV+CSS是代码最优化的方式。重点提示:页面的体积并不是代码越少越好,因为页面体积越小意味着页面中的内容会越少,能向用户提供的信息量也就越少。页面的体积大小取决于网站的类型。一般认为,页面的体积控制在100KB左右会更受用户

41、及搜索引擎的欢迎(仅指HTML代码部分,不包括图像及其他多媒体元素)。单元设计单元设计 2布置任务4.1.1学生实践完成任务完成任务4.1.11、学生完成“沄辉科技”网站的站内优化 ;2、站内优化文档的整理 ;详细写出关键字优化、网站网页优化、链接优化、代码优化的操作步骤单元设计单元设计 1、如何通过搜索引擎优化完成网站站外优化 ;2布置任务4.1.2学生实践布置分析任务布置分析任务4.1.22、提供咨询资料,学生分组讨论回答问题 。案例5:登录搜索引擎优化策略案例6:搜索引擎优化工具 归纳归纳单元设计单元设计 2布置任务4.1.1学生实践布置分析任务布置分析任务4.1.2案例5:登录搜索引擎

42、优化策略登录搜索引擎优化策略登录搜索引擎优化策略 通过在登录搜索引擎站点的手工登记,让搜索引擎收录网站的网址。登录网站需要充分理解递交表单的含义和规则,输入网页的关键词、网页描述、分类信息、附加信息内容、联系信息等。知名的登录搜索引擎有Google、百度、雅虎、搜虎、搜狗、hao132、265等。 按以下策略能有效提高网站在登录搜索引擎中的排名。1网站内容2网站结构 3网站页面优化 4链接优化单元设计单元设计 2布置任务4.1.1学生实践布置分析任务布置分析任务4.1.2案例6:搜索引擎优化工具搜索引擎优化工具搜索引擎优化工具在进行搜索引擎优化时,可以借助一些第三方提供的优化工具满足一些比较特

43、殊的需求,如检查网站链接数量、网站被搜索引擎收录网页数量、网站的PR值等。它只能在一定范围内反映出某些指标的状况。应用搜索引擎优化工具的目的是为了检验一个网站对搜索引擎的友好程度及其可能获得的搜索排名效果。常用工具有以下几个。(1)关键词工具:关键词研究工具、关键词密度、竞争对手分析。(2)链接工具:链接广度、C级IP地址检查、蜘蛛模拟器。(3)可用性工具:浏览器分辨率测试、HTML及CSS验证、FireFox扩展、页面速度测试。(4)搜索引擎优化检测工具:Google链接广泛度检测器、搜索引擎抓取内容模拟器、搜索引擎抓取页面数量统计器、链接广泛度检测器、Google排名监测工具、相似页面检测

44、器。(5)其他搜索引擎工具:PageRank预测、流量排名、搜索引擎饱和度。(6)微软的IIS搜索引擎优化工具包。最好的搜索引擎优化诊断工具正是搜索引擎本身,用搜索引擎检验网站的搜索引擎优化状况是最直接、最有效的方式,因为搜索检索结果可以带给人们大量有价值的信息,分析搜索引擎检索结果是研究网站搜索引擎优化状况的有效方法之一。使用使用IIS搜索引擎优化工具包搜索引擎优化工具包 操作步骤操作步骤 1)安装IIS搜索引擎优化工具包访问IIS SEO 工具包主页(http:/ now(现在就安装)”链接,通过WebPI(Microsoft Web Platform Installer,微软Web平台安装程序)来安装这个工具包。如图8-5所示,通过WebPI安装平台可有选择地安装IIS SEO 工具包中的各种工具。2)使用Search E

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论