UFCD 0792

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

Na UFCD 0792 – Criação de páginas para a WEB, pretende-se abordar

conteúdos fundamentais para a criação e manutenção de uma página na
Internet.
Para assimilação de todos os conteúdos do módulo todos os formandos vão
criar o seu próprio site.
Da parte do formador caberá um papel de comunicador e desenvolvimento
preciso e sucinto dos conteúdos, bem como facilitador e organizador de
raciocínios lógicos e construtivos por parte dos formandos.

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!

Para se registrar para uma conta gratuita:

1. Entre em 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.
 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.

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.

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.

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

Editar seu e-mail de login

Para editar 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.

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.

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

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

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

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

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

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

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.

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.

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.

Personalizar o esquema de cores

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.

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.

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

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.

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

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.

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

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

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.
 3. Arraste a página para um local diferente.

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.
 A transição da sua página acontecerá sem nenhum efeito
Nenhum
especial.

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

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

Cross Fade Suas páginas irão desvanecer.

Sua página desaparecerá antes que a nova página apareça em

Fora-Dentro
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.
 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.
 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.

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