Aula 2 web

Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 18-jan-12
xxxxxx 2 10-17 15/09/2014
Instrutor: Ricardo Paladini Matos
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
turmascedaspybsl@gmail.com

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 de
marcação de texto).
• O HTML é a linguagem padrão da internet. Todos
os navegadores lêem e interpretam de forma
correta 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 a
aparê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ção
trabalhar.

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
Tag Atributo espaço simples.
 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 BR
Em 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 os
textos 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?

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.
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

Aula 2 web

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (16)

Similaire à Aula 2 web

Similaire à Aula 2 web (17)

Plus de Elielso Dias

Plus de Elielso Dias (20)

Dernier

Dernier (20)

Aula 2 web