Projecto de Investigação e
desenvolvimento I
Apresentação do professor
• Roberkis T. Galano
▪ Cubano
▪ Engenheiro em ciências informáticas (2007)
▪ Professor Assistente (2015)
▪ Mestrado em Ciências da Educação
(2017)
Sobre a disciplina
Avaliações freqüentes
Conteudo
• HTML 5
• CCS3
HTML
• Linguagem de Marcação de HiperTexto (Texto, imagen, vídeo e
soun).
• HTML é uma linguagem que se emprega para o desenvolvimento
de páginas de internet.
• Está constituído por elementos que o navegador interpreta e as
desdobra na tela de acordo a seu objetivo.
HTML
A linguagem HTML é um padrão reconhecido em todo mundo e cujas normas define um organismo sem ânimo
de lucro chamado World Wide Web Consortium , mais conhecido como W3C. Como se trata de um padrão
reconhecido por todas as empresas relacionadas com o mundo de Internet, uma mesma página HTML se
visualiza de forma muito similar em qualquer navegador de qualquer sistema operacional.
HTML
A origem de HTML se remonta a 1980, quando o físico Tim Berners-Lee,
trabalhador do CERN (Organização Européia para a Investigação Nuclear) propôs
um novo sistema dehipertexto
" " para compartilhar documentos.
Permitia que os usuários acessassem à
informação relacionada com os documentos
eletrônicos que estavam visualizando.
HTML
Ano Descripção
Publica-se o primeiro documento formal com a descrição de HTML sob o nome HTML
1991
Tags (Etiqueta HTML).
Realiza-se a primeira proposta oficial para converter HTML em um padrão por parte
1993 do organismo IETF (Internet Engineering Task Force). Definiram-se as etiquetas para
imagens, tabelas e formulários.
22-Sep-1995 Publica-se o padrão HTML 2.0 graças ao trabalho do grupo HTML formado pelo IETF.
Publicou-se a versão HTML 3.2 e é a primeira recomendação de HTML publicada pelo
14-Jan-1997 W3C. incorpora-se os últimos avanços das páginas Web desenvolvidas até 1996,
como applets do Java e texto que flui ao redor das imagens.
Publicou-se HTML 4.0 (sendo uma versão corrigida da publicação original de 18 de
Dezembro de 1997). Entre suas novidades mais destacadas se encontram as folhas
24-Abr-1998 de estilos CSS, a possibilidade de incluir pequenos programas ou scripts nas páginas
Web, melhora da acessibilidade das páginas desenhadas, pranchas complexas e
melhoras nos formulários.
Publicou-se a última especificação oficial de HTML e se denomina HTML 4.01. Trata-
24-Dic-1999 se de uma revisão e atualização da versão HTML 4.0, por isso não inclui novidades
significativas.
HTML
• Para criar uma página se requer um editor de texto (Notepad, Visual Studio Code,
entre outros) ou Entorno de desenvolvimento integrado [IDE] (Eclise, Netbeans,
JetBrains entre outros).
• Para provar, testear, experimentar as páginas que desenvolve deve-se empregar um
navegador de internet (Chrome, IExplorer, FireFox, Safari, Microsoft Edge e outros).
• Apresenta elementos para dispor imagens e vídeos sobre uma página, hipervínculos
que nos permitem nos dirigir a outra página, listas, tabelas para tabular dados e
outros.
• Geralmente tem como extensão os caracteres html (.html).
HTML
As instruções estão encerradas entre os caracteres: < e >.
Muitos elementos requerem uma marca de começo e outra de fim.
Estructura
<!DOCTYPE html> DOCTYPE: informa ao navegador que o conteúdo
seguinte se trata de um arquivo HTML
<html>
<head>
<title>título da página</title>
<meta charset="UTF-8">
</head>
<body>
Corpo da página
</body
</html>
Etiquetas
<br />
<p>
<h1><h2><h3><h4><h5><h6> (<h1></h1>)
<em> Italic
<strong>
<a>
Etiquetas
<ins>
<del>
<blockquote>
<abbr>
<acronym>
<dfn>
<cite>
Exercícios
1- Confeccionar uma página HTML que
mostre seu nome e sobrenome e na
seguinte linha os nomes de seus pais
separados por um guia (-).
Exercícios
2- Crie uma página que mostre em um parágrafo
dados referentes a seus estudos e em outro
parágrafo seu nome e mail.
Exercícios
3- Criar o titular de um periódico com um título de
nível 1. Logo definir dois títulos de segundo nível
com os textos (Notícias políticas e Notícias
esportivas), em cada uma destas seções definir dois
titulares de terceiro nível com um parágrafo cada
uma.
Exercícios
4- Confeccionar uma página que mostre a definição
de três palavras. Aplicar o elemento strong a cada
palavra prévio a sua definição. Logo adicionar o
elemento “em“ a uma palavra.
Exercícios
5- Crie três páginas, na principal deve ter acesso às
outras dois e de cada uma deve poder chegar a
principal.
Projecto de Investigação e
desenvolvimento I