ATIVIDADE PRATICA 2022 - FERRAMENTA DE DESENVOLVIMENTO WEB

•

UNINTER

2

0

2

0

2

arlequina x9

13/09/2022

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 4 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Ferramentas de Desenvolvimento Web

977 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

ATIVIDADE PRÁTICA
1. OBJETIVO
Aplicar os conceitos estudados na disciplina de Ferramentas de
Desenvolvimento Web.
2. PROGRAMAS NECESSÁRIOS
Para desenvolver esta atividade será necessário:
❖ HTML
❖ CSS
❖ BOOTSTRAP
❖ JavaScript
❖ Acesso a um provedor de hospedagem gratuito.
❖ Um diagramador (IDE VS Code, por exemplo)
3. ORIENTAÇÕES GERAIS
Desenvolver um site, totalmente funcional, com no mínimo quatro links,
conforme orientações, e publicá-lo num servidor de hospedagem gratuito.
O tema do site: Portfólio pessoal (CV online).
· Estrutura de pastas do projeto
(COLOCAR IMAGEM)
· COLOCAR NOME DOS ARQUIVOS
(COPIAR CÓDIGO)
[arquivo] index.html
<html>
<meta charset="utf-8">
	<head>
		<img src="https://trabalhouninter.000webhostapp.com/imagens/ttk.jpg" height="50%" width="100%"></>
		<h1 style="color:cyan;" align="center">Portifólio pessoal</h1>
		<img src="https://trabalhouninter.000webhostapp.com/imagens/foto.jpeg" height="30%" width="15%" align="left"></>
		<title>TrabalhoUninter HTML</title>
	</head>
	<body style="background-color:purple;">
		<h2 style="color:cyan;" align="center">Sobre</h2>
			<p style="color:cyan;" align="center"> Link 01: <a style="color:white;" href="https://trabalhouninter.000webhostapp.com/Links/index1.html" target="_blank"> clique aqui </a> </p>
			<p style="color:cyan;" align="center"> Link 02: <a style="color:white;" href="https://trabalhouninter.000webhostapp.com/Links/index2.html" target="_blank"> clique aqui </a> </p>
			<p style="color:cyan;" align="center"> Link 03: <a style="color:white;" href="https://trabalhouninter.000webhostapp.com/Links/index3.html" target="_blank"> clique aqui </a> </p>
			
			<p style="color:cyan;" align="center"> Link 04: <a style="color:white;" href="https://trabalhouninter.000webhostapp.com/Links/index4.html" target="_blank"> clique aqui </a> </p>
			<br></br>
		<h2 style="color:cyan;"> Contato </h2>		
	</body>
	<footer>
	<p style="color:cyan;"> E-mail: <a style="color:white;" href="mailto:99999999999999"> 99999999999999 </a> </p>
	</footer>
</html>
[arquivo] index1.html
<html>
<meta charset="utf-8">
	<head>
		<h1 style="color:cyan;" align="center">Sobre mim:</h1>
		<title>TrabalhoUninterPg01 HTML</title>
	</head>
	<body style="background-color:purple;">
		
		<h2 style="color:cyan;" align="center"> </h2>
			<p style="color:cyan;" align="center"> Gosto de jogar jogos online</p>
			<p style="color:cyan;" align="center"> Enquanto ouço musica.</p>
			<br></br>
		
	</body>
	<footer>
	<p style="color:cyan;"> Contato: </p>
	<p style="color:cyan;"> E-mail: <a style="color:white;" href="mailto:9999999999999999"> 9999999999999999999999 </a> </p>
	</footer>
</html>
[arquivo] index2.html
<html>
<meta charset="utf-8">
	<head>
		<h1 style="color:cyan;" align="center">Sobre mim:</h1>
		<title>TrabalhoUninterPg02 HTML</title>
	</head>
	<body style="background-color:purple;">
		<h2 style="color:cyan;" align="center"> </h2>
			<p style="color:cyan;" align="center"> Estou fazendo graduação em Análise e desenvolvimento de sistemas a disância.</p>
			<br></br>
		
	</body>
	<footer>
	<p style="color:cyan;"> Contato: </p>
	<p style="color:cyan;"> E-mail: <a style="color:white;" href="mailto:99999999999999999"> 9999999999999999999999999 </a> </p>
	</footer>
</html>
[arquivo] index3.html
<html>
<meta charset="utf-8">
	<head>
		<h1 style="color:cyan;" align="center">Trabalhos:</h1>
		<title>TrabalhoUninterPg03 HTML</title>
	</head>
	<body style="background-color:purple;">
		<h2 style="color:cyan;" align="center"> </h2>
			<p style="color:cyan;" align="center"> Não vai ter trabalho aqui pois eu perdi os pendrives que eles estavam salvos.</p>
			<br></br>
		
	</body>
	<footer>
	<p style="color:cyan;"> Contato: </p>
	<p style="color:cyan;"> E-mail: <a style="color:white;" href="mailto:99999999999999999999999999999999"> 999999999999999999999999999999999 </a> </p>
	</footer>
</html>
[arquivo] index4.html
<html>
<meta charset="utf-8">
	<head>
		<h1 style="color:cyan;" align="center">Contato:</h1>
		<title>TrabalhoUninterPg04 HTML</title>
	</head>
	<body style="background-color:purple;">
		<h2 style="color:cyan;" align="center"> </h2>
			<p style="color:cyan;" align="center"> ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ </p>
			<br></br>
		
	</body>
	<footer>
	<p style="color:cyan;" align="center"> E-mail: <a style="color:white;" href="999999999"> 9999999999999 </a> </p>
	</footer>
</html>