Aula Particular de HTML+CSS

Aula Particular de HTML+CSS

Aula Particular de HTML+CSS. Aprenda a desenvolver sites profissionais, leves, amigáveis e otimizados para os mecanismos de buscas (Google, Yahoo, Bing, …), dentro dos padrões W3C.

Crie o seu próprio site, totalmente personalizado, com aulas 100% práticas e com foco em suas necessidades.

Seja um web designer de sucesso e aprenda a desenvolver e alterar o seu site utilizando HTML + CSS, deixe o seu código mais claro, limpo e estruturado.

Aproveite e conheça também as nossas Aulas Avulsas de Informática Online e nossos Curso de HTML+CSS Online e aprenda a criar sites profissionais com HTML + CSS, à distância, de qualquer lugar, de forma totalmente personalizada e prática.

Veja abaixo um resumo do que é possível aprender em nossas aulas e cursos particulares de HTML + CSS:

HTML

Introdução

• Conhecendo o HTML
• O que é HTML
• Caracteres especiais
• Por que aprender HTML?
• Estrutura básica de uma página HTML
• Salvando a página e visualizando no browser
• Visualizando e atualizando modificações feitas em uma web page
• Comando <p> – Inserindo parágrafos nas páginas
• Comandos de Cabeçalho
• Comando <br> – Quebrando uma linha ou parágrafo

Formatação

• Comandos de Estilo: Negrito, Itálico e Sublinhado
• Textos Sobrescritos e Subscritos
• Formatando textos com aspecto de letreiro em movimento
• Adicionando margens à sua página
• Definindo recuos para os parágrafos
• Formatando textos como digitados em uma máquina de escrever
• Criando linhas horizontais e verticais

Fontes e listas

• Alterando o estilo da fonte
• Listas não-ordenadas, ordenadas e intercaladas

Hyperlinks

• Internos
• Externos
• Âncoras
• Emails

Multimídia

• Imagens
• Sons
• Vídeos

Organizando o Layout

• Div’s

Outros recursos

• Tabelas
• Formulários
• Frames

Hospedagem

• Conceito
• Servidores de Hospedagem
• Criando seu registro
• Enviando seu site via FTP

Conteúdo Programático

CSS

Introdução

• O que significa a sigla CSS?
• Qual a finalidade do CSS?
• Por que devo usar CSS?
• Quais as vantagens de se usar CSS?
• Como funciona CSS?
• Sintaxe Básica

Aplicando CSS a um documento HTML

• In-line (o atributo style)
• Incorporado (a tag style)
• Externo

Regras, declarações e seletores

• Seletores Encadeados
• Comentários e instruções
• @import
• Comentários

Cores e Fundos

• Propriedade: color
• Propriedade: background-color
• Propriedade: background-image
• Propriedade: background-repeat
• Propriedade: background-attachment
• Propriedade: background-position
• Propriedade: background

Fontes

• Propriedade: font-family
• Propriedade: font-variant
• Propriedade: font-weight
• Propriedade: font-size
• Propriedade: font-style
• Propriedade: Font

Textos

• Identação de texto
• Propriedade: text-align
• Propriedade: text-decoration
• Propriedade: text-transform
• Propriedade: direction
• Propriedade: word-spacing

Links

• O que é pseudo-classe?
• Pseudo-classe: link
• Pseudo-classe: visited
• Pseudo-classe: active
• Pseudo-classe: hover

Identificando e agrupando elementos (class e id)

• Agrupando elementos com uso de classes
• Identificando e agrupando elementos (class e id)
• Identificando um elemento com uso de id

Formatação de listas

• Propriedade: list-style-image
• Propriedade: list-style-position
• Propriedade: list-style-type
• Marcadores de listas ordenadas
• list-style – Forma abreviada

Agrupando elementos (span e div)

• Agrupando com <span>
• Agrupando com <div>
• O box model
• Exemplificando
• Margin e padding
• Propriedade margin
• Margin e padding
• Propriedade padding

Bordas

• A espessura das bordas
• Cores das bordas
• Estilo de bordas
• Abreviando com “border”
• Altura e largura
• Atribuindo largura [width]
• Altura e largura
• Atribuindo altura [height]

Flutuando elementos (floats)

• A propriedade clear
• Unidades de medidas
• Unidade relativa
• Unidade Absoluta
• Posicionando elementos
• Sistema de coordenadas
• Posicionamento absoluto
• Posicionamento fixo
• Posicionamento relativo
• Usando z-index (Layers)

Extras – “Efeitos”

• Barra de rolagem colorida
• Propriedade Display
• Elementos inline
• Elementos de bloco
• Propriedade Display
• Valores da propriedade display

Para maiores informações entre em contato conosco, clicando aqui e solicite um orçamento.