Você está na página 1de 18

Doc.103.

1






























UFCD 0768 Criao de Sites WEB

CLIENTE: ASSOCIAO EMPRESARIAL DE VALENA
FORMADOR: LILIANA BRITO
JUNHO 2014

MANUAL DE FORMAO




UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 2 de 18

N D I C E

Pg.
1 ENQUADRAMENTO DO CURSO E SEUS OBJECTIVOS .................................................. 3
2 MANUAL DA FORMAO ..................................................................................... 4
3 BIBLIOGRAFIA .................................................................................................... 18





UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 3 de 18

1 ENQUADRAMENTO DO CURSO E SEUS OBJETIVOS
A informtica hoje essencial na formao do trabalhador e sua qualificao
profissional fundamental na hora de ocupar um lugar em qualquer rea do mercado de
trabalho.
O ser humano devido sua atividade de criao e de trabalhos uma fonte
inesgotvel de informao.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 informtica em nossa sociedade o de
manter as pessoas devidamente informadas, atravs de uma melhor comunicao,
possibilitando assim, que elas decidam pelos seus rumos e os de nossa civilizao.
Com a crescente popularidade da Internet, quase inevitvel que toda a empresa ou
negcio tenha um site. No se trata apenas de uma moda, mas sim uma conscincia cada
vez maior das vantagens de usar a aldeia global como mtodo de publicidade e negcio.
Talvez por desconhecimento, muitos so ainda os casos que resistem a este alargar de
fronteiras, ao rompimento com o passado da publicidade e comrcio, ao investimento
seguro que ter a sua empresa ou negcio alojada no maior centro comercial do mundo.

O objetivo da formao Criao de Sites WEB permitir ao formando efetuar de
forma autnoma ou sob orientao, o final da formao o formando dever ser capaz de:
- Criar documentos em hipertexto.
- Desenvolver e alojar um site na Internet.










UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 4 de 18

2 MANUAL DA FORMAO

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 informao 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 responsvel por aceitar
pedidos HTTP de clientes, geralmente os navegadores, e
servi-los com respostas HTTP, incluindo opcionalmente
dados, que geralmente so pginas web, tais como
documentos HTML com objetos embutidos (imagens,
etc.), ou um computador que executa um programa que
prov a funcionalidade descrita acima.





UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 5 de 18

O que um domnio?

O nome de Domnio seu Endereo Web (registro do
Nome de Domnio). a sua identidade na Internet, sua marca
"online". Os utilizadores iro lembrar desse nome e us-lo para
encontrar informaes sobre sua Empresa, seus produtos e
servios. Como em nenhuma hiptese podem existir dois nomes
de domnio iguais para empresas diferentes, seu Endereo Web
nico. Tecnicamente, um Endereo Web uma construo de
endereo empregada para identificar e localizar computadores na
Internet. Os computadores usam nmeros de Protocolo Internet (IP - Internet Protocol) para
se acharem entre si. As pessoas acham difcil memorizar estes nmeros (ex:172.18.16.23).
Em decorrncia, Endereos Web foram criados para facilitar a memorizao de palavras e
frases que identificam os endereos Internet.

O que so cookies?

Cookies so pequenas informaes, deixadas pelos sites que visitou, no seu
computador. Os Cookies so utilizados pelos sites de diversas formas, eis algumas:
Para guardar a sua identificao e senha quando pula de uma pgina para outra;
Para manter uma lista de compras em sites de comrcio eletrnico;
Personalizao de sites pessoais ou de notcias, quando voc escolhe o que quer
que seja mostrado nas pginas destes sites;
Manter a lista das pginas vistas em um site, para estatstica ou para retirar as
pginas que voc no tem interesse dos links.
O problema com relao aos Cookies que eles so utilizados por empresas que
vasculham suas preferncias de compras e espalham estas informaes para outros sites
de comrcio eletrnico. Assim voc sempre ter pginas de promoes ou publicidade, nos
sites que visitar, dos produtos de seu interesse. Na verdade no se trata de um problema de
segurana, mas alguns utilizadores podem considerar este tipo de atitude uma invaso de
privacidade.








UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 6 de 18

Site ou pgina?

Um site (ou website) um conjunto de pginas de informao disponveis na
Internet. Pode conter todo o tipo de informaes em texto, imagem, animaes, vdeo e som
e pode ser consultado a partir de qualquer local do mundo.

Home Page:

Pgina inicial de um site, tem o objetivo de apresentar e indicar as outras pginas
que compem o mesmo.

URL:
Abreviatura de Universal Resource Locator o endereo de um recurso ou pgina da
Internet. Pode ser um endereo de um site ou de um recurso como um arquivo, geralmente
utiliza os protocolos HTTP , FTP, entre outros.

