HTML/CSS

Este curso tem como objetivo apresentar de forma prática e interativa todas as etapas para a criação de um site utilizando a linguagem HTML 5. Durante o curso o aluno irá aprender todo o fundamento teórico da estrutura de Internet e da linguagem HTML. No decorrer das aulas serão apresentados recursos multimédia e interativos que utilizam tags especiais da linguagem HTML 5, javascript e CSS 3.

Veja o também o curso completo de Webdesign

 

Conteúdo programático

 

Aula 1 - Introdução ao HTML

Nessa aula o aluno irá entender o que é e como funciona a internet. Irá aprender como surgiu a internet e a necessidade de uma linguagem para a comunicação online. Além disso, irá entender como funciona a infraestrutura da rede mundial de computadores e seus componentes.

 

Aula 2 - Primeiro contato com o código

Nessa aula o aluno irá ter seu primeiro contato com o código HTML. Conhecerá algumas ferramentas de criação de sites e aprenderá a instalar e configurar uma delas. Além disso aprenderá a construir a estrutura principal de uma página HTML.

 

Aula 3 - Organização semântica da estrutura HTML

Nessa aula o aluno irá aprofundar um pouco mais seu conhecimento na criação de páginas HTML. Conhecerá o que é hierarquia de títulos e como utilizá-la adequadamente. E aprenderá também a utilizar quebras de texto e veremos um pouco sobre formatação e organização semântica.

 

Aula 4 - Estruturação e agrupamentos

Nessa aula o aluno irá aprender um pouco mais sobre a organização da estrutura HTML de um site. Conhecerá algumas tags desenvolvidas para tipos específicos de blocos de conteúdo e também verá como inserir símbolos utilizando tags especiais.

 

Aula 5 - Formatação de Texto com HTML5 e CSS3


Nessa aula o aluno irá aprender um pouco mais sobre formatação. Conhecerá algumas tags que além de trazerem alterações visuais também geram considerações semânticas para o seu código. Verá também algumas tags que foram excluídas da versão 5 do HTML e suas respectivas substituições.

 

Aula 6 - Trabalhando com estilos e Cores

Nessa aula o aluno irá aprender a trabalhar com estilos de backgrounds. Conhecerá as diferentes formas de se representar uma cor em um código CSS e irá aprender a utilizar novas tags.

 

Aula 7 - Formatação de Imagens CSS

Nessa aula o aluno aprenderá a criar folhas de estilo e conectá-las ao arquivo HTML. Conhecerá alguns conceitos de hipertexto e classes. Aprenderá também a criar listas ordenadas e não ordenadas.

 

Aula 8 - Criando Menus

Nessa aula o aluno aprenderá a trabalhar com links e criar redirecionamento de páginas. Aprenderá o que são ancoras e como são utilizadas para se criar um menu. Além disso aprenderá também a fazer configurações CSS para atribuir estilo ao menu de navegação do site.

 

Aula 9 - Efeitos e interface

Nessa aula o aluno aprenderá a adicionar efeitos de sobreposição em seus elementos de lista e links. Aprenderá também a configurar a interface principal do site centralizando-o com configurações CSS.

 

Aula 10 - Configurações de aparência CSS

Nessa aula o aluno conhecerá mais algumas tags importantes para a configuração da parte visual de seu site. Aprenderá a utilizar recursos de conteúdos relacionados e tabelas.

 

Aula 11 - Configurações de aparência CSS II

Nessa aula o aluno irá aprender a adicionar estilos CSS em sua tabela de informações. Aprenderá também a trabalhar com linhas e colunas e com espaçamento de borda.

 

Aula 12 - JavaScript

Nessa aula o aluno irá aprender o que é JavaScript e como utilizá-lo. Aprenderá a criar objetos e funções e inseri-los dentro de uma página HTML.

 

Aula 13 - Iframe e Album de fotos em HTML 5

Nessa aula o aluno irá aprender a criar e configurar um Iframe. Também aprenderá a inserir imagens através de CSS e adicionar estilos e efeitos, criando um álbum de fotos dinâmico.

 

Aula 14 - Trabalhando com Áudio, Vídeo e Formulários

Nessa aula o aluno aprenderá a trabalhar com tags desenvolvidas especialmente para áudio e vídeo. Aprenderá também a inserir um vídeo a partir de uma página do youtube dentro do seu site. Conhecerá ainda o funcionamento das tags de formulário e irá iniciar a construção do seu formulário de contato.

 

Aula 15 - Formulários II

Nessa aula o aluno dará continuidade a aula anterior, onde trabalhará com elementos de formulário. Aprenderá a utilizar os elementos de input de datas, e-mail e senha. Além disso, também aprenderá como funcionam o elemento radio e o método de envio Post.