Introdução à Matéria

1. Html

HTML (HyperText Markup Language) é a base de qualquer página da web. Ele funciona como a “estrutura” de um site, organizando títulos, textos, imagens, links, tabelas e outros elementos para que os navegadores saibam como mostrar tudo na tela.

Como utilizámos:

Para a construção do nosso site individual utilizando a aplicação Kompozer, tivemos que criar vários ficheiros ao qual foram atribuídos diversos nomes que foram mais tarde guardadas numa pasta com o título “Unifamiliar”.

No KompoZer, cada separador que abrimos representa uma página diferente do nosso site.
Chamámos cada uma de “HTML” porque o KompoZer cria páginas usando o formato HTML – é a linguagem padrão para páginas web.

Guardar todas na mesma pasta é importante por dois motivos:

1. Organização do site – quando todas as páginas (por exemplo: index.html, resumos.html) e as imagens estão na mesma pasta, o KompoZer consegue ligar os arquivos entre si.
2. Links funcionais – se cada página ficasse em pastas diferentes, os links internos (como o botão “Voltar à página inicial”) poderiam deixar de funcionar, porque o navegador não saberia onde encontrar os outros arquivos.
3. 
   

2. FileZilla

O FileZilla é um programa que serve para enviar ficheiros do computador pessoal para um servidor na internet através de FTP (File Transfer Protocol).

No contexto da disciplina de Representação Digital, ele é usado para publicar o site que criámos no KompoZer.
Ou seja:

• No KompoZer, criamos as páginas do site (os ficheiros HTML, imagens, etc.) e guardamos tudo numa pasta.

• No FileZilla, fazemos a ligação ao servidor da faculdade usando os dados que nos foram fornecidos (link, número de aluno, palavra-passe, número da porta).
• Depois enviamos a pasta do site para o servidor — é como fazer upload para que o docente possa abrir o nosso site online através de um link.

Como utilizar o FileZilla:

Quando abrimos o FileZilla, vemos duas janelas principais: À esquerda os ficheiros e pastas do nosso computador pessoal e à direita os ficheiros do servidor (a “nuvem” da faculdade).

O processo básico por ordem é introduzir os dados fornecidos pela faculdade — geralmente endereço do servidor, nome de utilizador (número de aluno), palavra-passe e porta de ligação. Clicar em “conectar” para estabelecer a ligação e de seguida arrastar a pasta do site da coluna da esquerda para a da direita. O FileZilla faz o upload e coloca os ficheiros no servidor.

Assim, o site passa de algo que só existe no nosso computador para algo acessível online através de um link.

Resumindo: o FileZilla serve para transportar os ficheiros do site para a internet no espaço que a faculdade disponibilizou.

3. Kompozer

O KompoZer é uma aplicação gratuita usada para criar páginas web em HTML de forma visual, sem precisar desenvolvermos um código muito complexo.

Na disciplina de Representação Digital, ele serve para construir o site do exercício, permitindo inserir textos, imagens, links e tabelas, além de ajustar cores, estilos e layouts. Durante as aulas, aprendemos a usar as ferramentas do KompoZer para organizar e editar o conteúdo do site de forma simples e intuitiva.

Aqui vai um resumo simples, passo a passo, de como usar o KompoZer para criar um site:

Para criar um ficheiro novo, abrir o KompoZer e escolher “Ficheiro > Novo” para criar uma página em branco, automaticamente, o ficheiro será um documento HTML. Depois, conforme necessário criar separadores para várias páginas (para cada página do site (trabalhos, resumos, etc..) abre-se um novo separador com “Ficheiro > Novo”). Cada separador representa uma página diferente do site.

Para guardar os ficheiros guarda-se cada página, escolhendo “Ficheiro > Guardar Como”, dando nomes claros e descritivos, como:

• index.html → página inicial

• trabalho1.html → página submissão trabalhos

• resumos1.html → página conteúdos dos primeiros resumos

É importante ir associando algumas palavras a links que direcionem às páginas corretas do site, para podermos navegar corretamente dentro do site e saltar de página em página sem dar erros.

Guardar todos os ficheiros na pasta já pré-definida e com os progressos ir colocando lá todos os ficheiros HTML e os recursos do site (imagens, CSS, etc.) dentro dessa pasta- Isto mantém o site organizado e garante que os links internos funcionem corretamente.

ZIP E ÂNCORAS

O ZIP é um formato de arquivo que compacta pastas e ficheiros em um único arquivo, com a extensão .zip.

Ele serve para:

• Guardar todos os ficheiros juntos de forma organizada.

• Reduzir o tamanho dos ficheiros, facilitando o envio por internet.

• Manter a estrutura das pastas intacta, garantindo que links e imagens do site funcionem corretamente.

Neste  caso, o ZIP é usado para enviar ou submeter todo o site (HTMLs, imagens, CSS) de uma só vez, sem perder nenhum ficheiro.

Por fim, As âncoras são elementos em HTML usados para criar links. Elas permitem que o utilizador clique e seja levado para outro lugar, que pode ser:

-Outra página do site- ex.: do index.html para o sobre.html.

-Um ponto específico na mesma página – ex.: do topo de uma página para uma secção mais abaixo.

-Um site externo – ex.: um link para a página da tua faculdade.

Resumindo as âncoras são “pontos de ligação” que permitem navegar dentro do site ou para fora dele.