hugmad

Google Sites Canal

2013-03-13T10:42:00.003-03:00

Ontem enviei um vídeo para o Google Sites Canal, que pretendo continuar falando sobre o Google sites e sobre como realizar algumas coisas mais complexas dentro do Google sites, e até coisas simples que as pessoas acabam não se atentando a elas, também recebi um e-mail pedindo o código do slide da minha página, que também irei fazer um vídeo pra isso. O que é importante entender no Google Sites é que ele é uma ferramenta que possui modos de edição e de visualização independentes, quando você esta em modo de edição algumas funcionalidades como sliders ou scripts realmente não funcionam se você entrar em http://www.hugmad.com irá entrar na minha página inicial onde tem um slide funcional que carrega videos do youtube,

mais se entrar no endereço https://sites.google.com/a/hugmad.com/web/ você não vai ver o slider lá irá ver só uma sombra no centro da página:

por isso é importante você não usar logo porque o logo coloca a sua página diretamente no modo de edição, ao ponto que se você incluir o nome do site ao fundo da página isso nunca vai acontecer todos os links ficarão íntegros e seu site funcionará perfeitamente. A melhor forma de fazer isso é primeiro tirando um print da sua página depois crie uma imagem de uns 1600x800 e crie o fundo da sua página usando esse fundo e quando enviar para o fundo da página desative a opção de repetição do fundo, isso deixará a sua página muito mais segura e funcional.

Google sites Slide-Show

2012-10-22T13:29:00.001-02:00

Existem muitas maneiras de você incluir um "jquery Slider" no seu site.google no video abaixo eu mostro uma maneira de entender como adicionar um slider na sua página que continue editável mesmo estando online, aplicando uma técnica unica de hospedagem no seu próprio Google Drive.

Assista ao video abaixo e aproveite para criar o seu próprio Slide-Show;

Segue os Links dos Sliders que criei no Video:

Slider Simples

Slider com Anotações

Slider com Sombra

E abaixo o link para a relação de Efeitos do Plugin Cycle:

http://jquery.malsup.com/cycle/browser.html

Aproveite para entender a estrutura de uma página em html, o que facilitará a você quando encontrar artigos que esclareçam sobre o assunto, abaixo segue o código inicial que usei no video, para que você possa seguir os meus passos e criar o seu próprio slider:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Slide Cycle by hugmad.com</title>
</head>
<body>
<div class="rotator">
<img src="one.jpg" alt="Primeira Imagem" />
<img src="two.jpg" alt="Segunda Imagem" />
<img src="three.jpg" alt="Terceira Imagem" />
</div>
</body>
</html>

Abaixo os links para serem colocados logo abaixo da Tag </title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>

Abaixo o script que faz a chamada para o slide funcionar, que deve ser colocado logo abaixo desses links acima:

<script type = "text/javascript">

$('.rotator').cycle({

fx: 'scrollLeft',

timeout: 5000,

pause: 1

});

</script>

É isso esta ai um slide simples e fácil de colocar na sua página inicial, espero que gostem, um abraço:

Hugo Madureira.

Google Sites Para Empresas

2012-04-30T09:34:00.002-03:00

Google sites é uma ferramenta de extrema importância para empresas que precisam de uma intranet de fácil uso e controle, assim sendo grandes multinacionais usam o serviço, mas até agora isso pra mim tinha ficado meio

que no escuro e quando digo no escuro leia-se muito pouco se divulga como as empresas estão usando o serviço.
Mas, ser uma pessoa um pouco inteligente e persistente faz de mim sempre um

ser humano melhor e eu acabo descobrindo coisas muito interessantes, uma
delas é que agora em 2012 houve um bate papo entre o Google a algumas Empresas de grande porte que usam a ferramenta Google Sites entre elas estão:

Berkeley Lab

Fairchild Semiconductor

Jaguar Land Rover

National Geographic

Seagate

Esse bate papo chamado 2012 Google Customer Connect Conference gerou um site que você pode visualizar clicando nesse link aqui (em ingles) e nesse site ha uma série de dicas sobre otimização da ferramenta do google sites para intranet das empresas, e a frase inicial do site é:

"Esse site ilustra como organizações estão usando o Google sites.Ele inclui uma riqueza de recursos e ferramentas, resume o que precisavamos saber e o que nós sabemos agora e oferece sugestões e soluções sobre questões específicas que encontramos."

