UNIÃO EDUCACIONAL DE BRASÍLIA SGAS 910 Conj. D – Tel.: (61) 244-2001 Fax: 443-1204 http://www.uneb.com.br INSTITUTO DE CIÊNCIAS EXATAS PLANO DE ENSINO E APRENDIZAGEM 1. Identificação ÁREA: Tecnologia REGIME: MODULAR DISCIPLINA: Fundamentos SEMESTRE/ANO: 2º/2008 CARGA HORÁRIA: 40 HORAS de Linguagens para Web Professor: Lucélia Alves de Oliveira DIAS LETIVOS: M DIAS LETIVOS: T 2ª( ) 3ª( ) 4ª( ) 5ª( ) 6ª( ) 2ª( ) 3ª(X) 4ª( ) 5ª(X) 6ª(X) MÓDULO: FAC BLOCO: 23/11/09 a 18/11/09 Todos da área Tecnologia. DIAS LETIVOS: N 2ª( ) 3ª( ) 4ª( ) 5ª( ) 6ª( ) CURSO: de 2. Aspectos do Processo de Ensino e Aprendizagem 2.1. EMENTA Aspectos básicos de todo o ciclo de desenvolvimento e publicação de páginas na Internet. Conceitos básicos de funcionamento do HTML. Surgimento da WWW. Evolução do hipertexto e DHTML. 2.2. OBJETIVOS 2.2.1. OBJETIVOS GERAIS · Utilizar o conhecimento apreendido em Fundamentos de Linguagem para a Web para o seu crescimento profissional e pessoal. 2.2.2. OBJETIVOS ESPECÍFICOS · · · · · · · · · · · · · Criar e publicar seu próprio site utilizando HTML. Compreender o funcionamento e a utilização dos diversos comandos HTML. Conhecer a evolução do Hipertexto e da Internet. Criar e registrar domínios. Criar e manipular estilos CSS. Disponibilizar páginas na Internet com auxilio de programas FTP. Utilizar o HTML como resultado final nos diversos tipos de programação. Identificar as mudanças sociais, causas e conseqüências ligadas ao aparecimento e evolução do hipertexto. Compreender o funcionamento e identificar a estrutura das páginas HTML. Distinguir e identificar os diversos tipos de comandos (TAGS) encontrados nas páginas de hipertexto, utilizando o conhecimento para melhorar a eficiência e diminuir a quantidade de código desnecessário otimizando as mesmas. Identificar o hipertexto e seus comandos básicos. Identificar as diversas estruturas de uma página HTML. Identificar a função das mesmas. 2.3. COMPETÊNCIAS 2.3.1. CONHECIMENTOS / BASE TECNOLÓGICA · · · · · · · · · · · Contexto de mudança. Evolução do Hipertexto. Expressão e difusão da informação. Redes: internet, intranet, extranet. Como criar páginas para a Web: Web e home page. Navegadores, host, provedor e servidor Web. Serviços oferecidos na Web. Fundamentos de linguagens para Web. Conceitos básicos de páginas HTML: linguagem HTML. “Head”; ”body”; cabeçalhos; quebras de linha; tags e seus atributos. Estruturas. UNIÃO EDUCACIONAL DE BRASÍLIA SGAS 910 Conj. D – Tel.: (61) 244-2001 Fax: 443-1204 http://www.uneb.com.br · · · · · · · · · · · · Documento HTML básico e seus componentes. Títulos; corpo da página; estilos de texto e de fontes; divisão; formatação de textos; formatação de frases; caracteres especiais; estilos físicos; estilos lógicos; linha horizontal; listas não numeradas; listas numeradas; listas de definições; listas intercaladas; cores RGB. Códigos de formatação dos documentos básicos. Protegendo documentos HTML: desabilitar a barra de imagens do Internet Explorer. Hipertexto; links; documentos em outros diretórios; URL's; sessões específicas em outro documento; interligando sessões em uma página; imagens; marque. Códigos de formatação avançados. E-mail; tabelas; extensões de tabelas; principais marcações; atributos de tabelas; outros elementos de controle. Tabela com esquinas arredondadas. Formulários; codificação básica do formulário; entrada de texto comum; entrada de texto protegido; senha; entrada oculta; entrada de várias linhas de texto; menus com opções; listas pagináveis; botões “sim ou não”; botões com opções; botões de submissão e limpeza. Frames; iframes; noframes; intercalando frameset; links entre frames; vantagens e inconvenientes do uso de frames. Barra de navegação HTML; mapas. Folhas de estilo; áudio e vídeo. 2.3.2. HABILIDADES · · · Capacidade de gestão do próprio processo de gestão permanente. Capacidade de utilização de ferramentas de pesquisa para busca de informação. Capacidade de interpretação e relacionamento de informações para a geração de conhecimento. 2.3.3. ATITUDES · · · Proatividade. Reflexividade com relação à solução de problemas. Pragmatismo. 2.4. ESTRATÉGIAS E RECURSOS DE APRENDIZAGEM 2.4.1. ESTRATÉGIAS · · · · Pesquisas. Aulas práticas e teóricas. Exercícios em laboratório de informática. Trabalhos em grupo e individuais. 2.4.2. RECURSOS DE APRENDIZAGEM · · Laboratório de informática. Textos diversos. 2.5. AVALIAÇÃO 2.5.1. CRITÉRIOS E PONDERAÇÃO · · · Provas práticas no laboratório de informática (valor de 0,0 a 8,0 pontos). Desenvolvimento de projeto (valor de 0,0 a 8,0 pontos). Exercícios 2,0 pontos 2.5.2. RECUPERAÇÃO Será realizado exame de recuperação ao aluno não aprovado que houver freqüentado número igual ou superior a 75% (setenta e cinco por cento) das aulas e atividades previstas e obtido, nos exames e trabalhos efetuados, média final igual ou superior a 5 (cinco) e menos do que 7 (sete). 3. Cronograma do desenvolvimento das competências: aulas e estratégias de aprendizagem Nº do Conhecimentos / Conteúdo Programático Estratégias de Critérios de Avaliação Encontro Aprendizagem UNIÃO EDUCACIONAL DE BRASÍLIA SGAS 910 Conj. D – Tel.: (61) 244-2001 Fax: 443-1204 http://www.uneb.com.br 1. 2. 3. 4. 5. 6. 7. 8. 9. Redes: internet, intranet, extranet. Como criar páginas para a Web. Web e home page. Navegadores, host, provedor e servidor Web. Serviços oferecidos na Web. Introdução a fundamentos de linguagens para Web. Linguagem HTML. Documento HTML básico e seus componentes. “Head”; ”body”; cabeçalhos; quebras de linha; tags e seus atributos. Títulos; corpo da página; estilos de texto e de fontes; divisão; formatação de textos; formatação de frases; caracteres especiais; estilos físicos; estilos lógicos; linha horizontal; listas não numeradas; listas numeradas; listas de definições; listas intercaladas; cores RGB. Protegendo documentos HTML: desabilitar a barra de imagens do Internet Explorer. Registro de Domínio e upload de Arquivos. Hipertexto; links; documentos em outros diretórios; URL's; sessões específicas em outro documento; interligando sessões em uma página; imagens; marque. E-mail; tabelas; extensões de tabelas; principais marcações; atributos de tabelas; outros elementos de controle. Tabela com esquinas arredondadas. E-mail; tabelas; extensões de tabelas; principais marcações; atributos de tabelas; outros elementos de controle. Tabela com esquinas arredondadas. Formulários; codificação básica do formulário; entrada de texto comum; entrada de texto protegido; senha; entrada oculta; entrada de várias linhas de texto; menus com opções; listas pagináveis; botões “sim ou não”; botões com opções; botões de submissão e limpeza. Frames; iframes; noframes; intercalando frameset; links entre frames; vantagens e inconvenientes do uso de frames. Apresentação da disciplina e do plano de ensino. Fechamento do contrato didático. Aula teórica e prática no laboratório de informática. Participação no desenvolvimento das atividades. Aula teórica e prática no laboratório de informática. Participação no desenvolvimento das atividades. Aula teórica e prática no laboratório de informática. Aula teórica e prática no laboratório de informática. Aula teórica e prática no laboratório de informática. Aula teórica e prática no laboratório de informática. Participação no desenvolvimento das atividades. Aula teórica e prática no laboratório de informática. Barra de navegação HTML; Folhas de estilo; Desenvolvimento do projeto final e preparação para a prova. Barra de navegação HTML; Folhas de estilo; Desenvolvimento do projeto final e preparação para a prova. Participação no desenvolvimento das atividades. Participação no desenvolvimento das atividades. Participação no desenvolvimento das atividades. Participação no desenvolvimento das atividades. Participação no desenvolvimento das atividades. Participação no desenvolvimento das atividades. UNIÃO EDUCACIONAL DE BRASÍLIA SGAS 910 Conj. D – Tel.: (61) 244-2001 Fax: 443-1204 http://www.uneb.com.br 10. 11. 12. Barra de navegação HTML; Folhas de estilo. Desenvolvimento do projeto final e preparação para a prova. Todo o conteúdo. Exercícios de revisão. Todo o conteúdo Prova prática. Participação no desenvolvimento das atividades. Participação no desenvolvimento das atividades. Uso dos conteúdos e das competências na resolução de questões. 4. Bibliografia 4.1. BIBLIOGRAFIA BÁSICA 1. CARVALHO, Alan. Desenvolvendo Sites Profissionais com HTML 4.0 & CSS. Rio de Janeiro: Book Express, 2000. 2. MARCONDES, Christian Alfim. HTML 4.0 FUNDAMENTAL. São Paulo: Érica, 2005. 3. OLIVIERO, Carlos Antonio José. Faça um Site: HTML 4.0 Orientado por Projeto. São Paulo: Érica, 2000. 4.2. BIBLIOGRAFIA COMPLEMENTAR 4. CARVALHO, Alan. Desenvolvendo Sites Profissionais com Html. Rio de Janeiro: Book Express, 2000. 5. SAVOLA, Tom. Usando HTML: guia de referência mais completo. Rio de Janeiro: Campus, 1996. 6. TITTEL, Ed ; Stephen Nelson. HTML 4. Rio de Janeiro: Campus, 1998.