Explorador de arquivos

O que é um sistema operacional?

O sistema operacional é o programa principal do computador. Ele gerencia tudo o que acontece no computador. Exemplos de sistemas operacionais são Windows, macOS e Linux.

O sistema operacional organiza os dados em discos, pastas e arquivos. Sem ele, o computador não funcionaria.

O que é um disco?

Disco é o lugar físico ou virtual onde os dados ficam guardados. O disco pode ser o硬盘 interno do computador, um SSD, um pen drive ou um disco externo.

No Windows, os discos recebem letras. O disco principal geralmente é a letra C. Um pen drive pode ser a letra D ou E.

No macOS, os discos aparecem com nomes como Macintosh HD.

O que é uma pasta?

Pasta é um local dentro do disco que serve para organizar arquivos. Dentro de uma pasta, você pode colocar outros arquivos e também outras pastas.

Uma pasta dentro de outra pasta é chamada de subpasta.

As pastas funcionam como gavetas. Você guarda documentos dentro de gavetas para encontrar mais fácil depois.

Exemplos de pastas em um computador: Documentos, Imagens, Música, Vídeos, Downloads.

O que é um arquivo?

Arquivo é um documento digital que contém informações. Pode ser um texto, uma foto, uma música, um vídeo, um programa ou um código de programação.

Cada arquivo tem um nome e uma extensão. A extensão é o que vem depois do ponto no nome do arquivo.

Exemplos de arquivos com suas extensões:

• foto.jpg é uma imagem.
• musica.mp3 é uma música.
• video.mp4 é um vídeo.
• index.html é uma página web.
• estilo.css é um arquivo de estilo.

A extensão indica ao sistema operacional qual programa deve abrir aquele arquivo.

O que é o Explorador de Arquivos?

Explorador de Arquivos é o nome do programa que vem com o sistema operacional para você navegar pelos discos, pastas e arquivos.

• No Windows, o programa se chama Explorador de Arquivos.
• No macOS, o programa se chama Finder.
• No Linux, pode se chamar Nautilus ou Dolphin.

Esse programa mostra na tela a árvore de pastas e arquivos do seu computador.

Como abrir o Explorador de Arquivos no Windows?

Existem várias maneiras. As mais comuns são:

1: Clique no ícone da pasta na barra de tarefas do Windows.

2: Pressione a tecla Windows mais a letra E ao mesmo tempo.

3: Clique no botão Iniciar, digite Explorador de Arquivos e clique no resultado.

O que você vê no Explorador de Arquivos?

• No lado esquerdo, você vê uma lista de locais. Aparecem Este Computador, Documentos, Downloads e os discos disponíveis como C e D.
• No lado direito, você vê o conteúdo da pasta que está selecionada. Você vê as subpastas e os arquivos.
• Na barra de endereços, no topo da janela, você vê o caminho completo da pasta onde você está.

O que é um caminho?

Caminho é o endereço de uma pasta ou arquivo dentro do computador. O caminho mostra a sequência de pastas que você precisa seguir para chegar até o arquivo.

Exemplo de caminho no Windows:
C:\Usuários\SeuNome\Documentos\meu-arquivo.html

Este caminho significa: dentro do disco C, dentro da pasta Usuários, dentro da pasta SeuNome, dentro da pasta Documentos, está o arquivo meu-arquivo.html.

Exemplo de caminho no macOS:
/Usuários/SeuNome/Documentos/meu-arquivo.html

A diferença é que o Windows usa a barra invertida \ e o macOS usa a barra normal /.

O que é árvore de diretórios?

Árvore de diretórios é o nome técnico para a organização de pastas e subpastas. Parece uma árvore de cabeça para baixo: a pasta raiz é o tronco principal e as subpastas são os galhos.

Pasta raiz é a pasta mais alta de um disco. No Windows, o disco C tem uma pasta raiz que se chama C:. Dentro dela, você pode criar outras pastas.

Operações básicas com pastas e arquivos

Existem cinco operações básicas que você precisa saber fazer.

