Web Design Essencial e Bootstrap

Ementa do Curso

Em um mundo cada vez mais conectado, criar um site é o início de uma jornada para se posicionar de forma efetiva na internet. Existem diversas plataformas de criação para o desenvolvimento de páginas de web e sites com recursos mais avançados, mas o melhor caminho para iniciar o aprendizado e entender como os códigos funcionam e criar um site do zero para, posteriormente, utilizar plataformas do tipo Content Management System

Objetivos Gerais e Específicos

Criar páginas de internet utilizando – HTML, CSS, básico de Javascript e o framework Bootstrap.

Capacitar o aluno a criar e alterar códigos de programação para internet com o objetivo de criar sites e documentos online usando recursos de introdução a linguagem de marcação e o framework Bootstrap.

Os alunos entenderão a diferença de usar IDEs e Editores de Códigos para criar seus sites e utilizar de recursos gratuitos de hospedagens para poderem divulgar seus negócios e compartilhar seu aprendizado.

Conteúdo Programático

Diferenças entre IDEs e Editores de Código.

- Instalação de editor de códigos

- Comandos: h1 a h6, br, p e img

- Indentação, Head/Body, Title dentro head, Alt em imagem, Title em imagem, tipos de imagem (JPG e PNG) e definição de largura de uma imagem em pixels (px)

- Organização de conteúdo na pasta do Projeto, âncora de texto e imagem, Title em imagens, Modelo Fluido e responsivo e "Linkando" páginas de um site através de texto

- CSS inline e interno, Cor de letra, fundo de página, alinhamento de texto, tipos de fontes no CSS, tamanho de fonte no CSS e Código de Cores no HTML

- Margin, padding e border, tabela e estilo de tabela

- Revisão: meta charset e indentação. Criação de formulário

- Fontface, Filter, div, float, ID e Class e Pseudo-classe (hover)

- Criação de barra de navegação - parte 1 e de conteúdo fixo. Configuração de arquivo form.php. Diferenças entre post e get no action de um formulário

- Criação de barra de navegação - parte 2 e modelo responsivo

- Bootstrap. Download, tipografia e introdução de cores. Sistema de Grids

- Barra de navegação

- Popover e Cards

- Tooltips, Scrollspy e Collapse

- Carousel, Display e Modal

- Margin e padding no Bootstrap e hospedagem gratuita

- Metadados em fotografia e CC (Creative Commons)

Tempo total do curso

36 horas

Faixa etária

15 a 17 anos; 18 a 49 anos; 50 anos ou mais.

Modalidade do curso (Ao Vivo, Híbrido ou Gravado)

Gravado

Dias da semana e horários (Desconsiderar se o curso for GRAVADO)

Não se aplica.

Pré-requisitos e condições tecnológicas

Possuir computador com acesso à internet e conta educacional ativa (que será disponibilizada pela escola) e ter um propósito para criar sites. Computador com sistema operacional Windows, Linux ou MacOS com acesso a internet. Ter conta educacional ativa (que será disponibilizada pela escola).

EMNOVA

Escola Municipal de Novas Tecnologias Profa. Neusa Maria Nunes Branco