FORMAÇÃO PROFISSIONAL

CURSO: 0792 – Criação de

Páginas para a Web em
Hipertexto
Índice

Objetivos e conteúdos 3
Criação do Login 4
Configurar conta 8
Editor 9
Adicionar páginas 29
Navegar nas páginas 31
Nomear páginas 32
Ocultar páginas 32
Reordenar páginas 33
Alterar a transição de páginas 34
Referências Bibliográficas 38

2
 UFCD: 0792 – Criação de Páginas para a Web

Objetivos e Conteúdos

O presente manual foi concebido como instrumento de apoio à unidade de

formação de curta duração nº 0792 – Criação de páginas para a web em hipertexto, de
acordo com o Catálogo Nacional de Qualificações

O formando deverá complementar os conhecimentos adquiridos e retidos durante

a sessão com a leitura do presente Manual

Contém todos os temas abordados durante o curso, devendo ser um suporte ao

estudo a desenvolver pelo formando, bem como um reforço aos conhecimentos adquiridos
durante a sessão

A leitura do Manual não invalida que o formando não aprofunde os seus

conhecimentos, através da consulta da bibliografia recomendada ou de outros que julgue
convenientes

Objetivos

. Elaborar páginas para a web, com recurso a hipertexto

Conteúdos

1. Criação do login
2. Configurar conta
3. Editor
4. Adicionar páginas
5. Navegar nas páginas
6. Nomear páginas
7. Ocultar páginas
8. Reordenar páginas
9. Alterar a transição de páginas

Carga Horária
 25 horas

3
 UFCD: 0792 – Criação de Páginas para a Web

1. Criação do Login
A Wix oferece todas as ferramentas que necessita para criar um site incrível e
grátis! Crie a sua própria página web, usando a plataforma gratuita de construção
de sites da Wix.

Uma vez que você se registre para uma conta gratuita Wix, pode criar e publicar
quantos sites quiser absolutamente grátis!

Para se registrar numa conta gratuita:

1. Ente na pagina da Wix.com.

2. No canto direito superior, clique em Conecte-se.

3. Da página de Login, escolha se você deseja utilizar o seu login do Facebook

ou Google+ ou se você deseja criar uma nova conta.

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.

4
 UFCD: 0792 – Criação de Páginas para a Web

5. Digite uma senha no campo Senha.

6. Clique em OK.

Você utilizará esses detalhes para fazer o login na sua conta.

7. Em Registre-se, digite o seu e-mail novamente no segundo campo de e-mail.

5
 UFCD: 0792 – Criação de Páginas para a Web

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.

6
 UFCD: 0792 – Criação de Páginas para a Web

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.

Fazer Login na Conta Wix

Para fazer login em sua conta:

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. Digite sua senha no campo Senha.

5. Clique em OK.

7
 UFCD: 0792 – Criação de Páginas para a Web

2. Configurar conta

Editar as Configurações da Sua Conta

Editar o seu nome de usuário

Para editar seu nome de usuário:

1. Em Wix.com, no topo direito da página, passe o mouse em seu nome de

usuário.
2. Clique em Configurações da Conta.

3. Ao lado de Nome de Usuário, atualize seu nome de usuário.

Seu nome de usuário Wix está limitado a 20 caracteres.

4. Clique em Salvar.

8
 UFCD: 0792 – Criação de Páginas para a Web

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!

3. Editar o seu e-mail de login

Para editar o seu e-mail de login:

1. Em Wix.com, no topo direito da página, passe o mouse em seu nome de

usuário.
2. Clique em Configurações da Conta.

3. Ao lado de Endereço de E-mail, atualize seu E-mail.

4. Clique em Salvar.

9
 UFCD: 0792 – Criação de Páginas para a Web

Editar a sua senha de login

Para editar sua senha de login:

1. Em Wix.com, no topo direito da página, passe o mouse em seu nome de

usuário.

2. Clique em Configurações da Conta.

3. Ao lado de Senha Atual, insira sua senha atual.

4. Ao lado de Nova Senha, insira sua nova senha.
5. Ao lado de Digite Novamente a Nova Senha, insira novamente sua
senha.

6. Clique em Salvar.

10
 UFCD: 0792 – Criação de Páginas para a Web

