Vous êtes sur la page 1sur 16

Profª Ana Paula Cardoso

anapaula.cardoso@ifmg.edu.br

IFMG – Formiga/MG

05/Mar/2018

Desenvolvimento Web I
Ciência da Computação
Ementa

• Conceitos básicos de ambiente web,


• Computação verde,
• Sintaxe HTML para construção de páginas,
• sintaxe CSS para definição de estilos de páginas,
• Integração de HTML e CSS,
• sintaxe JavaScript para programação de eventos,
• integração HTML e JavaScript,
• Resolução de problemas usando a linguagem JavaScript.
Objetivos

• Ao final dessa disciplina vocês deverão ser capazes de:


i. Conhecer e aplicar técnicas de desenvolvimento de páginas
web utilizando a linguagem de marcação HTML
ii. Utilizar a linguagem HTML para a construção de páginas Web.
iii. Conhecer e utilizar folhas de estilo na construção de páginas
Web.
iv. Conhecer e utilizar um framework front-end.
v. Criar páginas Web interativas com JavaScript
Processo Avaliativo

• Avaliação Individual 01: 30,0 pontos – 27/04/2018


• Avaliação Individual 02: 30,0 pontos – 29/06/2018
• Estudo de Caso: 20,0 pontos
• Trabalhos: 20,0 pontos
• T1: 4,0 pontos – 23/03/2018
• T2: 4,0 pontos – 13/04/2018
• T3: 4,0 pontos – 04/05/2018
• T4: 4,0 pontos – 21/05/2018
• T5: 4,0 pontos – 15/06/2018

• Exames Finais: 09 a 12/07


• Término do Semestre Letivo: 07/07/2018
Bibliografia Básica

• BUDD, Andy. Criando páginas web com CSS. São Paulo:


Pearson Prentice Hall, 2006.
• FLANAGAN, David. JavaScript: o guia definitivo. 4ª
ed.Porto Alegre: Bookman, 2004. 818p.
• FREEMAN, Elisabeth; FREEMAN, Eric. Use a cabeça!:
HTML com CSS e XHTML. 2a Ed. Rio de Janeiro: Alta
Books, 2008. 486 p.
Bibliografia Complementar

• DEITEL, Harvey M; DEITEL, Paul J.; NIETO, T. R. Internet &


World Wide Web: como programar. 2. ed. Porto Alegre:
Bookman, 2003. 1274 p.
• DEITEL, Harvey M; DEITEL, Paul J.; NIETO, T. R. Ajax, Rich
Internet Applications e Desenvolvimento Web para
Programadores. 1ª ed., Editora Pearson Prentice-Hall, 2008,
ISBN 978-85-7605-161-9, [recurso eletrônico].
• LEWIS, Joseph R. MOSCOWITZ, Meitar. CSS Avançado. 1ª ed.
Editora Novatec, 2010.
• LOUNDON, Kyle. Desenvolvimento de Grandes Aplicações
Web. 1ª ed. Editora Novatec, 2010
• POWERS, Shelley. Aprendendo JavaScript. 1ª ed. Editora
Novatec, 2010.
Conceitos Básicos de Ambiente Web

O que é a Internet?

Internet no Brasil
Conceitos Básicos de Ambiente Web

Navegadores
Conceitos Básicos de Ambiente Web

Protocolos
Conceitos Básicos de Ambiente Web
HTML - HyperText Markup Language

• Os comandos em HTML são chamados de tags:


• Precedido de um caracter < (menor que) e seguido por um caracter >
(maior que).
• São os comandos de formatação da linguagem;
• Muitas tags possuem conteúdo;
• Podem ser escritas tanto em letras maiúsculas quanto minúsculas;
• Exemplo: <html>
• TAG de fechamento:
• Indica onde termina a área de influência;
• Possui o mesmo nome do TAG de abertura, precedido do caracter /;
• Exemplo: <tag> texto </tag>
HTML - HyperText Markup Language

• Estrutura básica de uma página


• Todo código HTML deve ser iniciado por:
<HTML>
.....
</HTML>
• Cabeçalho:
• Marcado pelas tags <HEAD> </HEAD>;
• Devemos ter um título: <TITLE> </TITLE>
• Corpo:
• Marcado pelas tags <BODY> </BODY>
HTML - HyperText Markup Language
HTML - HyperText Markup Language

• tag <meta>
• configuração da codificação de caracteres
• encoding ou charset
• Um dos valores mais comuns usados hoje em dia é o UTF-8 ou
Unicode
HTML - HyperText Markup Language
HTML - HyperText Markup Language

• instrução DOCTYPE
• instrução especial
• indica para o navegador qual versão do HTML deve ser utilizada