DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
APRESENTAÇAO E INTRODUÇÃO
[email protected]
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
A TURMA
E vocês? Qual o perfil da turma?
HORÁRIO
Com ou sem intervalo?
PLANO DE ENSINO
Apresentação do Plano de Ensino
PLANO DE ENSINO
Apresentação do Cronograma
TRABALHO
Apresentação do Trabalho Final
Desenvolver um Sistema em PHP
NOVA METODOLOGIA
Utilização de uma nova “plataforma”:
GAMIFICA
http://andrecosta.info/aulas
PRÊMIO
O “Melhor” escolhe!
Desenvolvimento Web
DESENVOLVIMENTO WEB
SERVIDOR WEB
Instalação do XAMPP PHP + MySQL
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
INSTALAÇÃO DO XAMPP
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
DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
HTML – Introdução, Estrutura e Tags
[email protected]
HTML -‐ História
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
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
HTML -‐ História
Tim Berners-Lee
HTML -‐ História
HTML Cross Browser
HTML -‐ História
Exemplo de Incompa.bilidade
HTML -‐ História
HTML -‐ Estrutura
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>
HTML -‐ Estrutura
HTML -‐ Estrutura
HTML -‐ Tags
• <h1>Título 1</h1> • <h2>Título 2</h2> … • <h6>Título 6</h6>
HTML -‐ Tags
• <p>Parágrafo 1</p> • <p>Parágrafo 2</p>
HTML -‐ Tags
• <p>Parágrafo com <b>Negrito</b>, <i>Itálico</i> e <u>sublinhado</u>.</p>
HTML -‐ Tags
• <p>Parágrafo com <br /><b>Negrito</b>, <br /><i>Itálico</i> e <br /><u>sublinhado</u>.</p>
HTML -‐ Tags
• texto texto <hr /> texto texto
HTML -‐ Tags
• <center>texto centralizado</center>
HTML -‐ Tags
• <fieldset> <legend>Legenda</legend> texto
</fieldset>
HTML -‐ Tags
• <ul> <li>Item 1</li> <li>Item 2</li>
</ul>
HTML -‐ Tags
• <ol> <li>Item 1</li> <li>Item 2</li>
</ol>
HTML -‐ Tags
• <img src=“figura_teste.gif” />
HTML -‐ Tags
• <a href=“pagina.html”>Link para Página</a>
HTML -‐ Tags
Mão na massa! Desenvolva em HTML um modelo de currículo, contendo: Foto, Dados pessoais, Obje.vo, Escolaridade e Experiência.