Hiperlink:
Ou simplesmente Link uma referncia dentro de um documento ou pgina da
Internet a outro documento. o elo de ligao entre as pginas da Internet. Podem aparecer
associados a palavras ou imagens e pode despoletar determinada ao.

Web designer:
uma extenso de designer, profissional responsvel pela criao das pginas da
Internet (layout) por meio de diversas reas de conhecimento alm do design, como
programao por exemplo.

Endereo Ip:
Na Internet, cada servidor possui um endereo nico (endereo IP), uma srie de
nmeros separados por pontos; por exemplo o endereo do servidor Web do Sapo
213.13.146.140 que corresponde a sapo.pt.








UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 7 de 18

O que desenvolvimento para a Web?
O desenvolvimento para a Web refere-se ao processo de criar uma pgina da Web
ou um site. As pginas da Web so escritas em HTML, CSS , JavaScript etc. Essas pginas
podem consistir em texto simples e imagens grficas. As pginas podem tambm ser
interativas ou exibir informaes dinmicas. As pginas interativas de servidor so mais
complexas de se desenvolver, mas possibilitam sites mais avanados. Hoje em dia, a
maioria das pginas interativa e fornece servios online modernos, como carrinhos de
compra, visualizaes dinmicas 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 pginas relacionadas com o que pretende fazer;
2- Fazer um esquema da informao e imagens que pretende colocar desenvolver a
pgina;
3- Ter um alojamento (pode alugar um servidor online, criar o prprio servidor, ou arranjar
um grtis)
4- Registar um domnio (.com,.net,.org,.pt,.tv,etc) ou arranjar um subdomnio grtis.

Editores de Paginas Web:

FrontPage - O Microsoft FrontPage considerado um dos melhores programas na
criao e edio de Web Sites.
Dreamweaver- Programa O Macromedia Dreamweaver um editor profissional que cria
e gere pginas Web. Com este programa fcil criar e editar pginas compatveis com
diversos navegadores e plataformas usando ferramentas avanadas de desenho e layout.
HTML-KIT
Notepad (bloco de notas)









UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 8 de 18

Editores de imagens:

Adobe Photoshop - O Adobe Photoshop o editor de imagens mais utilizado pela web
designers profissionais. Com ele possvel manipular as imagens de todas as maneiras
possveis trabalhando com as mais utilizadas extenses de arquivos grficos.
Coreldraw - O Coreldraw um programa grfico que gera desenhos vetoriais. Ele cria
imagens usando formas de objetos armazenados internamente como equaes
matemticas (vetor), bem diferente das aplicaes que utilizam bitmap, uma imagem
composta pr uma srie de pontos.
Etc.

Editores e animadores grficos e vdeo:

FLASH - O Macromedia Flash um software de criao de animaes dimensionveis e
interativas para a Web. possvel criar logtipos com animao e com controles
direcionveis para navegao em Web Sites. Com a utilizao do flash a interatividade com
o utilizador torna-se um grande atrativo .
Ulead GIF Animator - O Ulead GIF Animator um software de produo de imagens
animadas. a ferramenta que permite manipular imagens do tipo GIF Animado.
PHOTOSTORY - O Microsoft photostory d para criar vdeos a partir de imagens.
MOVIE MAKER - O Windows movie maker da para criar e editar vdeos.
ADOBE PREMIERE.
Etc.














UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 9 de 18

II -Como criar um site na Wix

A Wix uma empresa conhecida mundialmente por oferecer servios para bloguers e
webmasters, mais especificamente permite criar site grtis de grande qualidade. Com a
Wix possvel desenvolver desde sites simples at os mais complexos, com integrao de
Flash e sistemas de pagamento digital. Embora muitas outras empresas ofeream esse tipo
de servio, a Wix pioneira e possui uma facilidade fora do normal. realmente muito
simples criar sites grtis 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 apresentao da
empresa. Abaixo dessa apresentao existe um boto de inscrio Comece
Agora. Clique nesse boto 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.








UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 10 de 18

Passo 2 - Criando um site

Na prxima pgina sero apresentadas trs opes da Wix onde voc poder
criar seu site gratuitamente, explorar as ideias de outros usurios ou verificar a sua
conta.
Clicando em Criar direcionado para a interface de criao de sites, na opo
Explore so mostrados os sites que j foram criados e na opo Minha Conta
poder alterar o contedo do seu site ou blog.




Passo 3 - Escolher o Template
Para iniciara a construo do site, clique em Templates, no menu de Categorias, do lado
esquerdo, clicar na categoria Pessoal. Note que sero exibidos diversos temas para criar
sites pessoais. O tema que utilizaremos para criar nosso site o Curriculum Vitae que fica
na pgina 3. Para mais detalhes veja a imagem abaixo.




UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 11 de 18



