企业网站的SEO推广优化实践与研究本科毕业论文_第1页
企业网站的SEO推广优化实践与研究本科毕业论文_第2页
企业网站的SEO推广优化实践与研究本科毕业论文_第3页
企业网站的SEO推广优化实践与研究本科毕业论文_第4页
企业网站的SEO推广优化实践与研究本科毕业论文_第5页
已阅读5页,还剩15页未读 继续免费阅读

下载本文档

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

文档简介

1、天津职业技术师范大学 Tianjin University of Technology and Education 毕 业 论 文 企业网站的SEO推广优化实践与研究Enterprises to promote the website SEO optimization practice and research 摘 要 企业网站是一个企业在互联网上进行营销和宣传企业形象的平台,可以说企业网站是一个企业的名片;企业不仅可以利用网站来进行企业品牌宣传、新产品资讯发布、招聘人员、实现在线销售还可以与更多潜在客户建立商业联系从而加强客户效劳。建立企业网站对一个企业而言既节约了宣传本钱,又增加了宣传方式

2、。企业可通过动态页面,利用图片、文字、视频等将企业的信息更全面的展现给了网民。而SEOSearch Engine Optimization搜索引擎优化是链接网站和网民的一种手段,网民搜索自己需要的信息,而SEO那么是将网民最需要的信息展现给网民,供网民点击浏览查阅。想要把你认为最有用最有价值的信息尤其是和你企业相关的信息展现在首页,就得依靠搜索引擎优化手段提高你网站的排名,让搜索引擎收录你网站的更多内容。所以我们在做SEO搜索引擎不管是百度搜索引擎还是谷歌搜索引擎还是搜狗或其它搜索引擎优化时,都要迎合各大搜索引擎的抓取原那么做好企业网站内容和网站外链。利用正确的优化手段,例如:根据你的网站行业

3、确定核心关键词,然后每天定时定量在站内做高质量的文章,最好是原创的文章吸引搜索引擎抓取工具来收录你的网站内容。然后再到各大博客、论坛、B2B网站发布外链。当搜索引擎收录更多你网站的内容,网站收录量增加,网站的权重Page Strength就会提高,这对企业网站的排名有很大的好处,你的网站排名越靠前,网名点击浏览你网站的可能性就越大。而让更多网民访问你的网站并完成注册或者在线购置企业网站的产品这是做SEO搜索引擎优化最理想的目标。在互联网技术开展如此迅速,信息交流日新月异的当今WEB2.0趋势已不可阻挡,企业网站是任何一个企业业务推广必不可少的一局部。 本文利用DIV+CSS样式制作企业网站静态

4、页面,然后利用织梦后台搭建后台,使网站拥有属于自己的数据库。最后采用SEO推广优化网站排名,让搜索引擎收录我们的网站。关键词:企业网站 SEO搜素引擎优化 DIV+CSS样式 网站排名 TC Abstract l 1 ABSTRACTEnterprise website is an enterprise marketing and publicity corporate image on the Internet platform, can say enterprise site is a business card; enterprises can not only use the web

5、to corporate brand promotion, new productinformation release, the recruitment of staff, to achieve online sales can alsoestablish a business relationship with more potential customers to enhance customer service. The establishment of enterprise website to an enterprise not only save propaganda cost,

6、 and increase the propaganda way. Companies can use dynamic pages, pictures, text, video and other enterprise informationmore comprehensive show to the people. SEO (Search Engine Optimization)search engine optimization is a means of linked sites and Internet users,Internet users search for the infor

7、mation they need, while SEO will show usersneed information to the users, for users click on browse access. Want to do you think is the most useful and most valuable information and especially your business related information displayed on the home page, you have to rely onsearch engine optimization

8、 method to improve your sites ranking, let moresearch engine included your site. So we in SEO search engine (whether Baidusearch engine or Google or Sogou search engine or other search engineoptimization), grasping principles to cater to the major search engines doenterprise site content and site ou

9、tside the chain. By using optimization method, the right example: determine the core keywords according to your site, and then regularly do high quality articles in the station, best original article attract search engine crawlers to included your site content. And then to each big blog, forum, B2B

10、web site outside the chain. When the search engine included more of your website content, website included quantity increases,the weight of the website (Page Strength) will increase, the ranking of the corporate website is very good, your website ranking in front, the possibility ofnet click browse

11、your site the greater. And let more Internet users access to your website and complete the registration or online purchase enterprisewebsite products SEO to do this is the ideal goal of search engine optimization.In the Internet technology is developing so rapidly, the WEB2.0 trendinformation exchan

12、ge change rapidly with the irresistible, enterprise website is a essential part of business promotion. DIV+CSS style production enterprise web site using a static page in this paper,then the dream background structures background, make the site have their own database. Finally using SEO optimization