• Operação 1: Criar uma pasta
  Abra o Explorador de Arquivos. Navegue até o local onde você quer criar a pasta. Clique com o botão direito em um espaço vazio. Escolha Novo e depois Pasta. Digite o nome da pasta e pressione Enter.
• Operação 2: Renomear uma pasta ou arquivo
  Clique com o botão direito no nome da pasta ou arquivo. Escolha Renomear. Digite o novo nome e pressione Enter.
• Operação 3: Mover uma pasta ou arquivo
  Clique no item que você quer mover. Pressione Ctrl X para recortar. Navegue até a pasta de destino. Pressione Ctrl V para colar.
• Operação 4: Copiar uma pasta ou arquivo
  Clique no item que você quer copiar. Pressione Ctrl C para copiar. Navegue até a pasta de destino. Pressione Ctrl V para colar.
• Operação 5: Excluir uma pasta ou arquivo
  Clique no item que você quer excluir. Pressione a tecla Delete. Confirme se você quer enviar o item para a Lixeira.

O que é a Lixeira?

Lixeira é uma pasta especial onde os arquivos excluídos vão parar. Eles não são apagados definitivamente. Você pode abrir a Lixeira e restaurar um arquivo que foi excluído por engano.

Para apagar um arquivo definitivamente, sem mandar para a Lixeira, pressione Shift mais Delete.

Extensões de arquivo mais comuns

Arquivos de texto: .txt
Arquivos de imagem: .jpg, .png, .gif, .bmp
Arquivos de áudio: .mp3, .wav, .ogg
Arquivos de vídeo: .mp4, .avi, .mov
Arquivos de página web: .html, .htm, .css, .js
Arquivos compactados: .zip, .rar, .7z
Arquivos de programa: .exe no Windows, .app no macOS, .deb no Linux

Por que isso é importante para o desenvolvimento web?

Quando você programa sites, você cria pastas e arquivos o tempo todo.

Você cria uma pasta para cada projeto. Dentro dela, você coloca o arquivo index.html, a pasta de imagens, o arquivo estilo.css e o arquivo script.js.

Você precisa saber navegar pelo Explorador de Arquivos para encontrar seus projetos.

Você precisa saber copiar e mover arquivos entre pastas.

Você precisa entender os caminhos para saber como linkar um arquivo CSS dentro do HTML.

Exemplo prático de organização de um projeto web

Dentro da sua pasta chamada meus-sites, você cria uma pasta chamada meu-primeiro-projeto.

Dentro de meu-primeiro-projeto, você cria os seguintes itens:

meu-primeiro-projeto/
index.html
estilo.css
script.js
imagens/
logo.png
fundo.jpg

A pasta imagens é uma subpasta dentro de meu-primeiro-projeto. Dentro dela, você guarda as imagens do site.

Resumo do tema

Disco: o lugar físico ou virtual onde os dados são guardados. Exemplo: disco C.

Pasta: um local dentro do disco para organizar arquivos. Funciona como uma gaveta.

Arquivo: um documento digital com nome e extensão. Exemplo: foto.jpg.

Explorador de Arquivos: o programa que mostra pastas e arquivos na tela.

Caminho: o endereço de uma pasta ou arquivo dentro do computador.

Lixeira: pasta especial onde arquivos excluídos ficam guardados temporariamente.

Para o desenvolvimento web, você precisa saber criar, renomear, mover, copiar e excluir pastas e arquivos.

EXERCICIOS DE FIXACAO MULTIPLA ESCOLHA

Pergunta 1
O que é um sistema operacional?

a) Um programa que edita imagens
b) Um programa que gerencia tudo o que acontece no computador
c) Um tipo de arquivo de texto
d) Um navegador de internet

Pergunta 2
O que é um disco no contexto de computadores?

a) Um tipo de arquivo de música
b) Um lugar físico ou virtual onde os dados ficam guardados
c) Um programa de edição de texto
d) Um tipo de pasta especial

Pergunta 3
Como os discos são identificados no sistema Windows?

