企业网站建设

建站知识

今日已发布信息: 144537
累计注册用户: 68188885

设计手机版网页

与电脑共用 响应式网站 画面视图

概述: 当时电信业者的GPRS/WAP广告打得正火热,手机能浏览的网站都是WAP网站,也就是用WML编写的手机网,WML是很简陋的HTML,内容通常只有文字跟选单。   ▲用这个方法的好处是,WAP可以在所有的手机上正常显示,不过要同时维护手机版和桌面版的网页会很困难,使得资讯常常无法同步。   三、用浏览器来判断设备

  现在流行用手机上网,但是有些网站会无法正常显示,因为这些网页是设计给电脑上观看,如果网页开发者没有考虑到手机的装置特性以及人们的阅读习惯,就无法设计出手机上方便阅读的网页。
说的简单,但是要把既有网页砍掉重练、再移植到手机上是一门大工程, 笔者归类四大方向给网页开发人员参考。

  一、与电脑共用同一套网页

  这里的与电脑共用网页,指的是电脑用的网页完全不经修改、就直接给手机浏览。
前提是网站本身的元素要够简单、版面不能太复杂。

  二、制作手机专用网页

  这个做法在90年代非常盛行,当时电信业者的GPRS/WAP广告打得正火热,手机能浏览的网站都是WAP网站,也就是用WML编写的手机网,WML是很简陋的HTML,内容通常只有文字跟选单。

 

  米泉中小企业建站  楼梯配件   今日推荐免费建站   分类信息   通州网站建设公司

 

  ▲用这个方法的好处是,WAP可以在所有的手机上正常显示,不过要同时维护手机版和桌面版的网页会很困难,使得资讯常常无法同步。

  三、用浏览器来判断设备

  Opera有桌面版和手机版,同样的Chrome、Safari、Firefox也是。
有的网站会使用浏览器嗅探机制(browsersniffing)来判断你是用哪一种、什么装置的浏览器,不过browsersniffing的设定很繁琐,而且经常出差错。
最快的方法是在网页上加入各种版本的连结,让浏览者可以自由选择格式。

  四、开发响应式网站

  响应式网站就是能同时给桌面和手机使用的网站,它跟刚谈到的「与电脑共用」并不一样,响应式网站虽然内容相同,但是它会根据萤幕大小来呈现版面。
要做复杂合型网站其实并不难,只要用CSS与HTML标签来调整就行,比如HTML的viewport以及CSS的media queries。

  何谓viewport

  Viewport指的是「画面视图」,它是一堆数值的组合,白话一点的解释就是你可以在画面上看到的范围,可以分成显示画面视图(display viewport)以及实际画面视图(actual viewport)二种。
对于电脑浏览器来说,viewport比较不重要,因为显示画面视图跟实际画面视图是一样的。

  何谓media queries

  Media queries是CSS3的新功能,它整合了media type和max min-width/max min-height media type这两个属性,可以在不同的装置下显示不同的CSS版面。
比如给screen的版面是一般的显示画面,给print的就是印表机的输出格式。

 

windows server 2003 php 环境搭建

windows server 2003是目前国内比较主流的服务器操作系统,其搭建php的环境也是多种多样,其中IIS+Fastcgi+php+mysql安装时最简单的。

1.安装IIS

IIS是windows平台下比较成熟的web服务,安装方法也非常简单。

打开“开始”菜单,点击“管理您的服务器”(如图1所示),点击“添加或删除角色”(如图2所示)。

图1-管理您的服务器


图2-添加或删除角色

进入预备步骤后直接点下一步。到达了选择角色的地方,选择“应用程序服务(IIS,ASP.net)”(如图3所示)


图3-应用程序服务

之后点击下一步,出现附加组件的选择,一个是FrontPage Server Extentions,另外一个是ASP.net,这两项我们的环境中都 不需要,不必选择,如果有需要,可以选择性安装。进入下一步,是选项总结,再下一步,进入安装过程,此时提示需要插入windows 2003(R2)的 安装光盘,插入光盘后,选择光驱所在驱动器下的I386,点击确定,安装过程将会继续一直到结束,并且出现成功提示(如图4所示)

图4-IIS安装成功

完成后对IIS进行测试,打开“开始”菜单,点击“所有程序”,进入“管理工具”,点击“internet信息服务(IIS)管理器”

 

展开“网站”树型节点,删除默认网站,然后新建一个网站(如图5所示)


