MANUAL DE FORMAÇÃO

UFCD 0768 Criação de Sites WEB

CLIENTE: ASSOCIAÇÃO EMPRESARIAL DE VALENÇA

FORMADOR: LILIANA BRITO
JUNHO 2014

Doc.103.1
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Í N D I C E

Pág.
1 ENQUADRAMENTO DO CURSO E SEUS OBJECTIVOS .................................................. 3
2 MANUAL DA FORMAÇÃO ..................................................................................... 4
3 BIBLIOGRAFIA .................................................................................................... 18

BICMINHO Página 2 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

1 ENQUADRAMENTO DO CURSO E SEUS OBJETIVOS

A informática hoje é essencial na formação do trabalhador e sua qualificação
profissional É fundamental na hora de ocupar um lugar em qualquer área do mercado de
trabalho.



O ser humano devido á sua atividade de criação e de trabalhos é uma fonte

inesgotável de informação.

A necessidade de se relacionar socialmente fez com que o
conhecimento adquirido aumentasse progressivamente, ajudando a sociedade a se
organizar melhor socialmente.
 O fruto maior da informática em nossa sociedade é o de
manter as pessoas devidamente informadas, através de uma melhor comunicação,
possibilitando assim, que elas decidam pelos seus rumos e os de nossa civilização.


Com a crescente popularidade da Internet, é quase inevitável que toda a empresa ou
negócio tenha um site. Não se trata apenas de uma moda, mas sim uma consciência cada
vez maior das vantagens de usar a aldeia global como método de publicidade e negócio.
Talvez por desconhecimento, muitos são ainda os casos que resistem a este alargar de
fronteiras, ao rompimento com o passado da publicidade e comércio, ao investimento
seguro que é ter a sua empresa ou negócio alojada no maior centro comercial do mundo.

O objetivo da formação Criação de Sites WEB é permitir ao formando efetuar de

forma autónoma ou sob orientação, o final da formação o formando deverá ser capaz de:

- Criar documentos em hipertexto.

- Desenvolver e alojar um site na Internet.

BICMINHO Página 3 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

2 MANUAL DA FORMAÇÃO

I - Conceitos

O que é Internet?

A Internet consiste num conjunto de servidores (computadores) ligados entre si aos

quais qualquer pessoa se pode ligar por modo a aceder à informação e transferir dados de
todo tipo existentes em qualquer um deles. Por vezes costuma-se dizer que é uma rede de
redes à escala mundial.
.
O que é preciso para aceder à internet?
Para aceder à Internet precisa de ter um (COMPUTADOR), um fornecedor internet
(ISP) e um programa para aceder à Internet que se chama browser ou navegador.

O que é um navegador?

Internet Explorer
Mozilla Firefox
Google Chrome
Safari
Opera

O que é um servidor?
O termo servidor web pode significar duas coisas:
um programa de computador responsável por aceitar
pedidos HTTP de clientes, geralmente os navegadores, e
servi-los com respostas HTTP, incluindo opcionalmente
dados, que geralmente são páginas web, tais como
documentos HTML com objetos embutidos (imagens,
etc.), ou um computador que executa um programa que
provê a funcionalidade descrita acima.

BICMINHO Página 4 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

O que é um domínio?

O nome de Domínio é seu Endereço Web (registro do

Nome de Domínio). É a sua identidade na Internet, sua marca
"online". Os utilizadores irão lembrar desse nome e usá-lo para
encontrar informações sobre sua Empresa, seus produtos e
serviços. Como em nenhuma hipótese podem existir dois nomes
de domínio iguais para empresas diferentes, seu Endereço Web é
único. Tecnicamente, um Endereço Web é uma construção de
endereço empregada para identificar e localizar computadores na
Internet. Os computadores usam números de Protocolo Internet (IP - Internet Protocol) para
se acharem entre si. As pessoas acham difícil memorizar estes números (ex:172.18.16.23).
Em decorrência, Endereços Web foram criados para facilitar a memorização de palavras e
frases que identificam os endereços Internet.

O que são cookies?

Cookies são pequenas informações, deixadas pelos sites que visitou, no seu
computador. Os Cookies são utilizados pelos sites de diversas formas, eis algumas:
 Para guardar a sua identificação e senha quando pula de uma página para outra;
 Para manter uma lista de compras em sites de comércio eletrônico;
 Personalização de sites pessoais ou de notícias, quando você escolhe o que quer