Ainda nesse site você encontra um link para o Google Moderator, que vale a pena dar uma conferida pois há varias questoes feitas para as empresas sobre o google sites que esclarece de forma excepcional o uso do Google sites nas empresas.

Apesar de ser uma ferramenta voltada para empresas eu defendo que o uso do Google sites não seja apenas para intranets e também para extranets pois apesar de algumas deficiências o google sites é a ferramenta de melhor custo benefício do mercado.

Ja mostrei em meus videos que design se faz com criatividade e vou continuar mostrando que pode-se muito bem ter as duas funcões no mesmo site tanto de intranets quanto de extranets utilizando o google sites de maneira inteligente.

Nos próximos posts vamos discutir e traduzir partes importantes desse site que possui varias dicas sensacionais para o google sites, até a próxima!!!

O que esta, "HTML BOX" traz de bom para o google sites?

2012-03-21T01:34:00.002-03:00

Meus gadgets não funcionaram nessa caixa html, vejamos um teste de criação de um slide usando os códigos do próprio Google.

Segue abaixo o código e a box Abaixo interpretando o código, no blogger esse código não funciona, por isso para Visualizar entre em www.hugmad.com/widgets

prevnext

CÓDIGO ABAIXO:

var current_slide = 0; // zero-based

var slide_count = 3;

var slide_size = 980;

var Direction = {

LEFT: -1,

RIGHT: 1

};

