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