Aula_01_ppipipppppDesenvolvimento_WEB.pptx.pdf

Desenvolvimento Web I
Profª Ana Paula Cardoso
anapaula.cardoso@ifmg.edu.br
IFMG – Formiga/MG
02/Mar/2018
Curso Técnico em Informática

Ementa
• Conceitos básicos de ambiente web,
• Estrutura de documentos em HyperTextMarkupLanguage
(HTML),
• Sintaxe de versões mais atuais para construção de
páginas web.
• Aplicação de estilo para definição de estilos de páginas,
• Integração de linguagem de marcação e estilos
• JavaScript.

Objetivos
• Ao final dessa disciplina vocês deverão ser capazes de:
i. Produzir páginas Web estáticas com qualidade e aparência
profissionais;
ii. Diagramar páginas Web usando técnicas avançadas de estilos.
iii. Criar páginas Web interativas com JavaScript

Processo Avaliativo
• 1º Trimestre: 30,0 pontos
• 01 Avaliação Individual: 12,0 pontos – 04/05/2018
• 03 Trabalhos:
• T1: 4,0 pontos (16/03/2018)
• T2: 4,0 pontos (06/04/2018)
• T3: 4,0 pontos (20/04/2018)
• 01 Estudo de caso: 6,0 pontos (04/05/2018)
- Recuperação Trimestral:
- 30,0 pontos
- 18/05/2018

Bibliografia Básica
• CAMPOS, Leandro. HTML rápido e prático. Goiânia:
Terra, 2004.
• FLANAGAN, David. JavaScript: o guia definitivo. 4.ed.
Porto Alegre: Bookman, 2004.
• SILVA, Maurício Samy. Criando Sites com HTML. São
Paulo: Novatec, 2008.

Bibliografia Complementar
• CHAK, Andrew. Como criar sites persuasivos: clique aqui. São
Paulo: Pearson Education, 2004. [recurso eletrônico]
• FREEMAN, Elisabeth ; FREEMAN, Eric. Use a cabeça!: HTML
com CSS & XHTML. Rio de Janeiro: Alta Books, 2006.
• LEMAY, Laura. Aprenda a Criar Páginas Web com HTML e
XHTML em 21 dias. São Paulo: Pearson Education do Brasil,
2002. [recurso eletrônico]
• LEWIS, Joseph R. MOSCOWITZ, Meitar. CSS Avançado. São
Paulo: Novatec, 2010.
• LOUNDON, Kyle. Desenvolvimento de Grandes Aplicações
Web. São Paulo: Novatec, 2010.

Conceitos Básicos de Ambiente Web
O que é a Internet?
Internet no
Brasil

Navegadores

Protocolos

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>

• 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>

• 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

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

Aula_01_ppipipppppDesenvolvimento_WEB.pptx.pdf

Mais conteúdo relacionado

Semelhante a Aula_01_ppipipppppDesenvolvimento_WEB.pptx.pdf

Aula_01_ppipipppppDesenvolvimento_WEB.pptx.pdf