SlideShare uma empresa Scribd logo
DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
APRESENTAÇAO E INTRODUÇÃO
andre.costa@pro.unifacs.br
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
Disponível no Gamifica*
NOVA METODOLOGIA
Utilização de uma nova “plataforma”:
GAMIFICA
http://andrecosta.info/gamifica
GAMIFICA
•  Aulas disponíveis no ambiente
– Slides
– Material de Apoio
– Desafios valendo ponto na plataforma
– Enviar desafio até a véspera da aula
– Conferir arquivo enviado
•  Quem atingir a pontuação mínima ganha
ponto na disciplina
NOTAS
•  NOTA 1:
– Avaliação HTML (em papel) – 8,0
– Gamifica – 2,0
•  Quem atingir a meta de 60 pontos até o dia da
avaliação HTML ganhará 2 pontos na média
•  Quem ficar entre 40 e 59 pontos até o dia da
avaliação HTML ganhará 1 ponto na média
•  Quem ficar com menos de 40 pontos não ganhará
ponto
NOTAS
•  NOTA 2:
– Avaliação PHP (computador) – 5,0
– Trabalho (Desenvolver um Sistema) – 3,0
– Gamifica – 2,0
•  Quem atingir uma nova meta de 70 pontos até o
dia da avaliação PHP ganhará 2 ponto na média
•  Quem ficar entre 45 e 69 pontos até o dia da
avaliação PHP ganhará 1 ponto na média
•  Os 2 primeiros colocados (somando as duas
metas) ganharão 1 ponto extra
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
andre.costa@pro.unifacs.br
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
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	a	página	de	uma	banda	
contendo:	Foto,	discografia,	história	e	vídeo.

Mais conteúdo relacionado