进入向导后,进入下一步,为网站添加描述,也就是IIS中显示的网站标示,可以随便填写,再进入下一步,为网站配置主机头,我们是用来配置本地测试环境,所以把主机头配置为127.0.0.1(如图6所示)


图6-配置主机头

进入下一步,选择目录,目录需要提前建立好,然后选择即可。继续下一步,需要选择网站权限,这里只选择读取即可。之后便可完成网站新建向导了。

 

下面要为目录配置权限,首先先在网站名称上点击右键,进入“权限”选项,进入“权限”之后点击“添加”按钮,点击“高级”,然后点击“立即查找”,找到 IUSR_%计算机名%,选择之后点击确定,此时回到了权限选项的位置,除了“完全控制”和“特殊权限”之外全部勾选,最后点击“应用”。权限配置好后, 在目录中新建一个index.html文件,随意输入一些文字或者html代码即可。

图7-权限配置

在网站名称上右键,点击属性,进入“属性”后点击“文档”选项卡,在此添加一个index.html和index.php(index.php添加好是为了待会不必再做配置),然后点击“确定”或者“应用”保存配置。

 

然后在浏览器中的地址栏中输入“http://localhost/”或者“http://127.0.0.1/”,即可看到刚才我们建立的index.html中的内容。

 

2.安装fastcgi

  IIS调试好后,就可以安装fastcgi了,首先需要下载IISfastcgi,下载地址是(http://www.iis.net/download/FastCGI),安装fastcgi非常简单,只需要同意协议后连续点击下一步即可,没有任何选项。

 

3.安装php

  首先下载php在windows的安装包,下载地址http://windows.php.net/downloads/releases /archives/,选择版本的时候,需要注意一下,截止目前(2011年6月),支持zend加密组件的最后一个php版本是5.2.17,国内大多 数主机商和程序能到达的版本只有5.3.4,目前dedecms5.6在5.3.5和更高版本中后台会出现警告,但没有错误。这里选用php- 5.3.4-nts-Win32-VC9-x86.msi做例子。

 

  下载好php-5.3.4-nts-Win32-VC9-x86.msi后,双击文件安装,接受使用协议后,为php填写安装目录,这个目录是可以更换的,指向需要放置它的位置即可。

之后需要选择web服务器的安装,这里选择我们先前安装的IIS fastcgi(如图8所示)


图8-php web server setup

 

下一步需要配置安装选项,这里我们除了默认的选项之外增加了pear install(图9所示)

图9-php安装选项


再进入下一步,就可以确认安装了。

完成安装后,还需要测试一下php是否可用。

首先打开IIS管理器,然后在先前测试IIS的网站上右键,进入“属性”,点击主目录选项卡,然后将“执行权限”配置为“纯脚本”,如图10所示

图10-主目录选项卡


然后点击旁边的“配置”,擦看是否有.php扩展名,如果没有的话,需要添加一个新项,将可执行文件指向 “C:WINDOWSsystem32inetsrvfcgiext.dll”,扩展名为“.php”(注意有个点),动作限制为 “GET,HEAD,POST,TRACE”,点击确定即可(图11)

图11-添加php扩展名映射

做好了这些,就可以写个小脚本来测试了,在网站的目录中新建一个test.php文件,打开后输入<?php echo phpinfo();?>,保存后退出。

在浏览器地址栏中输入http://localhost/test.php,即可看到php信息了。

  

 

3.mysql安装(注:以下步骤同样适用于windows server 2008的mysql安装)

  下载mysql(http://www.365128.com),安装过程比较简单,首先配置路径,然后选择安装选项,一般采用默认安装的方式,之后会进入一个配置向导界面(图12)

图12-mysql配置向导界面


连续下一步,需要选择配置方式,这里选择配置方式,我们需要手动配置,所以选择detailed configuration,然后点击“下一步”(图13)

图13-配置方式


这里需要选择服务器类型,如果是开发用的测试环境,选择developer Machine ,如果是服务器用,则选择Server Machine,当 然单一用途的服务器还可以选择dedicated mysql server machine。选择好后进入下一步(图14)

图14-服务器类型

 

接下来是选择服务器使用,第一个是多功能数据库,可以使用 InnoDB engine和MyISAM engine。第二个选项,它的性能偏向于 InnoDB,但是同时支持MyISAM engine。第三个选项是偏向于分析功能的MyISAM。至于这三个选项有什么区别,其实只要知 道,MyISAM类型的数据库引擎可以为php提供强大的检索和分析功能。InnoDB的性能则偏重于存储。

所以如果只做web服务器的话选择第三项即可,如果是有其它用途,建议选择第一项。

 

图15-数据库用途

 

    下一步需要选择服务器上的连接数量,这里如果是测试用的小服务器可以选择最少的第一项,如果是流量巨大的网站,需要选择第二项,或者第三项自行填写。

    之后是网络连接的选项,“enable TCP/IP Networking”可以按照需求来选择,如果不做集群的话可以把勾去掉,如果是在内网 环境,不为mysql做路由规则是完全可以打开此项的。可以直接添加一个防火墙例外给3306端口。端口号可以选择,但是推荐默认的3306。

还有一项是是否开启严谨模式,此项推荐勾选(图16)

图16-服务器网络连接

点击下一步,选择默认字符集,这里选择自定义的utf8字符集(图17)

 

图17-默认字符集

 

进入下一步,需要设定windows选项,这里推荐安装windows服务,并且自动启动。第二个选项,如果有必要,可以选择添加一个环境变量,可以方便命令行指向。(图18)

图18-windows选项

 

 

配置好后,进入下一步,需要为root用户设定密码,还有一个是否允许root用户从远程登录的选项,此处最好不勾选,否则安全性将会降低。

到此配置就全部结束了,点击下一步,会出现安装总结,点击“execute”执行安装即可。

 

安装成功后,我们依然需要对此进行测试。

 

打开刚才测试php时创建的test.php,我们使用pdo链接mysql作为测试。

输入

<?php 

$db=new PDO("mysql:host=localhost;dbname=test","root","刚才设置的密码");

if ($db)

{

echo "ok";

}

?>

 

访问http://localhost/test.php,如果屏幕上打印出了ok,表示mysql安装成功。

 

4.为dedecms创建数据库 (注:以下步骤同样适用于windows server 2008的mysql gui tools安装)

 

一般情况下,mysql管理都使用的是网页的管理工具,比如phpmyadmin,在这里推荐一种图形化的窗口管理工具,它提供windows版本和linux版本,官方下载地址是

http://dev.mysql.com/downloads/gui-tools/5.0.html

 

下载到后,直接配置路径安装,无多余的选项,默认安装即可。

 

安装好后,进入“开始”→“所有程序”→“mysql”→“mysql administrator”,在“server host”中,输入 “localhost”,在“username”中输入“root”,“password”中输入刚才在mysql配置时设置的root密码。然后点击 ok进入数据库管理(图19)

图19-mysql administrator登录界面

 

  进入后,在主菜单上点击“Catalog”,这是数据库管理(如图20所示)

图20-数据库管理

在左下角的数据库框中空白处右键,选择“create new schema”来创建数据库,输入数据库名即可,在这里演示所创建的数据库名为“dedecms”。

接下来需要创建一个新用户,点击主菜单的“User Administration”,来到用户管理界面(图21)

图21-添加用户

点击图21中红框①处,可以添加用户,在点击之前它不是灰色的。然后在红框③处填写信息,Mysql User是用户名称,下面的password是密码,confirm Password是确认密码。

之后还需要继续操作,点击图21中红框③之上的第二个选项卡“schema Privileges”,为此用户配置数据库权限

图22-给用户分配数据库权限

 

点击图22中红框①处的数据库“dedecms”,此时右侧会出现权限,点击红圈②处得“<<”按钮,为用户“dedecms”授予 “dedecms”数据库的所有权限。然后点击“apply changes”保存。点击图21中红框②处的“apply changes”即可保存用 户。

 

 

当这些步骤进行完毕时,就可以按照安装教程进行dedecms的安装了。


怎样提高网络广告的质量

  我们每天上网的时候,都会看到各种各样的互联网产品广告,包括弹窗广告、对联广告、图片广告、文字广告、视频广告等等,这些形式多样的互联网广告最终的目的还是希望能够引起用户的关注,让用户去点击。要引导用户去点击广告,首先要让用户在心理上认同,因此掌握用户的心理特点和规律,是提高互联网广告质量的重要前提。

  第一,从用户的角度出发,合理安排适当得体的互联网产品广告内容。在互联网产品广告内容上,要从用户的具体需求出发,而不是可以迎合用户的低级趣味。比如,我们可以通过网站后台的管理功能,收集广告的点击量、停留时间、阅读时间等数据,通过这些数据的统计和分析来判断哪些栏目的广告内容是比较受欢迎的,毫无疑问,这将为互联网产品广告内容的指定提供一个最有效的参考依据。

  第二,采用更具创意的互联网产品广告广告形式,吸引用户的关注。有个最能体现创意的例子就是互联网杂志,其之所以让很多企业看重,具备较高的网络价值,就在于网络杂志的每个页面可以同时展示出音频、视频、文字、图片等多种媒体,也就是集成了电视广告、平面广告、互联网广告于一身,从而制作成更具创意的广告作品。此外,网络杂志还有许多让我们值得学习和借鉴的方面,包括用户阅读的方便快捷、环保无纸化阅读、方便相关信息的方便检索等。

  第三,充分发挥传统媒体的作用,促进互联网广告的发展,赢得用户的信任。发挥传统媒体的优势,利用网络媒介的优势,保持各自媒体之间的良好合作与竞争,是未来传统媒体和互联网的发展之路。由于大部分网络媒体的权威性不如传统媒体(如一个用户量不是很大的网站和一个报刊),互联网产品广告的信息容易被广大用户质疑,产生不信任感。如果能够充分发挥传统媒体和网络媒体的特点,加强品牌形象的塑造和传播,就可以弥补网络媒体的不足,增加网络用户的信任感,进而对互联网广告的发展起到促进的作用。

  第三,在互联网广告互动中增强用户的参与性。每个用户在互联网中,如果能够让用户觉得这个广告不是单纯的产品宣传,而是能带来内心的促动,那么用户在参与互联网广告产品的过程就会自然而然地成为一种乐趣。

  因此,从上面谈到的几点,我们都容易看出,在互联网环境下,用户的体验性都发挥着极为重要的作用。这就要求我们在互联网产品的广告设计中要充分考虑到用户的心理感受,从用户角度出发有针对性地控制广告内容,在广告产品中设计灵活运用音频、视频、图片、文字等元素,创作出富有创意的且用户参与度较高的互联网广告。

团购类SEO收获,站内优化的极致

  想必很多的新手都是从企业站开始在接触SEO的,每天按要求去网上找些内容相关的文章,修修改改,找些网站去发些外链。久而久之,网站排名也会有提升。但是这也仅仅是面对小型的企业站罢了,如果换一个没有办法发文章,没办法控制更新的网站,你就会束手无策,你就会发现发外链效果会令你非常失望。

  最近笔者就在一家电商公司就职,笔者面对的不在是一个可以自己控制的网站,而且致命的一点是:公司即将对原本的网站进行革命性改版,包括网站标题,URL,内容。可想而知,后果是无法估量的。

  一个礼拜,漫长的等待。收录在急速下降,网站还是不可避免的被K了。或许是笔者做的还不够,技术还不够到家。算了,无法挽回了。

 

  重新提交网址,和一些朋友交流沟通,寻找方法。还有一个就是:坚持!好在功夫不负有心人,终于在一个礼拜之后百度再次的收录了我的网站。

  好了,言归正传。接下来笔者分享下自己优化团购网站的心得,希望对大家有所帮助。

  站内优化之搜索引擎

  一:标题

  标题的书写是至关重要的:

  ①主关键词、长尾词的镶入,在今日推荐网这方面的资料很多,笔者就不班门弄斧了。但是笔者还是要提醒一点:切忌堆积关键词。

  ②分析竞争对手:竞争对手如果太强大,最好避免与其想碰撞。不然你会浪费很多精力(ps:大众点评,美团太强大,大众点评的长尾太牛X,美食类的基本上被他垄断,笔者压力很大)

  二:代码

  ①代码要尽量简洁,js外部调用,alt标签,H标签。

  文章当中h1的权重是最高的,也就是该页文章的中心标题,这样的中心标题只能用一次,笔者在每个店铺页的店铺名称上使用了H1标签,店铺名称就是一个很好的长尾关键词,也是这个页面的中心词。

  每张图片必须加上alt标签。

  ②用div+css可以更好布局网站的架构,搜索引擎都是从上往下看的,累了就不看了,就是代码靠前 显示的内容却未必再前面,这样搜索引擎先看前面的div就是可以根据自己的需要进行定位。

  三:内链

  ①在内容页面加上相关推荐,给蜘蛛多一个入口。合理的运用可以降低网站跳出率,提高转化率,提高收录。

  ②tag标签的使用

  首先,我们来了解一下什么是tag标签。tag标签分为title tag,description tag,keywords tag.TAG标签无论对蜘蛛还是用户都是非常喜欢的。合理的运用tag标签可以:提高蜘蛛访问深度、降低网站的跳出率、

  提高默写主要关键词的权重。但是要注意的一点是:切忌标签关键词太过分散,如此会造成有很多的垃圾页面,分散权重。

  四:关键词密度

  周边生活网在店铺内容页里面有评论功能,而且店铺也都是由商家自己打理的。所以在关键词密度上比较难控制,怎么样才能是关键词密度保持在4%-8%呢?

  

 

  评论必须在10个字以上,每条评论后面带上店铺名称(店铺名称必须是页面的关键词啊)

  五:友情链接

  如果有条件的话,找一些相关性高,pr值较高,快照更新频率高的网站做友情链接。记住一点:宁缺勿滥!

  站内优化之用户体验

  一:美观。

  不求网站做的很漂亮,能让客户一见钟情,一定不能让用户反感,迎合客户。

  二:简单易用,优化购物流程,不要让客户去思考。

  一个好的网站,是能够带动客户消费,而不是让客户想着:我要如何去消费,我该怎么买,我该如何付款。

  三:给客户多一个选择,提高点击量。

  比如说在我们的周边生活网,我就在所有的店铺页面加上了:看过该商品的最终购买了、附近商家折扣信息。不管是对用户,还是蜘蛛来说都是“极好的”!

  记住一点:一切以客户为中心,用户体验才是王道!

 

网站快速被Baidu 谷歌收录的技巧

  加入本站友情链接系统后,每个站点在本站申请完链接后都会给你一个专用的页面

  比如我申请的用户名是blog,那么你网站在本站的专用页面就是:http://www.kvov.com?username=blog

  现在在本站申请而被收录到百度、谷歌以及其他搜索引擎的速度算是很快的了(指没被K的网站),基本在1-4天就能被收录!

  如果百度对你的网站的友好度不高,怎样加快被收录的几率呢,经过研究,我发现把网站页面收藏到一些网摘可以大大的缩短你网站被收录的时间,于是今天就花了一两个小时重新编辑了下网摘代码,现在已经放到本站页面的各个顶部了!

  你可以找到你自己的页面(把上面的blog改成你的用户名就是了),按上面的网摘一个一个收藏起来!有人说我直接把我的网站加到网摘不就行了,如果百度、谷歌以及其他搜索引擎对你网站的友好度高的话当然是可以的!如果搜索引擎对你网站的友好度低,你就只能借着友好度比你高的网站做跳板,借此来快速的被收录!

云爪直通车浅析网络推广

  在现代社会,产品的传播性很重要,网络推广逐渐被人们选用。最近小编一直在看大咖们关于互联网思维的认识。有人说,互联网思维是基于互联网特性产生的方法论,它侧重于传播性。有人说,互联网思维是由传统商业模式升级的新思维,它侧重于去中间化。有人说,互联网思维是由开发产品到开发用户的转变,它侧重于社交性。有人说,互联网思维是一种迎合需求和开发需求的法则,它侧重于供需关系。有人说,互联网思维是通过多元化发展来突出个性差异,它侧重于独创性。

  互联网思维是以传播为基础,以社交为纽带,通过创新,发生直接的供需关系和更迭现象的法则。拿小米来说,利用互联网传播功能,跟人们发生交互关系;通过产品创新,企业和用户发生直接交易关系,再通过迭代保持这两种关系。互联网的思维并非在互联网出现后才有的,而是互联网放大和突出了这一特性;就像孙子兵法的谋略并非因孙武的出现才有,而是因他有了更好的发扬和广大。所以对于大多数人来说,互联网思维并非想象的高大上,也无须因为字眼的陌生而自愧无学。就像金庸的小说,多涉足于江湖。江湖就是一张互联网,网络了天下所有的传闻。凭借传闻,产生了帮派之间的、社团内部的得与失、夺与让的摩擦;摩擦之后,必然是新秀的涌现和大招的比拼

  云爪软文直通车可以一生百,解决思路难,批量重发节省您的时间。在不同的平台上展示信息,多角度体现,官网形式页面吸引更多的流量。

  一年3000条信息,不间断发布,一万多个关键词随时添加,让客户随时随地找到你,多维度数据报表给你展示软文推广的魅力。

  

 

  提高品牌的方法以往更多的是依赖传统的媒体广告,费用大更新速度慢。通过网络宣传可以按照需要针对不同的人群去投放不同的平台,进一步细分产品的定位,大大提高了产品的知名度。由于网络的无处不在,无所不能,可以把产品推广到更大的人群,拓展产品的品牌知名度。

http://miquan.kvov.com.cn/jzxx8146.html