A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Disciplina: Tópicos Avançados de TI Unidade IV: Desenvolvimento para a WWW Prof.: Mario Filho Período: 7º. SIG - ADM Encontro.

Apresentações semelhantes


Apresentação em tema: "Disciplina: Tópicos Avançados de TI Unidade IV: Desenvolvimento para a WWW Prof.: Mario Filho Período: 7º. SIG - ADM Encontro."— Transcrição da apresentação:

1 Disciplina: Tópicos Avançados de TI Unidade IV: Desenvolvimento para a WWW Prof.: Mario Filho Período: 7º. SIG - ADM Encontro Linguagem HTML; 13. Hospedagem na WWW.

2 12. Linguagem HTML

3 Prof. Mario Filho O que é HTML? A sigla HTML deriva da expressão Hyper Text Markup Language (Linguagem de Marcação Hipertexto). Trata-se de uma linguagem de marcação utilizada para produzir páginas na Internet. Esses códigos podem ser interpretados pelos Navegadores (browsers) para exibir as páginas da World Wide Web.

4 Prof. Mario Filho Exemplo Prático 1 O Bloco de Notas do Windows serve para criar arquivos sem formatação e será muito útil para o nosso primeiro exemplo. Abram o bloco de notas do Windows e digite o conteúdo do próximo slide...

5 Prof. Mario Filho Primeira Aula de HTML Olá, Mundo!

6 Prof. Mario Filho Exemplo Prático 1 Salve na Área de Trabalho o arquivo criado no Bloco de Notas como a extensão.html. Ex.: pg1.html Atenção: use sempre letras minúsculas para dar nome aos arquivos. Feche o Bloco de Notas e dê dois cliques sobre o arquivo salvo na Área de Trabalho e veja o que acontece.

7 Prof. Mario Filho Exemplo Prático 2 Abra um site qualquer na Web; Faça os comandos abaixo conforme o navegador que estiver usando: Internet Explorer: Exibir / Código-Fonte Firefox: Exibir / Código-fonte ou (Ctrl +U) Será aberta uma janela com a linguagem HTML da página.

8 Prof. Mario Filho Tag A base da linguagem HTML é a tag (etiqueta ou marca em português) e todo documento (arquivo) HTML apresenta etiquetas ou marcas. Tags, etiquetas ou marcas, são elementos entre parênteses angulares (chevron). Ex.:...

9 Prof. Mario Filho A tag principal ou mais famosa de um documento HTML é a, que serve para criar o documento. Toda tag possui abertura e fechamento: Tag tag de abertura (onde começa o documento) tag de fechamento (onde termina o documento)

10 Prof. Mario Filho Tag Outras duas áreas muito importantes marcadas por tags e que estão localizadas dentro da tag são: área da cabeçalho área do corpo

11 Prof. Mario Filho A área : possui informações sobre o cabeçalho da página ou documento, definindo configurações. Ex.: Primeira Aula de HTML A área : contém informações sobre o corpo da página. Ex.: Olá, Mundo! Observem novamente a estrutura Tag

12 Prof. Mario Filho Primeira Aula de HTML Olá, Mundo! CABEÇALHO CORPO DOCUMENTO HTML

13 13. Hospedagem na WWW

14 Prof. Mario Filho Hospedagem (hosting) Para que o mundo inteiro possa ver a página que você criou, é necessário que o arquivo HTML criado esteja hospedado (armazenado) em algum servidor (host) na Internet.

15 Prof. Mario Filho Servidor Escolhido:

16 Prof. Mario Filho

17

18

19

20 Abra seu e ative a conta:

21 Prof. Mario Filho

22

23 13.3. Acessando por FTP Usaremos o FTP para enviarmos nosso arquivo para o host (servidor). Abra o Windows Explorer; Coloque em Endereço:: ftp://ftp.xpg.com.br/ Aparecerá uma tela de login, use seu login e senha criados no XPG. Após entrar na pasta onde seus arquivos serão hospedados, é só copiar e colar um ou mais arquivos para o host.

24 Prof. Mario Filho

25 13.4. Acessando por FTP Web Basta clicar na opção indicada no próximo slide...

26 Prof. Mario Filho

27 Observação: index.html é o nome padrão do primeira arquivo que deverá ser aberto quando um visitante digitar seu endereço em um navegador. É o arquivo com a HOME PAGE do site! Se quiser transformar a página pg1.html para a home page do site, renomeie o arquivo para index.html.

28 Prof. Mario Filho Visualizando a página Agora para visualizar sua página na WWW, basta digitar o endereço dela em um navegador. Ex.:

29 Prof. Mario Filho

30 Próxima Aula Editores HTML

31 FIM


Carregar ppt "Disciplina: Tópicos Avançados de TI Unidade IV: Desenvolvimento para a WWW Prof.: Mario Filho Período: 7º. SIG - ADM Encontro."

Apresentações semelhantes


Anúncios Google