Plano_de_Ensino___Desenvolvimento_WEB_I

Propaganda
PLANO DE ENSINO – CURSOS PRESENCIAIS
Componente Curricular
Desenvolvimento WEB I
Curso / Módulo
Técnico em Informática / Módulo II
Professores
Rafael Adjuto Pereira
Público Alvo
Estudantes do Curso Técnico em Informática
Carga horária
40 horas/aula
Período de duração
26/0/2010 a 20/07/2010
Ementa
Introdução à criação e desenvolvimento de sites
Utilização do HTML para a criação de páginas
Utilização do CSS para formatação de páginas
Desenvolver sites estáticos
A. Conhecer e utilizar a Web e o conjunto de tecnologias que a formam.
Competências
B. Entender a arquitetura da Web e como ela funciona.
C. Conhecer e utilizar os Browsers para Web.
D. Entender e aplicar os Padrões Web (Web Standards)
E. Apresentar as tecnologias e ferramentas utilizadas no desenvolvimento para Web.
F.
Identificar as linguagens de desenvolvimento de sites dinâmicos (Web Developer).
G. Conhecer e aplicar a linguagem de marcação HTML e XHTML.
H. Aplicar os fundamentos de funcionamento da interação entre HTML e CSS.
Habilidades
1.
Conhecer a história da Internet.
2.
Conhecer os diferentes serviços (protocolos) oferecidos pelo TCP / IP para uso na
Internet.
3.
Identificar os principais browsers para web.
4.
Configurar browsers para web
5.
Entender os conceitos básicos sobre Padrões Web no uso de sites em
computadores, celulares e demais mídias de interação com a internet.
6.
Entender os conceitos de Usabilidade e Acessibilidade para Internet
7.
Identificar os principais editores HTML.
8.
Identificar as linguagens para desenvolvimento de sistemas web
9.
Identificar as linguagens de marcação de texto para páginas na web (HTML).
10. Entender sua estrutura de uma página HTML.
11. Aplicar as TAGs e elementos que dispõe o conteúdo de uma página HTML.
12. Conhecer as folhas de estilo em cascata (CSS).
13. Criar estilos para formatar conteúdos e diagramações de páginas HTML.
14. Aplicar o CSS no HTML.
Escola Técnica de Brasília
|1
15. Conhecer os elementos que compõe um formulário em HTML.
16. Criar formulários em páginas HTML.

Objetivos
Conteúdo Programático
1.
Direcionar os participantes do curso de Desenvolvimento para Web I ao mercado
de trabalho atual, utilizando métodos e atividades prático-teóricas que expõem
conceitos e técnicas utilizadas atualmente no mercado de desenvolvimento de
software para Web, seguindo os padrões definidos pelas organizações que regem
as normas e padrões atuais na Internet. Oferecer aos alunos condições reais de
entrar na concorrência no mercado de trabalho de desenvolvimento Web. Ao final
do curso o aluno deve dominar:
o O que é a Web e o conjunto de tecnologias que a formam
o Arquitetura da Web e como ela funciona
o Browsers para Web
o Padrões para Web
 Tecnologias e Ferramentas utilizadas no desenvolvimento para Web
