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

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 W EB 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


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 el as 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


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


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


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


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


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


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

BICMINHO

.

Inscreva-se

Página 9 de 18


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


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


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


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


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


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


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


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


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

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

Recommend Documents