13、 and promotion website ranking,let search engine included our site.Keywords: enterprise website SEO search engine optimization DIV+CSSstyle website ranking目 录TOC o 1-3 h u HYPERLINK l _Toc32366 摘 要 PAGEREF _Toc32366 I HYPERLINK l _Toc21358 Abstract PAGEREF _Toc21358 II HYPERLINK l _Toc22904 第一章 总论 P

14、AGEREF _Toc22904 1 HYPERLINK l _Toc7916 1.1绪论 PAGEREF _Toc7916 1 HYPERLINK l _Toc15818 1.2 SEO优化背景 PAGEREF _Toc15818 2 HYPERLINK l _Toc30108 1.3研究目的和意义2 HYPERLINK l _Toc4358 1.4 本文的主要内容2 HYPERLINK l _Toc24917 第二章企业网站建设 PAGEREF _Toc24917 6 HYPERLINK l _Toc1843 2.1 网站的概念 PAGEREF _Toc1843 6 HYPERLINK l

15、 _Toc5612 2.2 网站的主要分类 PAGEREF _Toc5612 8 HYPERLINK l _Toc23221 2.3 网站的根底效劳 PAGEREF _Toc23221 8 HYPERLINK l _Toc9132 2.4 企业网站 PAGEREF _Toc9132 9 HYPERLINK l _Toc1091 2.4.1 企业网站概念 PAGEREF _Toc1091 9 HYPERLINK l _Toc27578 2.4.2 建企业网站的目的 PAGEREF _Toc27578 9 HYPERLINK l _Toc15276 2.5 域名与主机 PAGEREF _Toc15

16、276 13 HYPERLINK l _Toc8192 2.5.1 域名选择 PAGEREF _Toc8192 13 HYPERLINK l _Toc27275 2.5.2 主机选择 PAGEREF _Toc27275 14 HYPERLINK l _Toc11038 2.6 HTML语言 PAGEREF _Toc11038 16 HYPERLINK l _Toc2530 2.6.1 html根底16 HYPERLINK l _Toc9597 2.6.2 html标记与属性17 HYPERLINK l _Toc14899 2.7 DIV+CSS样式19 HYPERLINK l _Toc7970

17、 2.7.1 div+css样式根底19 HYPERLINK l _Toc9085 2.7.2 css根底语法19 HYPERLINK l _Toc9866 2.8 企业网站建设的流程 PAGEREF _Toc9866 11 HYPERLINK l _Toc15433 2.9 网站备案 PAGEREF _Toc15433 16 HYPERLINK l _Toc3424 第三章 网站后台搭建 PAGEREF _Toc3424 21 HYPERLINK l _Toc16305 第四章 SEO搜索引擎优化28 HYPERLINK l _Toc7454 4.1 站内优化 28 HYPERLINK l

18、_Toc16901 4.1.1 URL优化28 HYPERLINK l _Toc19500 4.1.2三大标签优化29 HYPERLINK l _Toc20847 4.1.3结构优化29 HYPERLINK l _Toc2603 锚文本超链接优化30 HYPERLINK l _Toc2603 4.1.6页面标签优化30 HYPERLINK l _Toc2603 4.1.7导航关键词优化30 HYPERLINK l _Toc2603 4.1.8图片与视频优化30 HYPERLINK l _Toc2603 4.1.9代码优化30 HYPERLINK l _Toc2603 4.1.10内容优化30

19、HYPERLINK l _Toc11099 第五章 后序 PAGEREF _Toc11099 31 HYPERLINK l _Toc19537 参考文献 PAGEREF _Toc19537 33 HYPERLINK l _Toc19546 致谢 PAGEREF _Toc19546 34第1章 绪论1.1 SEO优化背景1993年8月,Lycos实现了依据搜索机器人的数据发现技术,并且支持搜索结果相关性的排序额,首次让搜索引擎能运用网页来自动摘要。1995年底,Alta Vista推出了,由于它具有很多的新的搜索功能,所以深受群众的好评,Alta Vista是第一个支持自然语言搜索的技术,不仅具

20、备了基于网页内容分析的能力、智能处理的能力,而且还是第一个实现了语法的高级搜索的搜索引擎如AND,OR,NOR等,不仅如此Alta Vista还能搜索新闻群组中的一些内容,还能搜索图片。 这一阶段算是SEO的雏形阶段。在网上网下相继也出现了一些论文,讨论文字的对应、数据的挖掘和搜索引擎程序员的访谈。人们有了初步让网页内容符合SEO搜索引擎数据库原理的浅显的意识。同样的,把网站收录到搜索引擎也是比拟容易的,你的网页关键词的分布合理并且使用到达一定密度就可以比拟轻松地排列在搜索引擎上了。1.2 研究的目的和意义seoSearch Engine Optimization搜索引擎优化方式,其主要目的是

