Blog do Regilan

Olá turma,

ITI 21 e ITI 22 – Programação WEB 1
Calendário Final de Ano

– 09/11: Exemplo bootstrap – Site Sabores da Bahia
– 30/11: Instalação de Servidor/Orientação Projetos
– 01/12: Sábado letivo – Orientação Projetos e Publicação dos sites na Intranet
– 07/12: Apresentação dos projetos/sites

——————————————————————

Na aula de hoje trabalhemos com um exemplo para sites responsivos com o bootstrap.

O download com as imagens estão disponibilizados na pasta pública da disciplina.

Exemplo da aula:

Olá turma,

Na aula de hoje faremos um exemplo de página responsiva com Media Queries e conheceremos o sistema de grids.

O download com o conteúdo da aula está disponível no slide abaixo:

LP3_Aula_06_Web_Responsiva_Media_Queries_Grid_Bootstrap

Exemplo da aula:

Olá turma,

Na aula de hoje começaremos a abordar sobre projetos de sites e sistemas web responsivos. Estudaremos os conceitos e paradigmas que envolvem esta teoria.

O slide com o conteúdo da aula está disponível no PDF abaixo:

programacao_web_2_aula_10 – Sites Responsivos

Olá turma,

Continuaremos a estudar na aula de hoje os elementos de formulário HTML.

O conteúdo da aula está disponível no slide abaixo:

PW1 – Aula 08 – Formularios Web

Olá turma,

Estudaremos a partir de hoje os elementos de formulário HTML. Formulários são utilizados como mecanismos de interação com o usuário para entrada de dados.

O conteúdo da aula está disponível no slide abaixo:

PW1 – Aula 08 – Formularios Web

Olá turma,

Nesta aula retornaremos ao menu desenvolvido em classe para trabalhar os sub-menus que serão carregados a partir do menu principal, ou seja, menus do tipo drop-down.

Também conversaremos sobre a parte 03 do projeto da disciplina que deve ser apresentada no dia 19 de Outubro: PROJETO DA DISCIPLINA – ATIVIDADE 03 – PRIMEIRA_VERSÃO_INDEX

PDF com os slides sobre menu:

• PW1 – Aula 07 – Estilização de menus com CSS
• Exercicios Praticos – CSS Estilização de Menus – Imagens
• Exercicios Praticos – CSS Estilização de Menus

Olá turma,

Hoje os nossos horários estarão reservado para orientações e acompanhamento (E ENTREGA) da II atividade avaliativa da unidade.

A atividade terá como base o site “Cine Santa Clara” que fizemos em classe.  O projeto completo está na pasta pública da disciplina e as orientações do que deve ser feito está disponível no PDF abaixo e também na pasta pública da disciplina.

II_Unidade_Atividade_Pratica_Avaliativa

Olá turma,

Na aula de hoje apreenderemos sobre Menus CSS, que é feito utilizando o elemento <nav> <ul> <li> <a> combinado com o código CSS.

O download do conteúdo da aula está disponível através do link: PW1 – Aula 07 – Estilização de menus com CSS

Faremos os seguintes exemplos de menus durante a aula:

Olá turma,

Na aula de hoje será abordados sobre pseudoelementos (hover) e como fazer alguns efeitos utilizando esta propriedade e transições.

Nos links a seguir disponibilizo o conteúdo da aula e o exemplo que será usado para verificar estas funcionalidades.

• PW1 – Aula 06 – Estilização de Textos_Listas_E_Pseudo_Elementos
• PW1 – Aula 06 – Estilização de Textos_Listas_E_Pseudo_Elementos_Exemplo

Olá turma,

Na aula de hoje finalizaremos o site fictício do Cine Santa Clara na turma ITI 21. Para a turma ITI 22 teremos uma atividade prática:

• INTEGRADO_ATIVIDADE_PRATICA_LAYOUT_POSICIONAMENTO – ROTEIRO
• INTEGRADO_ATIVIDADE_PRATICA_LAYOUT_POSICIONAMENTO – IMAGENS

O exemplo a ser desenvolvimento é do fictício site do Cine Santa Clara. As imagens e vídeos estarão disponíveis em nossa pasta pública do laboratório.