Formas de Avaliação 
Trabalho em grupo e/ou individual; 
Prova Escrita; 
Participação nas aulas; 
Frequência; 
Observação direta do envolvimento dos alunos nos 
trabalhos práticos e de pesquisas.
Introdução (X)HTML 
Professor Jolvani 
Aula 01
Evoluindo com Simplicidade 
Java SE 7.0 – Orientação a Objetos 
HTML, CSS, JavaScript, Jquery e PHP 
Professor Jolvani
Introdução (X)HTML 
 Bem vindo a aula de html 
 No final dessas aulas, vocês terão aprendido à 
construir páginas em HTML. 
 Nessas aulas vocês vão aprender como funciona a 
Web e ao final vocês se tornarão verdadeiros 
programadores de interface ou codificadores de 
html.
Introdução (X)HTML 
 Ementa do curso de (X)HTML: 
 Introdução a Hyper Text Markup 
Language, 
 Estrutura Básica, 
 Cabeçalhos e Parágrafos, 
 Elementos Inline, 
 Cores, 
 Imagens, 
 Elementos em Bloco, 
 Listas ul, ol, li, 
 Links, 
 Links relativos, 
 Links internos, 
 Links para Email, Call e Chat, 
 Imagens Mapeadas, 
 DIV e SPAN, 
 Tabelas, 
 Formulários, 
 Caracteres Especiais e 
Encoding, 
 W3C, Versões, HTML5, 
 Doctypes e Validadores, 
 HTML Strict e Certificação.
Introdução (X)HTML 
 O que são páginas html? 
 Tudo o que é acessado via browser (navegador); 
 Tudo que está na internet, e disponibilizado por arquivos .html; 
 Quando abrir um browser e acessar uma página, www.google.com, o browser 
vai conectar o servidor do google e me trazer a página html renderizada. 
 O código html é algo que alguém escreveu para apresentar, 
como a página ao lado, da forma como ela esta. 
 Visualizar código fonte html. (Não se preocupem com o 
que vocês vejam...) Firefox – botão direito, código fonte. 
 Através das páginas html é que nos podemos efetuar 
vendas, compras, jogar, conversar, ver vídeos etc... 
 O que é o html...
Introdução (X)HTML 
 Html: Linguagem de marcação de texto ou hipertexto. 
 linguagem que usamos para estruturar o documento e junto com essa 
linguagem nos temos o CSS que é a tecnologia que nós utilizamos para 
apresentar de forma visual, com um estilo diferente, as nossas páginas. 
 O que precisamos para construir páginas html. 
 No Windows nos já temos o Internet Explorer que é o browser, ou você 
pode instalar outro (chrome, Firefox). 
 O browser é o navegador (tradução para o Brasil) 
 O navegador é o programa que nos usamos para renderizar 
as páginas (exibir) (montar) html. 
 As páginas html são construídas em editores de texto. No 
Windows já temos o notepad (bloco de notas). Mas vamos 
usar um desses, CodeLobster, TopStyle 5.0 ou Notepped++
Introdução (X)HTML 
 Apple, Navegador Safari e Editor testEdit; 
 Adotar um navegador (MOZILA FIREFOX) 
 Adotar um editor Notepad++ ou TopStyle 5.0 
 Dreamwevar da adobe – usado profissionalmente. 
 Editores Gratuitos que podem ser utilizados 
 Htmlkit, faz validação W3C. 
 CoffeCup, possui versão paga e gratuita 
 Arachnophilia 
 A escolha dos editores é uma questão pessoal 
 Para o curso HTML pode ser usado Notepad++; 
 HTML – Linguagem de marcação.
Próxima Aula: Estrutura Básica

Aula 01 introdução (x)html

  • 6.
    Formas de Avaliação Trabalho em grupo e/ou individual; Prova Escrita; Participação nas aulas; Frequência; Observação direta do envolvimento dos alunos nos trabalhos práticos e de pesquisas.
  • 7.
  • 8.
    Evoluindo com Simplicidade Java SE 7.0 – Orientação a Objetos HTML, CSS, JavaScript, Jquery e PHP Professor Jolvani
  • 9.
    Introdução (X)HTML Bem vindo a aula de html  No final dessas aulas, vocês terão aprendido à construir páginas em HTML.  Nessas aulas vocês vão aprender como funciona a Web e ao final vocês se tornarão verdadeiros programadores de interface ou codificadores de html.
  • 10.
    Introdução (X)HTML Ementa do curso de (X)HTML:  Introdução a Hyper Text Markup Language,  Estrutura Básica,  Cabeçalhos e Parágrafos,  Elementos Inline,  Cores,  Imagens,  Elementos em Bloco,  Listas ul, ol, li,  Links,  Links relativos,  Links internos,  Links para Email, Call e Chat,  Imagens Mapeadas,  DIV e SPAN,  Tabelas,  Formulários,  Caracteres Especiais e Encoding,  W3C, Versões, HTML5,  Doctypes e Validadores,  HTML Strict e Certificação.
  • 11.
    Introdução (X)HTML O que são páginas html?  Tudo o que é acessado via browser (navegador);  Tudo que está na internet, e disponibilizado por arquivos .html;  Quando abrir um browser e acessar uma página, www.google.com, o browser vai conectar o servidor do google e me trazer a página html renderizada.  O código html é algo que alguém escreveu para apresentar, como a página ao lado, da forma como ela esta.  Visualizar código fonte html. (Não se preocupem com o que vocês vejam...) Firefox – botão direito, código fonte.  Através das páginas html é que nos podemos efetuar vendas, compras, jogar, conversar, ver vídeos etc...  O que é o html...
  • 12.
    Introdução (X)HTML Html: Linguagem de marcação de texto ou hipertexto.  linguagem que usamos para estruturar o documento e junto com essa linguagem nos temos o CSS que é a tecnologia que nós utilizamos para apresentar de forma visual, com um estilo diferente, as nossas páginas.  O que precisamos para construir páginas html.  No Windows nos já temos o Internet Explorer que é o browser, ou você pode instalar outro (chrome, Firefox).  O browser é o navegador (tradução para o Brasil)  O navegador é o programa que nos usamos para renderizar as páginas (exibir) (montar) html.  As páginas html são construídas em editores de texto. No Windows já temos o notepad (bloco de notas). Mas vamos usar um desses, CodeLobster, TopStyle 5.0 ou Notepped++
  • 13.
    Introdução (X)HTML Apple, Navegador Safari e Editor testEdit;  Adotar um navegador (MOZILA FIREFOX)  Adotar um editor Notepad++ ou TopStyle 5.0  Dreamwevar da adobe – usado profissionalmente.  Editores Gratuitos que podem ser utilizados  Htmlkit, faz validação W3C.  CoffeCup, possui versão paga e gratuita  Arachnophilia  A escolha dos editores é uma questão pessoal  Para o curso HTML pode ser usado Notepad++;  HTML – Linguagem de marcação.
  • 14.