a) Por nomes como Disco1, Disco2
b) Por números como 01, 02
c) Por letras como C, D, E
d) Por cores como Azul, Verde

Pergunta 4
O que é uma pasta?

a) Um documento digital com nome e extensão
b) Um local dentro do disco para organizar arquivos
c) Um programa do computador
d) Um tipo de imagem

Pergunta 5
Uma pasta que está dentro de outra pasta é chamada de:

a) Pasta principal
b) Pasta raiz
c) Subpasta
d) Pasta mãe

Pergunta 6
O que é um arquivo?

a) Um local para guardar pastas
b) Um documento digital que contém informações
c) Um tipo de sistema operacional
d) Uma ferramenta de navegação

Pergunta 7
O que a extensão de um arquivo indica?

a) O tamanho do arquivo
b) A data de criação do arquivo
c) Qual programa deve abrir aquele arquivo
d) O nome do criador do arquivo

Pergunta 8
Qual é a extensão de um arquivo de imagem?

a) .txt
b) .mp3
c) .jpg
d) .html

Pergunta 9
Qual é o nome do Explorador de Arquivos no sistema macOS?

a) Windows Explorer
b) Nautilus
c) Finder
d) Dolphin

Pergunta 10
Como abrir o Explorador de Arquivos no Windows usando o teclado?

a) Windows mais D
b) Windows mais E
c) Windows mais R
d) Windows mais L

Pergunta 11
O que mostra a barra de endereços no Explorador de Arquivos?

a) O tamanho dos arquivos
b) O caminho completo da pasta onde você está
c) A data de criação dos arquivos
d) O tipo de arquivo selecionado

Pergunta 12
O que é um caminho de arquivo?

a) O tamanho do arquivo em megabytes
b) O endereço de uma pasta ou arquivo dentro do computador
c) O programa que abre o arquivo
d) A cor do ícone do arquivo

Pergunta 13
Qual símbolo o Windows usa para separar pastas no caminho?

a) Barra normal /
b) Barra invertida \
c) Dois pontos :
d) Ponto final .

Pergunta 14
O que é a pasta raiz de um disco?

a) A pasta mais alta de um disco
b) A pasta que está dentro da Lixeira
c) A pasta que contém apenas imagens
d) A pasta que fica no final da árvore de diretórios

Pergunta 15
Qual atalho de teclado é usado para copiar um arquivo?

a) Ctrl V
b) Ctrl X
c) Ctrl C
d) Ctrl Z

Pergunta 16
Qual atalho de teclado é usado para colar um arquivo?

a) Ctrl V
b) Ctrl X
c) Ctrl C
d) Ctrl Z

Pergunta 17
Qual atalho de teclado é usado para recortar um arquivo?

a) Ctrl V
b) Ctrl X
c) Ctrl C
d) Ctrl Z

Pergunta 18
O que acontece quando você exclui um arquivo normalmente no Windows?

a) O arquivo é apagado definitivamente
b) O arquivo vai para a Lixeira
c) O arquivo é enviado para a nuvem
d) O arquivo é compactado

Pergunta 19
Como apagar um arquivo definitivamente, sem mandar para a Lixeira?

a) Pressionar Ctrl mais Delete
b) Pressionar Alt mais Delete
c) Pressionar Shift mais Delete
d) Pressionar Windows mais Delete

Pergunta 20
Por que entender pastas e arquivos é importante para o desenvolvimento web?

a) Porque você precisa criar pastas e arquivos para organizar seus projetos
b) Porque você precisa saber desenhar ícones
c) Porque você precisa formatar o computador
d) Porque você precisa instalar programas

GABARITO

1. B
2. B
3. C
4. B
5. C
6. B
7. C
8. C
9. C
10. B
11. B
12. B
13. B
14. A
15. C
16. A
17. B
18. B
19. C
20. A

---

ATIVIDADE PRATICA: ORGANIZANDO UM PROJETO WEB NO EXPLORADOR DE ARQUIVOS

