sistemas operacionais (extra)

12
Sistemas Operacionais Aula Extra – HTML Professor: Anderson Henrique Como funciona a Construção de Sites Simples Parte I

Upload: anderson-henrique

Post on 25-Jul-2015

199 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Sistemas operacionais (extra)

Sistemas Operacionais

Aula Extra – HTMLProfessor: Anderson Henrique

Como funciona a Construção de Sites Simples

Parte I

Page 2: Sistemas operacionais (extra)

Utilizando a Linguagem HTML Construindo nosso Primeiro Site TAGS Principais Salvando Documento e Visualizando Formatações Simples

O que vamos aprender:

Page 3: Sistemas operacionais (extra)

A linguagem de Marcação de Hipertexto é utilizada na construção de websites;

A Sintaxe é simples, os comandos são identificados pelos sinais de “< >”, podem ser fechados quando usamos “</ >”.

Vamos praticar abrindo o “Notepad”, Bloco de Notas;

HTML

Page 4: Sistemas operacionais (extra)

Abra o bloco de notas, Menu Iniciar no campo pesquisar digite “Notepad”, execute o

programa

Construindo nosso primeiro site

Page 5: Sistemas operacionais (extra)

<HTML>

<HEAD>

<TITLE>

</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

Este comando inicia nosso documento html

Este comando inicia o cabeçalho do site

Este comando inicia o título do site

Aqui você digita o título do site

Este comando fecha o título do site

Este comando fecha o cabeçalho do site

Este comando inicia o corpo do site

Aqui você insere todo o conteúdo do site, tudo o quefor inserido aqui aparecerá no navegador

Este comando fecha o corpo do site

Este comando fecha nosso documento html

Page 6: Sistemas operacionais (extra)

Após digitar esses códigos, vá no menu “Arquivo”, selecione a opção “Salvar Como...”

Salvando e Visualizando

Page 7: Sistemas operacionais (extra)

Após abrir essa caixa de diálogo, escolha o local

onde deseja salvar o

documento, e nomeie o

documento com “index.html”, de preferência o salve em uma

pasta com o seu nome.

Index.html

Page 8: Sistemas operacionais (extra)

Meu exemplo

Page 9: Sistemas operacionais (extra)
Page 10: Sistemas operacionais (extra)

Página será visualizada assim

Comando TITLE

Comando BODY

Page 11: Sistemas operacionais (extra)

<BR> - QUEBRA DE LINHA<P> - PARÁGRAFO

<HR> - LINHA NA HORIZONTAL<B> - NEGRITO

<U> - SUBLINHADO<I> - ITÁLICO

<FONT SIZE> - TAMANHO DA FONTE<FONT COLOR> - COR DA FONTE<FONT FACE> - TIPO DE FONTE

Formatação Simples

Page 12: Sistemas operacionais (extra)

Construir um site simples utilizando a linguagem HTML falando sobre você, quem é você, o que gosta de fazer, onde estuda, onde mora, qual a carreira profissional que você pretende seguir;

Salvar este site, sentando em dupla deve conter informações sobre os 02 alunos;

Atividade