PDF
Apresentação + html (tags)
PPT
Aula 1 apresentação + html (tags)
PDF
Aula 1 apresentação + html (tags)
PPT
Laboratorio de Mídias- Faça Você Mesmo
PDF
Aula 1. apresentação + frameworks
PDF
PROJETO INTEGRADO - CURSOS DA ÁREA DE TI - A UML (Linguagem de Modelagem Uni...
PDF
Aula 2. frameworks js
PPTX
Célula Acadêmica ILES/ULBRA.NET
Apresentação + html (tags)
Aula 1 apresentação + html (tags)
Aula 1 apresentação + html (tags)
Laboratorio de Mídias- Faça Você Mesmo
Aula 1. apresentação + frameworks
PROJETO INTEGRADO - CURSOS DA ÁREA DE TI - A UML (Linguagem de Modelagem Uni...
Aula 2. frameworks js
Célula Acadêmica ILES/ULBRA.NET

Destaque (8)

PDF
Html (formulário)
PDF
PDF
Html (tabela)
PDF
JavaScript
PDF
Feriado
PDF
Revisão
PDF
Avaliação
PDF
Minicurso de HTML básico - Atualizado para HTML5
Html (formulário)
Html (tabela)
JavaScript
Feriado
Revisão
Avaliação
Minicurso de HTML básico - Atualizado para HTML5
Anúncio

Semelhante a Apresentação + html (tags) (20)

PDF
Apresentação e Introdução ao HTML
PPT
Planode Aula
PDF
CURRICULUM-FRANCISCO-ABRANTES
PPSX
Vitor portfólio prof tecnico 2016 free lance
PPT
Aula1 Apresentacao TEES
PDF
Introdução ao RUP
PPTX
INES presentation - Evaluation meeting at FACEPE
PPS
Apresentação do curso técnico de informática modalidade EAD
PPTX
Pós-graduação em Desenvolvimento Web e Aplicativos Móveis
PPTX
Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...
PPTX
Apresentacao artigo final
PDF
Cursos a3
PPTX
Rup e metodos ágies
PDF
Modelos de Processo de Software Parte 4
PDF
CakePHP - Aprendendo a fazer o primeiro bolo
PDF
Projeto Integrado Áreas de TI - iniciar uma jornada empreendedora.pdf
PPTX
Apresentação da Disciplina Gerência de Projetos - DCOMP - UFS
PPTX
Curitiba treinamentos corporativos
PDF
Medindo o Desempenho de sua aplicação com as APIs de Web Performance
PPSX
Seminários V - Ads -UNOPAR ARAGUAINA,TO - POLO II
Apresentação e Introdução ao HTML
Planode Aula
CURRICULUM-FRANCISCO-ABRANTES
Vitor portfólio prof tecnico 2016 free lance
Aula1 Apresentacao TEES
Introdução ao RUP
INES presentation - Evaluation meeting at FACEPE
Apresentação do curso técnico de informática modalidade EAD
Pós-graduação em Desenvolvimento Web e Aplicativos Móveis
Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...
Apresentacao artigo final
Cursos a3
Rup e metodos ágies
Modelos de Processo de Software Parte 4
CakePHP - Aprendendo a fazer o primeiro bolo
Projeto Integrado Áreas de TI - iniciar uma jornada empreendedora.pdf
Apresentação da Disciplina Gerência de Projetos - DCOMP - UFS
Curitiba treinamentos corporativos
Medindo o Desempenho de sua aplicação com as APIs de Web Performance
Seminários V - Ads -UNOPAR ARAGUAINA,TO - POLO II
Anúncio

Mais de andreluizlc (18)

PDF
Aula 6. trabalho da disciplina
PDF
Aula 5. frameworks mobile
PDF
Aula 4. bibliotecas js
PDF
Aula 3. frameworks front end
PDF
PDF
Feriado
PDF
Atividade
PDF
Avaliação
PDF
PDF
Html formulário
PDF
Html tabela
PDF
Trabalho
PDF
Prática
PDF
PDF
PDF
Prática
PDF
Aula 14 php (sessão)
Aula 6. trabalho da disciplina
Aula 5. frameworks mobile
Aula 4. bibliotecas js
Aula 3. frameworks front end
Feriado
Atividade
Avaliação
Html formulário
Html tabela
Trabalho
Prática
Prática
Aula 14 php (sessão)

Último (20)

PDF
cadernodoprofessor20142017vol2baixalceducfisicaef6s7a-170409213016.pdf manual...
PPT
Domínios Morfoclimáticos.................................
PDF
edital-de-chamamento-publico-no-3-2025.pdf
PDF
Reino Monera - Biologiaensinomediofun.pdf
PPTX
5. A cultura do mundo virtual - globalidade.pptx
PPT
YY2015MM3DD6HH12MM42SS3-Organiza__o do Estado ILP.ppt
PPT
Elementos constituintes do esquema argumentativo (tese, argumento, tema, pont...
PPT
1ª Telefonia Fixa Padrao Novo Jailton 2012_22.ppt
PPTX
PERÍODO SIMPLES - TERMOS ESSENCIAIS DA ORAÇÃO - Valdeci.pptx
PPTX
matriaesuastransformaes-1ano-230402203238-f3b10049.pptx
PDF
[Slides] A Literatura no ENEM 2017 (1).pdf
PDF
historia-e-geografia-do-amapa.pdf slides
PPTX
Slides Lição 8, Betel, Jesus e a Mulher Adúltera, 3Tr25.pptx
PPTX
INTRODUÇÃO AO ESTUDO DA ANATOMIA HUMANA [Salvo automaticamente].pptx
PDF
Pecados desdenhados por muita gente (islamismo)
PPTX
REVISA-GOIAS-6o-ANO-LP-3o-BIMESTRE-PPT.pptx
PDF
Atividades sobre o livro Letras de Carvão
PDF
01-slide-especialidade-mensageira-de-deus.pdf
PPTX
1. A Cultura do Palco - muitos palcos, um espetáculo.pptx
PPTX
AULA METodologia MODIFIC PART 1 MSC.pptx
cadernodoprofessor20142017vol2baixalceducfisicaef6s7a-170409213016.pdf manual...
Domínios Morfoclimáticos.................................
edital-de-chamamento-publico-no-3-2025.pdf
Reino Monera - Biologiaensinomediofun.pdf
5. A cultura do mundo virtual - globalidade.pptx
YY2015MM3DD6HH12MM42SS3-Organiza__o do Estado ILP.ppt
Elementos constituintes do esquema argumentativo (tese, argumento, tema, pont...
1ª Telefonia Fixa Padrao Novo Jailton 2012_22.ppt
PERÍODO SIMPLES - TERMOS ESSENCIAIS DA ORAÇÃO - Valdeci.pptx
matriaesuastransformaes-1ano-230402203238-f3b10049.pptx
[Slides] A Literatura no ENEM 2017 (1).pdf
historia-e-geografia-do-amapa.pdf slides
Slides Lição 8, Betel, Jesus e a Mulher Adúltera, 3Tr25.pptx
INTRODUÇÃO AO ESTUDO DA ANATOMIA HUMANA [Salvo automaticamente].pptx
Pecados desdenhados por muita gente (islamismo)
REVISA-GOIAS-6o-ANO-LP-3o-BIMESTRE-PPT.pptx
Atividades sobre o livro Letras de Carvão
01-slide-especialidade-mensageira-de-deus.pdf
1. A Cultura do Palco - muitos palcos, um espetáculo.pptx
AULA METodologia MODIFIC PART 1 MSC.pptx

Apresentação + html (tags)