Objetivo da atividade

Praticar a criação, organização, movimentação e renomeação de pastas e arquivos usando o Explorador de Arquivos. O aluno vai estruturar a pasta de um projeto web exatamente como faria em um ambiente de desenvolvimento real.

O que o aluno deve fazer

Criar uma estrutura de pastas e arquivos para um site, usando apenas o Explorador de Arquivos e o Bloco de Notas.

Instruções para o aluno

Passo 1
Abra o Explorador de Arquivos no Windows usando uma das maneiras que você aprendeu.

Passo 2
Navegue até a pasta Documentos.

Passo 3
Dentro de Documentos, crie uma nova pasta com o nome meus-projetos.

Para criar a pasta, clique com o botão direito em um espaço vazio, escolha Novo e depois Pasta. Digite meus-projetos e pressione Enter.

Passo 4
Dentro da pasta meus-projetos, crie uma nova pasta com o nome site-viagem.

Passo 5
Agora você vai criar a estrutura de pastas dentro de site-viagem. Dentro de site-viagem, crie as seguintes pastas:

imagens
css
js

Para cada pasta, clique com o botão direito em um espaço vazio, escolha Novo e depois Pasta. Digite o nome e pressione Enter.

Sua estrutura deve ficar assim:

Documentos/
meus-projetos/
site-viagem/
imagens/
css/
js/

Passo 6
Agora vamos criar arquivos. Abra o Bloco de Notas. O Bloco de Notas é um programa simples que vem com o Windows para criar arquivos de texto.

Para abrir o Bloco de Notas, clique no botão Iniciar, digite Bloco de Notas e clique no resultado.

Passo 7
No Bloco de Notas, digite o seguinte texto:

<!DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Viagem dos Sonhos</title>
<link rel=”stylesheet” href=”css/estilo.css”>
</head>
<body>
<h1>Bem vindo à Viagem dos Sonhos</h1>
<p>Este é o meu primeiro site organizado.</p>
<script src=”js/script.js”></script>
</body>
</html>

Passo 8
Salve este arquivo com o nome index.html dentro da pasta site-viagem.

Para salvar, clique em Arquivo e depois em Salvar Como. Navegue até a pasta site-viagem. No campo Nome do Arquivo, digite index.html. No campo Tipo, escolha Todos os Arquivos. Clique em Salvar.

Passo 9
Crie um novo arquivo no Bloco de Notas. Digite o seguinte texto:

body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
text-align: center;
padding: 50px;
}

h1 {
color: #2c3e50;
}

p {
color: #34495e;
font-size: 18px;
}

Passo 10
Salve este arquivo com o nome estilo.css dentro da pasta css que você criou.

Para salvar, clique em Arquivo e depois em Salvar Como. Navegue até a pasta site-viagem e depois entre na pasta css. No campo Nome do Arquivo, digite estilo.css. No campo Tipo, escolha Todos os Arquivos. Clique em Salvar.

Passo 11
Crie um novo arquivo no Bloco de Notas. Digite o seguinte texto:

console.log(“Bem vindo ao site Viagem dos Sonhos”);
alert(“Olá! Bem vindo ao meu site.”);

Passo 12
Salve este arquivo com o nome script.js dentro da pasta js que você criou.

Para salvar, clique em Arquivo e depois em Salvar Como. Navegue até a pasta site-viagem e depois entre na pasta js. No campo Nome do Arquivo, digite script.js. No campo Tipo, escolha Todos os Arquivos. Clique em Salvar.

Passo 13
Agora sua estrutura completa deve ficar assim:

Documentos/
meus-projetos/
site-viagem/
index.html
imagens/
css/
estilo.css
js/
script.js

Passo 14
Vamos praticar a movimentação de arquivos. Abra o Explorador de Arquivos e navegue até a pasta site-viagem.

Dentro de site-viagem, crie uma nova pasta com o nome backup.

Passo 15
Copie o arquivo index.html para a pasta backup.

