ATIVIDADE PRATICA 2022 - FERRAMENTA DE DESENVOLVIMENTO WEB

breadcrumb-separator

Exatas

em 13/09/2022

Conteúdos escolhidos para você

HTML: Estrutura e Evolução

HTML: Estrutura e Evolução

FERRAMENTAS DA PROGRAMAÇÃO WEB - ATIVIDADE PRATICA

FERRAMENTAS DA PROGRAMAÇÃO WEB - ATIVIDADE PRATICA

Fundamentos da Programação Web

Fundamentos da Programação Web

HTML DEV

FAM

Tags Estruturais

Tags Estruturais

ESTÁCIO

Perguntas dessa disciplina

Questão 4Uma das aplicações que mais contribuiu para o aumento do número de usuários na internet foi o navegador web. A partir da criação da www (w...

UNIASSELVI

Front end ou parte frontal da computação nada mais é do que a parte responsável por prover a interface com o usuário de determinada aplicação. Assi...

UNIVALE

A HTML semântica é uma abordagem para desenvolver páginas da web qua atribui significado estrutural aos elementos html. Em vez de usar tags apenas ...

○ código abaixo é o exemplo de uma sintaxe básica de um código HTML: Neste sentido um...

Uniasselvi

O HTML é a linguagem base utilizada para estruturar todo o conteúdo exibido em páginas da web. No entanto, muitos iniciantes confundem HTML com outras

UNICID

Material

left-side-bubbles-background

right-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-background

right-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-background

right-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-background

right-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

Conteúdos escolhidos para você

HTML: Estrutura e Evolução

HTML: Estrutura e Evolução

FERRAMENTAS DA PROGRAMAÇÃO WEB - ATIVIDADE PRATICA

FERRAMENTAS DA PROGRAMAÇÃO WEB - ATIVIDADE PRATICA

Fundamentos da Programação Web

Fundamentos da Programação Web

HTML DEV

FAM

Tags Estruturais

Tags Estruturais

ESTÁCIO

Perguntas dessa disciplina

Questão 4Uma das aplicações que mais contribuiu para o aumento do número de usuários na internet foi o navegador web. A partir da criação da www (w...

UNIASSELVI

Front end ou parte frontal da computação nada mais é do que a parte responsável por prover a interface com o usuário de determinada aplicação. Assi...

UNIVALE

A HTML semântica é uma abordagem para desenvolver páginas da web qua atribui significado estrutural aos elementos html. Em vez de usar tags apenas ...

○ código abaixo é o exemplo de uma sintaxe básica de um código HTML: Neste sentido um...

Uniasselvi

O HTML é a linguagem base utilizada para estruturar todo o conteúdo exibido em páginas da web. No entanto, muitos iniciantes confundem HTML com outras

UNICID

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>