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)HTMLProfessor Jolvani

Aula 01

Java SE 7.0 – Orientação a ObjetosHTML, CSS, JavaScript, Jquery e

PHP

Professor Jolvani

Evoluindo com Simplicidade

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