Para copiar, clique no arquivo index.html com o botão direito. Escolha Copiar. Depois abra a pasta backup. Clique com o botão direito em um espaço vazio e escolha Colar.

Passo 16
Renomeie o arquivo index.html que está dentro da pasta backup. Mude o nome para index-backup.html.

Para renomear, clique com o botão direito no arquivo e escolha Renomear. Digite index-backup.html e pressione Enter.

Passo 17
Agora vamos abrir o site no navegador. Volte para a pasta site-viagem. Dê dois cliques no arquivo index.html. O site vai abrir no navegador.

O que você deve ver: um título dizendo Bem vindo à Viagem dos Sonhos, um parágrazo e uma mensagem de alerta do JavaScript.

Passo 18
Volte para o Explorador de Arquivos. Dentro da pasta imagens, crie um novo arquivo vazio. Para isso, clique com o botão direito em um espaço vazio dentro da pasta imagens, escolha Novo e depois Documento de Texto. Digite o nome placeholder.jpg e pressione Enter.

Passo 19
Agora vamos excluir o arquivo placeholder.jpg. Clique com o botão direito no arquivo e escolha Excluir. Confirme que deseja enviar para a Lixeira.

Passo 20
Agora vamos restaurar o arquivo da Lixeira. Abra a Lixeira na área de trabalho. Encontre o arquivo placeholder.jpg. Clique com o botão direito e escolha Restaurar. O arquivo voltará para a pasta imagens.

Perguntas para o aluno responder após a atividade

1. Quantas pastas você criou ao todo? Liste todas pelo nome.
2. Qual é o caminho completo até o arquivo estilo.css que você criou?
3. Qual é a diferença entre a pasta css e a pasta js que você criou?
4. Para que serve a pasta imagens em um projeto web?
5. O que aconteceu quando você abriu o index.html no navegador? O que apareceu na tela?
6. Por que a mensagem do JavaScript apareceu mesmo você não tendo clicado em nada?
7. Qual foi a diferença entre copiar e colar e recortar e colar?
8. Para que serve a Lixeira? O que aconteceu quando você restaurou o arquivo?
9. Se você quisesse criar uma página chamada contato.html, onde você colocaria esse arquivo?
10. Como você organizaria as pastas se tivesse 20 imagens diferentes em um projeto?

Desafio extra para alunos mais avançados

Abra o arquivo index.html no Bloco de Notas. Mude o texto do título para Viagem dos Sonhos – Início. Salve o arquivo com Ctrl S. Atualize o navegador pressionando F5. O que mudou na página?

Agora crie uma nova pasta chamada paginas dentro de site-viagem. Dentro dela, crie um arquivo chamado contato.html com o seguinte código:

<!DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Contato – Viagem dos Sonhos</title>
<link rel=”stylesheet” href=”../css/estilo.css”>
</head>
<body>
<h1>Fale conosco</h1>
<p>Esta é a página de contato.</p>
<a href=”../index.html”>Voltar para a página inicial</a>
</body>
</html>

Observe que o caminho para o CSS usa ../ . Isso significa saia da pasta atual e vá para a pasta anterior.

Abra o contato.html no navegador. O estilo está funcionando? O link para voltar funciona?

Tabela para o aluno preencher

Operação realizada Atalho usado ou ação feita
Criar pasta
Renomear arquivo
Copiar arquivo
Mover arquivo
Excluir arquivo
Restaurar da Lixeira

O que o professor deve observar na correção

Se o aluno criou corretamente todas as pastas e arquivos.
Se o aluno entendeu a diferença entre copiar e recortar.
Se o aluno soube navegar entre pastas para salvar os arquivos nos lugares corretos.
Se o aluno entendeu o conceito de caminho.
Se o aluno percebeu a relação entre o caminho no HTML e a estrutura de pastas criada.

Tempo estimado para a atividade

Entre 45 e 60 minutos.

Materiais necessários

Computador com Windows.
Explorador de Arquivos.
Bloco de Notas ou outro editor de texto simples.
Navegador instalado.

Fim da atividade prática.