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;

• Abrir uma página já existente;
• Assistir aos vídeo-tutoriais do BlueVoda em inglês.
 O início
1
Ao se iniciar a construção de uma
nova página, deve-se inicialmente
configurar as propriedades da mesma.

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. navegadores.

Escolha uma imagem cujo tamanho não

Conf. Básicas 4 ultrapasse 5KB e que seja de fácil
identificação quando visualizada com
menos de 1cm2.
Escolha uma fonte
principal, seu tamanho,
as dimensões de sua
página, etc.

4
 1

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

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, 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

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.
 Muita liberdade!
Ao clicar-se com o botão direito
do mouse sobre a imagem,
acessa-se suas propriedades.
Lá pode-se inserir sombras,
molduras, links, textos
explicativos, etc.

Utilíssimo!
Reduzindo-se a opacidade de uma
imagem, consegue-se aumentar o
contraste do conteúdo em primeiro
plano, tornado-se assim a página
muito mais legível!
 Cabeçalho Organizando o Espaço

Para fins didáticos, consideremos que

uma página deva ter cinco regiões
Menu Barra distintas, conforme indicado ao lado:
Lateral • Cabeçalho – local que poderá conter o
título, subtítulo, logomarca ou banner do
patrocinador mais importante;
Corpo
• Menu – conterá os links que
direcionarão os visitantes às diferentes
páginas e locais de seu website;
• Corpo – onde estará exposto o
conteúdo principal de sua página;
• Barra Lateral – área nobre para a
colocação de anúncios publicitários ou
links importantes relacionados ao
conteúdo principal;
• Rodapé – informações técnicas
diversas como endereço físicos, detalhes
construtivos do website, mapa do
website, etc.
Rodapé
Inserindo e formatando imagem 2 1 3 Criando o Cabeçalho
Como mostrado anteriormente, o BlueVoda nos
dá muita liberdade quanto à manipulação de
imagens. Nos permitindo aplicar diferentes
efeitos de sombra, ordenamento, etc
1

3
Inserindo e formatando
autoformas
24 formas geométricas pré-configuradas,
6 tipos diferentes de preenchimento,
100 níveis de opacidade,
Infinitas combinações de cores,
2 sombras, bordas, degradês…

Inserindo texto
Escreva com a cor, o
tamanho, a fonte e no
lugar em quiser. Opções
de formatação similares
a de qualquer editor de
textos.
Dica!
Lembre-se que você pode selecionar uma
cor externa à caixa de opções! Esta
ferramenta é muito útil quando se quer
mesclar uma autoforma a uma imagem,
como em nosso exemplo
Inserindo os botões do Menu Cada coisa em seu
lugar, na devida
ordem.
Após configurar cada elemento
separadamente, como mostrado
na página anterior, agora é só
uní-los, dimensioná-los
adequadamente e colocá-los
nas ordens corretas.
Observe que obtivemos uma
figura homogênea, 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), são
mostrados quatro botões
básicos (2), 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). Lá, pode-se
alterar o nome de cada
botão, sua ordem, função,
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).
Finalizando o Menu
Após configurar as
propriedades gerais de cada
botão do Menu, pode-se
escolher entre as diversas
opções de aparência dos
mesmos.
É possível, além das
alterações básicas em relação
a fonte, aplicar-se efeitos
sonoros e de mudança de
cores para diferentes ações de
mouse.
Últimos Detalhes 23 4 1 Plug-ins
O Bluevoda permite que se insira, de
modo muito simples, diversos tipos
1 de plug-ins, códigos html, scripts,
vídeos, etc. Para cada tipo de
“enxerto” existe um botão específico,
que após inserido, pode ser arrastado
e redimensionado com total liberdade!

3
 Gran Finale
2
Salve Tudo 1
O BlueVoda criará
automaticamente uma
pasta em “Meus 1
Documentos”. Salve
nesta mesma pasta todas
as imagens e outros
recursos usados em sua
página.

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, é bom
testar sua página em pelo menos
estes dois navegadores, que são
os mais comuns.
www.br55.biz
O seu site de graça