Editor do WIX

Definir o Background do site

Escolha o background do seu site a partir de nossa coleção e use em seu site.

Para definir o seu background:

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.

11
UFCD: 0792 – Criação de Páginas para a Web

12
 UFCD: 0792 – Criação de Páginas para a Web

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.

Fazer upload da sua própria imagem de Background

Crie seu próprio background fazendo upload de suas imagens e configurando-as

como background do seu site!

Para fazer upload de imagens para o seu background:

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.

13
 UFCD: 0792 – Criação de Páginas para a Web

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.

14
 UFCD: 0792 – Criação de Páginas para a Web

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.

Personalizar o Background do site

Personalize o background que você fez upload, ao alterar sua escala, posição, cor e
função de rolamento.

Para personalizar o seu background:

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.

15
 UFCD: 0792 – Criação de Páginas para a Web

4. Sob Personalizar Background, sob Escala de Imagem, marque o círculo ao

lado de uma das opções.

Tela Cheia o background irá preencher toda sua tela

a imagem do background irá manter a sua relação de proporção

Ajustar
entre a largura e a altura

16
 UFCD: 0792 – Criação de Páginas para a Web

Ladrilhos o background irá ser visualizado em ladrilhos por todo o seu site

o background irá ser visualizado em ladrilhos nos eixos verticais do

Ladrilhos Verticais
seu site

Ladrilhos o background irá ser visualizado em ladrilhos nos eixos horizontais

Horizontais do seu site

Normal a imagem de background irá manter o tamanho original do upload

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.

7. Sob Trocar Cor, clique no menu para abrir o Seletor de Cores.

8. No Seletor de Cores, clique na cor desejada.

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.

Apagar a imagem de Background

Se você fez upload de sua própria imagem para o background do seu site, você
pode apagar essa imagem em Design.

Para apagar a sua imagem background:

1. No lado esquerdo do Editor, clique no ícone de pincel para abrir a

página Design.

17
 UFCD: 0792 – Criação de Páginas para a Web

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.

18
 UFCD: 0792 – Criação de Páginas para a Web

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.

Alterar as cores do site

Escolha uma paleta de cores para o seu site no Gerenciador de Design.

Para alterar as cores do seu site:

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.

19
 UFCD: 0792 – Criação de Páginas para a Web

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.

20
 UFCD: 0792 – Criação de Páginas para a Web

Personalizar as cores do site

Você pode criar sua própria paleta de cores na seção Cores em Design.

Para personalizar as cores do seu site:

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.

21
 UFCD: 0792 – Criação de Páginas para a Web

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.

6. Repita os passos 4 e 5 para o restante das suas Cores Principais.

22
 UFCD: 0792 – Criação de Páginas para a Web

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.

Descobrir o valor HEX da cor

Para descobrir o valor HEX de uma cor:

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.

23
 UFCD: 0792 – Criação de Páginas para a Web

Escolher o esquema de cores

Escolha um esquema de fontes através do Gerenciador de Design.

Para escolher seu esquema de fontes:

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.

24
 UFCD: 0792 – Criação de Páginas para a Web

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.

Para personalizar o seu esquema de fontes:

1. No lado esquerdo do Editor, clique no ícone de pincel para abrir a

página Design.
2. Em Design, clique em Fontes.
3. A partir da janela Fontes, clique em Personalizar Fontes.
4. Na janela Personalizar Fontes, clique em um elemento de texto para alterar
o seu estilo de fonte.

25
 UFCD: 0792 – Criação de Páginas para a Web

5. No Seletor de Fontes, sob Fontes, clique no menu drop-down e selecione

uma fonte.

26
 UFCD: 0792 – Criação de Páginas para a Web

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.

Para voltar ao Gerenciador de Design, clique em Voltar para Design no topo da

janela Fontes.
Para fechar o Gerenciador de Design, clique no X no canto superior direito.

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

27
 UFCD: 0792 – Criação de Páginas para a Web

Lucida Console
Lucida Sans Unicode
Palatino Linotype
Tahoma
Times New Roman
Verdana
Meiryo
MSGOTHIC
MS Mincho
MS PGothic
MS PMincho
Meiryo
MalgunGOTHIC
Dotum
Gulim

