三、在线网页制作
地址：https://pages.google.com/
图11.GooglePages网页缩略图效果
前面介绍的两个在线工具都是辅助网页设计的，要制作一个完整的在线网页还需要借助更强大的工具才行，GooglePages为用户提供了比较完善且免费的在线网页制作服务。拥有Gmail账户的用户都可以使用它，每位用户还能免费获得100MB的网页存储空间呢！用Gmail账号登陆Googlepages空间后，可看到如图12的界面效果（图12），这是用户个人网页管理主界面。
图12
（一）新建GooglePages网页
现在我们使用它制作一个圣诞节网页，首先在“Create a new
page”处点击创建新网页的按钮，此时该处会出现输入框要求用户为该网页命名（图13），我们可以输入“Merry Christmas”，点击“Create and
Edit”按钮创建新网页。
图13
现在我们会进入Merry
Christmas网页的详细编辑界面（图14），这里我们可以看到页面顶部是网页管理面板，左边是网页编辑的工具面板，中间是可视网页制作区域，下方还有切换到Html状态的按钮。其中在中间可视网页制作区，它又被分网页头、网页主体、网页尾部几个板块。
图14
（二）选择GooglePages网页风格和版式
GooglePages为用户提供了多种网页风格模板和网页版式模板供选择。首先点击网页右上角的“Change
Look”按钮选择一个好看的风格（图15）。
图15
从模板列表中找到好看的风格后，点击它就可以应用到编辑区中。制作圣诞节网页，我们可找一个应景的红色风格（图16）。
图16
如果对此模板的版式不太认同，此时可以选择编辑区右上角的“Change Layout”重新设计版式（图16）。
图17
这里我们选择左右两排的版式，左边（窄）可作为网页的菜单。选定此版式后返回编辑区，可看到页面已经应用选择改动了（图18）。
图18
（三）添加GooglePages网页文字内容
下面我们就开始在网页上添加文字和图片设计网页内容了，标题文字可以直接使用网页页面标题的“Merry
Christmas”内容，而在标题下方可以写一些文字描述例如“congratulates everybody Merry
Christmas”，祝大家圣诞快乐！在页面左边的菜单栏写上网页的栏目，例如“中文版”我们可以制作一个中文版的圣诞节网页。在页面尾部写上网页的一些版权信息，例如“Copyright
@2006 12月”。
接下来就是选择设定已经输入的这些文字的字体样式，例如我们处理“congratulates everybody Merry
Christmas”这一行字，用鼠标选中它之后，在网页左边的工具栏面板上使用文字调色板设计文字的颜色（图19），再选择文字的字体等编辑好它的效果。按照同样的方法，把其它几处的文字效果设计好。
图19
现在网页只剩下版面中间的主体部分没有内容了，我们可以从网上搜索一些关于圣诞节的资料（包括图片）填充在里面。文字添加的工作非常简单，我们只需要把它们拷贝粘贴到此处即可（图20），然后自己编排一些文字的样式。
图20
(责任编辑：韩建光) | 
精彩生活 
