Manual - Criaá∆o de sites web (3)

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



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.



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.



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.



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.



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)



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.



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.



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.



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



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.



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.



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.



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.



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:



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.



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.

Documents

Manual - Criaá∆o de sites web (3)