MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação

Tamanho: px

Começar a partir da página:

Download "MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação"

Luiz Felipe Palmeira Ramalho
8 Há anos
Visualizações:

1 MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Redes de Comunicação

Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos Consistência e previsibilidade Uso racional da tecnologia Recurso a

2 Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos Consistência e previsibilidade Uso racional da tecnologia Recurso a imagens Combinação de cores Uso de frames Utilização de modelos de páginas não só nos estilos, formatação e gráficos, incluir uma página de abertura, páginas iniciais, FAQ, contactos, mapa do site, livro de visitas e páginas de conteúdos.

Combinação de cores Uso de frames Utilização de modelos de páginas não só nos estilos, formatação e

3 Planear o website Estabelecer os seus objectivos Reflectir sobre a audiência Listar as características e os conteúdos pretendidos para o site Organizar a estrutura do site Desenhar o esquema de navegação Definir a estrutura das páginas.

pretendidos para o site Organizar a estrutura do site

4 Editores de páginas Web Editores WYSIWYG Frontpage Dreamweaver Easy Website Pro BlueVoda CoffeeCup Editores HTML Bloco de notas Notepad++ HotDog Visual Workshop Crimson Editor

5 Construção de páginas Web HTML HyperText Markup Language Os documentos deste tipo têm extensão html ou htm. A interpretação dos elementos que existem num documento HTML é efectuada pelo browser.

6 Construção de páginas Web Todos os comandos de HTML são criados através do uso de tags. A maioria das instruções têm uma tag de abertura e uma tag de fecho. <body> </body> Instrução html: tag abertura, conteúdo, tag fecho. Exemplo: <u>o que eu quero dizer em <b>html</b></u>

A maioria das instruções têm uma tag de abertura e uma tag de fecho.

7 Estrutura básica de uma página em HTML <html> <head> Cabeçalho do documento </head> <body> Corpo do documento </body> </html>

8 Estrutura básica de uma página em HTML As tags <html> e </html> servem para indicar ao browser onde começa e termina um documento em html. O documento está dividido em dois grandes blocos head e body. No bloco head podem ser colocadas as seguintes tags: base, link, meta, title, style e script.

O documento está dividido em dois grandes blocos head e body.

9 Tag Descrição Exemplo base Define o URL do documento actual. <base href= http: // > link DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Estabelece uma organização hierárquica para a navegação entre documentos. <link rel= index href= index.html > <link rel= previous href= anterior.html > meta title Fornece informação acerca do próprio documento e como este deverá ser visualizado. O seu conteúdo não é mostrado pelo browser. Define o título da página, mostrado na barra de título do browser, e é uma tag obrigatória. <link rel= next href= seguinte.html > <meta http-equiv= refresh content= 10; url=index.html > <meta name= author content= Imagem e Design > <title>página da Escola Maravilha</title> style Define um estilo embutido na página. <style type= text/css >h1.mine{textalign:center;color:blue} </style> script Inclui um script no documento. Estes são executados pela ordem que aparecem no documento. <script language= javascript > documente.write( a primeira script ) </script>

html > meta title Fornece informação acerca do próprio documento e como este deverá ser visualizado. O seu conteúdo não é mostrado pelo browser.

10 Estrutura básica de uma página em HTML As tags <body> e </body> delimitam o corpo do documento. Estas contêm as tags e o texto que formam o conteúdo principal da página web. TAGs elementares O HTML tem seis níveis de cabeçalhos, identificados com as tags H1,H2, H6, do maior para o menor nível. Opcionalmente estas tags podem ter o atributo align, que pode assumir os valores: left, right, center e justify.

TAGs elementares O HTML tem seis níveis de cabeçalhos, identificados com as tags H1,H2, H6, do maior

11 Estrutura básica de uma página em HTML TAGs elementares Parágrafos tag <p> e </p> ATRIBUTO: align com valores possiveis: left, right, center e justify Quebra de linha tag <br> Divisões linha horizontal tag <hr> Atributo Valor Descrição align center, left, right Especifica a posição da linha horizontal. noshade true, false Quando o valor é falso, a linha apresenta um relevo, surgindo lisa quando o valor for verdadeiro. size pixels, % Espessura da linha. width pixels, % Comprimento da linha.

center, left, right Especifica a posição da linha horizontal.

12 Estrutura básica de uma página em HTML TAGs elementares Comentários Para colocar comentários ou referências num documento sem se desejar que estes apareçam, utiliza-se a tag de abertura <!- e a tag de fecho ->. EX: <!- Aqui quero apenas colocar um referência para uso exclusivo -> Listas Listas ordenadas São delimitadas pelas tags <ol> e </ol> e cada um dos seus itens é delimitado pelas tags <li> e </li>. Atributo da tag ol: type que pode ter os valores a, A, i, I.

- Aqui quero apenas colocar um referência para uso exclusivo -> Listas Listas ordenadas São delimitadas pelas tags

Documentos relacionados

Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com

Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;