21、增加核心关键词的曝光率使网民优先点击浏览你的网站,从而增加销售的时机,给企业带来效益。经调查得知,69.6%的人把搜索引擎(像百度,google、搜狗)作为在互联网上获取信息的重要的方式。我们研究的主要目的是让一个企业的产品或着效劳抢占搜索引擎的靠前的位置,从而让企业抢占网络的至高点,就等同于捡钱。这对一个企业来说是绝对有利的,更何况SEO搜索引擎优化是推广手段中比拟低价、最为有效、最为持久的一种实用方式。而在WEB时代搜索引擎是目前为止用户搜索信息、产品、效劳的主要方式,而且网站近90%的IP来自搜索引擎。所以搜索引擎优化作为网站推广的一种方式相比拟其他方式的推广而言是投资回报率最好的。所以

22、有了这种市场需求后SEO搜索引擎优化就值得被研究。1.3 本文的主要内容,回忆seo搜索引擎优化的历史,阐述研究企业网站seo优化的目的和意义!毫无疑问在信息爆炸的21世纪随着WEB2.0时代的到来搜索引擎是目前为止用户搜索信息、产品、效劳的主要方式,而且网站近90%的IP来自搜索引擎。所以搜索引擎优化作为网站推广的一种方式相比拟其他方式的推广而言是投资回报率最好的。,首先表达了网站的概念、分类、根底效劳等一些根底性的内容,其次解释了企业网站的概念,一个企业建立网站的必要性和建设网站的流程,以及建好网站后域名的选择和空间的选择,网站的备案情况。最后讲述了网站建设的语言HTML超文本标记语言的属

23、性及相关根底语法和DIV+CSS样式的语法。第三章,给建设好的网站搭建后台,建立数据库,数据库的概念、创立、删除、查询、修改操作等等,使网站可以通过后台推送信息到首页前端。第四章,建好网站,选择好空间域名,有了自己的后台,接着利用SEO搜索引擎方法提高自己网站的排名并把自己的网站展现在网民面前。所以本章先讲述SEO的概念,然后细说从站内优化到站外优化的细节内容,重点讲解了关键词优化和网站结构优化,以及需要注意的优化事宜。第2章 企业网站建设2.1 网站的概念 网站website:是指在因特网上根据一定的规那么,使用HTML等工具制作的用于展示特定内容的相关网页和超链接的集合;也可以说网站是一种

24、通讯工具。2.2 网站的分类根据网站所拥有的编程语言分类:ASP网站、PHP网站、JSP网站、NET网站等。根据网站的用途分类:例如门户网站、行业网站、娱乐网站等。根据网站的功能分类:例如单一网站企业网站、多功能网站、网络商城等。根据网站的持有者分类:例如个人网站、商业网站、政府网站、教育网站等。根据网站的商业目的分类:营利性网站行业网站、论坛、非营利性网站企业网站。2.3网站的根底效劳 网站 .域名 .空间 .URL .效劳器 .FTP .IP地址URL(Uniform Resoure Locator)统一资源定位器:包含协议、域名、端口号、具体页面的路径。FTP文件传输:将本地的文件传输到

25、互联网上。网站四要素网站的组成 域名:是由一串用点分隔的字母组成的Internet上某一台计算机或计算机组的名称。就是网址,通俗的讲就是企业单位和公司在因特网上的名称,起着识别作用,便于他人识别和检索某一企业,组织和个人的信息资源,从而更好的实现网络上的资源共享。除了识别功能外,在虚拟环境下,域名还可以起到引导,宣传,代表等作用。它是唯一的,谁先抢注,谁就优先取得使用权。 国际通用的英文域名: -商业公司 .net-网络效劳 .edu-教育机构 .org-非盈利性组织协会 .ac-科研机构 .gov-政府部门 .mil-军事领域 .int-国际组织 .web-与WWW相关的单位 .nom-个人

26、 .firm-商业公司 .store-商品销售企业 一般国内通用的二级域名,后缀在国际域名后缀后加上 例如:ac 中文域名:含有中文的域名叫中文域名。 例如:云南旅游 电磁阀 空间及虚拟主机:是在网络效劳器上划分出一定的磁盘空间供用户放置站点、应用组件等,提供必要的站点功能、数据存放和传输功能。 常见网站空间:虚拟主机,虚拟空间,独立效劳器,VPS 程序:及建设与修改网站所使用的编程语言。 网页:网站是网页的集合,而大家通过浏览器看到的画面就是网页。网页说具体了是一个html文件,浏览器是用来解读这份文件的。2.4 企业网站 企业网站:企业在互联网上建立的自己的网站,让全球的互联网用户可以通过

