DFCODE

Tecnologia e Inovação

Curso de Desenvolvimento Web

Desenvolvimento Web – HTML

Aprenda HTML e elabore diversas páginas web utilizando tags, manipulação de textos, imagens, formulários, listas, tabelas e os novos elementos do HTML5. Termine com um projeto de site completo One Page.

Ementa

Ao longo das oito aulas deste curso, será possível aprender sobre o HTML e, com essa linguagem, elaborar diversas páginas. Tudo isso utilizando conceitos sobre tags, manipulação de textos, de imagens, formulários, login e tabelas. No final, o aluno irá elaborar uma página mais completa envolvendo vários conceitos aprendidos no decorrer do curso.

Público-alvo

Os conhecimentos adquiridos com o curso Desenvolvimento Web – HTML se aplicam ao mercado de trabalho de forma ampla para atuação em desenvolvedor de Web, em todo o tipo de empresa de pequeno a grande porte, além de agências focadas em marketing digital e criação de sites.

Conteúdo programático

O curso foi organizado em 8 aulas com simulações práticas, indo da estrutura básica ao projeto final de site One Page.

Aula 1 – Introdução ao HTML

  • Conhecer a história da internet e o surgimento do HTML
  • Compreender o que é a linguagem HTML e o que são tags
  • Conhecer o HTML5 e os editores de texto (Bloco de Notas, Dreamweaver, Atom)
  • Criar um projeto Hello World
  • Instalar o Atom e editar código: salvar e visualizar no navegador

Aula 2 – Semântica e Manipulação de Texto

  • Entender o que é semântica e aprender sobre a tag div
  • Conhecer as tags de manipulação de textos: h, p, span, pre
  • Conhecer as tags para formatar elementos: b, u, i, small, strong, em, mark
  • Aprender sobre links com a tag a (href e target)
  • Montar uma estrutura inicial para uma página de Política de privacidade

Aula 3 – Manipulação de Imagens

  • Conhecer as tags de manipulação de imagens: img, figure e picture
  • Iniciar a criação de uma página com álbum de fotos
  • Utilizar elementos CSS para estilizar e importar fonte personalizada
  • Adicionar imagens no álbum usando img, picture e figure

Aula 4 – Listas

  • Entender as funções das listas ordenadas e não ordenadas
  • Personalizar os marcadores dos itens da lista
  • Criar uma página de receita de bolo com listas e imagens

Aula 5 – Tabelas

  • Entender a importância das tabelas e aprender a inserir a tag table
  • Compreender a estrutura hierárquica das tags de tabela
  • Iniciar a criação de uma página de blog de finanças com tabela completa

Aula 6 – Novos Elementos e Tags do HTML5

  • Entender as melhorias do HTML5
  • Conhecer elementos novos: Progress, Article, Summary, Video, Blockquote, Iframe
  • Criar uma barra de progresso, adicionar vídeo na página e importar um site inteiro
  • Criar rodapé com item expansivo

Aula 7 – Formulários

  • Conhecer tags e atributos para criação de formulários: input, select, option, label, textarea, button
  • Criar uma página de login com campos Usuário e Senha, checkbox e botão
  • Construir um formulário de cadastro

Aula 8 – Projeto Final

  • Aprender sobre o One Page e o conceito de framework
  • Importar arquivos CSS e inserir menu
  • Criar as seções: Home, Sobre, Serviços, Portfólio, mapa, Fale Comigo e rodapé