HTML e Básico de JavaScript

Esse curso aborda conceitos sobre a HTML e suas características, utilização de tags de formatação de textos e parágrafos, links, imagens, tabelas, molduras, formulários e estilos. Além disso, há um módulo exclusivo sobre JavaScript e a sua utilização em páginas HTML.

Pré requisitos: Conhecimento básico do sistema operacional Windows.

Material: Livro Original

Duração: Aproximadamente 16 hrs

Conteúdo Programático:

1. Elementos Básicos

Introdução
Publicação de Páginas na Internet
Visualizando uma Página HTML
Tags HTML
Estrutura Básica de um Documento HTML
Salvando uma Página
Tags e Atributos
Tag <META>
Atributos da Tag <META>
Atributos da Tag <BODY>
Tag Cabeçalho <H>
Atributos da Tag <H>
Tag Centralizar <CENTER>
Tag Parágrafo <P>
Atributos da Tag <P>
Tag Quebra de Linhas <BR>
Tag Linha Horizontal <HR>
Atributos da Tag <HR>
Listas
Lista Não-Ordenadas
Atributo da Tag <UL>
Listas Ordenadas
Atributos da Tag <OL>
Lista de Definição
Valor das Cores

2. Formatando Texto

Estilos Lógicos
<CITE> ... </CITE>
<CODE> ... </CODE>
<DFN> ... </DFN>
<EM> ... </EM>
<KBD> ... </KBD>
<SAMP> ... </SAMP>
<STRONG> ... </STRONG>
<VAR> ... </VAR>
Estilos Físicos
<B> ... </B>
<I> ... </I>
<TT> ... </TT>
<U> ... </U>
<STRIKE> ... </STRIKE>
<BIG> … </BIG>
<SMALL> ... </SMALL>
<SUB> ... </SUB>
<SUP> ... </SUP>
Blocos de Texto
<PRE> ... </PRE>
<BLOCKQUOTE> ... </BLOCKQUOTE>
<ADDRESS> ... </ADDRESS>
<BLINK> ... </BLINK>
Formatando Fontes
<FONT> ... </FONT>
Atributos da Tag <FONT>
<DIV> ... </DIV>
Atributos da Tag <DIV>
Caracteres Especiais
Mas Porque Usar esse Tipo de Formatação?

3. Links

A tag <A> ... </A>
Atributos da Tag <A>
HREF
NAME
TARGET
Caminhos de Documentos
Caminhos Absolutos
Caminhos Relativos
Link com Imagens

4. Imagens

A tag <IMG>
Atributos da Tag <IMG>
O Atributo ALIGN
O Atributo ALT
O Atributo BORDER
Os Atributos WIDTH e HEIGHT
Os Atributos HSPACE e VSPACE
O Atributo LOWSRC

5. Tabelas

A Tag <TABLE>
Atributos da Tag <TABLE>
O Atributo ALIGN
O Atributo BACKGROUND
O Atributo BGCOLOR
O Atributo BORDER
O Atributo BORDERCOLOR
O Atributo CELLPADDING
O Atributo CELLSPACING
Os Atributos COLS e ROWS
Os Atributos WIDTH e HEIGHT
Formatando Tabelas
Mesclando Linhas e Colunas
Ajustando o Espaçamento de Células
Ajustando o Alinhamento
Definindo Largura e Altura

6. Molduras ou Frames

Estrutura Básica
<FRAMESET>
Atributos da tag <FRAMESET>
O Atributo ROWS
O Atributo COLS
O Atributo FRAMEBORDER
Os Atributos FRAMESPACING e BORDER
A Tag <FRAME>
Os Atributos da Tag <FRAME>
O Atributo SRC
O Atributo NAME
O Atributo MARGINWIDTH
O Atributo MARGINHEIGHT
O Atributo SCROLLING
O Atributo NORESIZE
A Tag <NOFRAME>
Mesclando as Tags <FRAMESETS>
Criando Links com Destinos em Frames

7. Formulários

A tag <FORM>
Os Atributos da Tag <FORM>
O Atributo ACTION
O Atributo METHOD
Objetos do Formulário
A tag <INPUT>
Campos de Texto (TEXT)
Campos de Senha (PASSWORD)
Caixas de Seleção (CHECKBOX)
Botões de Opção (RADIOBUTTON)
Botões SUBMIT e RESET
A Tag <TEXTAREA>
A Tag <SELECT>
Listas de Opções
Menu
Criando um Formulário de Cadastramento

8. CSS

Benefícios
Limitações
Criando Estilos
Tipos de Folhas de Estilos
Externo
Incorporado
Inline
Precedência das Folhas de Estilos
Trabalhando com CSS
Unidade de Medidas
Herança
Classes Especiais para Links
Atalhos e Atributos de CSS
Atalhos de CSS
Atributos de CSS
Estilos para Fontes
Estilos para Textos
Estilos de Background e Cores
Estilos para Caixas
Estilos para Listas
Estilos para Posicionamento
Estilos para Impressão
Estilos para Criação de Filtros

9. JavaScript

Qual a diferença entre JavaScript e Java?
A Tag <SCRIPT>
Os Atributos da Tag <SCRIPT>
A Tag <NOSCRIPT>
Operadores
Operadores Lógicos
Operadores Matemáticos
Comandos Condicionais
Comando IF
Comando FOR
Comando WHILE
Criando código JavaScript
Comandos
Criando Variáveis
Variáveis Locais e Globais
Escrevendo no Documento
Comentários
Mensagens
Alert
Confirm
Prompt
Eventos
Utilizando Eventos
Funções
Funções Intrínsecas
Formulário
Criando o Formulário

voltar