27、公司域名访问企业网站,从而起到宣传企业形象,推广企业产品的作用,而且也使企业和用户之间可以进行方便的联系。 建企业网站的目的: 建立企业网站对一个企业而言既节约了宣传本钱,又增加了宣传方式。企业可通过动态页面,利用图片、文字、视频等将企业的信息更全面的展现给了网民。而企业建立网站的目的有如下几点: 有利于提升企业形象。 使公司具有网络沟通能力。例如用户留言等 可以全面详细的介绍公司及公司产品。例如汽车行业,保洁行业 实现电子商务功能 可以降低通信费用例如保险、销售行业 可以和潜在客户建立商业联系。 可以利用网站及时得到客户的反应信息。例如留言板 整合公司资源2.5 域名与主机 域名的选择 简单

28、、易记、会意 能用国际域名,不用国内域名 能用 不用net 能用cn,不用com 能用英语,不用拼音 能用全拼,不用简拼 加桔祥数字 能不加“,就不加“ 主机选择 最正确选择:速度跟得上,效劳器的稳定,适合需求,价格合理。 性价比:对大数人来说很重要!虚拟主机空间是单线还是双线亦非常关键,所谓的单线和双线就是网通线路和电信电路。自然双线主机一般要比单线主机贵一些。2.6 HTML语言 html根底什么是HTML语言?为什么要学习HTML语言?什么人可以学习HTML语言?HTML语言的结构特点、根本结构、语言的词法类型?1、HTML文件:就是超文本标记语言书写的文件。超文本标记语言是WWW万维网

29、的描述语言,简称HTMLHyper Text Markup Language),它不是编程语言,只是一种标记语言。 2、HTML语言的作用:目的是把网上各类计算机的文本或图形有机的结合起来,形成共享的整体,而用户不必考虑具体的信息是在网络上的哪个位置。是网页的根底语言,是制作网站,维护、以及后期优化推广必须要学的语言。3、HTML页面是由标签和属性构成,一起用于标识各个文档部件,一个HTML文档保函两局部内容:对这个文件简单描述区head和文档本身body的内容的区。4、HTML文档具有以下特点:结构化、与平台无关、简单、易维护。 HTML语言开发工具:记事本、Frontpage已淘汰 Dre

30、amweaver html标记与属性HTML文档的根本结构: 1、HTML标记的语法是:例如: 其中 font是标记名 color是属性名 red是属性值 color=red 是属性 标记在表示HTML文档内容结构和含义的时候,通常有两种方式,我们分为单标记和双标记。换行的标记,是单标记*标记只可以有一个,但是属性可以有多个,中间用空格隔开。*2、标题字体标记,只针对标题:,默认自助换行 其中#可以选择1-6,ALIGN是属性值可以选择left/center/right三个中的一个。align是对其方式。*H标题范围1-6 字体size范围1-7* 3、文章字体标记: 其中SIZE属性可以选择

31、1-7;color属性值可以选择RGB值或者预定义颜色名称。#00ff00十六进制 是标记语言,只能用在body里面4、物理实体标记: 、 字体倾斜标记 、 字体加粗标记 字体加下划线标记 字体上标 字体下标字符实体标记:显示结果描述实体名称字符代码实体编号数字代码 空格不换行空格 小于号 大于号 & 和号 & & 引号 撇号' (IE不支持 乘号 除号 6、文字对齐块元素 align可以用left/center/right这个没有属性,一般不要使用,今后会被淘汰一样 段落标记,会自助换行,前后有一行距离间隔,对自己不会起到效果。align可以用left/center/right7、

32、字体的移动标记 移动包括方向、方式、循环、速度、底色和面积设置。 其中的direction属性的属性值是取:left 、right、 up、 down. 其中的behavior属性取值为 :scroll 、 slide、 alternate三个值,分别是“字体循环移动,“只移动一次,在“屏幕中间左右移动。其中的loop属性取值为:整数型,表示字体循环移动的次数。其中的scrollamount 属性取值为整数型,值越大,速度越快。其中的height文字移动面积的高、 width文字移动面积的宽、 bgcolor文字移动的背景色,其中高、宽都是数值型;背景色是取RGB值。或者用预定值,它控制着移动

33、文字的背景颜色。 这是设置鼠标放上去和离开后的两种效果。8、列表属性无序列表;里面包含的是列表项,每一个列表项用一个来控制,tpye属性取值是disc、 square、 circle、 none四个属性值必须采用小写的形式三个值分别代表实心原点、实心方块、空心圆圈,无。* compact属性是个无属性,名称标记,是用来使得列表的表项用紧凑格式显示 *格式如下: 列表项 列表项 列表项.是列表项;的属性是可以单独给设置的.一般情况下没必要去设置。有序列表,里面包含的列表项,每一个列表项用一个。type的取值是1 a A i I,start属性是数值型,表示从第一个开始计数,compact是个无属

