Apresentação da Disciplina
Desenvolvimento de Aplicações para Web
Prof. MSc. André Costa - andre.costa@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
(Está	no	Blackboard)
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	ou	Vídeos
• Material	de	Apoio
• Desafios	valendo	pontos	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
• AV	1:
• Avaliação	HTML	(em	papel)	– 8,0
• Gamifica – 2,0
• Quem	atingir	a	meta	de	60	pontos	até	a	AV1	ganhará	2	pontos	na	média
• Quem	ficar	entre	40	e	59	pontos	até	a	AV1	ganhará	1	ponto	na	média
• Quem	ficar	com	menos	de	40	pontos	até	a	AV1	não	ganhará	ponto
• Quem	ficar	em	primeiro	no	ranking	até	a	AV1	ganhará	1	ponto	extra
• Essa	meta	pode	mudar,	conferir	no	ambiente.
NOTAS
• AV	2:
• Avaliação	PHP	(computador)	– 4,0
• Trabalho	(Desenvolver	um	Sistema)	– 4,0
• Gamifica – 2,0
• Quem	atingir	a	meta	de	70	pontos	até	a	AV2	ganhará	2	pontos	na	média
• Quem	ficar	entre	45	e	69	pontos	até	a	AV2	ganhará	1	ponto	na	média
• Quem	ficar	com	menos	de	40	pontos	até	a	AV2	não	ganhará	ponto
• Quem	ficar	em	primeiro	no	ranking	até	a	AV2	ganhará	1	ponto	extra
• A	pontuação	da	Meta	1	é	zerada
• Essa	meta	pode	mudar,	conferir	no	ambiente.
Desenvolvimento	Web
DESENVOLVIMENTO	WEB
SERVIDOR	WEB
Instalação	do	XAMPP
PHP	5.6	+	MySQL	5
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
CONTEÚDO	COMPLEMENTAR
• Fazer	o	curso	de	HTML	da	W3Schools
• www.w3schools.com/html
HTML – Introdução, Estrutura e Tags
Desenvolvimento de Aplicações para Web
Prof. MSc. André Costa - andre.costa@unifacs.br
HTML	– Introdução
HTML	– Introdução
• 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	- Introdução
• Lançado	o	HTML	3.2	em	1996	em	mantido	pela	W3C (World	Wide	Web	
Consortium)
• 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	- Introdução
Tim	Berners-Lee
HTML	- Introdução
HTML	Cross	Browser
HTML	- Introdução
Exemplo de	Incompatibilidade
HTML	- Introdução
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
Título do	Conteúdo
<h1>Título 1</h1>
<h2>Título 2</h2>
…
<h6>Título 6</h6>
HTML	- Tags
Parágrafo
<p>Parágrafo 1</p>
<p>Parágrafo 2</p>
HTML	- Tags
Formatação
<p>Parágrafo com	<b>Negrito</b>,	<i>Itálico</i>	e	
<u>sublinhado</u>.</p>
HTML	- Tags
Quebra de	Linha
<p>Parágrafo com	<br><b>Negrito</b>,	<br><i>Itálico</i>	e	
<br><u>sublinhado</u>.</p>
HTML	- Tags
Impressão de	Linha
texto texto <hr>	texto texto
HTML	- Tags
Centralização
<center>texto centralizado</center>
HTML	- Tags
Caixa com	Legenda
<fieldset>
<legend>Legenda</legend>
texto
</fieldset>
HTML	- Tags
Lista Não Ordenada
<ul>
<li>Item	1</li>
<li>Item	2</li>
</ul>
HTML	- Tags
Lista Ordenada
<ol>
<li>Item	1</li>
<li>Item	2</li>
</ol>
HTML	- Tags
Imagem
<img src=“nome_figura.jpg” >
HTML	- Tags
Link	(Âncora)
<a	href=“pagina.html”	target=”_blank”>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.
Prof. MSc. André Costa
andre.costa@unifacs.br

Mais conteúdo relacionado

PDF
Aula 1. apresentação + frameworks
PPT
Laboratorio de Mídias- Faça Você Mesmo
PPT
Ferramentas de design_aula02_2010.05.17
PDF
Design aplicado na Educação à Distância
PDF
Oficinas ditatica digital
PDF
Desafios da implantação EAD
PDF
Implantação EAD com a metodologia PMI
PPTX
Oficinas Didática Digital
Aula 1. apresentação + frameworks
Laboratorio de Mídias- Faça Você Mesmo
Ferramentas de design_aula02_2010.05.17
Design aplicado na Educação à Distância
Oficinas ditatica digital
Desafios da implantação EAD
Implantação EAD com a metodologia PMI
Oficinas Didática Digital

Semelhante a Apresentação e Introdução ao HTML (10)

