范文网 > 资料大全 > 综合资料 > 基于SEO的高职《网页制作》课程改革初探

基于SEO的高职《网页制作》课程改革初探

默遇 分享 更新时间:
投诉

基于SEO的高职《网页制作》课程改革初探

基于SEO的高职《网页制作》课程改革初探作者简介:刘小芳(1982-),女,湖南邵阳人,助教,主要从事计算机应用研究。刘小芳(邵阳市高级技工学校,湖南 邵阳 422000)摘要:《网页制作》是高职计算机应用专业的主要课程之一,实践性很强。SEO是目前主要的网站推广技术,现有的课程内容没有介绍SEO.本文针对SEO提出课程改革教学方法,重点剖析在课程中加入SEO知识的必要性及其主要教学内容。关键词:SEO 网页制作;课程改革中图分类号:G64文献标识码:A文章编号:1674-5884(2013)04-0103-02随着互联网技术的不断发展及其广泛应用,人们的生活方式和工作方式发生了很大的改变,越来越多的企业和个人都在互联网上建立自己的网站,通过网络来传播信息,宣传和推广自己的产品。网页设计与维护管理人才相对匮乏。近年来,各高职院校也都开设了与网页制作相关的课程,其中《网页制作》就是电子商务专业与计算机应用专业开设的交叉课程,具有很强的实用性。教师在教学过程中,非常重视学生动手能力的培养,希望教学与就业能做到“无缝连接”,但事实上,还存在很多不足。学生只会做网站,却不会推广。如今的互联网上网站数量太多,大多数用户依赖搜索引擎寻找信息,怎样做到网站优化,让搜索引擎收录你的网页,在高职《网页制作》课程内容中没有体现。笔者认为,为了更好地培养学生成为网页制作与推广集一身的人才,应该在现有的授课内容中增加SEO技术的相关知识。本文根据目前的SEO技术对课程改革进行了探索。一《网页制作》课程现状(一)课程目标目前邵阳市高级技工学校《网页制作》课程的主要目标是根据职业教育的特点,培养学生掌握网页设计的基本知识,具备静态网页设计的能力,掌握网站的管理与维护的基本方法,熟悉网站设计的全过程,为今后从事网站建设,网站维护与管理及网站推广等工作奠定基础,形成良好的网页制作与网站管理的职业素养。(二)课程内容在教学过程中,应注重《网页制作》课程内容的选择,课程的教学内容应该以就业为导向,提高教学的针对性与使用性,做到理论与实际相结合。课程的主要内容有:HTML超文本标记语言,这是网页制作的基础,要求学生能够看懂、修改及编写简单的HTML代码;“网页制作三剑客”工具的使用,它是由Macromedia公司开发出来的一套强大的网页编辑工具。由Dreamweaver、Fireworks、 Flash3个软件组成,这里主要讲Dreamweaver 8.0的使用,要求学生能够熟练使用这个软件的基本功能,掌握站点的创建,页面的布局,表格的使用,文字与图像的插入,层的使用等等;CSS样式表,又称层叠样式表,它可以使内容与效果分离,要求学生掌握用嵌入式样式表、内联式样式表及外联式样式表的使用方法。(三)课程的教学方法《网页制作》是操作性和实用性都很强的课程,教学应以学生为主体,利用各种教学方法,充分调动学生的积极性和主观能动性。本课程主要采用的教学方法有案例教学法,任务驱动法和项目教学法。在理论教学中,采用案例教学法。通过某个具体案例的演示,将知识点融入其中,使教学内容与实际相结合,使用多媒体进行直观演示,可以达到事半功倍的效果。在上机实验中,可以采用任务驱动教学法。将课程分解成5个相互独立而又有递进关系的任务,让学生自己主动完成,例如,网页素材的准备,页面风格的确定等等。这样可以让学生在做中学,激发了学生的学习兴趣,学习效率明显提高。在综合实训中,主要采用项目教学法,让学习过程与某一企业的具体项目结合起来,将课程内容分解成网站策划、网页内容编辑、网站链接的创建和网站测试与管理4个部分。将学生按自主搭配的原则分成开发小组,小组成员明确自己的任务,学生按照网站开发流程自主开发,在课堂上,教师对共性问题进行统一讲解。这样,可以很好地培养学生对实际项目的开发能力和协调能力,让学生熟悉网站开发的全过程。二SEO的概念和目的SEO(Search Engine Optimization)是搜索引擎优化的缩写,它是根据各个主流搜索引擎对网站的审核规则和评判标准及其特点,对网站的结构和内容进行优化重组,来提高网站在搜索引擎内的排名的一种技术。它通过特殊方式优化和更新网站,使网站能很好的被搜索引擎所接纳,从而使网站的关键词在搜索引擎里面相对靠前,争取更多的有目的性的搜索用户点击进入,来提高网站的客户流量[1].SEO的目的是:让搜索引擎收录网站,吸引潜在客户访问你的网站或页面,提高网站的点击率,让网站成为更好的传播信息的渠道。三《网页制作》课程改革引入 SEO 的必要性《网页制作》课程内容的设置应适应社会的需要。如今,互联网已经成为了社会经济活动的重要平台,《第30次中国互联网络发展状况统计报告》显示,截止2012年7月19日,全国网民数量达到5.38亿,网站总数达到250万个,网上银行和网上支付应用规模庞大,分别有1.91亿和1.87亿,带来了巨大的网购市场。企业和个人都在互联网上建立自己的网站,希望可以把它变成企业发展的翅膀。然而怎样让用户找到你的网站,是企业必须面对的问题,这就需要依靠各种网站推广技术,其中,让搜索引擎收录是网站推广的主要手段之一。现在,搜索引擎用户规模已经达到4.29亿,占网名总数的79.7%,是网名在互联网中获取信息的重要工具。因此,《网页制作》课程中应加入SEO技术的基本知识,这样培养的网页设计人才才能更好地为社会服务,符合市场人才的需求[2].四基于 SEO 技术《网页制作》课程教学内容整合SEO技术应与《网页制作》课程原有的课程内容结合在一起,贯穿网站建设过程的每一个环节。本课程按照项目教学法把课程知识内容分成网站策划与设计、网页内容编辑、站点链接的创建和网站测试与管理,接下来分别对这几方面的教学内容提出改进意见。(一)网站策划与设计阶段在这一阶段,学生应具有搜索引擎优化的思想,教学内容主要体现在以下几个方面。(1)站点文件夹的建立,站点文件夹的结构应小于3级,搜索引擎是从根站点依次向下抓取网页内容的,目录越深,被搜索引擎爬行到的可能性就越小。(2)内部导航的设计原则,不要使用图片、flash或框架做导航链接,因为搜索引擎不识别这些内容,可以使用颜色或样式来区别当前导航。(3)页面布局,页面布局应采用Div+CSS的模式,它能将页面的内容与内容存在的形式分析,相对表格布局来说,减少的页面的代码,提高了页面的加载速度,有利于搜索引擎的抓取和收录。(4)关键词的选取,关键词的选择应有助于网站的推广,符合“长尾理论”[3],还要注意关键词的搜索频率及竞争情况。(二)网页内容编辑阶段在这个阶段,学生需要考虑SEO实施的具体因素。SEO教学内容主要是HTML代码中、<meta>、<h>、 等各个关键标签的优化[4].(1)title标签,搜索引擎对它给予很高的权重,在关键字排名中起到重要的作用,搜索引擎会把它与关键字优先匹配。Title中的文字应反映当前网页的标题和关键词以及网站的名称,但是不能频繁更换,字数不要超过30个字。(2)meta标签,它的权重仅次于title,它有2个属性“Keywords”和“description”.在教学内容中应强调着2个参数的属性设置,搜索引擎优化过程中会使用到它们。(3)h1标签,应尽量靠近<body>标签,以便让搜索引擎尽快找到主题,在它的内容中,应包含有关键词。(4)alt标签,页面中的图片要设置这个属性,将关键词放置其中。对图片进行优化时,还可以给图片的路径及命名使用关键词。在页面内容编辑时,关键词很重要,以上都是围绕它来操作的,但是关键词的密度最好是在3%到8%之间。(三)链接创建阶段在这个阶段,学生需要了解搜索引擎的链接算法,如PagePank算法。页面被链接的次数和链入网页的质量是衡量网站质量的重要指标。链接分为内部链接和外部链接,内部链接要科学,合理,符合用户习惯,具有逻辑性,应该控制每个节点的连接数,一般为3——8为宜。外部链接是指外部网站指向本站点的链接。建立外部链接比较简单,例如可以创建友情链接等等。外链的质量和数量也是影响网页排名的因素之一。(四)网站的测试与管理阶段在这个阶段,应培养学生推广网站的意识和技能。《网页制作》内容不应止步于将网站建立起来,应学会如何介绍、推广自己的网站。在教学内容上应侧重(1)域名优化,域名选取的原则是短小、易记,能代表企业或公司的含义,中英文的使用技巧等。(2)维护中的优化,强调网站内容的多样性,原创性。可以通过管理中的流量统计来分析反馈推广效果、分析客户行为,及时调整SEO手段,在内容选择上可以增加流量统计软件的使用方法介绍。总之,SEO技术是符合高等职业教育特色,适应市场需求的技能。进行基于 SEO 技术的课程改革,培养基于SEO 技术的网站建设人才是培养学生专业技能的需要,对社会网站制作人才的需求有着重要的意义。在实施基SEO技术的《网页制作》教学改革时,应将 SEO思想贯穿到网站建设的全过程,贯穿网站策划、建设、维护等过程的每个细节。参考文献:[1] 李刚,王洪智,尹鹏飞。搜索引擎优化SEO技术探讨[J].电脑知识与技术,2012(1)。[2] 中国互联网信息中心。第30次中国互联网络发展状况统计报告[EB/OL].[3] 吕梁。关键字策略在SEO中的应用研究[J].电子商务,2009(3)。[4] 朱奕辉,雷军程,李首洪。SEO在网站建设中的应用[J].当代教育理论与实践,2011(7)。</div> <div class="tags">标签:<a href="/tags-8633.html" title="课程改革" target="_blank">课程改革</a><a href="/tags-6750.html" title="初探" target="_blank">初探</a><a href="/tags-2462.html" title="高职" target="_blank">高职</a></div> <a href="/paydowndoc-2-308239.html" id="download_word" class="download_word download_word_lb" title="文档下载" target="_blank"> <!--<a href="https://yn-bearing.com/downdoc-85-308239.html" id="download_word" class="download_word download_word_lb" title="文档下载" target="_blank">--> <div class="download_card"> <div class="card_nr card_nr_lb"> <h4 class="card_bt">基于SEO的高职《网页制作》课程改革初探</h4> <div class="download_card_msg">将本文的Word文档下载到电脑,方便收藏和打印</div> </div> <div class="download_card_btn download_card_btn_lb"> <div class="content_box_tj"> <span>推荐度:</span> <img src="/view/wenxm/images/icon_star.png" alt=""> <img src="/view/wenxm/images/icon_star.png" alt=""> <img src="/view/wenxm/images/icon_star.png" alt=""> <img src="/view/wenxm/images/icon_star.png" alt=""> <img src="/view/wenxm/images/icon_star.png" alt=""> </div> <div class="downlod_btn_right demo_tc downlod_btn_right_lb"><em class="downlod_icon"></em>点击下载文档<span>文档为doc格式</span></div> </div> </div> </a> <div class="tb_gg"> <!-- AD --> </div> <div class="tb_gg"> <!-- AD --> </div> <div class="gg_center" align="center"> <!-- AD --> </div> <div class="pnum"> <ul id="page_slice"> <div class="clear"></div> </ul> </div> <div class="arend_search"> <div class="search_icon"></div> <div class="search"> <form id="search-form3" class="search_f yj_10" method="get" target="_blank"> <input type="hidden" name="u" value="search-index" /> <input type="text" id="keyboard" name="keyword" class="search_text nobian f16 fl" placeholder="请输入您搜索的内容" required=""> <input type="submit" class="search_btn nobian cursor f12 ca fr" value="搜索"> </form> </div> </div> </article> <div class="list_hot ar_related bj_mt20 louti"> <div class="head head3"> <h4 class="f16">相关推荐文档</h4><span></span> </div> <ul class="bj_mt26"> <li class="lb_w2"> <a href="/gongzuojihua/2550608.html" title="以课程改革为中心小学语文教研组教研计划" target="_blank" class="lb_bt chao">以课程改革为中心小学语文教研组教研计划</a> <time>05-25</time> </li> <li class="lb_w2"> <a href="/xindetihui/2549932.html" title="新课程改革的心得体会范文" target="_blank" class="lb_bt chao">新课程改革的心得体会范文</a> <time>01-09</time> </li> <li class="lb_w2"> <a href="/xindetihui/2549909.html" title="2020新课程改革学习心得体会范文5篇" target="_blank" class="lb_bt chao">2020新课程改革学习心得体会范文5篇</a> <time>07-20</time> </li> <li class="lb_w2"> <a href="/zongheziliao/2441800.html" title="浅析基于工作过程的内科护理项目化课程改革论文" target="_blank" class="lb_bt chao">浅析基于工作过程的内科护理项目化课程改革论文</a> <time>10-31</time> </li> <li class="lb_w2"> <a href="/zongheziliao/2432083.html" title="大学生心理健康教育课程改革的探索" target="_blank" class="lb_bt chao">大学生心理健康教育课程改革的探索</a> <time>10-26</time> </li> <li class="lb_w2"> <a href="/zongheziliao/2254425.html" title="试析高等职业教育课程改革的思考论文" target="_blank" class="lb_bt chao">试析高等职业教育课程改革的思考论文</a> <time>09-09</time> </li> <li class="lb_w2"> <a href="/zongheziliao/2254333.html" title="初中美术教学课程改革的研究论文" target="_blank" class="lb_bt chao">初中美术教学课程改革的研究论文</a> <time>09-02</time> </li> <li class="lb_w2"> <a href="/zongheziliao/2254252.html" title="浅谈物理教师在新课程改革中切实做好观念转变" target="_blank" class="lb_bt chao">浅谈物理教师在新课程改革中切实做好观念转变</a> <time>10-30</time> </li> <li class="lb_w2"> <a href="/zongheziliao/2253350.html" title="谈美术教育与基础教育课程改革论文" target="_blank" class="lb_bt chao">谈美术教育与基础教育课程改革论文</a> <time>09-06</time> </li> <li class="lb_w2"> <a href="/gongzuojihua/2250389.html" title="七年级课程改革班主任工作计划" target="_blank" class="lb_bt chao">七年级课程改革班主任工作计划</a> <time>09-01</time> </li> <li class="clear"></li> </ul> <div class="asd_con_2"> <!-- AD --> </div> </div> </div> <div class="con_r fr"> <div class="search ar_search"> <form id="search-form3" class="search_f yj_10" method="get" target="_blank"> <em class="iconfont icon-sousuo ca"></em> <input type="hidden" name="u" value="search-index" /> <input type="text" id="keyboard" name="keyword" class="search_text nobian f16 fl" placeholder="请输入您搜索的内容" required=""> <input type="submit" class="search_btn nobian cursor f12 ca fr" value="搜索"> </form> </div> <div class="author_btn"></div> <div class="asd_side_1"> <!-- AD --> </div> <div class="tb1_gg"> <!-- AD --> </div> <div class="tb1_gg"> <!-- AD --> </div> <div class="hot r_rwap hot_sou bj_mt10"> <div class="head"> <h4 class="f16">相关热搜</h4><span></span> </div> <ul class="bj_mt10"> <a href="/zongheziliao/616.html" title="三年级自我介绍" target="_blank" class="lb_2 chao f14">三年级自我介绍</a> <a href="/zongheziliao/1075.html" title="副部长述职报告" target="_blank" class="lb_2 chao f14">副部长述职报告</a> <a href="/zongheziliao/803.html" title="医护人员辞职报告" target="_blank" class="lb_2 chao f14">医护人员辞职报告</a> <a href="/zongheziliao/1284.html" title="小学优秀家长事迹材料" target="_blank" class="lb_2 chao f14">小学优秀家长事迹材料</a> <a href="/zongheziliao/500.html" title="建筑工程测量实习报告" target="_blank" class="lb_2 chao f14">建筑工程测量实习报告</a> <a href="/zongheziliao/912.html" title="市场调研报告优秀" target="_blank" class="lb_2 chao f14">市场调研报告优秀</a> <a href="/zongheziliao/1173.html" title="播音员个人简历" target="_blank" class="lb_2 chao f14">播音员个人简历</a> <a href="/zongheziliao/1124.html" title="生活委员个人述职报告" target="_blank" class="lb_2 chao f14">生活委员个人述职报告</a> </ul> </div> <div class="hot r_rwap hot_sou bj_mt10"> <div class="head head1"> <h4 class="f16">猜你喜欢</h4><span></span> </div> <ul class="bj_mt10"> <a href="/gongzuozongjie/2378221.html" title="年终个人工作总结大全10篇" target="_blank" class="lb_2 chao f14">年终个人工作总结大全10篇</a> <a href="/zuowendaquan/1861781.html" title="中学生观看赛德克巴莱后感范文" target="_blank" class="lb_2 chao f14">中学生观看赛德克巴莱后感范文</a> <a href="/zongheziliao/2174244.html" title="分期付款购房合同" target="_blank" class="lb_2 chao f14">分期付款购房合同</a> <a href="/qingkuangbaogao/16496.html" title="火灾情况报告" target="_blank" class="lb_2 chao f14">火灾情况报告</a> <a href="/zuowendaquan/1463821.html" title="成长的作文" target="_blank" class="lb_2 chao f14">成长的作文</a> <a href="/zongheziliao/2000233.html" title="保持党的先进性范文五篇(2)" target="_blank" class="lb_2 chao f14">保持党的先进性范文五篇(2)</a> <a href="/zuowendaquan/340323.html" title="国庆节中学生作文600字(10篇)" target="_blank" class="lb_2 chao f14">国庆节中学生作文600字(10篇)</a> <a href="/zuowendaquan/970297.html" title="火烧圆明园观后感心得5篇700字" target="_blank" class="lb_2 chao f14">火烧圆明园观后感心得5篇700字</a> </ul> </div> <div class="asd_side_2"> <!-- AD --> </div> <div class="r_nav"> <!-- AD --> </div> <div class="asd_side_3"> <!-- AD --> </div> </div> <div class="clear"></div> </div> </div> <!-- 底部 --> <footer class="footer"> <div class="footer_wrap main"> <div class="footer_t"> <div class="footer_nav fl"> <a href="/gongzuozongjie/" title="工作总结" target="_blank" rel="nofollow">工作总结</a> <a href="/gongzuojihua/" title="工作计划" target="_blank" rel="nofollow">工作计划</a> <a href="/jihuafangan/" title="计划方案" target="_blank" rel="nofollow">计划方案</a> <a href="/baogaozongjie/" title="报告总结" target="_blank" rel="nofollow">报告总结</a> <a href="/fanwendaquan/" title="范文大全" target="_blank" rel="nofollow">范文大全</a> <a href="/xuexiziliao/" title="学习资料" target="_blank" rel="nofollow">学习资料</a> <a href="/qiuzhiwendang/" title="求职文档" target="_blank" rel="nofollow">求职文档</a> <a href="/wenmigongzuo/" title="文秘工作" target="_blank" rel="nofollow">文秘工作</a> <a href="/ziliaodaquan/" title="资料大全" target="_blank" rel="nofollow">资料大全</a> </div> <a href="javascript:;" class="footer_phone fr"> <em class="iconfont icon-44"></em> <div class="qrcode ts"> <img src="/view/wenxm/images/qrcode.png" alt="范文网手机站"> <p>扫码手机访问</p> </div> </a> <div class="clear"></div> </div> <div class="footer_b footer_b1"> <p class="cf fl">本网站所有内容均由编辑从互联网收集整理,如果您发现不合适的内容,请联系我们进行处理,谢谢合作! <br/>内容侵权、违法和不良信息,举报电话: <span class="phone"></span> 举报邮箱: <span class="mail"></span> </p> <p class="cf fr">Copyright © 2006-<span class="years"></span>yn-bearing.com All Rights Reserved <br/>范文网 版权所有 (耗时0.1220秒) <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow" class="beian">沪ICP备2023009513号</a> </p> <div class="clear"></div> </div> </div> </footer> <!-- 底部 --> <script> (function() { $("#search_form,#search_form2,#search_form3").submit(function() { var mid = $(this).find("[name='mid']").val(); var keyword = $(this).find("[name='keyword']").val(); window.location.href = "/search/" + encodeURIComponent(keyword) + "/"; return false; }); })();; </script> <script src='/view/wenxm/js/arc_btn.js'></script> <script src='/view/wenxm/js/clipboard.min.js'></script> <link href="/view/wenxm/css/xtiper.css" rel="stylesheet" type="text/css"> <script src='/view/wenxm/js/xtiper.min.js'></script> <script src="/view/wenxm/js/qrcode.js" charset="utf-8"></script> <div class="ar_louti"></div> <script id="pay_show_html" type="text/html"> <div class="layui-form"> <div class="layui-form-item" style="display:none"> <label class="layui-form-label" style="width: 90px;">支付方式</label> <div class="layui-input-block"> </div> </div> <div class="layui-tab-content"> <div class="layui-tab-item paybox layui-show"> <div class="xc_buys_alert"> <p class="xc_buys_alert_title">支付<span>1</span>元,购买此内容!</p> <div class="xc_buys_alert_paytype"> <input name="payway" type="hidden" title="支付宝支付" value="alipay" id="alipay_input"> <div class="xc_buys_alert_paybutton" onclick="handleClick(this)"><img src="/lecms/plugin/paydowndoc/static/images/alipay_ico.png">支付宝</div> <input name="payway" type="hidden" title="微信支付" value="wechat" id="wechat_input"> <div class="xc_buys_alert_paybutton" onclick="handleClick(this)"><img src="/lecms/plugin/paydowndoc/static/images/wechat_ico.png">微信支付</div> </div> </div> </div> </div> <div class="xc_buys_alert_div"><span>输入QQ号码:</span><input type="text" name="p_contact" required placeholder="用于查询订单" type="test" value=""></div> </div> </script> <script src='/view/wenxm/js/payshow.js'></script> <link rel="stylesheet" href="/lecms/plugin/paydowndoc/static/css/css.css" type="text/css" media="all" /> <link rel="stylesheet" href="/static/layui/lib/layui-v2.8.15/css/layui.css" media="all"> <script src="/static/layui/lib/layui-v2.8.15/layui.js" charset="utf-8"></script> <!-- 底部 --> <script id="paydowndoc" type="text/html"> <form class="layui-form" id="paydowndoc_form" action="/index.php?paydowndoc-create" method="post" target="_blank" style="margin: 0 10px;"> <input type="hidden" name="id" value="308239"> <input type="hidden" name="mid" value="2"> <input type="hidden" name="pay_fmt" value="1"> <div class="layui-tab layui-tab-brief" lay-filter="paydown"> <ul class="layui-tab-title"> <li class="layui-this" lay-id="1">单篇下载</li> <li lay-id="2">包月下载</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item paybox layui-show"> <div class="xc_buys_alert"> <p class="xc_buys_alert_title">支付<span>1</span>元,购买此内容!</p> <div class="xc_buys_alert_paytype"> <input name="payway" type="hidden" title="支付宝支付" value="alipay" id="alipay_input"> <div class="xc_buys_alert_paybutton" onclick="handleClick(this)"><img src="/lecms/plugin/paydowndoc/static/images/alipay_ico.png">支付宝</div> <input name="payway" type="hidden" title="微信支付" value="wechat" id="wechat_input"> <div class="xc_buys_alert_paybutton" onclick="handleClick(this)"><img src="/lecms/plugin/paydowndoc/static/images/wechat_ico.png">微信支付</div> </div> </div> </div> <div class="layui-tab-item paybox"> <div class="xc_buys_alert"> <p class="xc_buys_alert_title">支付<span>10</span>元,一个月内不限量下载!</p> <div class="xc_buys_alert_paytype"> <input name="payway" type="hidden" title="支付宝支付" value="alipay" id="alipay_input_month"> <div class="xc_buys_alert_paybutton" onclick="handleClickmonth(this)"><img src="/lecms/plugin/paydowndoc/static/images/alipay_ico.png">支付宝</div> <input name="payway" type="hidden" title="微信支付" value="wechat" id="wechat_input_month"> <div class="xc_buys_alert_paybutton" onclick="handleClickmonth(this)"><img src="/lecms/plugin/paydowndoc/static/images/wechat_ico.png">微信支付</div> </div> </div> </div> </div> </div> <div class="xc_buys_alert_div"><span>输入QQ号码:</span><input type="text" name="contact" required placeholder="用于查询订单" type="test" value=""></div> </form> </script> <script src='/view/wenxm/js/paydowndoc.js'></script> </body> </html>