版权声明: 本文由Oak/lyris完成,首发于CSDN,作者保留中文版权。 |
原文: http://gpsgfaq.googlepages.com/google_page_creator.html
应该可以看成Google Page Creator (GPC)页面测试报告吧,
里面列举了Google Page 的特性和局限,我将它翻译如下(花了两个晚上中的一些休息时间):
前言
本文测试Google 主页构建器(以下简称GPC) 的要求和限制, 还包括一些对文件格式的测试,HTML元素的支持情况,最后给出了如何应用这些特性的方法。
要求
- Gmail帐户:需要
- 浏览器:IE6 或Mozilla Firefox 1
- Javascript:支持
- Cookies:打开
- HTML 编辑器:不必须(已有大量模板)
限制
- 上传最大文件限制:10M
- 空间最大限制:100M
- 每天最大带宽:未知
文件格式
你能上传许多符合GPC格式的文件,以下是支持上传的文件列表:
Category | Formats |
Images | bmp, gif, jpg, pcx, png, tga, tif |
Markup languages | htm, html, xml |
Miscellaneous | pdf, ps |
Music | au, mid, mp3, s3m, wav |
Packed files | lha, zip |
Presentation | odp, ppt |
Programming code | c, cpp, h, java |
Spreadsheet | ods, xls |
Video | avi, gvi, mov, mpeg, wmv |
Word processing | doc, lwp, odf, rtf, wp |
特性测试结果
以下是Googe page Creator能支持的页面效果对照表,例如对HTML css java、 javascript的支持,在表格后面有更详尽的描叙。
Feature | Page Editor | Manual upload |
CSS (inline) | OK | OK |
CSS (internal) | NO | OK |
Embedded object | NO | OK |
Form | OK | OK |
Frames | NO | OK |
Google Maps | NO | OK |
Google Video | NO | OK |
Heading | SW | OK |
Horizontal rule | SW | OK |
Image | OK | OK |
Image map | OK | OK |
Java | NO | OK |
JavaScript | NO | OK |
Link | OK | OK |
List | SW | OK |
Music | NO | OK |
Stat counter (image) | OK | OK |
Table | OK | OK |
Text styles | SW | OK |
从上表可以看出你可以非常容易的用GPC 创建你的网页,你也能给你的网页里面嵌入Google videos, Google maps 和一些图片计数器,但是你不能用GPC创建这些,因为它将一些嵌入的脚本都过滤掉了,虽然你能这些测试文件看到这些对象是怎么嵌入到网页源码里面的,但是 我建议你最好学习一下这些代码,从而能真正对其有深入的理解。
用GPC太简单了, 但是你会不能应用很多手工上传文件的特性,例如你可不可以嵌入对象和框架,也不能加入图片按钮(及时你手工修改源代码这不行),因为这些末拌已经应用了 CSS样式了,你只能一定程度上加一些文字风格(为什么说一定程度上呢,例如你设置的块可能不能正常显示)。
为你的网页添加特性
你可能想让你的主页变得丰富多彩一些。例如:
- Flash
- AdSense,
- Google map,
- Google video,
- Java
- JavaScript
- music
- stat counter(计数器)
- video
GPC会过滤掉一些HTML元素,例如源码中的<script>、<embed>。因此在GPC的HTML视图里面,即使你加入如下falsh,google adsense 代码 ,网页音乐代码 ,计数器代码,视频相关代码的时候:
<embed>... Flash code ...</embed>
<script>... Google AdSense code ...</script>
<bgsound>... music code ...</bgsound>
<script>... stat counter code ...</script>
<embed>... video code ...</embed>
这些代码也会被过滤掉。
绕过这个问题的办法之一是你可以在你的本地将网页编辑好后然后上传到你的google主页上。可以参考如下步骤:
从GPC上下载原始网页
你可以用浏览器将你的GPC页面下载下来。如果你用的是 IE浏览器,首先你打开你的相关网页,如http://YOURACCOUNT.googlepages.com/homepage,通过菜单“文件”, “另存为”,网页存为类似这样的文件Welcome To My Home Page.html,保存过程中为了避免一些非法文件名,你最好以字母(a, b, c, ...),数字(1, 2, 3, ...),其他字符如$, -, _, ., +, !, ', (, )作为文件名,最后文件名可能是这样my_homepage.html ,当你保存文件的时候,最好做一个标记,这样你能在以后方便的找到它。
在编辑器里面打开你刚刚下载保存的这个文件:
你下载下来这个网页后,接下来的事情就该编辑它了。用一些文字编辑器,HTML编辑器,或者所见即所得编辑器, 例如记事本,Mozilla Composer,或者 OpenOffice。如果你用记事本编辑,菜单 “文件”、“打开...” 选择要编辑的文件即可。
复制粘贴代码
下一步就是拷贝粘贴相关代码(如Flash 代码,Google video 代码, music 代码, 计数器代码)到文件的相关代码块中,一般在<body></body>之间。一般提供这些代码的网站会告诉你代码的使用方法。首 先打开浏览器浏览你要粘贴的代码的来源网页。例如如果你想在你的网页中加入Google Video, 选择 你要加入代码的视频,点击“Put on site” 链接,相关代码就会在如下面的文本框里面了,
<embed style="width:400px; height:326px;" id="VideoPlayback"
align="middle" type="application/x-shockwave-flash"
src="http://video.google.com/googleplayer.swf?videoUrl=123abcXYZ"
allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff"
scale="noScale" wmode="window" salign="TL" > </embed>
然后你可以复制代码,如果你用的是IE浏览器的话,你可以将代码用鼠标全选,右键“复制”即可
如图1 所示
图1. 从网页上复制代码 .
将刚才复制的代码粘贴到你的编辑器中,如果你用的是记事本,选择你想编辑的代码,然后“粘贴”。
图2.在记事本里编辑网页代码.
保存文件,如果你用的是记事本,你可以选择菜单“文件”,“保存”。
上传文件
如果你没有登陆 Google Page Creator ,你先登陆,在管理页面上传文件: 点击右边的[upload]连接,选择刚才编辑的文件。
图3. 上传编辑的文件 .
上传完之后,文件名就会显示在GPC页面管理器里面的“Uploaded stuff”下面
如果你已经编辑好一个网页而没有用GPC的在线编辑器的话,只需要上传即可。
提示
当你要修改一个网页的时候,这种解决方案意味着你要你必须经过下载,编辑,上传这3个步骤,如果你在你的硬盘上有一个备份的话,你就只需要编辑,上传这两个步骤了。
建议你先学习一些HTML语言的基础知识,这样你在编辑的时候会得心应手。以下是有相关HTML教程的链接:
http://www.tips-tricks.com/
http://www.htmlcodetutorial.com/
http://www.w3schools.com/html/html_intro.asp
http://www.awdsf.com/courseware/html/html1.htm
http://www.htmlbyexample.com/
http://www.google.com/Top/Computers/Data_Formats/Markup_Languages/HTML/Tutorials/Beginners/