PDF
Apresentação + html (tags)
PDF
Apresentação + html (tags)
PPT
Aula 1 apresentação + html (tags)
PPTX
Introdução ao desenvolvimento de aplicações web
PPS
Aula 1 - Aplicações para WEB I - Apresentação
PPTX
Especialização em desenvolvimento web e aplicativos móveis - Univem
PPTX
Pós-graduação em Desenvolvimento Web e Aplicativos Móveis
PDF
Sistemas para internet
PPTX
Tópicos em Sistemas de Informação e Web I.pptx
PPTX
Programação Dinâmica para Web - Aula 1
Apresentação + html (tags)
Apresentação + html (tags)
Aula 1 apresentação + html (tags)
Introdução ao desenvolvimento de aplicações web
Aula 1 - Aplicações para WEB I - Apresentação
Especialização em desenvolvimento web e aplicativos móveis - Univem
Pós-graduação em Desenvolvimento Web e Aplicativos Móveis
Sistemas para internet
Tópicos em Sistemas de Informação e Web I.pptx
Programação Dinâmica para Web - Aula 1
Anúncio

Mais de andreluizlc (20)

PDF
Aula 6. trabalho da disciplina
PDF
Aula 5. frameworks mobile
PDF
Aula 4. bibliotecas js
PDF
Aula 3. frameworks front end
PDF
Aula 2. frameworks js
PDF
PDF
Feriado
PDF
Atividade
PDF
Avaliação
PDF
PDF
Html formulário
PDF
Html tabela
PDF
PDF
Trabalho
PDF
Revisão
PDF
Prática
PDF
PDF
JavaScript
PDF
Html (tabela)
Aula 6. trabalho da disciplina
Aula 5. frameworks mobile
Aula 4. bibliotecas js
Aula 3. frameworks front end
Aula 2. frameworks js
Feriado
Atividade
Avaliação
Html formulário
Html tabela
Trabalho
Revisão
Prática
JavaScript
Html (tabela)
Anúncio

Último (20)

PPTX
AULA 01 - INTRODUÇÃO AO ATENDIMENTO HUMANIZADO.pptx
PPTX
Concordância Nominal e Verbal e atividade
PDF
Atividades sobre o livro Letras de Carvão
PDF
Mudanças Climáticas. Texto e atividade
PDF
E-BOOK-Inovacao-em-Ciencia-e-Tecnologia-de-Alimentos.pdf
PPTX
NR 5 Treinamento completo gestão CIPA.pptx
PDF
historia-e-geografia-do-amapa.pdf slides
PDF
diário de palestra DDS Online - Apostila.pdf
PDF
639039693-CURSO-DE-PORTUGUES-Prof-Deivid-Xavier.pdf
PPTX
5° LP AULAO SHOW - SPAECE - FOCO_20231029_101331_0000.pptx
PPT
Os Grandes Períodos Históricos UESC 2009.1
PPTX
O amor e a mulher - Romantismo no Brasil.pptx
PPTX
AULA 5 - HIGIENE HOSPITALAR .pptx
PPTX
Aula 2 (Citologia).pptxlllllllllllllllllllllllll
PDF
Historia-da-Psicologia-Rumos-e-percursos.pdf
PDF
projeto 5 Em movimento Ciencias Humanas.pdf
PPTX
SEGURANÇA, MEIO AMBIENTE E SAÚDE Aula 1.pptx
PPTX
Aulwbrivekwohevjeoeiiegeievjebvejeihegeueh
PPTX
REVISA-GOIAS-6o-ANO-LP-3o-BIMESTRE-PPT.pptx
PPTX
Adaptação Curricular para Alunos com Deficiências - EMEB. ODIR (1).pptx
AULA 01 - INTRODUÇÃO AO ATENDIMENTO HUMANIZADO.pptx
Concordância Nominal e Verbal e atividade
Atividades sobre o livro Letras de Carvão
Mudanças Climáticas. Texto e atividade
E-BOOK-Inovacao-em-Ciencia-e-Tecnologia-de-Alimentos.pdf
NR 5 Treinamento completo gestão CIPA.pptx
historia-e-geografia-do-amapa.pdf slides
diário de palestra DDS Online - Apostila.pdf
639039693-CURSO-DE-PORTUGUES-Prof-Deivid-Xavier.pdf
5° LP AULAO SHOW - SPAECE - FOCO_20231029_101331_0000.pptx
Os Grandes Períodos Históricos UESC 2009.1
O amor e a mulher - Romantismo no Brasil.pptx
AULA 5 - HIGIENE HOSPITALAR .pptx
Aula 2 (Citologia).pptxlllllllllllllllllllllllll
Historia-da-Psicologia-Rumos-e-percursos.pdf
projeto 5 Em movimento Ciencias Humanas.pdf
SEGURANÇA, MEIO AMBIENTE E SAÚDE Aula 1.pptx
Aulwbrivekwohevjeoeiiegeievjebvejeihegeueh
REVISA-GOIAS-6o-ANO-LP-3o-BIMESTRE-PPT.pptx
Adaptação Curricular para Alunos com Deficiências - EMEB. ODIR (1).pptx

Apresentação e Introdução ao HTML