Programação Web Responsiva

Bacharelado em Ciência da Computação • Prof. Me. William Tenório • 2026/1

PLANO DE ENSINO

Curso: Ciência da Computação Série: 1º semestre Disciplina: Programação Web Responsiva Carga Horária Semanal: 03 horas-aula Carga Horária Semestral: 60 horas-aula

I. EMENTA

HTML5, de estrutura e marcação utilizados na sua composição; CSS (propriedades de formatação do com as quais será possível desenvolver o design do site).

II – OBJETIVOS GERAIS

Implementar Web Standards como a semântica do XML e separação entre formatação e conteúdo. Usar folhas de estilos em cascata (estilos CSS) para criar páginas mais flexíveis, mais leves, e controlar o seu aspecto gráfico com maior precisão e com maior facilidade na correção de erros. Ao final deste, o aluno entenderá os conceitos fundamentais do trabalho com os Web Standards e será capaz de implementar HTML Responsivo, com o uso do framework Bootstrap.

III – OBJETIVOS ESPECÍFICOS

Conhecer as linguagens HTML5 e CSS visando seu uso na construção de aplicações Web.

IV – COMPETÊNCIAS

Compreender como planejar, e implementar, produtos de software para utilização na Internet. Conhecer a ferramenta para isso e identificar como aplicá-la na solução das necessidades para quem o produto de software se destina.

V – CONTEÚDO PROGRAMÁTICO

MÓDULO 1: Introdução

  • O que é internet
  • Como funciona a web
  • A web é gráfica e fácil de ser navegada
  • A web distribuída
  • A web é dinâmica
  • A web é independente de plataforma
  • A web é interativa
  • Os navegadores da web
  • Os servidores web
  • A história do Html
  • W3C – World Wide Web Consortioum
  • WHATWG – Web Hypertext Application Technology Working Group
  • Web Standards
  • Breve História do CSS
  • Por que o CSS foi criado?

MÓDULO 2: Iniciando com Html5

  • Ferramentas e Primeiro Projeto
    • Editores de Texto
    • Personalizando o Editor
    • Criando Novo Arquivo
    • DocType
  • Primeiras Tags
    • <html>
    • <head>
    • <body>
    • <title>
    • <p>
    • <span>
    • <strong>
    • <em>
    • <h>
    • <br>
    • <header>
    • <section>
    • <article>
    • User-Agents e Atributo lang
    • Metatag Charset

MÓDULO 3: Aprofundando com Html5

  • Links
    • Link Interno
    • Link Externo
    • Âncora
  • Listas
    • Lista Ordenada
    • Lista não ordenada
    • Lista de Links
  • TAG’s avançadas
    • <nav>
    • <main>
    • <article>
    • <footer>
    • <cite>
    • <q>

MÓDULO 4: Avançando com Html5

  • Trabalhando com imagens
    • Inserindo imagens
    • Propriedades de imagens
    • Links em imagens
  • Trabalhando com tabelas
  • Trabalhando com Div
  • Cores
    • Tabela de Cores

MÓDULO 5: Iniciando com CSS3

  • Primeiro Projeto com CSS
    • Sintaxe CSS
    • Criando primeira página com CSS interno
    • Criando primeiro arquivo externo CSS
    • Chamando folha de estilo no html
  • Estilizando com CSS
    • Background-color
    • Background-image
    • Background-repeat
    • Background-size

MÓDULO 6: Customizando com CSS3

  • Utilizando fontes
    • Usando fontes de terceiros
    • Alterando a fonte com CSS
  • Trabalhando com Containers DIV
  • Estilizando TAG-s de título
  • Utilizando vídeos
  • Estilizando Tabelas

MÓDULO 7: Avançando com CSS3

  • Criando Menus
    • Propriedades de Menus
  • Pseudoclasse e pseudo-elemento
    • Pseudo-elementos mais utilizados
  • Estilizando textos
    • Text alignment
    • Text decoration
    • Text transformation
    • Letter spacing
    • Line Height
    • Text direction
    • Word Spacing
    • Text Shadow
  • Estilizando fontes
    • Generic family
    • Font family
    • Font style
    • Font size
    • Font weight
    • Font variant