que seja mostrado nas páginas destes sites;
 Manter a lista das páginas vistas em um site, para estatística ou para retirar as
páginas que você não tem interesse dos links.
O problema com relação aos Cookies é que eles são utilizados por empresas que
vasculham suas preferências de compras e espalham estas informações para outros sites
de comércio eletrônico. Assim você sempre terá páginas de promoções ou publicidade, nos
sites que visitar, dos produtos de seu interesse. Na verdade não se trata de um problema de
segurança, mas alguns utilizadores podem considerar este tipo de atitude uma invasão de
privacidade.

BICMINHO Página 5 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Site ou página?

Um site (ou website) é um conjunto de páginas de informação disponíveis na

Internet. Pode conter todo o tipo de informações em texto, imagem, animações, vídeo e som
e pode ser consultado a partir de qualquer local do mundo.

Home Page:

Página inicial de um site, tem o objetivo de apresentar e indicar as outras páginas

que compõem o mesmo.

URL:
Abreviatura de Universal Resource Locator é o endereço de um recurso ou página da
Internet. Pode ser um endereço de um site ou de um recurso como um arquivo, geralmente
utiliza os protocolos HTTP , FTP, entre outros.

Hiperlink:
Ou simplesmente Link é uma referência dentro de um documento ou página da
Internet a outro documento. É o elo de ligação entre as páginas da Internet. Podem aparecer
associados a palavras ou imagens e pode despoletar determinada ação.

Web designer:
É uma extensão de designer, profissional responsável pela criação das páginas da
Internet (layout) por meio de diversas áreas de conhecimento além do design, como
programação por exemplo.

Endereço Ip:
Na Internet, cada servidor possui um endereço único (endereço IP), uma série de
números separados por pontos; por exemplo o endereço do servidor Web do Sapo é
213.13.146.140 que corresponde a sapo.pt.

BICMINHO Página 6 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

O que é desenvolvimento para a Web?

O desenvolvimento para a Web refere-se ao processo de criar uma página da Web
ou um site. As páginas da Web são escritas em HTML, CSS , JavaScript etc. Essas páginas
podem consistir em texto simples e imagens gráficas. As páginas podem também ser
interativas ou exibir informações dinâmicas. As páginas interativas de servidor são mais
complexas de se desenvolver, mas possibilitam sites mais avançados. Hoje em dia, a
maioria das páginas é interativa e fornece serviços online modernos, como carrinhos de
compra, visualizações dinâmicas e até mesmo complexas redes sociais como o
FACEBOOK.

O que é preciso para ter um Site na Internet:

1- Fazer uma pesquisa na Internet das páginas relacionadas com o que pretende fazer;
2- Fazer um esquema da informação e imagens que pretende colocar desenvolver a
página;
3- Ter um alojamento (pode alugar um servidor online, criar o próprio servidor, ou arranjar
um grátis)
4- Registar um domínio (.com,.net,.org,.pt,.tv,etc) ou arranjar um subdomínio grátis.

Editores de Paginas Web:

 FrontPage - O Microsoft FrontPage é considerado um dos melhores programas na

criação e edição de Web Sites.
 Dreamweaver- Programa O Macromedia Dreamweaver é um editor profissional que cria
e gere páginas Web. Com este programa é fácil criar e editar páginas compatíveis com
diversos navegadores e plataformas usando ferramentas avançadas de desenho e layout.
 HTML-KIT
 Notepad (bloco de notas)

BICMINHO Página 7 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Editores de imagens:

 Adobe Photoshop - O Adobe Photoshop é o editor de imagens mais utilizado pela web
designers profissionais. Com ele é possível manipular as imagens de todas as maneiras
possíveis trabalhando com as mais utilizadas extensões de arquivos gráficos.
 Coreldraw - O Coreldraw é um programa gráfico que gera desenhos vetoriais. Ele cria
imagens usando formas de objetos armazenados internamente como equações
matemáticas (vetor), bem diferente das aplicações que utilizam bitmap, uma imagem
composta pôr uma série de pontos.
 Etc.

