Professional Documents
Culture Documents
A Internet
Tambm conhecida por Net. A Internet a maior rede mundial de computadores que abrange praticamente todo o globo terrestre.
Conceitos Bsicos
18-10-2011
A Internet
Tambm conhecida por Net. A Internet a maior rede mundial de computadores que abrange praticamente todo o globo terrestre.
Conceitos Bsicos
O que a Web?
Documentos que contm: ligaes de uns para os outros; no apenas texto, mas tambm imagens, sons, vdeos,
Conceitos Bsicos
18-10-2011
Hiperligao
Ligao que permite saltar para outro ponto da mesma pgina, ou para outra pgina.
Browser
Conceitos Bsicos
Programa especfico para ler pginas Web, bem como interpretar e apresentar os contedos que nelas se prope mostrar.
http://www.agrupamento-vale-ovil.edu.pt/index.html http://www.agrupamento-vale-ovil.edu.pt/index.html
Protocolo Servidor (mquina) Ficheiro (recurso)
Conceitos Bsicos
18-10-2011
Protocolo que assegura a comunicao durante a transferncia de informao, num sistema Web.
Legenda:
Conceitos Bsicos
1 2 3 4
Envia um pedido de um documento HTML a um servidor, atravs do envio para a rede de um endereo URL. O pedido canalizado pela rede at ao servidor indicado no endereo. O servidor recebe o pedido procurando a pgina indicada no URL (endereo) enviando-a como resposta. A rede canaliza a pgina para o cliente que fez o pedido.
8
18-10-2011
Pgina Web: ficheiro de texto (que pode conter diversos elementos: textos, tabelas, imagens, sons, etc.) alojado num servidor Web que escrito numa
Conceitos Bsicos
em que a informao que constitui as pginas enviada sempre da mesma forma. Dinmicos so pginas em que a informao enviada depende de algum tipo de interaco do utilizador com as pginas que lhe so apresentadas.
10
18-10-2011
Conceitos Bsicos
18-10-2011
Ferramentas e utilitrios
Publicao do stio Web (aloj-lo num servidor Web e
atribuir-lhe um URL)
Protocolo FTP (File Transfer Protocol): Permite a transferncia de ficheiros entre dois computadores
Conceitos Bsicos
Questes:
Para qu? Para quem? O qu? Como?
14
18-10-2011
Qualidade grfica;
Usabilidade;
Conceitos Bsicos
Utilidade.
15
Resumo da Aula
Conceitos Bsicos
18-10-2011
Resumo da Aula
Conceitos Bsicos
Questes:
Para qu? Para quem? O qu? Como?
18-10-2011
Exemplo: Objetivos
10
18-10-2011
Para quem? Para qualquer pessoa em geral, ou para um determinado tipo de utilizadores?
O qu? Que contedos se pretende publicar no stio Web? Trabalhos pessoais, contedos multimdia, ligaes a outros documentos ou stios Web, etc.
Exemplo: Contedos
Tipo de informao:
Conceito e benefcios da reciclagem Como atuar de modo a participar no processo da reciclagem Materiais que podem ser reciclados Exemplos de produtos que podem resultar da reciclagem Ligao a outros Web sites relacionados com o tema
11
18-10-2011
Como? Que recursos ou meios que vo ser utilizados na construo do Web site a nvel do software de criao de pginas Web, software tratamento de imagens, etc.
Exemplo: Recursos
Macromedia Dreamweaver
Planeamento HTML Resumo
23
12
18-10-2011
Dividir a informao por pginas e estabelecer uma hierarquia entre essas pginas.
Ligao entre as pginas de modo a permitir a localizao rpida e fcil da informao; Informao dividida de modo a evitar pginas extensas; Ligaes para pginas externas ao Web site devem ser colocadas numa pgina final; Estrutura hierrquica equilibrada.
13
18-10-2011
Padro consistente em todas as pginas - identidade visual prpria. Identidade visual conseguida atravs:
Utilizao de molduras e/ou tabelas; Disposio da informao e dos objetos em locais estratgicos; Cdigo de cores idntico em todas as pginas; Formatao semelhante dos carateres e dos botes.
14
18-10-2011
Tamanho da pginas; Contedo do cabealho e do rodap; Ttulos e subttulos devem identificar claramente o contedo da pgina; Legibilidade do texto:
Tamanho do texto, no mnimo 10 pontos; Evitar texto em maisculas, porque a sua leitura 10% mais lenta; Alinhamento esquerda; Tipos de letra sem serif como o Arial, Verdana e o Tahoma para leitura no ecr;
29
Com serif
Legibilidade do texto:
Pargrafos separados por uma linha em branco ou indentados; Cor contrastante com a cor de fundo da pgina; Nas listagens aplicar marcas e/ou numerao;
Destacar ttulos e subttulos (maisculas, sublinhado, negrito, tamanho maior, tipo de letra com serif, ); Hiperligaes devidamente identificadas apresentando cores diferentes em funo do seu estado (a visitar, em utilizao e j visitados); Barras de navegao bem visveis.
30
15
18-10-2011
Cores:
Contraste elevado entre o fundo e o texto; Evitar usar um nmero excessivo de cores. Em excesso sobrecarregam as pginas e tornam a navegao mais lenta e difcil; Formatos de imagem mais utilizados: GIF, JPEG ou JPG, PNG; Formatos de som mais utilizados: WAVE, MPEG, MIDI; Formatos de vdeo mais utilizados: MPEG, AVI, MOV.
Objetos multimdia:
31
16
18-10-2011
</BODY>
17
18-10-2011
<B> Este texto vai aparecer a negrito </B> <i> Este texto vai aparecer a itlico </i> <u> Este texto vai aparecer a sublinhado </u>
Planeamento HTML Resumo
36
18
18-10-2011
Atributos - <FONT>
Planeamento HTML Resumo
Face define a fonte tipogrfica Size define um tamanho que varia entre 1 e 7. Color define a cor do texto.
37
Resumo da Aula
19
18-10-2011
Resumo da Aula
Tabelas
<TABLE></TABLE> - define o incio e o fim da tabela <TR> - define uma linha dentro de uma tabela <TH> - define cada clula do cabealho da tabela; o contedo da clula fica formatado a negrito <TD> - define o contedo de cada clula da tabela Tabelas Imagens Hiperligaes Frames Resumo Align permite alinhar o texto nas clulas. Valores possveis: left, right, center. Border permite definir as linhas de contorno. Deve ser indicado um valor numrico para a espessura da linha.
40
20
18-10-2011
Imagens
<IMG> - Permite inserir imagens. Esta TAG constituda pelos seguintes atributos:
Src indicao do local e nome do ficheiro. Este ficheiro deve estar na mesma directoria ou pasta em que se encontra o ficheiro HTML que estamos a trabalhar. Align definio do alinhamento da imagem. Valores possveis: left, right, middle, botton e top. Tabelas Imagens Hiperligaes Frames Resumo Border definio da linha de contorno da imagem. Deve ser indicado um valor numrico para a espessura da linha. Height definio da altura da imagem. Whith definio da largura da imagem.
41
Hiperligaes
<A HREF=> </A> - ligaes a outras pginas Web ou a outros documentos. <A HREF=http://www.agrupamento-vale-ovil.edu.pt> Pgina da Escola</A> <A HREF=doc2.htm>Pgina da Escola</A>. Se o documento se encontrar noutra pasta, necessrio mencionar o caminho. Tabelas Imagens Hiperligaes Frames Resumo
42
Definir a hiperligao a partir de uma imagem: <A HREF=http://www.agrupamento-vale-ovil.edu.pt> <IMG Src=logo.png> </A>
21
18-10-2011
Frames
A parte principal de um documento HTML comea na tag <FRAMESET> e acaba na </FRAMESET>, em vez de <BODY> </BODY>
Resumo da Aula
22
18-10-2011
Resumo da Aula
23