Criaao de Paginas Web
Criaao de Paginas Web
Criaao de Paginas Web
Criação de Páginas
para a Web em
Hipertexto
M
D
A
U
A
O
P
L
E
Introdução …………………………………………………………………………….. 2
Registo na página……………………………………………………………………… 3
Login na conta…………………………………….................................................... 6
Configurações da conta……………………………………………………………... 6
Editor…………………………………………………………………………………… 9
Adicionar páginas…………………………………………………………………….. 26
Navegar entre páginas………………………………………………………………. 29
Nomear páginas……………………………………………………………………… 30
Ocultar páginas……………………………………………………………………… 30
Reordenar páginas………………………………………………………………........ 31
Alterar a transição da páginas……………………………………………………… 32
Criarsubpastas…………………………………………………………………………. 32
Proteger a página com senha………………………………………………………. 39
Conclusão………………………………………………………………………………. 36
Bibliografia……………………………………………………………………………… 37
Webgrafia………………………………………………………………………………... 37
Introdução
Wix oferece todas as ferramentas que você necessita para criar um site incrível grátis! Crie
sua presença online própria, usando nossa plataforma gratuita de construção de sites.
Uma vez que você se registre para uma conta gratuita Wix, você pode criar e publicar quantos
sites você criar absolutamente grátis!
1. Entre em Wix.com.
2. No canto direito superior, clique em Conecte-se.
4. Para criar uma nova conta, digite o seu e-mail no campo E-mail e marque a opção ao
lado de Sou um usuário novo.
5. Digite uma senha no campo Senha.
6. Clique em OK.
8. Em Insira uma senha, digite sua senha novamente no segundo campo de senha.
9. Clique em Registre-se.
Seu nome de usuário será automaticamente designado. Você pode mudar seu nome de usuário
a qualquer momento em wix.com. No topo direito da página, passe o mouse em seu nome de
usuário, clique em Configurações da Conta e atualize o campo Nome de Usuário.
Na página que se abre, escolha uma Categoria e Subcategoria para começar a criar seu site!
Clique aqui para instruções detalhadas sobre como construir o seu site a partir de um
template.
1. Entre em Wix.com.
2. No canto direito superior, clique em Conecte-se.
3. Na página de Login, digite o seu e-mail e marque a opção ao lado de Sou um usuário
existente (ou faça login usando sua conta do Facebook ou Google).
4. Clique em Salvar.
Por favor, note que você não pode mudar seu nome de usuário para um que você já tenha
utilizado ou que outra pessoa esteja utilizando. Deve ser um nome de usuário único.
Mudar seu nome de usuário é uma das formas de atualizar seu URL Wix gratuito. A estrutura
de um URL Wix gratuito é nomedeusuario.wix.com/nomedosite, então, se você alterar seu
nome de usuário, seu URL será atualizado também!
Editor do WIX
Escolha o background do seu site a partir de nossa coleção e use em seu site.
1. No lado esquerdo do Editor, clique no ícone de pincel para abrir a página Design.
2. Em Design, clique em Background.
3. Da janela de Background, escolha um background.
Para voltar para Design, clique em Voltar para Design no topo da janela de Background.
Para fechar a janela Design, clique no X no canto superior direito.
1. No lado esquerdo do Editor, clique no ícone de pincel para abrir a página Design.
2. Em Design, clique em Background.
3. Da janela de Background, clique em Fazer Upload e Personalizar Background.
4. Sob Personalizar Background, clique em Adicionar Imagem.
5. Do canto superior direito da janela Trocar Background, clique em Upload de
Imagens.
6. Na janela que se abre, navegue em seus pastas e escolha a sua imagem. Clique
em Open para fazer upload da sua imagem.
7. Na Galeria de Background, clique sob sua imagem e então clique em Trocar
Background.
Para voltar para Design, clique em Voltar para Background, e então em Voltar para
Design no topo da janela de Background.
Para fechar a janela Design, clique no X no canto superior direito.
Você pode fazer upload de qualquer tamanho de imagem (até 15MB). No entanto, o tamanho
original da sua imagem irá afetar como a imagem é visualizada se você usar as opções de
escala de imagem Normal ou Ladrilhos (veja a tabela na seção abaixo). Para uma qualidade
de imagem otimizada, se usar a opção de escala de imagem Tela Cheia, recomendamos que
faça upload da imagem no maior tamanho possível.
Personalize o background que você fez upload, ao alterar sua escala, posição, cor e função de
rolamento.
1. No lado esquerdo do Editor, clique no ícone pincel para abrir a página Design.
2. Em Design, clique em Background.
3. Em Background, clique em Fazer Upload e Personalizar Background.
4. Sob Personalizar Background, sob Escala de Imagem, marque o círculo ao lado de
uma das opções.
Ajustar a imagem do background irá manter a sua relação de proporção entre a largura e a altura
Ladrilhos o background irá ser visualizado em ladrilhos por todo o seu site
Ladrilhos Verticais o background irá ser visualizado em ladrilhos nos eixos verticais do seu site
Ladrilhos
o background irá ser visualizado em ladrilhos nos eixos horizontais do seu site
Horizontais
5. Sob Posição, clique em uma dos quadrados para escolher a posição do seu background.
6. Ative ou não a opção Rolar o background com o site.
Ao selecionar a opção, você configura o seu background para que role com o texto e as
imagens de sua página.
Ao não selecionar essa opção, você configura o background do seu site para que
permaneça estático em sua página.
Para voltar para Design clique em Voltar para Background, e depois em Voltar para
Design no topo da janela de Background.
Para fechar a janela Design, clique no X no canto superior direito.
Se você fez upload de sua própria imagem para o background do seu site, você pode apagar
essa imagem em Design.
1. No lado esquerdo do Editor, clique no ícone de pincel para abrir a página Design.
2. Em Design, clique em Background.
3. Da janela de Background, clique em Fazer Upload e Personalizar Background.
4. Sob Trocar Imagem, clique em Remover Imagem.
Para voltar para Design, clique em Voltar para Background, e depois em Voltar para
Design no topo da janela de Background.
Para fechar Design, clique no X no canto superior direito.
1. Do lado esquerdo do Editor, clique no ícone pincel para abrir a página Design.
2. Em Design, clique em Cores..
3. Da janela Cores, clique em uma paleta de cores.
Para voltar para o Design, clique em Voltar para Design, na janela Cores.
Para fechar a janela Design, clique no X do canto superior direito.
Você pode criar sua própria paleta de cores na seção Cores em Design.
1. Do lado esquerdo do Editor, clique no ícone pincel para abrir a página Design.
2. Em Design, clique em Cores.
3. Na janela Cores, clique em Personalizar Paleta.
4. Na janela Personalizar Paleta, sob Cores Principais, clique em uma cor.
5. No Seletor de Cores que se abre, clique em uma cor para adicioná-la a sua paleta.
Clique OK.
A cor que você escolher, assim como diferentes tons dessa cor serão adicionadas à sua
paleta de cores. As cores abaixo da linha superior de Cores Principais indicam que tons
foram acrescentados à sua paleta.
Para inserir cores adicionais a sua paleta, clique nas cores sob Mais cores para abrir o
seletor de cores e selecionar cores adicionais.
Clique em Inverter Paleta para inverter todas as cores em seu site em um clique.
Para voltar a janela Design, clique em Voltar para Design, na janela Cores.
Para fechar a janela Design, clique no X do canto superior direito.
1. Do lado esquerdo do Editor, clique no ícone pincel para abrir a página Design.
2. Em Design, clique em Cores.
3. Em Cores, clique em Personalizar Paleta.
4. Clique em uma cor.
1. No lado esquerdo do Editor, clique no ícone de pincel para abrir a página Design.
2. Em Design, clique em Fontes.
3. Em Personalizar Fontes, clique em um estilo de fonte.
Para voltar ao Gerenciador de Design, clique em Voltar para Design na parte superior da
janelaFontes.
Para fechar o Gerenciador de Design, clique no X no canto superior direito.
Você pode criar seu próprio esquema de fonte na seção Fontes no Gerenciador de Design.
5. No Seletor de Fontes, sob Fontes, clique no menu drop-down e selecione uma fonte.
6. Sob Fontes, digite o tamanho da fonte ou clique nas setas para cima ou para baixo para
selecionar o tamanho da fonte.
7. Clique em B (negrito) ou I (itálico), se relevante.
8. Clique no ícone de cor para abrir o seletor de cores. A partir do Seletor de Cores, clique
em uma cor da sua palete para alterar a cor do seu estilo.
9. Repita os passos 4-8 até que esteja satisfeito com as suas alterações.
Fontes recomendadas
Nós recomendamos que você use as fontes abaixo, para conseguir um melhor desempenho do
site e uma exibição mais sutil quando sua página é inicialmente carregada.
Arial
Courier New
Arial Black
Comic Sans MS
Georgia
Impact
Lucida Console
Lucida Sans Unicode
Palatino Linotype
Tahoma
Times New Roman
Verdana
Meiryo
MSGOTHIC
MS Mincho
MS PGothic
MS PMincho
Meiryo
MalgunGOTHIC
Dotum
Gulim
Pode adicionar mais opções de idiomas para as fontes a partir da seção Fontes em Design.
Uma vez que você adicione uma nova opção de idioma, você pode ver quais fontes suportam
este idioma, editando um texto e escolhendo um tipo de fonte na barra do editor de texto.
Ao abrir seu Editor em russo ou polonês, os conjuntos linguísticos adequados serão
adicionados por predefinição.
Para adicionar uma fonte:
1. Clique em Design e então clique em Fontes.
2. Clique em Suporte de Idiomas.
3. Selecione a caixa ao lado do do idioma relevante.
Escolhendo um idioma, você carregará os símbolos e codificações necessárias para fontes
escolhida.
4. Clique em OK.
Adicionar páginas
4. Na parte inferior da janela de layout de página, digite um título para sua página no
campoNomeie sua página.
5. Clique em OK.
A. Navegar entre suas Páginas
Você pode navegar em suas páginas no Editor clicando no ícone de páginas no lado esquerdo
do Editor.
Você também pode navegar facilmente pelas suas páginas escolhendo a página no menu drop-
down ao lado de Página: no canto superior esquerdo do seu Editor.
B. Nomear as Páginas
4. Clique em Concluído.
Ocultar páginas
As páginas estão ocultas em seu site, mas ainda assim, aparecem em motores de
busca. A única maneira de impedir que os motores de busca indexem esta página é
usar o recurso de proteção da página por senha Clique aqui para mais informações.
Reordenar Páginas
Altere a ordem das suas páginas de forma rápida e fácil a partir de Páginas.
Você pode escolher uma transição de página para suas páginas. A transição de
página determina como suas páginas irão mudar e o que seus visitantes vão ver
quando eles navegam entre páginas.
Transição
Suas páginas irão deslizar na horizontal
Horizontal
Criar subpastas
Você pode criar sub-páginas em seu site e transformar seu menu em um menu drop-
down. Qualquer página pode ser transformada em uma sub-página a partir da
seção Páginas do seu Editor.
5. Clique em OK e em Concluído.
Conclusão
Com a realização deste manual e desta ação de formação espera-se que todos os formandos tenham
enriquecido os seus conhecimentos ao nível da Criação de sites na Web, e que num futuro próximo consigam
colocar em prática os conhecimentos adquiridos.
De salientar, que a criação de sites na WEB requer prática, nesse sentido o formador aconselha a todo o
grupo, a utilizar a sua página Web criada e manterem uma atualização constante da mesma.
Bibliografia
Manuais práticos de Informática
Webgrafia
http://pt.scribd.com
www.wix.pt
www.criarsites.com
www.comunidades.net
www.webnode.pt