网站建设与管理整体设计PPT课件

网站建设与管理,整体设计,1,课程简介,课程演变,整体设计,第一次课设计,4,1,2,3,课程整体设计目录,最后一次课设计,5,2,课程简介基本信息,课程名称：网站建设与管理课程代码：30304005学分：3学分学时：64学时授课时间：第学期授课对象：信息管理专业课程类型：信息管理专业必修课,3,课程简介课程在专业中的位置,4,课程简介网站建设项目开发流程,5,课程简介适用岗位,网站策划,网站美工,网页制作、编辑、web初级程序员,网站管理、软件实施顾问,6,课程简介岗位变迁,7,课程演变内容演变,网站建设与管理,网站建设,2010以前,2010,2011,2012,WEB1.0的标准DW+表格布局ASP+ACCESS,制作静态网页主要学习DIV+CSS网页布局,制作网页,静态、动态网页都做网页布局：表格、DIV+CSS都用,按照网站建设流程讲解综合前面学习的课程内容完成网站建设,08、09级,10级,11级,根据WEB技术的发展，网站建设课程的内容在不断变化；课程的学习，由流程的单一环节学习到按照规范流程，完成网站建设，符合实际工作流程；完成单纯对工具的操作，到运用工具完成网站建设的转变。,8,整体设计1总体思路,阶段一岗位任务分析,阶段二知识技能素养,阶段三设计训练项目,9,整体设计2课程定位,主要面向网页制作编辑,侧重相关软件的操作。,中职,高职,普通高校,主要面向网站管理，侧重网站建设各流程管理能力与技能能力培养,对于工具完成从使用工具到运用工具的转变。,开设相关的课程会侧重网站编程网站架构的学习,网站管理等。,中职、高职、普通高校开设同类课程的异同点共同点：都是围绕网站建设学习的知识，并在各种软件工具的帮助下完成操作。,10,整体设计3岗位任务分析,11,整体设计3知识目标,掌握网站建设的基本流程,掌握JavaScript、JQUERY等前端开发技术,掌握网页设计技巧,掌握网站域名、空间申请推广与维护的知识,精通HTML、CSS等网页制作技术对web标准和语义有深入了解,知识目标,掌握常用的CMS内容管理系统操作方法,12,整体设计3能力目标,能够根据客户的要求，做出网站策划书，完成网站规划,掌握JavaScript、JQUERY等前端开发技术,能够完成设计图并用PS完成制作,掌握网站域名、空间申请推广与维护的知识,能力目标,掌握常用的CMS内容管理系统操作方法,能够使用PS、DW等软件，运用html、DIV+CSS等技术制作符合W3C规范的静态页面、兼容各大主流浏览器，如：IE、FF、Chrome、Safari等,13,整体设计3素质目标,素质目标,具备一定的理解能力和学习能力、培养学习激情,有良好的沟通能力，能够准确理解需求，具备强力的责任心,良好的团队协作精神，能够承担一定的工作压力,培养创新能力、主动思考能力,14,整体设计3训练项目与课程进度表1,15,整体设计3训练项目与课程进度表1,16,整体设计4情境设计1,本课程以小李在长沙康曼德公司做网站在技术部的实习过程为背景来展开。,开发环境对应如下：班级技术部班级学生小李任课教师赵工程师,项目情境：长沙康曼德网站建设公司接了一个项目：为沄辉科技股份有限公司制作一个企业网站，这个项由交给赵工程师担任组长负责整个项目开发。赵工程师组建了项目小组，带领项目组一起完成项目开发。,17,整体设计4情境设计2,18,整体设计4情境设计3,19,整体设计5考核方案1,项目1,项目3,期末考试,40%,40%,20%,满足以下任何一条不及格：1、请假加旷课20节及以上2、2个项目有一个项目没有完成,项目2,20,整体设计5考核方案2,项目1：沄辉科技股份有限公司企业网站(团队完成)（40%）,说明：A：90-100%B：76-89%C：60-75%D：0-59%,21,整体设计5考核方案3,项目2：自选项目(团队完成)（40%）,说明：A：90-100%B：76-89%C：60-75%D：0-59%,22,整体设计5考核方案4,期末考核(笔试)(20%),23,第一次课设计,课程引入,课程简介,学情了解,项目团队组建,24,最后一次课设计,整理，提交项目2资料，包括（1）策划书（主题、内容、栏目结构、配色、布局）、；（2）美工设计（思路、设计步骤、源文件）；（3）网页制作（每个页面的布局结构、源代码）；（4）域名空间申请、网站备案的说明；（5）搜索引擎优化的方案；（6）网站推广的策划方案；（7）网站维护管理的方案。展示评分，严格对照评分表的要求打分（见考核方案）部分报名参加演示的学生展示,根据提供的模板修改成客户需求的网站；使用强大的后台管理系统软件开发网站，如：织梦、帝国在框架环境下完成开发网站，如：jQuery、Extjs等,25,进入单元设计,SearchEngineOptimization,SEO,搜索引擎优化,26,单元设计在教学进程中位置,27,单元设计教学步骤,28,单元设计,网站发布后，要想获得好的搜索排名，网站的优化工作很重要，现在我们按照SEO对网站进行优化工作吧，今天我们就来完成这项任务。,29,单元设计,项目准备,1、网站源程序的导入，在测试环境中运行；,2、网站策划书；,3、发布后的网站访问。,30,单元设计,SEO,1、提问1：SEO概述；,2、提问2：SEO工作原理及关键技术；,3、提供咨询资料，学生分组讨论回答问题。,31,单元设计,归纳,正确认识SEO(SearchEngineOptimization)搜索引擎优化就是针对搜索引擎的检索特点，让网页设计及结构和关键词布局符合搜索引擎的检索原则，从而获得搜索引擎的收录和排名靠前的行为。搜索引擎优化贯穿网站规划、建设、维护的每个细节。优化的目的是在搜索引擎上获得好的排名。优化包含网站本身的优化（站内优化）和外部链接优化（站外优化）,32,单元设计,归纳,33,单元设计,1、如何通过搜索引擎优化完成网站站内优化；,2,布置任务4.1.1,学生实践,布置分析任务4.1.1,2、提供咨询资料，学生分组讨论回答问题。,34,单元设计,2,布置任务4.1.1,学生实践,布置分析任务4.1.1,案例1：网站关键字优化策略,35,单元设计,2,布置任务4.1.1,学生实践,布置分析任务4.1.1,案例2：网站、网页结构优化策略,网页结构优化1页面重要区域分布规律搜索引擎对页面中的每个区域重视程度是不一样的，同样的内容出现在页面中不同的区域，所起的作用会存在很大的差别，重复关键字出现在页面的顶部或底部，所起的作用是完全不一样的。从用户体验角度出发，普通用户在浏览页面时是自上而下、自左而右进行的。搜索引擎分析网页时，在HTML源代码中是自上而下进行的，更重视接近页面顶部的代码。优化时需同时兼顾两者。2常用页面技术的优化为了让页面更美观、布局更合理、功能更强大，一个页面中通常会有多种内容，要在有限的页面内容里展示这些内容，就需要使用各种技术。例如，页面布局时常使用“隐藏层”和“框架”，为了加强页面的视觉效果会使用Flash元素等。（1）隐藏层优化。隐藏层的内容放在当前页面中会增加页面的体积，并且会占据页面中相对重要的区域，还有的搜索引擎不关心隐藏层内容。把隐藏层的内容放在外部文件中以备调用，克服了内部调用的负面影响，把重要的内容放在默认显示层，次要内容放在外部调用的隐藏层中，搜索引擎也会对外部调用的内容进行单独处理。（2）框架优化。框架分为Frame和Iframe两种框架，在规划页面时应该尽量避免使用框架，特别是Frame形式的框架，而在使用Iframe框架时，应该尽量避免把与页面主题相关的内容放在Iframe引用的页面中。（3）Flash优化。有个别搜索引擎能够解析Flash文档中的内容，但并不重视文档中的信息，收录几率也非常低，尽量避免使用Flash展示相对重要的内容，避免Flash代码占用页面顶部的重要位置。利用搜索引擎不解析JavaScript文件的特性，使用JavaScript调用页面中的Flash文档，既可以避免让搜索引擎索解析Flash文档，又留出页面顶部的重要区域。,36,单元设计,2,布置任务4.1.1,学生实践,布置分析任务4.1.1,案例2：网站、网页结构优化策略,网站结构优化1逻辑结构优化逻辑结构优化主要是减小页面间的链接深度，包括减小普通页面与重要页面间、重要页面与重要页面间的链接深度，以及为网站中相对重要的页面增加更多的链接入口。（1）在相对重要的页面中存放更多指向其他页面的链接，不但可以减小页面间的链接深度，还可以引导搜索引擎抓取网站中更多的页面。（2）网站中的首页，在合理的范围内加上更多指向其他页面的链接权重。（3）网站地图页面，让搜索引擎能够通过一个页面就抓取到网站中更多重要的页面，也可以快速让用户获取更多的信息。网站地图必须是静态页面，命名为sitemap.htm或sitemap.html，链接数量控制在100以内，链接地址必须是静态URL，每个链接对象只能使用文字，并与关键字一致，最重要的链接内容使用加粗标记，网站中的绝大部分页面都存在指向网站地图页面的链接。2物理结构优化物理结构优化主要是减小页面的目录深度，站在URL的角度，实际上就是减少页面URL的目录层次。（1）对于静态页面的网站，在规范网站时要精简目录结构。（2）对于动态页面的网站，则可以通过URL重写的方式减少页面URL的目录层次。（3）URL优化，通过对URL各组成部分进行适当的调整，以提高URL的搜索引擎友好性，例如对域名、目录、文件的命名，分隔符的使用，URL长度及关键词频的控制。,37,单元设计,2,布置任务4.1.1,学生实践,布置分析任务4.1.1,案例3：链接优化策略,链接优化1链接的意义链接反映了网站页面间的信任关系，链接分为外链接与内链接两大类。搜索引擎将页面的链接作为页面重要性的衡量标准之一。为了提高链接的权重，链接设置时应当注意几点：（1）目标页面的链接在源页面中的位置，左上位置的链接权重高于右下位置。（2）目标页面的链接在源页面中存在的时间，对于重要的链接尽可能长久存在。（3）源页面中导出链接的数量，导出链接尽可能多，但过多的链接又可能被搜索引擎确定为垃圾页面。2内部链接内部链接是指网站内部页面间的链接关系，反映了网站内部页面间的信任关系，由网站的逻辑结构和物理结构决定，所起的作用要低于外部链接。3外部链接在计算链接权重时，重点在外部链接，而内部链接的影响较小。增加外部链接的方法有很多。（1）搜索引擎和分类目录登录。在对应网站上进行登录即可，常用的搜索引擎有、，常用的分类目录网站有、。（2）交换链接。传统并有效的方法就是请求与其他站点交换链接（也称互惠链接）。一般直接与网站主人联系，也可以通过电子邮件或其他方式请求友情换链。（2）链接诱饵。通过内容或资源去吸引外部导入链接，常用方法有软文（热点话题、实用有价值的文章）、广告、共享软件（在线版、安装版）。,38,单元设计,2,布置任务4.1.1,学生实践,布置分析任务4.1.1,案例4：代码优化策略,代码优化策略代码优化是对网页中的HTML源代码进行必要的调整，以提高页面的友好性。优化的目的是最终生成的目标代码短，时空效率高（运行时间更短、占用空间更小）。代码优化的主要工作包括精简代码、页面头部优化、权重标签使用及图像优化。其中精简代码是最基础、最根本的。1精简代码精简代码包括清理垃圾代码、HTML标签转换、CSS优化、JS优化及表格优化。其中清理垃圾代码是精简代码中最重要、最基础的，而DIV+CSS是代码最优化的方式。重点提示：页面的体积并不是代码越少越好，因为页面体积越小意味着页面中的内容会越少，能向用户提供的信息量也就越少。页面的体积大小取决于网站的类型。一般认为，页面的体积控制在100KB左右会更受用户及搜索引擎的欢迎（仅指HTML代码部分，不包括图像及其他多媒体元素）。,39,单元设计,2,布置任务4.1.1,学生实践,完成任务4.1.1,1、学生完成“沄辉科技”网站的站内优化；,2、站内优化文档的整理；,详细写出关键字优化、网站网页优化、链接优化、代码优化的操作步骤,40,单元设计,1、如何通过搜索引擎优化完成网站站外优化；,2,布置任务4.1.2,学生实践,布置分析任务4.1.2,2、提供咨询资料，学生分组讨论回答问题。,41,单元设计,2,布置任务4.1.1,学生实践,布置分析任务4.1.2,案例5：登录搜索引擎优化策略,登录搜索引擎优化策略通过在登录搜索引擎站点的手工登记，让搜索引擎收录网站的网址。登录网站需要充分理解递交表单的含义和规则，输入网页的关键词、网页描述、分类信息、附加信息内容、联系信息等。知名的登录搜索引擎有Google、百度、雅虎、搜虎、搜狗、hao132、265等。按以下策略能有效提高网站在登录搜索引擎中的排名。1网站内容2网站结构3网站页面优化4链接优化,42,单元设计,2,布置任务4.1.1,学生实践,布置分析任务4.1.2,案例6：搜索引擎优化工具,搜索引擎优化工具在进行搜索引擎优化时，可以借助一些第三方提供的优化工具满足一些比较特殊的需求，如检查网站链接数量、网站被搜索引擎收录网页数量、网站的PR值等。它只能在一定范围内反映出某些指标的状况。应用搜索引擎优化工具的目的是为了检验一个网站对搜索引擎的友好程度及其可能获得的搜索排名效果。常用工具有以下几个。（1）关键词工具：关键词研究工具、关键词密度、竞争对手分析。（2）链接工具：链接广度、C级IP地址检查、蜘蛛模拟器。（3）可用性工具：浏览器分辨率测试、HTML及CSS验证、FireFox扩展、页面速度测试。（4）搜索引擎优化检测工具：Google链接广泛度检测器、搜索引擎抓取内容模拟器、搜索引擎抓取页面数量统计器、链接广泛度检测器、Google排名监测工具、相似页面检测器。（5）其他搜索引擎工具：PageRank预测、流量排名、搜索引擎饱和度。（6）微软的IIS搜索引擎优化工具包。最好的搜索引擎优化诊断工具正是搜索引擎本身，用搜索引擎检验网站的搜索引擎优化状况是最直接、最有效的方式，因为搜索检索结果可以带给人们大量有价值的信息，分析搜索引擎检索结果是研究网站搜索引擎优化状况的有效方法之一。,使用IIS搜索引擎优化工具包操作步骤1）安装IIS搜索引擎优化工具包访问IISSEO工具包主页（,43,单元设计,2,布置任务4.1.2,学生实践,完成任务4.1.2,1、学生完成“沄辉科技”网站的