Editores e animadores gráficos e vídeo:

 FLASH - O Macromedia Flash é um software de criação de animações dimensionáveis e

interativas para a Web. É possível criar logótipos com animação e com controles
direcionáveis para navegação em Web Sites. Com a utilização do flash a interatividade com
o utilizador torna-se um grande atrativo .
 Ulead GIF Animator - O Ulead GIF Animator é um software de produção de imagens
animadas. É a ferramenta que permite manipular imagens do tipo GIF Animado.
 PHOTOSTORY - O Microsoft photostory dá para criar vídeos a partir de imagens.
 MOVIE MAKER - O Windows movie maker da para criar e editar vídeos.
 ADOBE PREMIERE.
 Etc.

BICMINHO Página 8 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

II -Como criar um site na Wix

A Wix é uma empresa conhecida mundialmente por oferecer serviços para bloguers e
webmasters, mais especificamente permite criar site grátis de grande qualidade. Com a
Wix é possível desenvolver desde sites simples até os mais complexos, com integração de
Flash e sistemas de pagamento digital. Embora muitas outras empresas ofereçam esse tipo
de serviço, a Wix é pioneira e possui uma facilidade fora do normal. É realmente muito
simples criar sites grátis com a Wix.

Passo 1- Criar uma conta na Wix

Vá até o site da Wix (pt.wix.com) e logo verá um slide de apresentação da

empresa. Abaixo dessa apresentação existe um botão de inscrição “Comece
Agora”. Clique nesse botão e você será levado ao login.
Será apresentada uma tela azul solicitando que você coloque um email e uma senha
para fazer o login. Complete com os dados e clique em Inscreva-se.

BICMINHO Página 9 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Passo 2 - Criando um site

Na próxima página serão apresentadas três opções da Wix onde você poderá
criar seu site gratuitamente, explorar as ideias de outros usuários ou verificar a sua
conta.
Clicando em Criar é direcionado para a interface de criação de sites, na opção
Explore são mostrados os sites que já foram criados e na opção Minha Conta
poderá alterar o conteúdo do seu site ou blog.

Passo 3 - Escolher o Template

Para iniciara a construção do site, clique em Templates, no menu de Categorias, do lado

esquerdo, clicar na categoria Pessoal. Note que serão exibidos diversos temas para criar
sites pessoais. O tema que utilizaremos para criar nosso site é o “Curriculum Vitae” que fica
na página 3. Para mais detalhes veja a imagem abaixo.

BICMINHO Página 10 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Ao passar o rato sobre o tema aparecerão dois botões do lado direito, Ver e
Editar. O botão Ver serve para você visualizar o tema antes de editá-lo. Já o botão
Editar abre uma nova janela da Wix onde você poderá editar esse template. Clique
no botão Editar.
Antes de você começar a criar site na Wix aconselho que assista ao vídeo
disponibilizado pela empresa. Ele é um tutorial simples que mostra as principais
funcionalidades.

Passo 4 - Fazer as alterações básicas

Um site da Wix possui as mesmas características de qualquer outro site. Assim

como no WordPress, a Wix possui diversas páginas que podem ser editadas
facilmente, menus que podem ser incluídos, arquivos de média e outras
configurações.
Uma das grandes vantagens da Wix é poder criar sites grátis e ainda dispor de
opções como: transição de telas, escolha do background, adição de Widgets e

BICMINHO Página 11 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

muitas outras funcionalidades. Todas essas funcionalidades ficam a um clique do

rato. Criar uma página e alterar seus componentes é muito simples e prático na Wix.

Conhecer as Páginas

Nessa sessão estão todas as páginas do seu site. Caso você queira alterar
qualquer componente de uma página específica basta selecioná-la por aqui.
Também é possível criar novas páginas clicando em “Adicionar Página”. A Wix
disponibiliza muitos modelos de páginas pré-definidos

Conhecer o Grupo de Páginas

Aqui no grupo de páginas você pode configurar as animações, transições, cores,

menus e outros aspetos da página. Para isso, basta clicar sobre os itens. Cada item
possui sua própria configuração. Pode ser que outros modelos de sites possuam
outras configurações.

BICMINHO Página 12 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Conhecer o Navegador

Esse nada mais é do que o navegador de páginas. Com ele é possível visualizar
as páginas existentes navegando entre elas.