Ao passar o rato sobre o tema aparecero dois botes do lado direito, Ver e
Editar. O boto Ver serve para voc visualizar o tema antes de edit-lo. J o boto
Editar abre uma nova janela da Wix onde voc poder editar esse template. Clique
no boto Editar.
Antes de voc comear a criar site na Wix aconselho que assista ao vdeo
disponibilizado pela empresa. Ele um tutorial simples que mostra as principais
funcionalidades.

Passo 4 - Fazer as alteraes bsicas
Um site da Wix possui as mesmas caractersticas de qualquer outro site. Assim
como no WordPress, a Wix possui diversas pginas que podem ser editadas
facilmente, menus que podem ser includos, arquivos de mdia e outras
configuraes.
Uma das grandes vantagens da Wix poder criar sites grtis e ainda dispor de
opes como: transio de telas, escolha do background, adio de Widgets e




UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 12 de 18

muitas outras funcionalidades. Todas essas funcionalidades ficam a um clique do
rato. Criar uma pgina e alterar seus componentes muito simples e prtico na Wix.


Conhecer as Pginas
Nessa sesso esto todas as pginas do seu site. Caso voc queira alterar
qualquer componente de uma pgina especfica basta selecion-la por aqui.
Tambm possvel criar novas pginas clicando em Adicionar Pgina. A Wix
disponibiliza muitos modelos de pginas pr-definidos
Conhecer o Grupo de Pginas
Aqui no grupo de pginas voc pode configurar as animaes, transies, cores,
menus e outros aspetos da pgina. Para isso, basta clicar sobre os itens. Cada item
possui sua prpria configurao. Pode ser que outros modelos de sites possuam
outras configuraes.





UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 13 de 18

Conhecer o Navegador
Esse nada mais do que o navegador de pginas. Com ele possvel visualizar
as pginas existentes navegando entre elas.
Configuraes Isoladas
Essa rea isolada contm os seguintes botes: Adicionar, Background e Arquivos.
A opo adicionar permite incluir diversos componentes na pgina, como texto,
fotos, galeria, vdeos, musica, etc. J o boto Background permite alterar o fundo do
site como um todo ou apenas a parte de dentro. E por fim, em Arquivos possvel
entrar em diversas galerias (de fotos, vdeos, msicas, etc.) ou fazer upload do seu
prprio computador.
Alterando o corpo do site
O corpo do site semelhante em todas as pginas. Nele possvel 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 opes
possveis, conforme voc pode ver na imagem abaixo.




UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 14 de 18

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
edio de texto, como na imagem abaixo, onde voc poder alterar as
caractersticas da fonte. Note tambm que voc pode arrastar o texto para onde
desejar.
Passo 6 - Alterar os Backgrounds
Quando voc passa o rato sobre a opo Backgrounds aparecem as seguintes
opes: Pgina 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.




UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 15 de 18

Passo 7 - Manipular Pginas
Cada pgina da Wix tem um menu prprio que onde voc pode personaliz-la.
Atravs desse menu possvel Adicionar, Renomear, Duplicar, Ocultar, Excluir,
Movimentar ou colocar senha. Para isso, basta clicar sobre a seta do lado direito da
pgina que voc deseja alterar.
Para comear a incluir uma nova pgina clique no boto Pginas, conforme
mostrado na imagem acima. Em seguida ser apresentada a seguinte tela:

Pode editar ou eliminar as pginas pr-definidas ou adicionar as mais pginas.








UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 16 de 18

Passo 8 - Alterar os Comportamentos, Efeitos, Animaes
Voc j deve ter percebido que cada pgina possu suas prprias configuraes,
animaes e comportamentos. Tudo isso tambm possvel de ser alterado. Para
isso basta utilizar o menu Adicionar pode alterar ou adicionar o que pretende.

Tambm pode clicar em cima de qualquer boto, texto ou imagem para editar ou
adicionar uma animao.
Passo 9 - Configuraes finais do site
Depois de criar o site grtis hora de fazer as configuraes bsicas antes de
public-lo. Para isso, clique em Configuraes, no seu lado esquerdo. Ser
apresentada a seguinte tela:




UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 17 de 18


Nessa janela de configuraes voc pode incluir seu prprio domnio, analisar as
estatsticas de acesso, incluir um favicon e at otimizar seu site para mecanismos de
busca.
Passo 10 - Publicar seu site grtis
Para publicar seu site grtis 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 contrrio poder fechar a janela e continuar com a
edio. Voc tambm poder visualizar como seu site clicando no boto Pr
visualizar.









UFCD 0768 CRIAO DE SITES WEB
FORMADORA LILIANA BRITO
BICMINHO Pgina 18 de 18

3 BIBLIOGRAFIA

(2014), Catlogo acional de Qualificaes, 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.