You are on page 1of 14

BlueVoda

Turorial em português

Por Rafael G. Ourique

As “boas-vindas” Aqui se irá escolher entre: • Iniciar a contrução de um novo arquivo a partir de uma página em branco. • Assistir aos vídeo-tutoriais do BlueVoda em inglês. . • Abrir uma página já existente.

4 . Escolha uma imagem cujo tamanho não Conf. O início 1 Ao se iniciar a construção de uma nova página. deve-se inicialmente configurar as propriedades da mesma. seu tamanho. navegadores. Básicas 4 ultrapasse 5KB e que seja de fácil identificação quando visualizada com menos de 1cm2. Escolha uma fonte principal. etc. as dimensões de sua página. Título 2 Favicon (favorite icon): Adicione o título que são aqueles pequenos ícones será mostrado pelos 3 mostrados ao lado dos endereços navegadores ao e títulos das páginas pelos navegarem sua página.

escolhidas as cores para texto. . hyperlinks. são configuradas as propriedades de fundo da página. Podem ser adicionadas imagens e sons de fundo. 1 2 Aparência Geral 3 Nesta aba. etc.

. melhor! É lado dos resultados através delas que os mostrados pelos buscadores fazem a buscadores. com Google indexação das páginas e Yahoo! que são apresentadas durante uma busca. 1 2 3 Meta-tags Aqui serão adicionadas Descrição todas as palavras- chaves que se desejar Aqui é feita a descrição da relacionar ao website. página que aparece ao Quanto mais.

1 Imagens Iniciamos nossa construção 1 inserindo uma 1 imagem que será usada como fundo. . Optou-se por este método em vez da inserção direta nas propriedades gerais da página. por este 1 permitir muito mais liberdade para se editar as propriedades da imagem do que do outro modo.

consegue-se aumentar o contraste do conteúdo em primeiro plano. molduras. textos explicativos. acessa-se suas propriedades. Muita liberdade! Ao clicar-se com o botão direito do mouse sobre a imagem. Lá pode-se inserir sombras. links. etc. Utilíssimo! Reduzindo-se a opacidade de uma imagem. tornado-se assim a página muito mais legível! .

Corpo • Menu – conterá os links que direcionarão os visitantes às diferentes páginas e locais de seu website. etc. Rodapé . logomarca ou banner do patrocinador mais importante. • Corpo – onde estará exposto o conteúdo principal de sua página. conforme indicado ao lado: Lateral • Cabeçalho – local que poderá conter o título. mapa do website. detalhes construtivos do website. subtítulo. consideremos que uma página deva ter cinco regiões Menu Barra distintas. Cabeçalho Organizando o Espaço Para fins didáticos. • Rodapé – informações técnicas diversas como endereço físicos. • Barra Lateral – área nobre para a colocação de anúncios publicitários ou links importantes relacionados ao conteúdo principal.

Opções Lembre-se que você pode selecionar uma de formatação similares cor externa à caixa de opções! Esta a de qualquer editor de ferramenta é muito útil quando se quer textos. mesclar uma autoforma a uma imagem. etc 1 3 Inserindo e formatando autoformas 24 formas geométricas pré-configuradas. o BlueVoda nos dá muita liberdade quanto à manipulação de imagens. 100 níveis de opacidade. como em nosso exemplo . degradês… Inserindo texto Escreva com a cor. Nos permitindo aplicar diferentes efeitos de sombra. o Dica! tamanho.Inserindo e formatando imagem 2 1 3 Criando o Cabeçalho Como mostrado anteriormente. Infinitas combinações de cores. bordas. a fonte e no lugar em quiser. ordenamento. 6 tipos diferentes de preenchimento. 2 sombras.

função. são mostrados quatro botões básicos (2). pode-se alterar o nome de cada botão. na devida ordem. dimensioná-los adequadamente e colocá-los nas ordens corretas. Lá. sua ordem. Observe que obtivemos uma figura homogênea. Após configurar cada elemento separadamente. cujas propriedades (3) também Marque esta opção para poder devem ser editadas através redimensionar livremente a 4 dos botões ao lado da caixa Barra de Menu principal (4). 5 incluir-se textos explicativos para cada um e 1 6 o mais importante: indicar corretamente a URL para onde o link de cada botão irá apontar (5). agora é só uní-los. . como mostrado na página anterior.Inserindo os botões do Menu Cada coisa em seu lugar. apesar de 3 termos unido três elementos diferentes! Botões para tudo que se quiser 2 Ao abrir-se as propriedades da barra de menu (1).

Finalizando o Menu Após configurar as propriedades gerais de cada botão do Menu. aplicar-se efeitos sonoros e de mudança de cores para diferentes ações de mouse. além das alterações básicas em relação a fonte. . pode-se escolher entre as diversas opções de aparência dos mesmos. É possível.

diversos tipos 1 de plug-ins. etc. Para cada tipo de “enxerto” existe um botão específico. códigos html. scripts. vídeos. pode ser arrastado e redimensionado com total liberdade! 2 4 3 . que após inserido.Últimos Detalhes 23 4 1 Plug-ins O Bluevoda permite que se insira. de modo muito simples.

que são os mais comuns. Gran Finale 2 Salve Tudo 1 O BlueVoda criará automaticamente uma pasta em “Meus 1 Documentos”. Preview Após ter-se finalizado a criação de todas as páginas que comporão o website (ou a qualquer momento durante o processo de criação) é só ver como o resultado final irá funcionar no navegador Observação: diferentes navegadores como Iternet Explorer e Mozila Firefox poderão mostrar diferentes resultados! Portanto. Salve nesta mesma pasta todas as imagens e outros recursos usados em sua página. é bom testar sua página em pelo menos estes dois navegadores. .

br55.biz O seu site de graça .www.