Configurações Isoladas

Essa área isolada contém os seguintes botões: Adicionar, Background e Arquivos.

A opção adicionar permite incluir diversos componentes na página, como texto,
fotos, galeria, vídeos, musica, etc. Já o botão Background permite alterar o fundo do
site como um todo ou apenas a parte de dentro. E por fim, em Arquivos é possível
entrar em diversas galerias (de fotos, vídeos, músicas, etc.) ou fazer upload do seu
próprio computador.

Alterando o corpo do site

O corpo do site é semelhante em todas as páginas. Nele é possível incluir

imagens e textos de acordo com sua necessidade. Para alterar qualquer item basta
clicar uma vez sobre o elemento. A Wix apresentara um menu com as opções
possíveis, conforme você pode ver na imagem abaixo.

BICMINHO Página 13 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Passo 5 - Alterar os textos

Sabendo das partes mais importantes, vamos alterar os textos do novo site de
acordo com as nossas necessidades. Primeiramente alteramos os textos da
homepage clicando sobre cada elemento e em seguida em “Editar” (ou clicando
duas vezes no elemento de texto). Quando estiver a editar aparecerá uma barra de
edição de texto, como na imagem abaixo, onde você poderá alterar as
características da fonte. Note também que você pode arrastar o texto para onde
desejar.

Passo 6 - Alterar os Backgrounds

Quando você passa o rato sobre a opção Backgrounds aparecem as seguintes

opções: Página Mestre e Site. A primeira representa a parte interna do site, dentro
do quadrado. A segunda representa a parte externa. Clique em Design>
Background. O editor abrirá a seguinte tela:

Nessa tela você poderá escolher diversos tipos de fundo, como texturas,
gradientes, molduras entre outros.
BICMINHO Página 14 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Passo 7 - Manipular Páginas

Cada página da Wix tem um menu próprio que onde você pode personalizá-la.
Através desse menu é possível Adicionar, Renomear, Duplicar, Ocultar, Excluir,
Movimentar ou colocar senha. Para isso, basta clicar sobre a seta do lado direito da
página que você deseja alterar.

Para começar a incluir uma nova página clique no botão “Páginas”, conforme
mostrado na imagem acima. Em seguida será apresentada a seguinte tela:

Pode editar ou eliminar as páginas pré-definidas ou adicionar as mais páginas.

BICMINHO Página 15 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Passo 8 - Alterar os Comportamentos, Efeitos, Animações…

Você já deve ter percebido que cada página possuí suas próprias configurações,
animações e comportamentos. Tudo isso também é possível de ser alterado. Para
isso basta utilizar o menu “Adicionar” pode alterar ou adicionar o que pretende.

Também pode clicar em cima de qualquer botão, texto ou imagem para editar ou
adicionar uma animação.

Passo 9 - Configurações finais do site

Depois de criar o site grátis é hora de fazer as configurações básicas antes de

publicá-lo. Para isso, clique em Configurações, no seu lado esquerdo. Será
apresentada a seguinte tela:

BICMINHO Página 16 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

Nessa janela de configurações você pode incluir seu próprio domínio, analisar as
estatísticas de acesso, incluir um favicon e até otimizar seu site para mecanismos de
busca.

Passo 10 - Publicar seu site grátis

Para publicar seu site grátis basta clicar em “Publicar”, no topo. Você receberá
um aviso informando que está prestes a publicar seu site. Caso esteja certo disso é
só clicar em “Publicar”, caso contrário poderá fechar a janela e continuar com a
edição. Você também poderá visualizar como seu site clicando no botão “Pré
visualizar”.

BICMINHO Página 17 de 18
 UFCD 0768 – CRIAÇÃO DE SITES WEB
FORMADORA LILIANA BRITO

3 BIBLIOGRAFIA

 (2014), Catálogo acional de Qualificações, http://www.catalogo.anqep.gov.pt

 (2014), Internet Segura, http://www.internetsegura.pt;

 (2014 ),Microsoft Office , http://office.microsoft.com;

 (2014), Segura Net, http://www.seguranet.pt;

 (2014) , Windows Microsoft, http://windows.microsoft.com;

 ( 2014) , Wix, http://pt.wix.com.

BICMINHO Página 18 de 18