Objectivos. Conteúdos. Criar documentos em hipertexto. Desenvolver e alojar um site na Internet.

Tamanho: px

Começar a partir da página:

Download "Objectivos. Conteúdos. Criar documentos em hipertexto. Desenvolver e alojar um site na Internet."

Davi Campos Balsemão
8 Há anos
Visualizações:

1 CÓDIGO UFCD: 0768 Criação de Sites Web (50h) Objectivos Criar documentos em hipertexto. Desenvolver e alojar um site na Internet. Conteúdos Introdução à Hyper Text Markup Language Elaboração de documentos de texto e outros tipos de ficheiros em HTML para a web Servidores Elaboração de site web Envio dos ficheiros para o servidor por ftp

Conteúdos Introdução à Hyper Text Markup Language Elaboração de documentos de texto

2 Desenvolvimento de aplicações WEB Empresas, instituições e pessoas individuais estão cada vez mais interessadas não só em aceder ao imenso manancial de informação disponibilizado pela Internet mas também em oferecer a sua própria informação a muitas outras pessoas. Criar páginas Web torna-se, pois, uma inevitabilidade.

informação disponibilizado pela Internet mas também em oferecer a sua própria

3 Site ou website é um dos mais importantes espaços que uma empresa pode ter na internet é um local na rede mundial de computadores onde estão reunidas informações sobre determinado tema uma pessoa, uma empresa, notícias, piadas, vídeos etc pode ser acedido por qualquer utilizador no mundo

reunidas informações sobre determinado tema uma pessoa, uma empresa,

4 Editores de página Web Há duas formas de criar documentos para a Web: 1. Inserir o conteúdo (textos, imagens, sons, etc.) e formatá-lo através dos códigos de formatação e marcação HTML. 2. Utilizar um editor WYSIWYG (What You See Is What You Get o que se vê é o que obtém), o que permite inserir o conteúdo de forma gráfica, ficando a escrita dos códigos a cargo do editor.

) e formatá-lo através dos códigos de formatação e marcação HTML. 2.

5 Editores de imagem e efeitos especiais Editores de programas de animação gráfica A Web baseia-se na combinação de textos, imagens e outros componentes de forma coerente, racional e estética. Editores de imagem e efeitos especiais: Programas que permitem manipular imagens ou fotografias, usando ferramentas poderosas: o Corel Draw, o JASC Paint Shop Pro e o Adobe Photoshop; Editores de programas de animação gráfica : Para criar animações existem vários programas, como por exemplo: 1. O Macromedia Studio MX2004 with Flash Profissional é um programa de tratamento de animação vectorial. Permite criar animações interactivas para a Web; 2. O GIF Animator é um programa que visa a produção de imagens animadas. Permite manipular imagens com formato GIF; 3. O COOL 3D é um programa que gera animações a três dimensões (3D) como esferas, cubos, cones, etc.

programas de animação gráfica : Para criar animações existem vários programas, como por exemplo: 1.

6 Ferramentas e utilitários Depois de criarmos uma página Web no nosso computador, ela só se torna acessível ao Mundo se a colocarmos num computador servidor, ao qual corresponderá um determinado endereço, ou URL (Uniform Resource Locator). Protocolo para Transferência de Ficheiros (FTP, File Transfer Protocol) é o protocolo que define a forma de enviar ficheiros pela Internet. Para publicar um site na Web existem diversas ferramentas: - WSFTP e o CuteFTP.

7 Passos fundamentais para se fazer um site: 1) registrar um domínio (nome para o endereço, por ex. seusite.com ou seusite.net, etc.) 2) serviço de alojamento (um servidor onde você vai colocar as páginas do seu site) Depois de ter registado o nome do seu domínio está pronto para escolher um serviço de alojamento. Um serviço de alojamento fornece-lhe o espaço, as ferramentas e o apoio técnico para criar as suas páginas e contas de (por exemplo voce@seudominio.com). É no servidor do alojamento que tudo acontece, portanto por favor leia esta página com atenção para se assegurar que escolhe a opção mais apropriada para o seu site. É importante notar que não tem que alojar o seu site no mesmo local que registou o seu domínio.

Um serviço de alojamento fornece-lhe o espaço, as ferramentas e o apoio técnico para criar as suas páginas e contas de email (por exemplo voce@seudominio.com).

8 Página na internet a custo zero noções de internet e de criação de sites blog grátis ou site grátis (com um domínio gratuito) depois de ganhar alguma experiência, criar um site com domínio próprio domínio próprio - nível de conhecimentos exigidos é muito mais elevado do que os sites com dominios/hospedagens gratuitos(as).

experiência, criar um site com domínio próprio domínio próprio - nível de

9 Como fazer um site gratuito na internet? O primeiro passo, passa por criar uma conta num dos seguintes sites : - webnode - webs - weebly - webon Registar - Preencha os dados do formulário Necessita de um endereço de válido para poder finalizar a adesão ao site. Depois de registar, faça o login (usando o login que acabou de criar) Crie a sua primeira página. Depois de criar algum conteúdo (páginas, posts, imagens, videos, etc...), já pode submeter o site aos motores de busca. Pode fazê-lo através do link:

do formulário Necessita de um endereço de e-mail válido para poder finalizar a adesão ao site.