/**

* Moves to the next slide using the direction (dx) parameter.

var nextSlide = function(dx) {

current_slide = (current_slide + slide_count + dx) % slide_count;

// Calculate the new value for css 'left' property and animate.

var left_offset = '-' + (current_slide * slide_size) + 'px';

$('.items').animate({'left': left_offset}, 300);

};

$('.right-button').click(nextSlide.bind(null, Direction.RIGHT));

$('.left-button').click(nextSlide.bind(null, Direction.LEFT));

$('.carousel').show();

</script>

<style>

.carousel {

width: 980px;

height: 360px;

position: relative;

overflow: hidden;

background-color:#ffffff;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.items {

width: 1200px;

position: absolute;

}

.items > div {

width: 980px;

height: 360px;

font-size: 20px;

color:#ffffff;

display: table-cell;

vertical-align: middle;

text-align: center;

}

.nav {

position: absolute;

bottom: 5px;

right: 15px;

}

.button {

cursor: pointer;

color:#fff;

font-width: bold;

}

</style>

<div>

</div>

<div>

</div>

<div>

</div>

</div>

Novo, Denovo...

2012-03-19T07:25:00.001-03:00

Mais uma atualização, depois de muito tempo, resolvi colocar mais funcionalidades ao nosso site hugmad.com, agora com uma galeria para mostrar os nossos sites e na medida do possível vou passando um pouco sobre os passos nas construções dos nossos sites, uma parte voltada para widgets atualizados pois sem widgets o google site é sem graça e não ha como evoluir, uma galeria de

templates que poderão ser usados pelos usuarios pois ha muito tempo ja pensava nessa idéia, também um forum para perguntas sobre o google sites, o pessoal me manda muitas perguntas pelo formulario de contato, pelo twitter e também pelo youtube, infelizmente algumas perguntas ficam sem resposta, não é por mal é que por mais que eu corra é complicado gerenciar twitter, youtube, contatos e

administração de varios sites e ainda responder as perguntas se elas não estão localizadas em um só lugar, por esse motivo só responderei perguntas a partir de agora se forem feitas pelo Fórum.
Também quero falar do novo slider central que é totalmente funcional, contém informações dos
videos do youtube e também será atualizado muito em breve, logo após a adição de um novo video no youtube.

Mais uma vez quero agradecer a todos que assistem meus videos e a todo mundo que gosta e que me manda mensagem de apoio pelos videos, me descupem se não faço um video por semana é que fica muito difícil fazer videos e mais videos pois da trabalho e requer mais tempo do que tenho disponível.

Novo video:

Comemorando a inscrição de 100 pessoas no canal do youtube e como foi prometido dei a oportunidade ao usuario numero 100 a escolher sobre o que seria o novo video sobre google sites e ele me disse o seguinte:

De todos os videos que você fez o que eu mais gostei foi o que ensinava sobre como criar o fundo das páginas para o google sites, mas como não tenho photoshop ficou difícil acompanhar, por isso da pra fazer um video de como criar o fundo da minha página sem o photoshop? e se tiver faz um video sobre isso! Mauro.

Eu gosto de desafios e por isso abaixo segue o video sobre como criar a sua página no google sites com fundo e slider com sombra usando o paintbrush e as tags <Table> do html:
Aproveitem o vídeo:

Alguns sites no Google sites estão enlouquecendo?

2012-02-15T20:15:00.004-02:00

Exemplo de como ficaria o site visitantes se tivesse esse bug.

Esta acontecendo no fórum do google sites uma discussão sobre um problema com as imagens de fundo do google sites,
o google sites para quem não sabe te da a opção de colocar 3 imagens diferentes no fundo da sua página e cada uma em um lugar específico da página, seguindo o raciocinio alguns usuarios de renome usam a parte de Imagem do plano de fundo da cobertura da página como a parte superior da página e Imagem do plano de fundo da página como footer (parte mais inferior de um site), acontece que a Imagem do plano de fundo da página que é configurada para ficar fixa na base do site esta indo para o meio do site ao invés de ficar la no footer, só que pra mim que vejo todos os sites google sites que posso isso ja acontecia ha muito tempo, mas só com os navegadores Mozila Firefox e o Lixo do ie (lixo porque as páginas do google sites tem uma dificuldade de se relacionar com ele), e no Chrome e Opera funcionam normalmente, então eles estão relatando isso como um bug do Google Sites, eu na minha humilde opnião acho que não tem nada a ver com o google e sim com as novas mudanças atuais dos navegadores, mas quem sou eu pra julgar ou estar na razão de alguma coisa afinal eles que inventram o google, e eles que são os experts em Google sites.
Felizmente quem me segue e ja viu meus videos não vai ter esse problema pois eu sempre fiz e ensinei em meus videos o contrário do que eles fazem, por acreditar que fosse o mais certo a fazer, por isso em nenhum dos meus sites eu tive esse problema e acredito que quem aprendeu comigo também não vai ter.
Bom em briga de marido e mulher não se mete a colher e eles que são gringos que se entendam, se eu for la dar a minha opnião acho que vão ignorar mesmo então só pra constar aqui deixo claro que o bug é americano e não brasileiro.
Fotos de sites com os bugs:

Fotos do blog: Webdesign With Google Sites.

Ps.: Segundo nova atualização o problema foi resolvido, é o que informa o blog Web design with google sites.

Bom é isso só da atualiza-los, mais updates posto aqui, abraço!!!

Internacional - hugmad.com - Happy new Year!

2012-02-06T01:32:00.000-02:00

Ultimo video postado no canal hugmad no YouTube foi em inglês devido a solicitação de uma pessoa que não sabe o que eu falo em meus videos, mas acha meu trabalho no google sites muito bom, na realidade eu não gostei nem um pouco como ficou o video, mas ele disse que dava pra entender, é meio complicado pensar que no país onde as coisas acontecem tem pouca gente interessada em Google sites.

Nos ultimos 2 meses tenho trabalhado bastante e com pouco tempo pra compartilhar minhas esperiências no google sites, acabei entrando aqui por acaso hoje e vi que tem bastante gente acessando a matéria de como transformar seu site em um dominio .com, fico feliz que esta ajudando, ao mesmo tempo todo esse trabalho de blogar e criar videos não da dinheiro, mas proporciona pra mim um

contato que eu jamais pensaria em ter com pessoas de outros países, portugueses, espanicos, americanos, pessoas que como eu procuram ajuda na internet para resolver seus problemas, muitas e muitas vezes os videotutoriais do Youtube me ajudaram a seguir em frente e traçar um objetivo, e assim a vida continua ajudamos alguns e cobramos de outros, e temos que valorizar o nosso conhecimento, pois se você não faz isso, ninguém vai fazer por você.

Mas isso aqui não é sobre lição de vida é sobre Google Sites, então vamos nessa:

Feliz ano novo e novos sites no google sites estão sendo feitos, quero destacar aqui a atenção para alguns sites que se renovaram e alguns que eu fiz nos ultimos meses no google sites:

Kirkisville Web Design - O cara é muito fera no Google sites, muito mais do que eu e muita coisa eu aprendi com ele, o site ta com gás novo e finalmente ele se rendeu aos sliders em sua página, vale a visita, possui alguns templates, mas você tem que usa-los internamente na sua empresa ou página pessoal.
Brazil Labradors Kennel - Site de um criador de cachorros da raça labrador feito por mim, este site foi concluido em uma semana pois o dono ja tinha os textos e imagens prontos pra colocar no site, e quando é assim fica fácil.
SuaveNaNave - Mecânica e autopeças- Esse demorou mais do que uma semana, pois tem varias fotos promoções e galeria de imagens, mas no final deu tudo certo.
Mr Habibs - A Esfiha dos brasileiros nos EUA, site ficou bem simples, tem muito pouco texto e varias imagens e o mais legal deste site é a sua loja onde se pode usar o google checkout para comprar, ainda em fase de testes então as compras não são válidas ainda se quiser testar é só ir la.

Depois coloco mais novidades, próximo video em muito breve, um abraço bom ano a todos, next video in a few days, see you all later!!!

Transformando sites.google.com/seudominio em seudominio.com

2011-11-06T00:57:00.000-02:00

That's the big question!

Eu não sou detentor do cinturão de melhor google sites design, mas também não conheço nenhum, o que eu realmente sei é que as pessoas tem muita dúvida ainda sobre o google sites, mas eu continuo fazendo os videos pois acredito que a pratica leva a perfeição e mais cedo um mais tarde as pessoas

descobrirão que sai muito mais barato criarem os seus proprios sites a ficar pagando para anuncios ou pagando para empresas de webdesign que cobram valores mensais, ou absurdos para criar sites "simples" por isso quero frisar isso no Google sites você paga pelo domínio (endereço) e a hospedagem

sai de graça até o momento que você quiser,
pois amanhã se o seu negócio crescer, você ja vai estar estruturado para adicionar mais usuários e aumentar a capacidade do seu site, e-mail, e muito mais.
Mudando de assunto hoje estou aqui para dar continuidade a aula onde explico como comprar o seu

domínio através do Google Apps, agora vou mostrar como fazer para colocar o seu google site que pode estar até em uma conta normal do google e vai parar direto la no seu domínio comprado.

Segue as etapas a se considerar:

*Compartilhe a propriedade do seu site no google sites com o usuário administrador do seu site que você comprou o domínio.

*Depois de enviar o e-mail para o admin dando a propriedade do site para ele, entre na sua conta do seu domínio e utilize o seu poder de dono do site para copiá-lo para a pasta www, simples assim, a partir desse momento, entrando no seu domínio criado seu site ja estará disponível.

*Muito simples que a gente nem acredita que é tão fácil né, pois é espero que com isso você passe a dar muito mais credibilidade aos desenvolvedores do google, pois eles são os melhores.

Confira abaixo no vídeo passo a passo, se você ficou e dúvida sobre alguma etapa.

Meu Google Profile:
https://plus.google.com/u/0/103309401987612712529

As Escolas, os alunos e o Google.

2011-10-26T20:22:00.000-02:00

É dificil entender como pensam as escolas e faculdades brasileiras e os alunos destas instituições, pelas informações que eu tenho, as instituições de ensino para compartilhar o material didatico com os alunos usam o gmail, cada professor tem a sua pasta la no gmail e por lá enviam todo o material de suas aulas para seus alunos, até ai tudo normal, o problema é que todos os alunos tem a senha desse gmail, e ai é que esta o gravíssimo erro, porque cargas dágua eles não usam o #GoogleSites para compartilhar esse material didático?
Seria muito mais seguro passar a conta do Google Docs só para os professores e eles poderial incluir documentos direcionados para cada turma e cada professor ter a sua página de conteudo didático, tudo bem organizado e simples, será isso culpa dos professores, das instituições ou dos alunos?.

90% do tempo que passo em frente ao computador passo tentando aprender algo, e a maioria das pessoas que conheço passa batendo papo, acho isso um disperdício de tempo, vou dormir e acordo pensando em criar algo que possa "mudar a vida das pessoas", sempre que fui aluno agreguei conteudo e mesmo sem saber corria atrás do que eu não sabia pra na hora que precisar, estar na ponta da lingua, o mundo hoje esta literalmete aos nossos pés e os nossos jovens não enchergam isso.

Pra finalizar ainda bem que eu não estou estudando no momento pois se a minha faculdade fizesse isso não haveria e-mail na minha turma pois até eles aprenderem a fazer direito eu mudaria todas as senhas e excluiria a conta de gmail deles, e apresentaria minhas idéias pra melhoria do serviço, não sei se estou certo ou errado, mas talvez funcionasse.
Gostou do texto? Comente Plz.

Google sites - Desenhando sua webpage

2011-10-24T09:02:00.000-02:00

Continuando as aulas sobre layout, passamos aqui para colocar a mão na massa propriamente dito, vamos avançar pelo mundo do photoshop e suas habilidades na criação de páginas web, também mostro o processo criativo e intuitivo de desenvolver a sua página começando de uma simples página.

File, new, copy, paste estes sao algumas das palavras que se deve aprender o seu significado, e se possível aprender que ingles faz falta na vida principalmente para quem quer criar websites.
O vídeo ficou um pouco longo, mas a proposta de fazer um vídeo mais completo esta ai, consegui fazer sem gaguejar muito e sem errar muito, e mais importante mostrei que em algumas diversidades sempre se acha uma saida para resolver o problema.
Meus vídeos no youtube estão liberados para qualquer tamanho por isso agora tenho essa vatagem,

Essa é a cara da nossa webpage.

Registro de Domínio - Google Apps

2011-10-07T16:06:00.000-03:00

A Imagem acima é o que você vai ver se tentar entrar no seu domínio registrado no Google Apps.
Nesse novo vídeo tiro a dúvida de todos em relação a tornar o seu website google sites
http://sites.google.com/site/nomedoseusite.com para http://www.nomedoseusite.com, depois de assistir ao vídeo voce pode ter uma série de dúvidas em relação a como proceder agora para colocar o seu site on, não se preoculpe isso será ensinado em uma próxima aula, se você achou que registrar o domínio é facil, então colocar o seu site la no seu domínio é muito mais fácil, então mantenha o foco na criação do seu site agora pois quando eu fizer o video ensinando como colocar esse site la no seu dominio tudo vai estar funcionando em segundos.

Google Sites Passo a Passo - Layout.

2011-10-03T13:21:00.001-03:00

Agora que ja estamos íntimos podemos continuar com nossa jornada de criação, começando com esse vídeo falando de layout e de como pensar antes de sentar ao computador para iniciar a criação de seu website,
o google sites vai a partir dos próximos vídeos surpreender você pode ter certeza e eu te garanto mais uma certeza você será capaz de criar tudo o que a sua imaginação permitir através dele, estou realizando vários vídeos pequenos para sanar a maioria das dúvidas que me enviam por e-mail ou por twitter, espero poder ter tempo de responder a todos, e aos que ja estão criando suas páginas elas terão um espaço todo especial aqui para que todos conheçam seu trabalho, abraço!!!

Abaixo segue um vídeo compilado com todos os vídeos juntos sobre a página Visitantes. São mais de 50 min de vídeo sobre google sites, abraço!!!

Google Sites - Criando seu Site Parte 4 - 02 - End

2011-10-03T12:27:00.000-03:00

Chegamos ao fim de mais uma série de videos sobre o Google sites, nessa parte do videos mostro como adicionar conteudo ao seu site, meu objetivo agora é analisar o que foi feito e continuar com as aulas de forma mais intensa, vocês verão a seguir mais videos sobre google sites e mais e mais irão aprender, continuem assistindo e estudando o assunto, abraço!!!

Google Sites - Criando seu Site Parte 4 - 01

2011-07-18T11:08:00.000-03:00

Demorei muito a finalizar essa aula de adicionar conteudo ao site visitantes por falta de tempo e também por achar que não era muito necessário isso, mas como tenho tido vários pedidos para completar a serie, ai esta.

A intenção era fazer um vídeo menor, mas como quis mostrar pra vocês como fazer esse Jquery slider, o video acabou ficando maior do que eu queria, então tive que dividir em duas partes, espero que valha a pena, abraços!!!

Copie o código abaixo e cole no Paste html, depois edite, não precisa se cadastrar.

<body leftmargin=0 topmargin=0 bgcolor='transparent'>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   //Execute the slideShow, set 4 seconds for each images
   slideShow(6000);
});
function slideShow(speed) {
   //append a LI item to the UL list for displaying caption
   $('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');
   //Set the opacity of all images to 0
   $('ul.slideshow li').css({opacity: 0.0});
   //Get the first image and display it (set it to full opacity)
   $('ul.slideshow li:first').css({opacity: 1.0});
   //Get the caption of the first image from REL attribute and display it
   $('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
   $('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
   //Display the caption
   $('#slideshow-caption').css({opacity: 0.7, bottom:0});
   //Call the gallery function to run the slideshow
   var timer = setInterval('gallery()',speed);
   //pause the slideshow on mouse over
   $('ul.slideshow').hover(
       function () {
           clearInterval(timer);
       },
       function () {
           timer = setInterval('gallery()',speed);
       }
   );
}
function gallery() {
   //if no IMGs have the show class, grab the first image
   var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));
   //Get next image, if it reached the end of the slideshow, rotate it back to the first image
   var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
   //Get next image caption
   var title = next.find('img').attr('title');
   var desc = next.find('img').attr('alt');
   //Set the fade in effect for the next image, show class has higher z-index
   next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
   //Hide the caption first, and then set and display the caption
   $('#slideshow-caption').slideToggle(300, function () {
       $('#slideshow-caption h3').html(title);
       $('#slideshow-caption p').html(desc);
       $('#slideshow-caption').slideToggle(500);
   });
   //Hide the current image
   current.animate({opacity: 0.0}, 1000).removeClass('show');
}
</script>
<style type="text/css">
ul.slideshow {
   list-style:none;
   width:800px;
   height:300px;
   overflow:hidden;
   position:relative;
   margin:0;
   padding:0;

}

ul.slideshow li {
   position:absolute;
   left:0;
   right:0;
}

ul.slideshow li.show {
   z-index:500;
}

ul img {
   border:none;
}

#slideshow-caption {
   width:1px;
   height:1px;
   position:absolute;
   bottom:0;
   left:0;
   color:#fff;
   background:#000;
   z-index:500;
}

#slideshow-caption .slideshow-caption-container {
   padding:5px 10px;
   z-index:800;
}

#slideshow-caption h3 {
   margin:0;
   padding:0;
   font-size:14px;
   font-family:Arial;
}

#slideshow-caption p {
   margin:5px 0 0 0;
   padding:0;
   font-family:Arial;
}
</style>
<ul class="slideshow">
<li class="show"><a href="https://sites.google.com/site/serievisitantes/" target="_top"><img src="https://sites.google.com/site/serievisitantes/um.jpg" width="800" height="300"></a></li>
   <li class="show"><a href="https://sites.google.com/site/serievisitantes/" target="_top"><img src="https://sites.google.com/site/serievisitantes/dois.jpg" width="800" height="300"></a></li>
   <li><a href="https://sites.google.com/site/serievisitantes/" target="_top"><img src="https://sites.google.com/site/serievisitantes/tres.jpg" width="800" height="300"></a></li>
   <li><a href="https://sites.google.com/site/serievisitantes/" target="_top"><img src="https://sites.google.com/site/serievisitantes/quatro.jpg" width="800" height="300"></a></li>
</ul>
</body>

Feito isso, adicione em sua página como mostra o video.
Obrigado!

GoogleSites - Design Next Level

2011-07-16T01:56:00.000-03:00

Segue abaixo o vídeo mostrando a beleza e profissionalismo que se pode chegar em um site no google sites!!!

Hugmad.com 2.0

2011-07-16T01:01:00.001-03:00

Novo layout lançado!

Depois de muitos estudos sobre a ferramenta google sites chegamos a um Design que realmente me agradou, minimizamos a quantidade de menus e ampliamos a quantidade de informação na página inicial,
também aplicamos um Jquery slider, totalmente funcional com um design voltado para os mais modernos websites do mercado hoje em dia, e assim dia após dia nosso trabalho vai ganhando melhorias e descobrindo novos horizontes e para inaugurar o nosso novo Design também fizemos um novo template chamado Wordpress Inspiration.

Como o próprio nome diz, foi totalmente inspirado nos websites feitos para o wordpress e o melhor de tudo totalmente funcional e utilizando a ultima versão do piecemaker 2 na página inicial, esse é só o primeiro de muitos lindos Layouts que vamos lançar daqui pra frente, também retornaremos com nossas videoaulas contando todos os segredos do Google Sites.

JOSÉ PEDREIRO BOM - CRIANDO SEU SITE PARA QUEM NÃO SABE - PARTE 2

2011-03-14T16:41:00.000-03:00

Ajudando a criar um site para quem não sabe criar site parte 2, metaforicamente, seu josé pedreiro bom é nosso personagem que não sabe nada de internet mas precisa aprender a criar um site para divulgar seu trabalho e encontrar novos clientes.

Este tutorial esta dividido para quem não tem conexões rápidas conseguir assisti-lo normalmente.

JOSÉ PEDREIRO BOM - CRIANDO SEU SITE PARA QUEM NÃO SABE - PARTE 1

2011-03-14T16:40:00.000-03:00

Ajudando a criar um site para quem não sabe criar site, metaforicamente, seu josé pedreiro bom é nosso personagem que não sabe nada de internet mas precisa aprender a criar um site para divulgar seu trabalho e encontrar novos clientes.

Este tutorial esta dividido para quem não tem conexões rápidas conseguir assisti-lo normalmente.

Google Sites - Criando seu Site Parte 3

2011-03-14T16:35:00.000-03:00

Terceira parte do tutorial do google sites, nessa parte, mostro como montar o Design do seu site. O principio para se iniciar o design do seu site é simples, primeiro deve-se saber sobre o que se trata o seu site, com isso em mente deve-se procurar ou criar imagens relacionadas ao tema do seu site, no meu caso consegui imagens através do google e apartir de recortes destas imagens realizados no Photoshop CS4, que poderiam muito bem ser feitos no Gimp ou em outro programa, comecei a montar o fundo da página, utilizando informações sobre altura e largura do site. Assista abaixo e confira:

Google Sites - Criando seu site parte 2

2011-03-14T16:32:00.000-03:00

Nessa segunda parte do tutorial, dando continuidade ao anterior, já com a nossa pagina preparada para ser iniciada a parte de design do site, começaremos criando as páginas e definindo cores e fontes que darão mais

beleza à nossa Pagina, O primeiro passo é criar as páginas uma a uma e configura-las de acordo com o layout da página principal, depois Passar para as configurações do site e adicionar as paginas criadas ao menu horizontal, e

configurar a aparência do menu horizontal. Todo processo de criação deve ser entendido, para que sé aprenda as técnicas, mas que aplique o aprendizado em um design próprio e inovador.

Seja criativo e adicione aos seus sites elementos ao seu redor crie gráficos a partir de materiais próprios, façam suas próprias fotos, e o mais importante sejam originais, essa vai ser a sua diferença.

Google Sites - Criando seu Site - Parte 1

2011-02-25T12:43:00.000-03:00

Neste Tutorial você vai aprender as varias etapas para se conseguir ter seu site na web, uma videoaula subdividida em várias partes que acrescentam ao conteúdo, com dicas e mais dicas sobre essa ferramenta do google, aproveitem!!!
1º - Logar no google sites com a sua conta google.
2º - Criar o seu site com nome desejado e sempre lembrar do tema Tabula Rasa, que é o unico tema que tem transparência.
3º - Gerenciar o site clicando em Mais Ações e Administrar site.
4º - Mudar ou não ""Pagina Inicial " para "HOME ".
5º - Tirar ou não o Menu lateral e colocar o Menu horizontal.
6º - Alterar o layout da página usando 1000px como area util do site.
7º - Limpar a pagina indo em mais ações e depois em configurações da pagina, desmarcando todas as opções.

Nessa primeira parte de nosso tutorial foram dadas dicas muito básicas em relação ao processo de inicio de criação de uma página no google sites, mas o que se pode perceber ja de inicio que basicamente consiste em limpar, tirar muitas das opções no google sites que para tornar mais simples a criação das paginas ja deixam em default, para facilitar para os mais leigos, a nossa intençao aqui é criar de forma mais profissional essas páginas hospedadas no google sites.