34、性。名称标记,用来使得列表的表项用紧凑的格式表示。格式如下: 列表项 列表项 列表项.定义列表;compact是个无属性,一般不需要写出来,浏览器默认,使得列表的表项用紧凑的格式表示 标记用于标注需要定义的术语,是标记用于标注该术语的定义解释。格式如下: 名词/ 针对名词的解释/列表可以实现彼此的嵌套。列表在网页中的应用举例:网站导航局部源代码+页面显示效果 首页 关于睿思 新闻动态 课程体系 师资团队 就业快讯 结业证书 联系我们页面显示效果如下:b.内容局部源代码+页面显示效果 个人站长有没有前途?2014-03-13 个人站长有没有前途?2014-03-13 个人站长有没有前途?2014

35、-03-13 个人站长有没有前途?2014-03-13 个人站长有没有前途?2014-03-13 个人站长有没有前途?2014-03-13 个人站长有没有前途?2014-03-13 个人站长有没有前途?2014-03-13 页面显示效果如下:9.超链接和图像水平线 单标记。align属性用来设置水平标尺线的对其方式 属性值left/center/rightwidth属性用来设置水平标尺线在水平方向上的宽度size属性用来设置水平标尺线的粗细,单位是像素px超链接1是WWW的根底,也是其核心。单机这些链接,就能从一个WEB页面跳转到另外一个页面。2统一资源定位符url是Web的地址,由4个局部构

36、成,协议,目的地址,端口号,路径。 :/ 域名地址、目的址:8080/index.html3href局部中url后边跟的是链接页面的路径包含文件名title=属性,参加这个属性后,当鼠标移动到热点时,那么在鼠标下方显示title内容target属性参数定义了链接翻开的位置:*_blank在新窗口中翻开链接。不会替换原来窗口*_parent 在父窗体最开始的第一个中翻开链接将原来串口替换掉*_self 在当前窗体翻开链接,此为目前浏览器默认值。空链*锚标记先制作空链将href=# 删除命名ID将其他链接#后添加链接的ID名称此时是在同一个html里面进行,在链接时#就代表id,

37、如果不是同一个HTML文档里,那么需要先通过链接链接点,使得两个文档连同,完事查找ID完成锚标记。*10.表格标记: /代表的是表格 我的表格 列是嵌套在行里的。必须保证至少一个tr 一个td。 /tr代表的是行/td)td). /td代表的是列 . 表格标记的属性:border:属性设置表格的边框粗细bordercolor:属性设置表格的边框颜色bgcolor:属性是整个表格的背景色background:属性定义了表格的背景图片,默认背景图片平铺的。align:属性控制表格在页面中的位置width height:属性表示表格的宽度和高度cellspacing:属性表示单元格和单元格之间的距离

38、cellpadding:表示单元格内部内容和这个单元格边框之间的距离align:水平对齐方式valign: top/up center bottom 垂直对齐方式colspan :列合并rowspan :行合并 两个属性定义了单元格与相邻的单元格的合并方法。background bgcolor:属性定义了表数据的背景图形和背景颜色表格在页面中的应用源代码+页面效果如下:源代码: *姓名 * *QQ/MSN *所在城市 *想学课程 网络营销 SEO课程 SEM课程 3G-iOS 软件工程师 .NET+3G+云计算 软件工程师 嵌入式软件工程师 国际软件测试工程师 PHP/WEB3.0 互联网工程

39、师 数字艺术UID设计师 高级Linux系统工程师 网络营销师 页面效果如下:11.表单与表单域表单表单在网页中的作用不可小觑,主要是负责数据的采集功能,不如访问者的调查表,留言簿等等。 form 标记定义一个页面中的一个表单。action属性是必须的,用来指定表单被提交时要接受的文件的路径。method属性用于指定提交表单的方法,提交表单的方法get和post的区别。表单域 单标记。input是表单中功能最为丰富的一个标记,使用input标记可以创立按钮,文本输入框,选择框等各种类型的输入字段.name属性标记表单域的名称,type属性标记表单域的类型,value属性定义表单域的值,其他属性

40、根据type的不同而有所变化,size属性是文本框的长短,maxlength属性是允许的字符的长度,是数据库会获取的。type 可以是文本输入框text单行文本,不能换行、密码框password、复选框checkbox,单项选择框radio、隐藏表单hidden、提交表单submit和重置键reset。*姓名:表示姓名输入框里面有“输入姓名初始值,鼠标单击后,文本框内容变成空*2.7 DIV+CSS样式 div+css样式根底一、CSS的概念CSS cascading style sheet中文译为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容别离的一种标记语言。DIV就是HTML语

