Curso de Graduação

Plano de Ensino – PE

Disciplina: Desenvolvimento de Aplicações para Web

Código: P90100008 Matriz: PCMP_20221M
Período: 1º Trimestre: 1º Modalidade: Presencial
Carga Horária: 66 horas relógio [Teórica: 0 Prática: 66 Campo: 0 Práticas Pedagógicas
(específicas das Licenciatura): ]
Pré-requisito ou Maturidade Acadêmica: -

Ementa
Fundamentos da Internet e da World Wide Web. HTML, CSS e Uso do CSS para Criação de Websites
responsivos. Layouts Responsivos. Hospedagem e Registro de Domínios.

Competências e Habilidades
Compreender o funcionamento das principais tecnologias que permitem a existência da Internet e da
World Wide Web.
Compreender a aplicar os conceitos de semântica para criação de páginas web.
Criar páginas Web usando HTML e CSS.
Compreender o papel de Frameworks CSS no desenvolvimento de interfaces.
Publicar páginas e websites na Internet.

Objetivo Geral da Disciplina

Criar websites responsivos usando HTML e CSS.

Objetivos Específicos da Disciplina

Compreender as tecnologias que suportam a World Wide Web e a Internet.
Entender em que consiste o desenvolvimento de páginas web e websites.
Diferenciar o papel das tecnologias front-end e back-end.
Compreender o processo de registro de domínio e hospedagem de websites.
Compreender o papel das linguagens HMTL e CSS.
Aplicar o conhecimento das linguagens HTML e CSS na criação de páginas web e websites.
Compreender o papel de frameworks CSS e como estes frameworks afetam o desenvolvimento de interfaces.

Conteúdos Programáticos

Unidade 1 – Internet e a World Wide Web

1.1. Internet: Origens, componentes e funcionamento;
1.2. World Wide Web: Origens, componentes e funcionamento;
1.3. Fundamentos do desenvolvimento para a Web;
1.4. Registro de domínio e hospedagem de websites.

Unidade 2 – HTML5
1.1. Estrutura de uma página HTML5;
1.2. Componentes básicos da linguagem;
1.3. Elementos de semântica.

Unidade 3 – Cascading Style Sheets

Universidade Veiga de Almeida - UVA Página 1 de 4

 Curso de Graduação
Plano de Ensino – PE

1.1. Seletores;
1.2. O modelo Box;
1.3. Tipografia;
1.4. Layouts.

Unidade 4 – Criação de Websites Responsivos

1.1. Modelo Box;
1.2. Flexbox;
1.3. CSS Grid.

Metodologia
A metodologia consiste na apresentação de componente teórico seguido de atividades práticas, em
laboratório de Informática, na forma solução de problemas e desenvolvimento de protótipos usando
ferramentas de desenvolvimento para web.

Aulas práticas:
Exposição de conceitos e prática no computador, desenvolvendo protótipos.

Campo:
Desenvolvimento de projetos individuais quinzenais.

Avaliação

A disciplina é A4 e a avaliação consiste em 2 projetos, desenvolvidos no decorrer do trimestre, de

acordo com as atividades de campo.

Cada um dos projetos vale 5 pontos, onde a pontuação se dá quando o objetivo da avaliação foi
atingido no prazo definido.

• Todos os projetos precisam ser publicados na Internet.

• Os projetos não podem usar Frameworks. Nota zero no trabalho se usado.
• Os projetos não podem usar ou serem baseados em templates. Nota zero no trabalho se
templates foram usados.
• Os projetos não podem usar CMS como Wix, Wordpress, Joomla, Blogger, etc.

Os projetos são os seguintes:

1. Website Pessoal;
2. Website de uma empresa real ou fictícia.

Não há trabalhos de recuperação ou extra.

Referências Bibliográficas Básicas