10 Como fazer um site gratuito na internet? (cont.) Depois de o submeter ao google, continue a acrescentar conteúdo no seu site e a promover o mesmo na internet, registando-o em algumas directorias, redes sociais, foruns, grupos e deixando comentários em blogs relacionados com o seu. Depois de aprender como fazer um site gratuito na net, deve dar continuidade ao projecto, fazendo todo o trabalho de divulgação e promoção. Faça com que a sua presença na web seja notada. (gratis) (a partir de 1 por mês)

algumas directorias, redes sociais, foruns, grupos e deixando comentários em blogs relacionados com o seu.

11 Princípios gerais a ter em conta quando se cria uma página para a Web: 1. A página de entrada: é frequente ser de apresentação institucional. No topo poderá aparecer o logotipo, nome, endereço, números de telefone, etc.; no rodapé, a data da última actualização, o contacto do responsável pela página e o número de utilizadores que acederam à página. 2. Fontes: devem escolher-se fontes como o Arial e o Verdana para visualizações no ecrã e o Times New Roman para impressões. Relativamente ao tamanho, os mais adequados são: 2 (10 pontos) para texto, 3 (12 pontos) para subtítulos e 4 (14 pontos) para títulos.

; no rodapé, a data da última actualização, o contacto do responsável pela página e o número de utilizadores que acederam à página. 2.

12 Princípios gerais a ter em conta quando se cria uma página para a Web: 3. Cores: deve existir contraste entre o fundo e o texto. Além disso, devem usar-se cores da paleta Web de 216 cores, de modo a garantir que a cor é sempre igual em qualquer computador e resolução. Não se deve usar um número excessivo de cores. 4. Imagens: apresentá-las com o mínimo tamanho (em bytes) possível. Optimizar a imagem, de preferência, nos formatos JPG, GIF e PNG. Não se deve abusar de GIF animados. 5. Vídeo e áudio: deve incluir-se sempre o tamanho dos ficheiros e indicar o plug-in necessário para ver / ouvir / manipular o ficheiro.

Não se deve usar um número excessivo de cores. 4. Imagens: apresentá-las com o mínimo tamanho (em bytes) possível.

13 Princípios gerais a ter em conta quando se cria uma página para a Web: 4. Molduras: usar no caso de haver conteúdos fixos e de controlo de navegação. 5. Tabelas: no Word, a largura disponível para o texto é fixa e depende da largura da página. No FrontPage a largura depende da resolução do ecrã de quem visualiza a página, pelo que o texto ajustar-se-á até ocupar toda a largura, originando desformatações frequentes. As tabelas com bordo 0 (zero) são excelentes para fixar larguras e/ou comprimentos, pelo que devem ser usadas para misturar imagens e texto.

Tabelas: no Word, a largura disponível para o texto é fixa e depende da largura da página.

14 Planeamento de um Web SiteWeb

15 Planeamento de um sítio Web 1. Definir os objetivos do web site Para quê? Qual a finalidade do web site? Trata-se de identificar os objetivos do site; 2. Caracterizar o público-alvo Para quem? Para que tipo de utilizadores é que vou criar o web site? Para qualquer pessoa em geral, ou para um determinado tipo de utilizadores?

16 Planeamento de um sítio Web 3. Identificar os conteúdos a publicar O quê? Que conteúdos é que pretendo incluir ou publicar no web site? Trabalhos pessoais, imagens, conteúdos multimédia, liga ções a outros documentos ou sites, etc 4. Identificar os recursos a utilizar Como? Que recursos ou meios é que necessito para a co nstrução do site a nível de software de criação de pagi nas web, software de tratamento de imagens, de conteúd os multimédia, (animação, som, vídeo), etc

Trabalhos pessoais, imagens, conteúdos multimédia, liga ções a outros documentos ou sites, etc 4.

17 Planeamento de um sítio Web 5. Estruturação geral do web site Trata-se de pensar o site em termos gerais ou de etru tura (não ainda em relação aos detalhes). Devemos pensar em fazer um esboço ou esquema das páginas que vão integrar o site; Organizar o site por secções; Definir as relações ou ligações entre as páginas e/ou secções; etc

etru tura (não ainda em relação aos detalhes).

18 Planeamento de um sítio Web 6. Construir o web site Criar as páginas do web site, de acordo com o que foi es tipulado nos pontos anteriores, reunindo e dando forma aos diversos conteudos que desejamos incluir no site, ut ilizando as ferramentas mais adequadas para conseguir uma boa apresentação, etc.

es tipulado nos pontos anteriores, reunindo e dando forma aos diversos

19 Planeamento de um sítio Web 7. Publicar o Web site Publicar o Web site consiste em transferir as páginas qu e o constituem para um servidor na web ou numa intran et local. 8. Gerir o Web site Gerir o Web site consiste em efetuar as alterações que se revelarem necessárias nas páginas que constituem o site, atualizar conteúdos, hiperligações, etc.

constituem para um servidor na web ou numa intran et local. 8.

20 Avaliação do Web site Clareza mensagens claras? Objetividade a informação é objetiva? Qualidade grafica conteudos bem distribuidos? Cores bem atribuidas? Usabilidade Demoram muito a ser carregados pelos web browsers? Utilidade Tem interesse para os utilizadores?

Documentos relacionados

A Internet 7 Criação de Páginas Web

A Internet 7 Criação de Páginas Web 7 - Criação de Páginas Web A Internet A Internet Empresas, instituições e pessoas individuais estão cada vez mais interessadas não só em aceder ao imenso manancial de informação disponibilizado pela Internet