Aulas UNIFACS

1. DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
APRESENTAÇAO E INTRODUÇÃO
andre.costa@pro.unifacs.br

2. ANDRÉ COSTA
• Mestre em Modelagem Computacional e Tecnologia
Industrial
• MBA em Gestão da Informação e Projetos de Business
Intelligence
• Bacharel em Sistemas da Informação
• Cursos de Gestão de Projetos
• Coordenador da Equipe de Desenvolvimento do ITED/
SENAI-BA
• Professor Universitário (Todos os cursos de TI)
www.andrecosta.info

3. A TURMA
E vocês? Qual o perfil da turma?

4. HORÁRIO
Com ou sem intervalo?

5. PLANO DE ENSINO
Apresentação do Plano de Ensino

6. PLANO DE ENSINO
Apresentação do Cronograma

7. TRABALHO
Apresentação do Trabalho Final
Desenvolver um Sistema em PHP

8. NOVA METODOLOGIA
Utilização de uma nova “plataforma”:
GAMIFICA
http://andrecosta.info/aulas

9. PRÊMIO
O “Melhor” escolhe!

10. Desenvolvimento Web

11. DESENVOLVIMENTO WEB

12. SERVIDOR WEB
Instalação do XAMPP
PHP + MySQL

13. INSTALAÇÃO DO XAMPP

14. INSTALAÇÃO DO XAMPP

15. INSTALAÇÃO DO XAMPP

16. INSTALAÇÃO DO XAMPP

17. INSTALAÇÃO DO XAMPP

18. INSTALAÇÃO DO XAMPP

19. INSTALAÇÃO DO XAMPP

20. INSTALAÇÃO DO XAMPP

21. INSTALAÇÃO DO XAMPP

22. INSTALAÇÃO DO XAMPP

23. INSTALAÇÃO DO XAMPP

24. ATIVIDADE
• Fazer o curso de HTML da W3Schools
– www.w3schools.com/html
• Fazer o seu currículo em HTML
– Utilizar título, lista, imagem, link e tentar
utilizar tabela

25. DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
HTML – Introdução, Estrutura e Tags
andre.costa@pro.unifacs.br

26. HTML
-­‐
História

27. HTML
-­‐
História
• HTML - HyperText Markup Language
– Não é uma linguagem de programação
– É uma linguagem de marcação
• Criado pelo Físico Tim Berners-Lee em
1980
• Tornou-se pública em 1991
• Lançado o HTML 2.0 em 1994

28. HTML
-­‐
História
• Lançado
o
HTML
3.2
em
1996
em
man.do
pela
W3C
(World
Wide
Web
Consor.um)
• Lançado
o
HTML
4.0
em
1997
e
lançado
uma
errata
em
1999
com
o
HTML
4.01
• Lançado
em
2008
o
HTML
5

29. HTML
-­‐
História
Tim Berners-Lee

30. HTML
-­‐
História
HTML
Cross
Browser

31. HTML
-­‐
História
Exemplo
de
Incompa.bilidade

32. HTML
-­‐
História

33. HTML
-­‐
Estrutura

34. HTML
-­‐
Estrutura
<tag
atributo=“valor”>conteúdo</tag>
ou
<tag
atributo=“valor”
/>
CERTO:
<tag_1><tag_2>texto</tag_2></tag_1>
ERRADO
<tag_1><tag_2>texto</tag_1></tag_2>

35. HTML
-­‐
Estrutura

36. HTML
-­‐
Estrutura

37. HTML
-­‐
Tags

38. HTML
-­‐
Tags
• <h1>Título
1</h1>
• <h2>Título
2</h2>
…
• <h6>Título
6</h6>

39. HTML
-­‐
Tags
• <p>Parágrafo
1</p>
• <p>Parágrafo
2</p>

40. HTML
-­‐
Tags
• <p>Parágrafo
com
<b>Negrito</b>,
<i>Itálico</i>
e
<u>sublinhado</u>.</p>

41. HTML
-­‐
Tags
• <p>Parágrafo
com
<br
/><b>Negrito</b>,
<br
/><i>Itálico</i>
e
<br
/><u>sublinhado</u>.</p>

42. HTML
-­‐
Tags
• texto
texto
<hr
/>
texto
texto

43. HTML
-­‐
Tags
• <center>texto
centralizado</center>

44. HTML
-­‐
Tags
• <fieldset>
<legend>Legenda</legend>
texto
</fieldset>

45. HTML
-­‐
Tags
• <ul>
<li>Item
1</li>
<li>Item
2</li>
</ul>

46. HTML
-­‐
Tags
• <ol>
<li>Item
1</li>
<li>Item
2</li>
</ol>

47. HTML
-­‐
Tags
• <img
src=“figura_teste.gif”
/>

48. HTML
-­‐
Tags
• <a
href=“pagina.html”>Link
para
Página</a>

49. HTML
-­‐
Tags
Mão
na
massa!
Desenvolva
em
HTML
um
modelo
de
currículo,
contendo:
Foto,
Dados
pessoais,
Obje.vo,
Escolaridade
e
Experiência.