1. BONATTI, Denilson. Desenvolvimento de jogos em HTML 5. Rio de Janeiro: Brasport, 2014.
2. MEYER, Jeanine. O guia essencial do HTML5: usando jogos para aprender HTML5 e JavaScript. Rio de
Janeiro: Ciência Moderna, 2011.
3. STARK, Jonathan; JEPSON, Brian. Construindo aplicativos Android com HTML, CSS e JavaScript. São Paulo:
Novatec, 2012.

Universidade Veiga de Almeida - UVA Página 2 de 4

 Curso de Graduação
Plano de Ensino – PE

Referências Bibliográficas Complementares

1. FLANAGAN, David. JavaScript: o guia definitivo . Porto Alegre: Bookman, 2013.

2. SILVA, Maurício Samy. Javascript: guia do programador. São Paulo: Novatec, 2010.
3. STEFANOV, Stoyan. Padrões Javascript. São Paulo: Novatec, 2011.
4. CAMARGOS, Luiz Fernando Macedo; MENEZES, Marco Antonio Figueiredo. Introdução à HTML e PHP. Rio
de Janeiro: Ciência Moderna, 2008.
5. HOGAN, Brian P. Web design para desenvolvedores: um guia para as ferramentas e técnicas de design
para programadores. Rio de Janeiro: Ciência Moderna, 2011.

Cronograma

Dia Conteúdo
FEVEREIRO Conteúdo

18 Plano de Ensino - Apresentação da disciplina

22 Fundamentos da Internet e da WWW.
25 Registro de domínio.
MARÇO Conteúdo
04 Hospedagem de websites.
Anatomia de uma página web.
Criação e hospedagem da sua primeira página web.
08 Fundamentos do HTML5
A estrutura básica de um documento HTML
Introdução ao conceito de Seções, Agrupamento de Conteúdo e semântica a nível de texto.
11 Demais elementos da semântica a nível de texto.
15 Agrupamento de Conteúdo
18 Organizando um documento em seções.
22 Links, edits e conteúdo embutido.
25 Trabalhando com tabelas.
29 Formulários
ABRIL Conteúdo
01 Elementos interativos e fundamentos do CSS.
05 Propriedades CSS e seletores
Avaliação 1: Website pessoal
08 Modelo Box
12 Fundamentos do Layout de páginas.
Flexbox
19 CSS Grid.
26 Avaliação 2: Website de empresa real ou fictícia.
29 Fim do semestre Letivo.
MAIO Conteúdo

Universidade Veiga de Almeida - UVA Página 3 de 4

 Curso de Graduação
Plano de Ensino – PE

REGRAS E CRITÉRIOS DE AVALIAÇÃO

Regras Gerais

• É proibido o uso de Templates ou modelos prontos tanto para os arquivos CSS quando HTML.
• O aluno deve buscar a criação de conteúdo completo para cada temática de avaliação.
Projetos com poucas informações perderão pontos. Recomenda-se pesquisar por referências
na Internet.
• Todos os trabalhos devem ser publicados na Internet.

Regras do Trabalho 1 – Website Pessoal

• O site pessoal deve ter 5 páginas com imagens e texto, conforme indicado abaixo:
o Página principal, de apresentação do aluno, com informações gerais.
o Página Sobre com detalhes do aluno e seu currículo.
o Página de portifólio e projetos.
o Página de novidades.
o Página de contato, com formulário de contato e links para redes sociais
• O site deve possuir menu de navegação em cada página do site.

Regras do Trabalho 2 – Website de empresa

• O site da empresa deve ter pelo menos 5 páginas com imagens e texto, conforme indicado
abaixo:
o Página principal, de apresentação da empres, com informações gerais.
o Página Sobre com detalhes da empresa como fundação, proprietários, etc.
o Página de Produtos e/ou serviços.
o Página de novidades.
o Página de contato, com formulário de contato e links para redes sociais.
• O site deve possuir menu de navegação em cada página do site.
• O site deve usar CSS para formatação de todo conteúdo. O CSS deve ser totalmente criado
pelo aluno.

Universidade Veiga de Almeida - UVA Página 4 de 4