Já me pediram para ensinar esta dica, então aí vai.
Para criar páginas como essa, ou essa, ou essa no Google pages a primeira coisa a fazer é abrir um email no Gmail e depois uma conta no Google pages. Já sei, você deve estar se perguntando como não pensou nisso antes, né ?
Pois é, então vamos lá. Clique AQUI e abra sua conta no Gmail, depois volte e se cadastre no Google Pages clicando AQUI , depois volte aqui para continuar o aprendizado.
Depois que você se cadastrou no Google pages, essa é a segunda página que abrirá. Clique para aceitar as condições do site.

Nessa terceira página, preencha como quiser.

Veja, é aí que você fará o upload. Agora pegue o código abaixo, cole em seu bloco de notas, faça as modificações e salve.
Agora que já está tudo certinho, copie o código abaixo e cole em seu bloco de notas, é aí que você fará as modificações para publicar no Google pages.
vermelho--- título de sua página
roxo-------endereço de sua imagem de fundo
verde-----cor das bordas
rosa------coloque algo fora da moldura
amarelo---é entre esses dois códigos que você postará tudo o que quiser em suas páginas do Google Pages, quando quiser dar espaço entre o que você quer postar, coloque o código:
<br>
<html>
<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>AQUI O TíTULO DE SUA PÁGINA</title>
</head>
<STYLE type="text/css">
P, body, td, tr, div {
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #000000;
font-family: Verdana, Arial;
line-height: 12px;
}
A, A:link{color:#000000;text-decoration:none}
A:visited{color:#000000}
A:active{color:#000000}
a:hover {text-decoration: underline; color: #000000; font-weight: bold;}
body {scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #CCCCCC;
scrollbar-base-color: #CCCCCC;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff; }
</STYLE>
<body bg background="ENDEREÇO DE SUA IMAGEM DE FUNDO AQUI">
<div align="center">
<center>
<table border="2" cellspacing="3" width="76%" id="AutoNumber1" height="342" border#00b050">#CCCCCC">
<tr>
<td width="100%" height="342" bordercolor="#CCCCCC" valign="top" bgcolor="#FFFFFF">
<!--"COLOQUE ABAIXO O QUE QUISER" -->
<!--"COLOQUE ACIMA O QUE QUISER E NADA ABAIXO" -->
</td>
</tr>
</table>
</center>
<br>
<br>
<br>
AQUI COLOQUE ALGO QUE VOCÊ QUEIRA QUE FIQUE FORA DO BORDER OU DELETE ESSA INSCRI^ÇÃO TODA EM ROSA
</div>
<p align="center">
</p>
</body>
</html>
Após inserir em seu código o que lhe interessa, salve como no modelo abaixo, preste atenção onde você está salvando em seu pc pois daqui a pouco você irá precisar.
*Observe que após colocar o nome em sua página coloque:
.htmlExemplo:
paginadeamostra.htmlAgora vá até o Google pages e faça o upload de sua página como mostra o modelo.

Proceda da mesma forma sempre que quiser publicar páginas. Claro que você sabe que o título terá sempre que mudar e terá que sempre ter o ".html" ao final, ou não dará certo.