o Linguagens para Web
o HTML e seus fundamentos, XHTML
o Conhecer o funcionamento da interação entre, HTML, CSS,
o JavaScript e sites dinâmicos.
Introdução à Internet
1.1. Introdução
1.2. Introdução à Web
1.3. Funcionamento da Internet
2.
Introdução ao Desenvolvimento para a Web
2.1. Tecnologias envolvidas no desenvolvimento para Web
2.2. Padrões da Web (Web Standards)
2.3. Browsers para Web
2.4. Ferramentas de desenvolvimento
2.4.1. Dreamweaver
2.4.2. Linguagens para Web
2.4.3. Linguagens do Lado Cliente (Client Side)
2.4.4. Linguagens de Marcação de Texto
2.4.5. Linguagens do Lado Servidor (Server Side)
3.
HTML - HyperText Markup Language
3.1. Introdução
3.1.1. Etiquetas ou Tags
3.1.2. Comandos, atributos e valores
3.2. Editores HTML
3.3. Estrutura básica
3.4. Hipertextos ou hiperligações
3.5. Cores e seus códigos
3.6. Formatação de texto
Escola Técnica de Brasília
|2
3.7. Caracteres especiais e símbolos
3.8. Listas
3.9. Tabelas
3.10. Formulários
3.11. Manipulação de Imagens
3.12. Padrão XHTML
4.
Introdução ao CSS (Cascading Style Sheets) – Folhas de Estilo
4.1. Introdução
4.2. Funcionamento
4.3. Formatações
Metodologia de Ensino
Recursos de Ensino
Instrumentos e critérios de
avaliação
a) Cálculo da Média Final (MF):
Serão registradas três avaliações: A1, A2 e A3. As avaliações A1 e A2
corresponderão aos resultados do primeiro e segundo bimestre,
respectivamente, e traduzirão a avaliação do professor. A avaliação A3 será
constituída por uma prova institucional, denominada Avaliação Unificada,
abrangendo as competências e habilidades desenvolvidas em cada
componente curricular. A média final (MF) será igual à soma das três
avaliações, de acordo com a fórmula:
MF = A1+ 2A2+ 2A3
5
As médias finais serão arredondadas, obedecendo a intervalos de cinco
décimos (0,5), de acordo com o seguinte critério: nos intervalos de 0,01 a
0,24 e de 0,51 a 0,74 o arredondamento é para menos; nos intervalos de
0,25 a 0,49 e de 0,75 a 0,99 o arredondamento é para mais.
Será registrado o conceito final A (apto) para o aluno que obtiver MF igual ou
superior a 7,0 (desenvolvimento de 70% das competências e habilidades
curriculares propostas) e cumprimento mínimo de 75% do total da carga
horária do componente curricular.
O aluno que cumpriu 75% da carga horária e não obteve a nota mínima 7,0
(sete), ao final da disciplina, poderá ser submetido às atividades de
recuperação.
Será registrado o conceito final NA (não apto) para o aluno que obtiver MF
inferior a 5,0 após a realização das atividades de recuperação.
Haverá segunda chamada de prova só em caso de tratamento de saúde ou
serviços obrigatórios, devidamente comprovados e entregues à Secretaria da
ETB em até 48h após a realização da prova.
Escola Técnica de Brasília
|3
b) Critérios para correção das avaliações:
Cronograma de atividades
Referências bibliográficas
ROBBINS, Jennifer Niederst. HTML E XHTML - GUIA DE BOLSO. Editora Alta Books. 2009.
BOWERS, Michael. Pro CSS e HTML Padrões de Projetos Mixando Dados e Serviços WEB.
Editora Alta Books. 2008.
SILVA, Maurício Samy. Criando Sites com HTML - Sites de alta qualidade com HTML e
CSS. Novatec Editora Ltda. 2008.
SILVA, Maurício Samy. Criando Sites com CSS e XHTML – Sites controlados por Folhas de
Estilo em Cascata. Novatec Editora Ltda.
2007.
FREEMAN, Elisabeth & FREEMAN, Eric. Use a Cabeça HTML com CSS e XHTML. Alta
Books. 2006.
BOENTE, Alfredo. Programação Web sem mistérios - Construa sua própria Home Page.
Editora Brasport. 2004.
AMARAL, Luis Gustavo. CSS Cascading Style Sheets – Guia de Consulta Rápida (3ª
edição). Editora Novatec. 2009.
JR, Décio. HTTP - Guia de Consulta Rápida. Editora Novatec. 2001.
DAMIANI, Edgard. HTTP - JavaScript - 3ª edição. Editora Novatec. 2008.
SILVEIRA, Marcelo & PRATES, Rubens. HTML 4 - Guia de Consulta Rápida. Editora
Novatec. 2001.
Geral / Conceitos
http://pt.wikipedia.org/
http://www.linhadecodigo.com.br/
http://www.w3schools.com/
http://www.brasilescola.com/informatica/
http://www.sobresites.com/desenvolvimentoweb/
http://www.mxstudio.com.br/geral/primeiros_passos_para_desenvolvi
mento_web/
http://www.obasicodaweb.com/
http://imasters.uol.com.br/
HTML / CSS / javaScript
http://www.pt-br.html.net/
http://www.maujor.com
http://www.criarweb.com/
http://www.icmc.usp.br/ensino/material/html/
http://www.htmlstaff.org/
http://htmlgoodies.earthweb.com/
http://www.tableless.com.br/
http://www.htmlcodetutorial.com/
http://htmlhelp.com/
http://htmldog.com/
http://validator.w3.org/
http://javascript.internet.com/
http://www.javascript.com/
http://www.javascriptkit.com/
https://developer.mozilla.org/pt
http://www.hotscripts.com
SEMANA
CRONOGRAMA DE ATIVIDADES
JULHO
Escola Técnica de Brasília
|4
Conhecendo os objetivos da disciplina, critérios de avaliação, interação entre professor e alunos.
Introdução aos conceitos modernos da Internet

Web Standards

Usabilidade

Acessibilidade

Web Desing X Web Developer
AGOSTO
Como funciona a WEB – Browsers e Servidores WEB
HTML

O que é e como funciona o HTML

Conceito técnico de um site

Estrutura e organização de arquivos de um site

Estrutura básica de uma página HTML

TAGs de parágrafos e títulos

Operação do Windows – mostrar extensões de arquivos

Exercícios
HTML

CSS incorporado

Formatando parágrafos e títulos

Inserindo imagens

Trabalhando imagens com CSS
HTML

Listas ordenadas e não ordenadas

HTML
Menus com listas e CSS

Trabalhando com links

Internos e externos

Âncoras

Download

CSS para links
HTML

HTML
Tabelas

Diagramação de páginas com DIVs

Usando CSS externos para DIVs
SETEMBRO
HTML

HTML
Exercícios

Avaliação
HTML

Criando estilos CSS personalizados
Escola Técnica de Brasília
|5
HTML

Exercícios

Projeto - definições
HTML

Formulários
HTML

Publicação de Sites

Hospedagem

Domínio

FTP
OUTUBRO
HTML

Entrega de Projetos
PROVÃO
PROVÃO
ETB-MIX
ETB-MIX
NOVEMBRO
Prova de recuperação
Prova de recuperação




DEZEMBRO




Escola Técnica de Brasília
|6
Download