MÓDULO 8: Posicionamento e Formulários

  • Posicionamento CSS
    • Static
    • Relative
    • Fixed
    • Absolute
  • Criando Formulários
    • <form>
    • Propriedades do formulário
    • Texto simples
    • Data
    • Senha
    • Data/hora
    • Caixa de marcação única
    • Caixa de marcação múltipla
    • Telefone, campo de busca, e-mail ou url
    • Caixa de seleção
    • Caixa de texto com múltiplas linhas
  • Botões
    • Botão para enviar formulário
    • Botão para chamar ação em JavaScript

MÓDULO 9: JavaScript

  • Introdução ao JavaScript
    • Diferenças entre Java vs JavaScript
  • Trabalhando com JavaScript
    • <script>
    • Comando alert
    • Executando um JavaScript interno
    • Executando um JavaScript externo
  • Eventos
    • Principais Eventos em JavaScript
    • Onclick
    • Ownmousedown
    • Ownmouseup
    • Owndblclick
  • Funções
    • Trabalhando com Funções internas
    • Trabalhando com Funções externas
  • Métodos
    • getElementById()
    • InnerHTML
    • Formulários simples
    • Formulários complexos
    • Fazendo operações matemáticas

MÓDULO 10: Entendendo Responsividade

  • O que é responsividade
  • Como iremos tornar nossa página responsiva
  • Conceitos Básicos de Usabilidade, UX e UI

MÓDULO 11: Iniciando com Bootstrap

  • Introdução
    • História do bootstrap
    • Por que utilizar bootstrap
    • Principais componentes
    • Principais plugins
    • Personalização
  • Instalando o bootstrap
    • Fazendo download
    • Importando bootstrap em seu projeto
    • Chamando o bootstrap em seu html
    • Entendendo a documentação
  • Utilizando botões customizados
  • Utilizando menus responsivos

MÓDULO 12: Utilizando templates Bootstrap

  • Utilizando templates
    • Customizando templates prontos
    • Alterando propriedades

VI – ESTRATÉGIAS DE TRABALHO

As disciplinas são ministradas preferencialmente por meio de aulas expositivas, metodologias ativas e diversificadas apoiadas nos planos de ensino. O desenvolvimento dos conceitos e conteúdos ocorre com apoio de propostas de leituras de livros e artigos científicos básicos e complementares, exercícios, discussões em fórum/chats ou presenciais - quando for o caso, sugestões de filmes, vídeos e demais recursos audiovisuais. Com o objetivo de aprofundar e enriquecer o domínio dos conhecimentos e incentivar a pesquisa, o docente pode propor trabalhos individuais ou em grupo, palestras, atividades complementares e práticas em diferentes cenários, que permitam aos alunos assimilarem os conhecimentos essenciais para sua formação.

VII – AVALIAÇÃO

A média do semestre será calculada de acordo com o Regimento da IES. As avaliações e o critério de aprovação seguem o determinado pela instituição, conforme divulgação feita no manual do aluno.

VIII – BIBLIOGRAFIA

Básica

MURPHY, Christopher; et al. - Introdução ao HTML5 e CSS3. – Ed. Alta Books, 2014. SILVA, Maurício Samy.- Fundamentos de HTML5 e CSS3. – Ed. Novatec, 2015. DUCKETT, Jon.- HTML e CSS - Projete e Construa Websites.- Ed. Alta Books, 2016.

Complementar

DUCKETT, Jon.- Javascript e Jquery - desenvolvimento de interfaces web interativas.- Ed. Alta Books, 2016. CASTRO, Elizabeth. - HTML 5 e CSS 3 Guia Prático e Visual. – Ed. Alta Books, 2013. MAZZA, Lucas. - HTML5 e CSS3 Domine a web do futuro. – Ed. Casa do Código, 2013. SOUZA, Natan. - Bootstrap 4: Conheça a biblioteca front-end mais utilizada no mundo. – Ed. Casa do Código, 2018. ZEMEL, Társion. - Web Design Responsivo: Páginas adaptáveis para todos os dispositivos. Ed. Casa do Código, 2015. SILVA, Maurício Samy.- CSS3: Desenvolva aplicações web profissionais com uso dos poderosos recursos de estilização das CSS3. – Ed. Novatec, 2011.