Google Page 实现你灵动的网页梦想
Google实验室总是会有许许多多的新奇想法。2006年2月23日，它又给我们带来了惊喜。这一次给我们带来的是一个名叫Google Page Creator的东西，利用这个在线网页编辑工具，我们也可以过一回网页制作的瘾了。在免费网页空间铺天盖地的今天，Google又会用怎样的手法来诠释网页制作这一理念呢？就让我们揭开Google Page Creator的神秘面纱，一探究竟。
Google Page Creator需要使用Gmail帐号登陆，好在现在Gmail已经是遍地开花了。在浏览器中输入“http://pages.google.com”便可进入Google Page Creator。首次登陆会看到一个欢迎界面，这里介绍了Google Page Creator的诸多优点。Google在这里表示这个服务的用途是：“Create your own web pages, quickly and easily.（快速、简单地创造属于你自己的网页）”。这时，在网页下部勾选“I have read and agree to these Terms and Conditions（我已经阅读并认同协议）”，再单击“I'm ready to create my pages（看是创建我的网页）”按钮，就可以进入Google Page Creator的世界了。
进入Google Page Creator后，我们可以看到一个类似于Gmail的页面（如图1），这就是Google Page的编辑页面了。除了网页中部的编辑区以外，我们在页面上划分了五个工具区域，先来了解一下各个区域都能实现哪些功能。
图1
①．管理区域：发布和管理网页。网页编辑完成后，点击“Publish（发布）”可以发布网页；而点击“Back to Page Manager（返回页面管理）”则可以进入网站管理。
②．撤销（Undo）与重做（Redo）区域。
③．外观与框架区域：用以改变网页的外观和框架。在Google Page Creator中为用户提供了多种网页模板和4种网页框架可供选择。
④．工具栏：点击相关按钮，可以快速插入图片、创建超链接、改变文字格式等多种操作。
⑤．文字样式区：单击选项可以设定不同的文字样式，还可以直接编辑HTML源代码。
当我们了解了网页编辑器的操作界面后，就让我们动手制作一个首页吧！
首先单击工具栏的两个链接，把网页更改成自己喜欢的样式和框架。接着就可以在编辑区输入文字了（编辑区是所见即所得的），就跟我们用FrontPage等软件一样，能够直接显示网页的样子。通过工具栏，我们可以设置编辑区中文字的大小、颜色等选项，并在文字样式区还可以将文字设置为不同级别的标题与内文。
当然，全部是文字的网页肯定不好看，那么我们还需要在网页中添加一些图片。在编辑区将光标定位在要插入图片的地方，点击工具栏的“Image片）”按钮，在弹出的对话框中，我们可以选择上传自己的图片或是引用网络中的图片。目前Google为每个用户提供了100MB的网页空间，对于一般的个人网站可以说是绰绰有余。选择图片后点击“Add Image（添加图片）”即可添加图片。在编辑区选择添加的图片，会出现一个工具栏（如图2），借助这个工具栏可以调整图片大小、制作缩略图等操作，方便用户编辑以适合网页排版，还可以方便地删除图片。
色彩对于事物的表现能力有着其他形式无法比拟的超强效果。在我们生活里,色彩无处不在，它是构成我们生活环境的重要组成部分。可以说我们对每一件事物的认知，都是从色彩与形状开始的，我们也在用色彩创造丰富的视觉空间，用颜色的语言与社会进行沟通。日常生活中，人们对色彩的反应都是有一定的规律。为此，人们把每种颜色都富裕了特殊的感情意义。
色彩构成（Interaction of Colour)，即色彩的相互作用，是从人对颜色的知觉和心理效果出发，用科学分析的方法，把复杂的色彩现象还原为基本要素，利用色彩在空间.量与质上的可变幻性，按照一定的规律去组合各构成之间的相互关系，再创造出新的色彩效果的过程。色彩构成是艺术设计的基础理论之一，它与平面构成及立体构成有着不可分割的关系，色彩不能脱离形体.空间.位置.面积.肌理等而独立存在。作为一个网页设计师，只有掌握色彩构成原理，熟知各色彩间的相互关系及各种颜色的生理或心理作用，结合自己所具备的平面构成知识，在网页设计中正确用色，才能实现传达特定信息和渲染页面的想国的目的
1、光与色彩
色彩是由光的刺激而产生的一种视觉效应。光是产生色的原因，色是光感觉的结果。
光在物理学上是电磁波的一部分，其波长自700-400mm,在此范围称为可视光线。当把光线引入三棱镜时，光线被分为红.橙.黄.绿.青.蓝.紫，因而的出自然光是七色光的混合。这种现象被称作光的分解或光谱，七色光谱的颜色分布是按光的波长排列的。
2、物体色
物体本身是不会发光的，之所以能看到它，是因为光源经物体表面的吸收.反射，反映到视觉中的光色感觉。
物体在自然光照下，只反射其中一种波长的光，而其他波长的光全部吸收，这个物体则呈现反射光的颜色。如果某一物体反射所有的光，那么，我们便感觉这个物体是白色的；如果把七色光全部吸收，那么就呈现一种黑色；实际上，相识生活中的颜色足极其丰富的，各种物体不可能单纯反射一种波长的光，它只能对某一波长的光反射得多，而对其他波长的光按不同的比例反射得少。因此，物体的颜色不可能是一种绝对标准的色彩，而只能是倾向某一种颜色，同时又具有其它色光的部分。所以说物体的颜色是受光源的色彩和该物体的选择吸收与反射能力所决定的。
3、计算机色彩显示
我们知道物体的色彩是对色光反射的结果。那么，计算机显示器的色彩有时如何生成的？
色彩显示器产生色彩的方式类似于大自然中的发光体。在显示器内部有一个和电视机一样的显象管，当显象管内的电子枪发射出的电子流打在荧光屏内侧的磷光片上时。磷光片就产生发光效应，由此精确控制各个磷光片的光波的波长，再经过合成叠加，就模拟出自然界中的各种色光。
二、原色
不能用其他色混合而成的色彩叫原色。用原色却可以混出其他色彩
原色有两个系统，一种是色光方面的，即，光的三原色，如图3-2。另一种是色素方面的，即，色素三原色
色光的三原色：红光-red. 绿光-green. 蓝光-blue
色素的三原色：品红-magenta. 黄色- yellow. 青色-cyan
1、色彩的正混合
正混合指色光的混合。将太阳光线引入三棱镜时，光线被分离为红.橙.黄.黄.绿.青.蓝.紫的光谱。同样，我们可以在实验室里把单色光混合成其他颜色的色光，得出如下的实验结果：
红光+绿光+蓝紫光=白光
红+绿=黄光
红光+蓝紫光=紫红光
可以看出色光的混合特征，两色或多色光相很和，混出的新色光，明度增高，明度是参加混合各色光明度之和。参混合的色光越多。混出的新色的名度就越高，如果把各种色光全部混合在一起则成为极强白色光。所以，把这种混合叫正混合或加法混合。
在色环上，相混合的两色光在色相环上的距离较近，中等，较远相混，形成的新色光均为相两色光的中间色光。相距近混出的新色光纯度高，相距远混出的新色观纯度低，相距最远的补色光相混，混出的光为白光，其纯度消失。混出新色光的明度为参加相混色光明度之和
电脑显示器的色彩是通过荧光屏的鳞片发出的色光通过正混合叠加出来的，它能够显示车百万种色彩，其三原色是红-red. 绿-green. 蓝-blue，所以称之为RGB模式
2、色彩的负混合
负混合指色素的混合，色素的混合是明度减低的减光现象，所以叫负混合或减法混合。如图3-3。颜料.染料.涂料等色素的性质与光谱上的单色光不同，是属于物体色的复色光，色料的显色是把白光中的色光经部分选择与吸收的结果，所反射的和说吸收的色光里，个含有集中不同的单色光。因此，色素间的负混合现象，不是属于反射部分的色光混合的结果，而是吸收部分相混合的所增加的减光现象
在色环上相混合的两色距离近，渔利中等，毅力较远的色相混，混合的结果均为相混两色的中间色。两色相距较近时，混出的色纯度降低的少；另色相距远时，混出的色出的减低的多。若两色为相距最远的互补色时，混出的新色纯度消失，明度降低为黑灰色
因此要混合出纯度较高的新色彩，一定要选择在色环上距离较近的色。如，用黄绿和蓝绿混户出的绿色，一定要比用黄和蓝混合出的绿色的纯度高。用过几个国内的计数器，来源分析网站，感觉也就那样了。前段时间申请了google analytics，等了很久总算受到邀请了，赶快改写代码。现在可以看看结果了感觉google analytics确实要更胜一筹：
截图
第一种方法：做一个网页解决问题（长了点）
如果只是因为浏览者改变了浏览器的设置，或者因为浏览器不兼容，使自己精心制作的网页变得"面目全非"，那多令人沮丧！下面我们以网页爱好者的常用工具Dreamweaver（以下简称DW）为例，列出几个网页制作初学者较常见的网页布局问题以及解决方法，希望对初学者们有所帮助。
一、 Alexa的排名机制解析
1、 Alexa的网站排名是按照每个特定网站的被访问量进行排名的。访问量越大，排名越靠前。
2、 访问量是针对定义在域上的网站进行统计的。如:www.sina.com.cn、news.sina.com.cn 和tech.sina.com.cn将被视作同一网站进行计数，因为它们同属于sina.com.cn这个域。但是个人主页除外，如果系统能够自动从URL地址分辨的话，将被视为彼此独立的网站。比如:在西陆http://www.xilu.com/上申请myweb.xilu.com和hisweb.xilu.com两个不同的个人主页空间，myweb.xilu.com、hisweb.xilu.com和www.xilu.com将被看作三个独立的网站进行计数，而不是算作xilu.com域下的一部分统一计数。
3、提供同样内容的网站将被视为同一网站计算。中比如，传播研究网使用www.mediaresearch.com.cn http://www.mediaresearch.cn/两个域名发布同样的内容，那么将被作为同一个网站来计算。
4、 纳入统计的访问量仅来自使用Alexa工具栏(Alexa Toolbar)的用户。也就是说，只有用户下载了Alexa工具栏，并将其嵌入自己的浏览器。这样，该用户访问某个网站的话，访问的记录才能算作被访问网站的访问量。据Alexa统计，现在使用该工具栏的用户达数百万。
5、 Alexa工具栏仅在windows操作系统下，Internet Exploer浏览器中管用，使用其它操作系统或者浏览器的访问将不能被计数。
6、 遇到有安全保护或加密的站点(如使用https协议)，Alexa工具栏将自动关闭，因此那些安全系数高的网站，Alexa将不能对其进行搜索和统计排名。
访问量算法 1、 某个特定网站被排名时，依据的访问量数据是基于该网站3个月访问量记录的累积。也就是说Alexa每三个月发布一次排名结果，即通常说的名次。它的计算主要取决于用户链接数(Users Reach)和页面浏览数(Page Views)。Alexa系统每天对每个网站的用户链接数和页面浏览数进行统计，通过这两个量的三个月累积值的几何平均得出当前名次。变动是指与前三个月的比较。
2、用户链接数(Users Reach) 指通过Internet访问某个特定网站的人数。用访问某个特定网站的人数占所有Internet用户数的比例来表示。即:用户链接数 = (访问人数/全部Alexa用户数)* 100%，Alexa以每百万人作为计数单位。以雅虎(Yahoo)为例，如果它的用户链接数为28%的话，就是说,随意抽取一百万的Internet用户，其中有280,000人访问Yahoo。
3、 页面浏览数(Page Views) 是指用户访问了某个特定网站的多少个页面。是所有访问该网站的用户浏览的页面数之和。每个用户浏览的页面数取平均值，是所有访问该网站的用户每天每人浏览的独立页面数的平均。同一人、同一天、对同一页面的多次浏览只记一次。
其它影响因素 1、 受使用Alexa工具栏用户的语言、地域、文化等各方面的影响。因此英文网站相对于其它语言的网站，访问量数据更容易被充分地统计。 2、 由于某种需要，用户可能过多的访问alexa.com、amazon.com和archive.org这三个网站，所以这几个网站的访问量可能被过高的统计。 3、 很容易受网站对自己宣传的程度、打广告的多少、别的网站为其建立链接的多少的影响。
1、某个特定网站被排名时，依据的浏览率数据是基于该网站3个月访问量记录的累积。也就是说Alexa每三个月发布一次排名结果，即通常说的名次。它的计算主要取决于访问用户数(Users Reach)和页面浏览数(Page Views)。Alexa系统每天对每个网站的访问用户数和页面浏览数进行统计，通过这两个量的三个月累积值的几何平均得出当前名次。
2、访问用户数(Users Reach)指通过Internet访问某个特定网站的人数。用访问某个特定网站的人数占所有Internet用户数的比例来表示。即:访问用户数 = (访问人数/全部Alexa用户数)* 100%，Alexa以每百万人作为计数单位。以世界网络(linkwan.com)为例，如果它的访问用户数为2%的话，就是说,随意抽取一百万的Internet用户，其中有20,000人访问世界网络。
3、页面浏览数(Page Views)是指用户访问了某个特定网站的多少个页面。是所有访问该网站的用户浏览的页面数之和。每个用户浏览的页面数取平均值，是所有访问该网站的用户每天每人浏览的独立页面数的平均。同一人、同一天、对同一页面的多次浏览只记一次。
二、 Alexa作弊手法
1、欺骗型作弊:
这种形势，就是某些人张扬的，可以随意提升你的世界排名到任意一位，这种欺骗的方式没有任何的实际价值和意义，只能让看到的人耻笑，实现的方式，就是编几句代码，让 alexa 误认为这是其他的网站，你编程设置为yahoo，你的世界排名就是1
2、代理服务器点击型作弊:
相关文章
- 专做了百度和google的网盟推广以作推广效果的评估比较。百度的周期为6天，google为4天。 从百度的统计数据可以看出这六天的点击次数总共为464，平均点击花费了0.30元...2017-07-06
- php语言实现redis的客户端与服务端有一些区别了因为前面介绍过服务端了这里我们来介绍客户端吧，希望文章对各位有帮助。 为了更好的了解redis协议，我们用php来实现...2016-11-25
- 有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。HTML首先载入jQuery库文件以及jRange相关...2015-03-15
- 本文实例讲述了JS实现的简洁纵向滑动菜单(滑动门)效果。分享给大家供大家参考，具体如下：这是一款纵向布局的CSS+JavaScript滑动门代码，相当简洁的手法来实现，如果对颜色不满意，你可以试着自己修改CSS代码，这个滑动门将每一...2015-10-21
jQuery+slidereveal实现的面板滑动侧边展出效果
我们借助一款jQuery插件：slidereveal.js，可以使用它控制面板左右侧滑出与隐藏等效果，项目地址：https://github.com/nnattawat/slideReveal。如何使用首先在页面中加载jquery库文件和slidereveal.js插件。复制代码 代码如...2015-03-15- 翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟...2015-10-21
SQLMAP结合Meterpreter实现注入渗透返回shell
sqlmap 是一个自动SQL 射入工具。它是可胜任执行一个广泛的数据库管理系统后端指印, 检索遥远的DBMS 数据库等，下面我们来看一个学习例子。 自己搭建一个PHP+MYSQ...2016-11-25- 复制代码 代码如下: // 第一种写法 $da = date("w"); if( $da == "1" ){ echo "今天是星期一"; }else if( $da == "2" ){ echo "今天是星期二"; }else if( $da == "3" ){ echo "今天是星期三"; }else if( $da == "4"...2013-10-04
- js里面设置DOM节点透明度的函数属性：filter= "alpha(opacity=" + value+ ")"（兼容ie）和opacity=value/100（兼容FF和GG）。 先来看看设置透明度的兼容性代码： 复制代码 代码如下: function setOpacity(ele, opacity) { if (...2014-06-07
- 本文我们需要解决的问题是如何实现Http请求来实现通信，解决Android 2.3 版本以后无法使用Http请求问题，下面请看正文。 Android开发中使用HttpClient来开发Http程序...2016-09-20
- 复制代码 代码如下:call PROCEDURE_split('分享,代码,片段',',');select * from splittable;复制代码 代码如下:drop PROCEDURE if exists procedure_split;CREATE PROCEDURE `procedure_split`( inputstring varc...2014-05-31
- Google是这样介绍PageRank的： Google 出类拔萃的地方在于专注开发“完美的搜索引擎”，联合创始人拉里·佩奇将这种搜索引擎定义为可“确解用户...2017-07-06
JS实现获取来自百度,Google,soso,sogou关键词的方法
这篇文章主要介绍了JS实现获取来自百度,Google,soso,sogou关键词的方法,结合实例形式分析了js获取来路页面的方法与相关搜索引擎关键词的处理技巧,需要的朋友可以参考下...2017-01-09- 基本思想就是：在JS动态创建select控件的option,通过Ajax获取在PHP从SQL数据库获取的省市区信息，代码有点长，但很多都是类似的，例如JS中省、市、区获取方法类似，PHP中通过参数不同执行不同的select语句。index.html代码：复制...2014-05-31
- 下面代码用JS实现了程序的暂停与继续 复制代码 代码如下: <script type="text/javascript"> /*Javascript中暂停功能的实现 Javascript本身没有暂停功能（sleep不能使用）同时 vbscript也不能使用doEvents，故编写此函数实...2013-10-13
- 我们一起来看一篇关于PHPCMS实现自动推送URL到百度站长平台，希望此教程能够帮助到各位朋友。 百度站长平台开放url推送接口，可以使用调用接口的形式主动及时推送u...2016-11-25
- cover flow效果就一个超级漂亮的图片切换效果了，下面我们来看看CSS+JS实现苹果cover flow效果示例吧，具体的操作步骤细节如下文介绍。 废话不多说, 直接上最终效果...2016-10-02
- 文章介绍了利用了css hack来实现兼容ie和firefox 的div透明效果,有需要的朋友可以参考一下，好了费话不说多了。 为了实现一些特殊效果，需要将页面元素变透明，本文介...2017-07-06
- 文字发光效果我们可以直接使用css来实现了今天我们来看一篇关于文字发光效果的例子，希望这篇文章能够帮助到各位朋友哦。 前言 我录制的慕课网视频一直没有上线，慕...2016-09-14
- 最近要做一个项目，有关商品显示抢购的功能。比如我们的网站很带流量，那么成千上万的用户在几秒内同时点你的商品，确实会出现“抢购人数过多，会提示，系统繁忙。 但是呢，大部分网站然而并没有这么牛叉。为了让用户感受到商...2015-10-21