Adicionar suporte de fontes para idiomas

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.

28
 UFCD: 0792 – Criação de Páginas para a Web

4. Adicionar páginas
Adicione mais páginas ao seu site na seção Páginas.

Para adicionar páginas:

1. No lado esquerdo do Editor, clique no ícone Páginas.

2. No canto inferior direito de Páginas, clique em Adicionar Página.

3. Do lado esquerdo de Adicionar Página, clique em um Layout de Página.

29
 UFCD: 0792 – Criação de Páginas para a Web

Você pode pré-visualizar os diferentes layouts de página à direita de Adicionar

Página.

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

30
 UFCD: 0792 – Criação de Páginas para a Web

5. Navegar nas páginas

Você pode navegar em suas páginas no Editor clicando no ícone de páginas no lado
esquerdo do Editor.

Em Páginas, clique no nome da página para navegar para a mesma.

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.

31
 UFCD: 0792 – Criação de Páginas para a Web

6. Nomear as Páginas

Na seção Configurações e SEO, você pode alterar o nome de sua página.

Os nomes de suas páginas irão aparecer no menu do seu site.

Para nomear sua página:

1. Do lado esquerdo do Editor, clique no ícone Páginas.

2. Ao lado de sua página, clique no ícone de Configurações.
3. Em Configurações e SEO, sob Nome da Página, digite um nome
para sua página.

4. Clique em Concluído.

7. Ocultar páginas

Você pode ocultar suas páginas a partir do menu de navegação na

seção Configurações e SEO do seu Editor. Os visitantes do seu site não
serão capazes de acessar as páginas ocultas.

Para ocultar sua página:

1. No lado esquerdo do Editor, clique no ícone Páginas.

2. Ao lado de sua página, clique no ícone de Configurações.

32
 UFCD: 0792 – Criação de Páginas para a Web

3. Na janela Configurações e SEO, marque a caixa ao lado de

Ocultar do Menu.

4. Clique em Concluído.

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.

8. Reordenar Páginas
Altere a ordem das suas páginas de forma rápida e fácil a partir
de Páginas.

Para reordenar suas páginas:

1. Na barra de ferramentas da esquerda, clique no ícone Páginas.

2. Passe o mouse sobre o lado esquerdo de uma página na lista.

33
 UFCD: 0792 – Criação de Páginas para a Web

3. Arraste a página para um local diferente.

9. Alterar a transição das 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.

Para alterar uma transição de página:

1. No lado esquerdo do Editor, clique no ícone Páginas.

2. Sob Transições de Página, clique no menu drop-down e selecione
uma transição.

34
 UFCD: 0792 – Criação de Páginas para a Web

A transição da sua página acontecerá sem nenhum

Nenhum
efeito especial.

Transição
Suas páginas irão deslizar na horizontal
Horizontal

Transição
Suas páginas irão deslizar na vertical
Vertical

Cross Fade Suas páginas irão desvanecer.

Sua página desaparecerá antes que a nova página

Fora-Dentro
apareça em seu lugar.

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.

Para criar sub-páginas:

1. No lado esquerdo do Editor, clique no ícone de Páginas.

2. Em Páginas, passe o mouse sobre o lado esquerdo do nome da
página em sua lista.

35
 UFCD: 0792 – Criação de Páginas para a Web

3. Arraste a página para a direita.

Proteger Páginas com Senha

Você pode proteger páginas individuais de seu site na seção Configurações da
Página da página que deseja proteger.
Para proteger sua página com senha:
1. Do lado esquerdo do Editor, clique no ícone de página para abrir Páginas.
2. Em Páginas, ao lado de sua página, clique no ícone de configurações.
3. Em Configurações e SEO, selecione a opção Proteger Página.

36
 UFCD: 0792 – Criação de Páginas para a Web

4. Em Proteger Página, clique em Proteger com Senha. Digite a senha

desejada no campo senha.

5. Clique em OK e em Concluído.

37
 UFCD: 0792 – Criação de Páginas para a Web

10. Referências Bibliográficas

 Manuais práticos de Informática

 http://pt.scribd.com
 www.wix.pt
 www.criarsites.com
 www.comunidades.net
 www.webnode.pt

38