41、言中的一种标记,用来表示块内容DIV+CSS:DIV是HTML语言的一种标记,而CSS样式用来控制DIV的显示特性CSS样式不仅可以控制DIV的显示样式,也可以控制其他的标记样式引入CSS样式,可以弥补HTML代码自身的缺陷。二、为什么要学习DIV+CSS样式缩减页面代码:代码减少,页面文件就会小,占用网络宽带就少,客户端翻开速度就快,提高了用户体验结构清晰,有利于SEO搜索引擎尤其是百度,对于用户体验号的网站就会得到优先排名缩短改版时间只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。强大的排版能力和文体控制。三、CSS作用简化网页的代码,提高访问速度尾部的CSS文件会被浏

42、览器保存在缓存里,加快下载显示的速度,也减少了需要上传的代码数量。便于维护页面内容和显示样式别离 css根底语法一、css语法由三局部组成,选择器,属性和属性值selectproperty:valueselect:选择器,希望定义样式的HTML标签;property:相应标签的属性;value:属性值例如:p选择器color:#ff0000;font-size:12px二、选择器定义样式表是通过名称调用的,也就是通过名称指定对哪些网页元素进行设置。这样对样式表的使用就有了选择性,因此样式表的名称就是“选择器选择器的分类:标记选择器font因为单位只能标记字体,所以讲font不记为标记选择器,而

43、将 它的属性写在了里面标记选择器是根据HTML语言标记来定义的。类选择器class类别名称color:green;font-size:20px 类别选择器必须要引用才能生效。.class(类别名称)属性1;属性2注明:多个CLASS,为了到达同一个显示样式时候,可以起同一个类别名称。ID选择器一般很少用,常用在有逻辑关系调用的时候。#id属性1;属性2声明:这里ID与CLASS并不冲突。针对同一个DIV同时命名ID和CLASS时,优先选择ID,而且ID的名称必须是唯一的,不可以重复的。伪类选择器在支持CSS的浏览器中,链接的不同状态都可以不同的方式显示,这些包括:活动状态,已被访问,未被访问状

44、态,和鼠标悬停状态; a:linkcolor:#ffoooo /*未访问状态*/ a:visitedcolor:#00ff00 /*已访问状态*/ a:hovercolor:#ooooff /*鼠标移动到连接上*/ a:activecolor:#ooeeoo /*选定的链接*/与CSS类结合使用:.bb a:link;.bb a:visited;.bb a:hover在引用时用class=“bb就行了后代选择器用后代选择器时候,例子如下:.ss ul li属性1;属性2 *集体声明选择器:.ss ul li , s2 ul li属性1;属性2 这样设置也是对的,多个选择器之间用逗号隔开,多个选

