Criação de páginas web

Transcrição

1 Criação de páginas web Alojamento web 1

2 Browsers Para aceder e/ou navegar a um site é necessário um programa (software) específico Este tipo de programa chama-se Browser (Navegador) Existem vários disponíveis tais como Internet Explorer Google Chrome Mozilla Firefox Opera 2

3 Browsers Um browser quando acede a um determinado site, descarrega as páginas dum servidor em um computador à distância através da Internet Em seguida interpreta as páginas e mostra-as no browser 3

4 Servidores WEB As páginas web ficam alojadas em um computador à distância através dum software que se chama servidor web Os servidores web mais conhecidos são: Apache IIS 4

5 Upload das páginas web Depois de elaboradas as várias páginas web dum site, colocam-se os ficheiros das páginas no servidor web Este processo de transferência chama-se upload Normalmente o processo de transferência de ficheiros utiliza um protocolo que se chama FTP (File Transfer Protocol) Através dum cliente FTP, conseguimos transferir os ficheiros do nosso computador para um servidor remoto (à distância) Um protocolo é como se fosse uma linguagem O protocolo FTP é a forma como o servidor ftp conversa com o cliente ftp 5

6 Cliente de FTP O FileZilla portable é um cliente de ftp portável, quer dizer que não necessita de instalação para ser executado Para descarregar o software pode ir a: 6

7 Cliente de FTP Temos aqui por exemplo o FileZilla Portable 7

8 FileZilla Portable Para configurar a ligação a um servidor ftp no Filezilla Portable deve fazer o seguinte: 8

9 FileZilla Portable Aparece a janela seguinte onde pode configurar vários sítios Vamos ver um que já está configurado, o acesso ao espaço das turmas da Escola Secundária da Lagoa 9

10 FileZilla Portable Depois configuramos a pasta local e a pasta remota Por exemplo para aceder ao espaço da turma 10I, a pasta remota seria: \turmas\10i 10

11 FileZilla Portable Agora basta escolher o servidor que configuramos 11

12 FileZilla Portable Depois de configurado o site, basta aceder e arrastar pastas/ficheiros da pasta local para a remota e vice-versa 12

13 Alojamento web e registo de nome Para termos um site a funcionar precisamos dum pc para alojá-lo e convém ter um endereço URL registado para o site Por exemplo o site está alojado nos servidores: É possível adquirir um nome (endereço URL) e um local de alojamento gratuitos com algumas restrições Se pesquisar no Google por: free web hosting Um dos sites que aparece onde pode alojar gratuitamente o seu site é: 13

14 Alojamento web gratuito 14

15 Alojamento web gratuito Em primeiro lugar vamos escolher um nome 15

16 Alojamento web gratuito 16

17 Alojamento web gratuito Aparece a janela 17

18 Alojamento web gratuito Preencha os dados 18

19 Alojamento web gratuito Aparece a janela Sempre que pretender configurar o seu site necessitará dos dados abaixo 19

20 Alojamento web gratuito Para ver o seu site depois de criado basta usar o endereço: 20

21 Alojamento web gratuito Para fazer o upload das suas páginas web, poderia utilizar o programa FileZilla portable ou então fazê-lo diretamente clicando em: 21

22 Criar um ficheiro html com o bloco de notas Vou criar um ficheiro em html para mais tarde fazer o upload O ficheiro inicial duma página web costuma ter este nome (index.html), o servidor web chama-o automaticamente Vou criar o ficheiro diretamente no bloco de notas e guardálo com o nome index.html 22

23 Como abrir o bloco de notas 23

24 Como abrir o bloco de notas 24

25 Criar um ficheiro html com o bloco de notas 25

26 Criar um ficheiro html com o bloco de notas Depois de pronto Ficheiro-> Guardar como 26

27 Criar um ficheiro html com o bloco de notas 27

28 Alojamento web gratuito Vamos utilizar o cliente ftp web do próprio servidor para transferir o ficheiro index.html que criámos 28

29 cliente ftp web do freewebhostingarea 29

30 cliente ftp web do freewebhostingarea Vamos configurar para português 30

31 cliente ftp web do freewebhostingarea Vamos inserir os dados de acordo com o que tínhamos escolhido 31

32 cliente ftp web do freewebhostingarea Já aparece com alguns ficheiros, o que vamos fazer agora é transferir o ficheiro index.html que criámos 32

33 cliente ftp web do freewebhostingarea 33

34 cliente ftp web do freewebhostingarea 34

35 cliente ftp web do freewebhostingarea 35

36 cliente ftp web do freewebhostingarea 36

37 cliente ftp web do freewebhostingarea Repare que agora aparece o index.html 37

38 Aceder ao site que criou Agora já pode aceder ao site que criou: 38

39 Exercícios Ex1) Altere o ficheiro index.html de acordo com as suas preferências e transfira-o novamente para o servidor Ex2) Altere novamente o ficheiro index.html, utilizando estilos css de texto retirados de: Desta vez utilize o FileZilla Portable para transferir o ficheiro Ex3) Utilize o FileZilla Portable para transferir ficheiros para o seu espaço da turma na escola 39