Microsoft Office, HTML - Operação de Software e Aplicativos Aula 5

Prévia do material em texto

OSA - Operação de Software e Aplicativos 
AULA nº 5 
HTML 
Plantão de dúvidas 
Email : plantaoetec@gmail.com 
 
1 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
2 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
INTRODUÇÃO 
 
A Internet é sem dúvida o meio de comunicação e difusão de informações 
bastante eficiente. É uma ferramenta poderosa na divulgação de serviços e 
idéias, onde empresas, profissionais liberais, estudantes e curiosos, podem 
fornecer e colher informações sobre vários tipos de assuntos. 
Na Internet, um dos serviços mais procurados pelos usuários é a Web (WWW 
– World Wide Web – que não tem uma tradução que explique as palavras 
claramente, simplesmente representa a Internet), onde podemos encontrar um 
conjunto de vários tipos de dados, unindo textos, sons e imagens. A maior 
parte das páginas existentes na Internet são simples, pois a transmissão de 
dados através da linha telefônica é pequena e isso faz com que páginas 
complexas demorem a ser carregadas pelos browsers ( software que serve 
para visualizar as páginas na Internet, dentre eles temos Internet Explorer, 
NetScape, Mozilla e outros). 
3 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
A linguagem HTML – HyperText Markup Language (Linguagem de Construção 
de Hipertextos) é usada para construir as belas páginas que circulam pela 
Web. 
Para construir uma Home Page (página na da Internet) nos padrões da Web, é 
necessário que saibamos como é a estrutura HTML. Os documentos que 
contém a programação dever ser gravados com extensão HTML ou HTM, 
usando para isso um editor de texto que possa gerar documentos ASCII (por 
exemplo o Bloco de Notas, que é um acessório do Windows). 
4 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
CONCEITOS BÁSICOS 
 
Serão mostrados a seguir, alguns termos mais comuns que iremos comentar 
nesta aula, para que nos habituemos com eles desde já. 
Domínio 
Para que se possa digitar em um Browser um endereço como – 
www.etecafelandia.com.br – e se possa visualizar uma página, faz-se 
necessário que registremos esse Domínio, no caso – 
etecafelandia.com.br – que será único em todo o mundo. O órgão 
que controla esses domínios aqui no Brasil chama-se FAPESP, 
através do endereço www.registro.br você poderá obter maiores 
informações de como registrar um domínio mediante uma taxa anual 
bem em conta. Durante o registro do seu domínio será necessário 
que você indique onde esse domínio será hospedado, para isso 
precisaremos de um Provedor. 
5 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
Provedor 
É uma empresa que disponibiliza espaços em suas máquinas para que 
nós possamos “hospedar” (guardar) nossas páginas, normalmente 
esses provedores são pagos, porém, existem também Provedores 
gratuitos. 
HomePage 
Página principal de um site ou considerado por alguns, cada página de 
um site ( na língua portuguesa significa SÍTIO). 
BackGround Fundo de uma página, como um papel de parede. 
Links 
Serve de ponte para que ao ser clicado, leve o internauta (pessoas que 
navegam na Internet ) a uma outra página, podendo ser dentro do 
próprio site ou em outro. 
Gif´s 
São figuras ou imagens na página, podendo ou não serem animados (com 
animações). 
Browser 
Também chamado de Navegador, é um software que serve para visualização das 
páginas da Internet, onde ele interpreta o código HTML da página e exibe-o no 
navegador. 
6 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
DownLoad 
É a ação de você pegar (salvar/copiar) um arquivo em algum site e 
gravá-lo em seu computador. 
Para que você tenha a idéia de como é a programação de uma página, 
mostraremos um exemplo bem simples, lembrando que todo comando que 
utilizarmos será explicado e trará também uma idéia de como ficarão as 
páginas já programadas. 
 
DICA: 
 
Os comandos HTML devem estar sempre entre os sinais de menor (<) e 
maior (>) - <assim> 
7 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
Vejamos um exemplo : 
 
 
 
 
 
 
 
 
 
 
 
 
 
Crie uma pasta chamada “AULA_HTML” e salve como Exemplo1.html 
8 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
DICA : 
 
A maioria dos comandos em HTML devem ser aberto e depois 
de colocar o que deseja, fechá-lo, observe que o comando de 
fechamento é o mesmo de abertura precedido de uma barra 
normal. 
 
<abro o comando> e </fecho o comando> 
9 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
Lista de alguns comandos HTML. 
<HTML> 
Toda codificação HTML deverá iniciar-se por esse comando e 
no final da codificação será fechado 
</HTML> 
<HEAD> Área de cabeçalho da página </HEAD> 
<TITLE> 
Define um título para a página na barra de títulos do Browser 
(navegador) 
</TITLE> 
<BODY> 
Define o corpo da página, ou seja, o conteúdo que será 
apresentado 
</BODY> 
<P> Indica o início de um parágrafo </P> 
<H3> 
Define o tamanha da letra que eu quero para a minha página. 
O tamanho varia de 1 até 16, sendo que quanto menor o 
número, maior será a letra. Desta forma H1 é maior letra. 
</H3> 
10 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
Vejamos no navegador como ficou nosso exemplo : 
11 
Técnico em Informática 
Etec- Cafelândia 
“ Aprendendo a aprender !!! “ 
www.etecafelandia.com.br 
Importante: a programação pode ser digitada no bloco 
de notas, e deve ser salva com extensão HTM ou HTML. 
Para ver como ficou sua página, bastar abrir o Browser, 
abrir o menu Arquivo, escolher a opção Abrir e 
informar onde salvamos o Exemplo1.html. Para isso 
NÃO precisaremos estar conectados à Internet.