aula 2 web

Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:

Instrutor: Ricardo Paladini Matos

xxxxxx 2 10-17 15/09/2014

Elielso Dias

Benefícios

O que é linguagem de programação?

Desvendando o Hyper Text Markup

Language (HTML)

Estrutura das páginas da Internet

Usando os aplicativos do Notpad ++

Dicas de comandos

[email protected]



xxxxxx 2 10-17 15/09/2014

Elielso Dias

O que o HTML?

• O HTML é uma linguagem da WWW, que significa:Hyper Text Language Markup – (Linguagem demarcação de texto).

• O HTML é a linguagem padrão da internet. Todosos navegadores lêem e interpretam de formacorreta o HTML.



xxxxxx 2 10-17 15/09/2014

Elielso Dias

DESVENDANDO O HYPER TEXT MARKUP LANGUAGE (HTML)

Todos os documentos visualizados no navegador são

escritos em HTML.

A partir deles é possível utilizar os links.

Vale lembrar que todos os:

Celulares,

Câmeras digitais,

Ipods, mp3,

Vídeos games



xxxxxx 2 10-17 15/09/2014

Elielso Dias

A Linguagem é conhecida como o código

fonte dos softwares.



xxxxxx 2 10-17 15/09/2014

Elielso Dias

HTML

Java

C, C++

Python

PHP

Visual Basic

Objective C

JavaScript

Pert

Ruby

Assembly

Delphi

Lisp

Pascal



xxxxxx 2 10-17 15/09/2014

Elielso Dias

Home Page

São todas as páginas que estão disponíveis na

internet, também conhecida como INDEX.

Vinculada através de links.



xxxxxx 2 10-17 15/09/2014

Elielso Dias

Estabelece contatos entre os computadores.

Através destas regras as máquinas se

reconhecem e trocam informações.



xxxxxx 2 10-17 15/09/2014

Elielso Dias

FTP: O protocolo de transferência de dados.

HTTP: O protocolo de transferência de hipertexto é

usado para conectar as páginas de internet.

TCP/IP: São os protocolos de comunicação entre os

computadores em rede.



xxxxxx 2 10-17 15/09/2014

Elielso Dias

O aplicativo tem a aparência de um bloco

de notas, mas tratam-se de um editor de

código fonte.



xxxxxx 2 10-17 15/09/2014

Elielso Dias

O aplicativo tem aaparência de um bloco de

notas, contudo trata-se de

um editor de código fonte,

nele o usuário pode optar

por qual programaçãotrabalhar.

xxxxxx 2 10-17 15/09/2014

Elielso Dias

 Esse texto sairá em vermelho 

Outra coisa, primeiro vem a tag e depois o

atributo, sendo separados apenas por um

espaço simples.Tag Atributo

 TEXTO 1 

 TEXTO 2

 TEXTO 3

xxxxxx 2 10-17 15/09/2014

Elielso Dias

Tags: instruções que passaremos para o

computador, a fim de que elas sejam

descodificadas como uma página da internet

posteriormente.

Toda TAG é iniciada com o sinal de menor < e maior >

<HTML>

xxxxxx 2 10-17 15/09/2014

Elielso Dias

<HTML> Inicio do documento

<HEAD> Inicio do cabeçalho do documento

<TITLE> Inicio do documento

</TITLE> fim do documento

<HEAD> Fim de cabeçalho do documento

<BODY> Inicio do conteúdo do documento (É o corpo da página)

</HTML> Fim do documento.

xxxxxx 2 10-17 15/09/2014

Elielso Dias

Tamanho da fonte

<h1> Titulo tamanho 01</h1>

xxxxxx 2 10-17 15/09/2014

Elielso Dias

 Inicio de um parágrafo, deixando uma linha em branco em cada

parágrafo.

 Faz uma quebra de linha sem acrescentar espaço entre as

linhas.

xxxxxx 2 10-17 15/09/2014

Elielso Dias

Tag P e BREm processadores de textos para saltarmos uma linha ou iniciar um

parágrafo, basta apertarmos a tecla ENTRER. Mas, no HTML isso não basta.

Para isso, devemos utilizar as Tags ou 

TESTE 1 

TESTE 2 

Veja como ficou



xxxxxx 2 10-17 15/09/2014

Elielso Dias



xxxxxx 2 10-17 15/09/2014

Elielso Dias

Note que o que digitamos

entre as tags revelam ostextos e seu espaçamento.

xxxxxx 2 10-17 15/09/2014

Elielso Dias

FUNDO NA PÁGINA

<BODY BGCOLOR=“RED”>

Conteúdo da página

</BODY>

xxxxxx 2 10-17 15/09/2014

Elielso Dias

<BODY background=“imagem.jpg”>

Conteúdo da página

</BODY>

xxxxxx 2 10-17 15/09/2014

Elielso Dias

INSERINDO UMA IMAGEM

<img src="Computador.jpg">



xxxxxx 2 10-17 15/09/2014

Elielso Dias

Atividade

1- O que é a linguagem HTML?

2- Qual a estrutura lógica desta programação?

3- Estrutura das páginas da Internet

4- Quais os cuidados devemos tomar antes de iniciar nosso projeto?



xxxxxx 2 10-17 15/09/2014

Elielso Dias

Nesta página deve conter os seguintes

quesitos:

A) Cabeçalho

B) Parágrafo

C) Fundo da página

D) Imagem

5- Vamos abrir uma página do Notpad++ e criar uma homepage sobre

um assunto que o interessar. É importante que as páginas sejam salvas com a extensão HTML em uma pasta.

aula 2 web

Education