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.

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.