Aula 1 apresentação + html (tags)
- 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
- 12. SERVIDOR WEB Instalação do XAMPP PHP + MySQL
- 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
- 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
- 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>
- 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.