Direitos reservados - Ricardo Buriti Belm

Ricardo Buriti Belm

DESENVOLVIMENTO WEB I
1

Direitos reservados - Ricardo Buriti Belm

APRESENTAO PESSOAL
Bacharel em Cincia da Computao Esp. em Tec. Em Gesto da Informao MBA em Engenharia de Software Customizador da Plataforma MOODLE do CEPA Professor Formador e Conteudista Cursos Tcnicos EaD Professor Cursos Tcnicos Informtica

Direitos reservados - Ricardo Buriti Belm

APRESENTAO DISCIPLINA
Conhecer os Padres de desenvolvimento para internet; Linguagem de Marcao HTML; Folhas de Estilo CSS; Linguagem de Programao Java Script; Framework jQuery

Direitos reservados - Ricardo Buriti Belm

AVALIAES
Atividades; Trs avaliaes (provas); Um TCM

Documental

(impresso e ou digital) Apresentao

Direitos reservados - Ricardo Buriti Belm

HTML NOES BSICAS

WWW ou simplesmente web; HTML O que browsers?

IE,

Mozilla Firefox, Chrome, Opera, Safari, qual usar? Utilizar o firefox, por conter plugins;

Quem define os padres da web?

Direitos reservados - Ricardo Buriti Belm

HTML NOES BSICAS

Como criar cdigo HTML?

Utilizando

editores;

Qual editor utilizar? (Windows)

Notepad

(bloco de notas); Notepad++(www.notepad-plus-plus.org ); HTMLKIT(www.htmlkit.com); Coffeecup(www.coffeecup.com); Arachnophilia(http://www.arachnoid.com/arachno philia/)

6

Direitos reservados - Ricardo Buriti Belm

Qual editor utilizar?(Linux)

Gedit Cream

cream.sourceforge.net

Screem

www.screem.org
quanta.sourceforge.net/release2.php

Quanta

Kompozer

Sudo apt-get install kompozer

Sudo apt-get install bluefish

Bluefish

Direitos reservados - Ricardo Buriti Belm

ATIVANDO AMOSTRAGEM DE EXTENSO DE ARQUIVOS

Abra qualquer janela no Windows. Clique em ferramentas Opes de pasta Modo de exibio Procurar e desmarcar a opo ocultar as extenses dos tipos de arquivo conhecido.

Direitos reservados - Ricardo Buriti Belm

TEORIA DAS CORES

A cor exerce ao trplice: a de impressionar, a de expressar e a de construir;

A

cor vista: impressiona a retina; A cor sentida: provoca emoo; A cor construtiva, pois tendo um significado prprio, possui valor de smbolo, podendo assim, construir uma linguagem que comunique uma ideia, que pode ser de leveza, alegria, sobriedade, etc.

Para mais informaes http://www.teoriadascores.com.br

acesse:
9

Direitos reservados - Ricardo Buriti Belm

CRIANDO O PRIMEIRO ARQUIVO HTML

Abra o editor de texto; Crie uma pasta com o nome desenvolvimento_1; Crie um arquivo e salve como o nome aula01.html, dentro da pasta criada; Acesse a pasta e clique duas vezes no arquivo criado.

10

Direitos reservados - Ricardo Buriti Belm

TAGS OU COMANDOS HTML

Identificao
<>representa

inicio, </> representa o fim;

Dicas
Toda

vez que abrir uma tag, feche em seguida Identao (tabulao)

Tags mais importantes

html,

head, body, title

11

Direitos reservados - Ricardo Buriti Belm

MEU SEGUNDO ARQUIVO

Criando um novo arquivo .html, siga o exemplo

12