45、择器集体声明同一种选择样式。*选择器的优先级有时一个HTML标记同时定义多种CSS样式,在属性名不同的情况下,都会应用;如果属性名相同,最终会使用优先级高的样式(由高到低:ID选择器类选择器标记选择器2.8 企业网站建设的流程建站的根本流程以毕业设计作品为例,主要是建立北京睿思指南教育科技的网站。作为一个教育行业的网站,页面布局不仅要美观、吸引人,还得清晰合理的对各个模块用div+css布局,最后还要考虑到网站优化的要求,例如在编写代码时能用背景图就不用图片,将企业动态可更新的模块放在居上居左的位置在后面的SEO优化会详细讲到。如下流程图: 睿思教育网站筹划建设网站前的市场分析1.1研究相关教

46、育行业例如北大青鸟、达内等等的市场是怎样的,这些市场都有什么样的特点,是否适合在互联网上开展自己公司的业务。最后研究调查发现,就教育行业不仅适合做线下的宣传招生业务而且更适合做线上业务。因为线上开展自己的业务相当于多渠道的宣传推广。1.2其次必不可少的是市场主要竞争者分析,竞争对手上网的情况以及竞争对手网站规划、功能的实现情况。1.3最后是睿思公司自身条件分析、公司的概况、市场的优势,分析可以利用网站来提升哪些竞争力,以及网站建设的能力费用、技术支持、人力投入等等。2、建设网站的目的和功能定位2.1、睿思教育为什么要建立网站,是为了宣传企业树立企业品牌,进行电子商务,还是只是建立行业网站,到底

47、是企业业务的需要还是企业市场开拓的延伸?2.2、根据需求整合公司资源,并确定网站功能。是企业形象宣传型、网上产品营销型还是客户效劳、电子商务型等等。最后将睿思的网站确立为企业形象宣传性。2.3、根据企业规模明确企业内部网建设情况以及网站的可扩展性利用div+css。3、网站技术的解决方案由网站的功能来确定网站技术解决方案。3.1、网站采用自己搭建效劳器,还是租用虚拟主机。3.2、网站选择操作系统,用LINUX,UNIX还是Window。再分析所需投入的本钱、功能实现、开发设置、以及操作系统的稳定性和平安性等等。3.3、网站是采用系统性的解决方案例如IBM,HP公司提供的上网方案和电子商务解决方

48、案,还是自己开发。3.4、网站的平安性措施设置,防黑客、防病毒侵入等方案。3.5、以及相关程序开发所需业务的。例如网页程序ASP、JSP、数据库等等。4、网站内容规划4.1、根据睿思教育网站的目的和功能可以合理的规划网站内容,大方向的导航内容有:首页、关于睿思、新闻动态、师资团队、就业快讯、结业证书、联系我们等。4.2、如果网站的栏目相比照拟多,那么考虑用建设网站的编程专人负责相关内容。 切记:网站的内容是网站吸引网民尤其是你的潜在客户最重要的因素,没有内容或者相关性不高的信息根本就不会吸引匆匆浏览的浏览者。5、网页设计5.1、网页设计应该先出平面效果图,网页美术设计网站颜色的搭配、图标的设计

49、、图片的应用以及版面规划。一般要与企业整体形象相符合。5.2、而且在技术支持功能的实现上还要考虑目标访问群体的地域分布、年龄阶段、网络速度以及阅读习惯等等。5.3、在用DIV+CSS布局时制定网页改版方案,例如一年或两年时间进行较大规模改版等等。6、网站维护制定好方案后,开始利用PSphotoshop处理网站作用的素材图,幻灯片图、banner、公司logo、模块头部标题装饰等。然后出效果图。 (幻灯片图) 公司logo (模块头部标题装饰) (banner)?DIV+CSS?布局1.网页排版网站上的内容大局部是由文字组成。排版的重要性丝毫不亚于视觉层次,适宜颜色的选取,网站功能以及其他特性。

50、也深知它在良好的用户体验中所发挥的重要作用。利用PS做出效果图如下列图所示 首页效果图footer企业领袖的评价合作企业优秀学员头部课程体系动图师资团队知识块幻灯片导航 自导航效果图如下: 子导航 BANNER 主要课程 其它子目录图片略。2.层次结构要表达出层级,界面都存在着不同的层级关系,不同组织结构的内容和元素,而且内容版面层级的设计规划和视觉层次的设计规划其实是一样的道理,视觉美术渲染有主次之分,那么版面内容的层级也一样具有主次之分。3.间距问题网站所有元素的间距margin一般都为10PX,padding一般是5-10px都必须按照一定的条理进行排列,涉及到模块间,行间距,以及字体间

51、都要有一定的间距4.颜色和调色板排版中的颜色并不是专指单一的文本颜色,通常是指网站用到的所有颜色。网站用到的图片和颜色相当于文本的“背景。因此使用颜色时要谨慎。网站的元素要和排版颜色协调,不要让文本显得模糊不清。5.字体上的设置字体的配对字体配对是将两种或者更多字体通常排列组合到达最正确效果的过程。字体配对可降低使用单一字体时可能所产生的单调感。字体大小、粗细比照如果你把字体弄得难以识别,这是犯了大忌。找到了很棒的字体搭配后不要忘记为字体配置适宜的大小和粗细。字体的粗细和大小和设置不当会毁掉之前的搭配。推荐每行最好字数是:不大于45个字母,不大于30个汉字。导航字体、标题字体14PX,文章字体

52、12PX. 第3章 网站后台搭建 3.1 开发工具的选用和介绍 Dede 织梦CMSDede是织梦内容管理系统dedecms的简称, 以简单、实用、开源而闻名,是国内最知名的PHP开源网站管理系统,也是使用用户最多的PHP类CMS系统,在经历了二年多的开展,最新的版本无论在功能,还是是易用性方面,都有了长足的开展,Dede CMS免费版的主要目标用户锁定在个人站长,功能更专注于个人网站或中小型门户的构建,当然也不乏有企业用户和学校等在使用本系统。dede织梦内容管理系统(Dede CMS)基于PHP+MySQL的技术架构,完全开源加上强大稳定的技术架构,使你无论是打算做个小型网站,还是想让网站

53、在不断壮大后系仍能得到随意扩充都有充分的保证。安装dedecms,配制系统环境;找到织梦文件夹templets下面的default里面的index.html,将里面的代码替换成你自己写的首页代码,在生成-更新首页,此文件夹是放织梦网站模板的;css放在uploads/templets/default/style下,这里是放层叠样式表的,最后将自己的网站与后台串联起来。 Dreamweaver CS4Dreamweaver是创立和管理网页的专业化可视编辑器,在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver CS4的发布,更坚决Dreamweaver在该领域的

54、地位。它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。第4章 SEO搜索引擎优化4.1 站内优化 前言 大家都知道,网站做好后,我们需要想方设法的去迎合搜索引擎蜘蛛的喜好,为的是让蜘蛛能多来几次,提高来抓取的频率,增加抓取我们网站页面的数量,因为我们需要为蜘蛛开辟畅通的道路,让它顺利的在我们需要它爬行的页面自由的爬行。 开辟畅通道路,防止蜘蛛陷阱.搜索引擎蜘蛛陷阱一、网站开篇大Flash特效二、各种跳转没有原那么、没有目的性的跳转、301、404。三、框架结构如:iframe标签 iframe标签一般在门户站用的比拟多,

55、这是为了放广告,又不给那些广告链接输送权重。那么,如果网站(首页)出现iframe框架结构,对我们SEO效果有没有影响,答案是肯定的,那么,我们如何将这种影响降到最低呢?网站顶部(导航栏目以上就算是顶部)不要采用iframe框架结构,一般放在中间或尾部;一个页面的iframe不要太多,真的有那么多广告放(有钱赚),那最多也只能放两个这的大家有兴趣可以测试下,反正我放两个是没有影响的;iframe框架内的内容尽量简单,一般就是一个图片或者简单的网页。需要登录,要注册会员才能访问的。 URL优化URL命名技巧A、中文命名方式 以关键字的中文形式为URL组成局部进行命名要比使用英文或拼音更为简单。因

56、为,中文形式的关键字不需要考虑分隔符等问题,只需要选择与目录或者页面内容相关的关键字即可。但并不是所有的的搜索引擎都检索含中文字符的URL。不建议用B、英文命名方式 以关键字的英文形式为URL各组成局部进行命名是目前最常用的URL命名方式之一,需要注意2点:.使用一个实际存在的单词或者词组作为URL各组成局部名称;.组成词组的单词必须用分隔符进行分割,一般在URL中使用“-C、拼音命名方式 目前,绝大多数的搜索引擎都支持拼音形式的关键字搜索。也就是说,中文搜索引擎可以识别拼音形式的关键字。因此,也可以使用关键字的拼音形式对URL各组成局部进行命名,这对于提高中文页面的相关性非常重要。用“-在各

57、个汉字对应拼音之间分割URL长度A、URL长度组成URL长度=Internet资源类型+域名长度+端口号+路径长度+文件名长度B、URL长度的影响搜索引擎抓取页面的时候,对页面URL的长度是有一定限制的。对于超过这个限制的页面搜索引擎就会放弃收录。而且,页面的URL越短,得到当前权重就越高。C、关键字词频在一个完整的URL中,不管是对普通用户还是搜索引擎,主关键字只出现一次都是较为友好的。D、关键字组合在URL中,可以使用分隔符对URL各局部名称进行组合,从而产生新的词组或短语来拓展URL的意义。URL优化A、域名长度域名长度不适合取太长的,无论记忆还是输入都不方便。B、关键字词频在申请域名时

58、还需要注意域名中关键字词频的问题,应该防止在域名中重复出现同一关键字。1.动态URL要静态化2.URL长度不易太长3.URL目录名称与文件名称的组合需要满足:目录与文件之间必须是相邻的;目录名称与文件名称是 独立存在的关键字,且组合后所产生的关键字是独立存在的;组合后的关键字与页面内容是相关的三大标签优化A、Title具有不可替代性,是我们的内页第一个重要标签,是搜索引擎了解网页的入口,和对网页主题归属的最正确判断点。Title长度不要超过30个汉字,60个英文字母,至少将重要内容放在前面范围Title:title标签是一个网站的主题,是SEO优化网站中最重要局部。title的字数通常为60个

59、字节(当然不同的搜索引擎显示标题长度也是不同的),也就是30个汉字,所以我们充分的利用好这30个字,要针对性的做好网站标题的设置,在设置title过程,我们通常会将我们seo优化网站的核心关键词或是难度较大的关键词布局在title中,并依据词的难易顺序依次从左至右排序。一般主关键词控制在2-4个即可,太多容易分散关键词的权重,是不利于排名的。这个道理就相当于分蛋糕一样,人越多,每个人分到的的蛋糕也就越少。网络营销培训|seo培训|sem培训-睿思指南教育科技B、Keywords Keywords是页面关键词,虽然已经被众多黑帽SEO利用,导致权重下降,但仍然是搜索引擎关注点之一。Keyword

60、s应该限制在68个关键词。在百度和谷歌中其实已经不采用了,但本着宁愿错杀一千不可放过一个的原那么,建议还是加上。C、Description描述的字数通常为60个汉字,在写这段话的时候,我建议各位seoer们最好是可以结合你的网站主题,编写一段介绍性的说明,在Description中需要出现你设置的关键词。最好是可以囊括你写的所有关键词,这样一来可以增加你网站关键词的密度。伴随着搜索引擎算法的调整,用户的体验度成为了搜索引擎衡量一个网站质量的重要指标,而Description的科学合理设置是可以提升你网站的用户体验度的。 如果你把meta标签的关键词布局做好,让这meta标签中的Title、Ke

温馨提示

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

评论

0/150

提交评论