Академический Документы
Профессиональный Документы
Культура Документы
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="a descrio do seu site em
no mximo 90 caracteres">
<meta name="keywords" content="escreva palavras-chaves curtas,
mximo 150 caracteres">
<title>Ttulo do Documento</title>
</head>
<body>
<!-- Aqui fica a pgina que ser visvel para todos, onde pode-se
inserir
textos, imagens, links para outras pginas, etc, geralmente usa-
se: -->
<title> : define o ttulo da pgina, que exibido na barra de ttulo dos navegadores
<style type="text/css"> : define formatao em CSS
<script type="text/javascript"> : define programao de certas funes em
pgina com scripts, podendo adicionar funes de JavaScript
<link> : define ligaes da pgina com outros arquivos como feeds, CSS, scripts, etc
<meta> : define propriedades da pgina, como codificao de caracteres, descrio
da pgina, autor, etc
So meta informaes sobre documento. Tais campos so muitos usados por mecanismos
de busca (como o Google, Yahoo!, Bing) para obterem mais informaes sobre o
documento, a fim de classific-lo melhor. Por exemplo, pode-se adicionar o cdigo <meta
name="description" content="descrio da sua pgina" /> no documento
HTML para indicar ao motor de busca que texto de descrio apresentar junto com a
ligao para o documento. Para o motor de busca Google, por exemplo,
elementos meta como keywords no so utilizadas para indexar pginas.
Apenas <title> e a meta <description> so usadas para descrever a pgina
indexada.
CSS
Cascading Style Sheets (CSS) um simples mecanismo para adicionar estilo (cores,
fontes, espaamento, etc.) a um documento web[1].
Em vez de colocar a formatao dentro do documento, o CSS cria um link para uma
pgina que contm os estilos. Quando quiser alterar a aparncia do portal, basta modificar
apenas um arquivo[2].
Com a variao de atualizaes dos navegadores, o suporte ao CSS pode variar. O
Internet Explorer 6, p. ex., tem suporte total a CSS1, e praticamente nulo a CSS2.
Navegadores mais modernos, como Google Chrome e Mozilla Firefox, tem suporte maior,
inclusive at a CSS3, ainda em desenvolvimento.
A interpretao dos navegadores pode ser avaliada com o teste Acid2, que se tornou uma
forma base de revelar quo eficiente o suporte de CSS, fazendo com que a nova verso
em desenvolvimento do Firefox seja totalmente compatvel a ele, assim como o Opera j .
O Doctype informado, ou a ausncia dele, determina o quirks mode ou o strict mode,
modificando o modo como o CSS interpretado e a pgina desenhada.
CSS tem uma sintaxe simples, e utiliza uma srie de palavras em ingls para especificar
os nomes de diferentes estilos de propriedade de uma pgina.
Uma instruo CSS consiste em um seletor e um bloco de declarao. Cada declarao
contm uma propriedade e um valor, separados por dois pontos ( : ). Cada declarao
separada por ponto e vrgula ( ; )[3][4].
Em CSS, seletores so usados para declarar a quais elementos de marcao um estilo se
aplica, uma espcie de expresso correspondente. Os seletores podem ser aplicados a
todos os elementos de um tipo especfico, ou apenas aqueles elementos que
correspondam a um determinado atributo; elementos podem ser combinados, dependendo
de como eles so colocados em relao uns aos outros no cdigo de marcao, ou como
eles esto aninhados dentro do objeto de documento modelo.
Pseudoclasse outra forma de especificao usada em CSS para identificar os elementos
de marcao, e, em alguns casos, aes especficas de usurio para o qual um bloco de
declarao especial se aplica. Um exemplo frequentemente utilizado
o :hover pseudoclasse que se aplica um estilo apenas quando o usurio 'aponta para' o
elemento visvel, normalmente, mantendo o cursor do mouse sobre ele. Isto anexado a
um seletor como em a:hover ou #elementid:hover . Outras pseudoclasses
e pseudoelementos so, p. ex., :first-line , :visited ou :before . Uma
pseudoclasse especial :lang(c) , "c".
Uma pseudoclasse seleciona elementos inteiros, tais como :link ou :visited, considerando
que um pseudoelemento faz uma seleo que pode ser constituda por elementos parciais,
tais como :first-line ou :first-letter.
Seletores podem ser combinados de outras formas tambm, especialmente em CSS 2.1,
para alcanar uma maior especificidade e flexibilidade[5].
Multimdia (multi-imagem) para o anncio do novo carro Ford 1988 em Agosto de 1987.
Baseados em pginas
So desenvolvidos segundo uma estrutura organizacional do tipo espacial. Esta
uma organizao semelhante utilizada nos mdia tradicionais em suporte de
papel como revistas, livros e jornais.
Em alguns produtos multimdia, os utilizadores podem consultar as suas pginas
utilizando as hiperligaes existentes entre elas. Neste tipo de produto, as
componentes interativa e temporal podem estar presentes atravs da utilizao de
botes, cones e scripts. Os scripts vo permitir a criao de pequenos programas
para a execuo de aes em determinadas situaes como, por exemplo, a
visualizao de um vdeo ao fim de um determinado intervalo de tempo ou aps
um boto ter sido pressionado
Baseados no tempo
So desenvolvidos segundo uma estrutura organizacional assente no
tempo. Esta uma organizao com uma lgica semelhante utilizada na
criao de um filme ou animao.
Durante o desenvolvimento deste tipo de produtos multimdia os
contedos podem ser sincronizados permitindo assim definir o momento
em que dois ou mais deles esto visveis.
A interatividade neste tipo de produtos adicionada atravs da utilizao
de scripts.
A componente da organizao espacial tambm, neste caso, utilizada
durante a fase de desenvolvimento deste tipo de produtos.
Em ambos os tipos de produtos multimdia (baseados em pginas ou no tempo)
as componentes espao e tempo coexistem, distinguindo-se na estrutura
organizacional utilizada como ponto de partida para a disposio dos contedos.