Embed Size (px)
Citation preview
HTML Exercício HTML Simples Comunicações Digitais e Internet, 2006/07 LJCC, U.Porto Estruturar Documento em HTML O primeiro exercício consiste na estruturação de um documento usando a versão 4.01 da linguagem HTML. Para criar o documento deve ser usado o Bloco de Notas (Notepad) do Windows ou outra ferramenta de edição de texto sem formação. A estrutura base a usar deve ser a seguinte: DOCTYPE HTML Cabeçalho Título Fim Cabeçalho Corpo Fim Corpo Fim HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Título do Documento</title> </head> <body> </body> </html>
O conteúdo do documento é inserido no corpo do documento. A página deve ser gravada num ficheiro com o nome html-simples.html e incluir os seguintes elementos.
• O título da página deve ser Comunicações Digitais e Internet, 2006/07.
• Deve existir um cabeçalho de nível 1 (elemento H1) com o texto Comunicações Digitais e Internet, 2006/07.
• Deve existir um cabeçalho de nível 2 com o texto Jornalismo e Ciências da
Comunicação, U.Porto.
• Um novo cabeçalho de nível 3 com o texto Objectivos.
• Após este cabeçalho um parágrafo com o texto Os alunos deverão ser capazes de:, seguido de uma lista (elementos UL e LI) com os seguintes tópicos:
o Compreender a complexidade, evolução histórica e organização actual
das tecnologias que suportam as comunicações digitais. o Compreender a evolução histórica e o funcionamento da Internet e dos
principais serviços associados: correio electrónico, world wide web, partilha de ficheiros.
o Compreender o processo de produção e disseminação de conteúdos para a WWW.
o Produzir conteúdos para a WWW utilizando HTML e CSS. Apresentar competências base na utilização de ferramentas de produção para a WWW.
o Compreender o papel dos sistemas de gestão de conteúdos e das bases de dados numa perspectiva de utilizador. Apresentar competências base na utilização de sistemas de gestão de conteúdos.
o Sistematizar uma correcta metodologia de projecto, no desenvolvimento de objectos e estruturas, definidos por imagens vectoriais e matriciais.
o Desenvolver um discurso comunicativo, inteligível e criativo, aliado ao conhecimento tecnológico.
o Compreender, no essencial, a dimensão e o impacto sócio-cultural e económico resultante da evolução das tecnologias digitais e da Internet.
• Criar uma nova secção com o título Avaliação, ao mesmo nível da anterior
Objectivos.
• Criar uma tabela em HTML (elementos TABLE, TH, TR e TD) com a seguinte informação sobre a avaliação.
Componente Criativa Componente Tecnológica Contínua 15% 15% Projecto 20% 30% Exame - 20%
• Criar uma nova secção (H3) com o título Ligações Úteis.
• Criar uma nova lista com 4 itens: “Página de CDI no SIGARRA”, “Prof.
Alexandre Carvalho”, “Prof. Bruno Giesteira” e “Prof. Sérgio Nunes”. Cada item deve ter uma ligação para a página web correspondente. Por exemplo, o item “Página de CDI no SIGARRA” deve permitir a ligação para esta página no SIGARRA. A construção de ligações em HTML é feita com o elemento A.
Validar o Documento HTML A linguagem HTML tem uma sintaxe e gramática definida pelo consórcio W3C. Estas regras podem ser usadas para corrigir e validar um documento HTML. Descubra o endereço da ferramenta de validação fornecida pelo W3C e valide o documento anterior. Se forem encontrados erros, corrija-os de forma a que no final o documento seja válido. No final, siga as instruções apresentadas de forma a incluir a imagem do W3C na página.
