| 1 |
File
> New > Web
Arquivo > Novo > Web |
| 2 |
Tipos
de Site :
General
Geral - vários tipos de sites
Frame Pages
Páginas de Quadros - vários tipos de sites com frames
Style Sheets
Folha de Estilos - vários tipos de sites com Folha de Estilos |
| 3 |
Selecione Empty Web
Página Normal |
| 4 |
Observe
que no lado direito : Options ( Opções )
http://nome_da_máquina /site , vamos criar um site chamado curso
http://nome_da_máquina/curso |
| 5 |
OK |
| 6 |
No
Windows 95 , o site será armazenado :
C:\FrontPage Webs\Contents\Curso ou
C:\WebShare\wwwroot\Curso |
| 7 |
No
Windows 98 , o site será armazenado :
C:\Inetpub\wwwroot\Curso ou
My Documents > My Webs ( Meus Documentos > Meus Sites
) |
| 8 |
Será
criada automaticamente a página principal : default.htm ou index.htm |
| 9 |
File
> New > Page
Arquivo > Novo > Página ou  |
| 10 |
File
> Save As
Arquivo > Salvar Como ou  |
| 11 |
Salvar
como exer1.htm |
| 12 |
Clique
dentro da página com o botão direito do mouse >
Page Properties - Propriedades da Página |
| 13 |
General
> Title
Geral > Título digite : Exercício 1
Background > Colors > Background
Plano de Fundo > Cores > Plano de Fundo e escolha uma
cor para o fundo da página ;
caso queira outra cor , clique em Custom Colors
Mais Cores e escolha uma cor
Margins ( Margens ) - deixar como está |
| 14 |
Custom
Personalizadas - para inserir comandos metas que especificam
dados sobre a página ;
clique em add ( adicionar ) na parte de baixo e digite
:
Name ( Nome ) : Author ; Value ( Valor ) : seu nome
clique em add ( adicionar ) na parte de baixo e digite
:
Name ( Nome ) : Description ; Value ( Valor ) : mailto:curso@betomarques.com
; digite seu email
clique em add ( adicionar ) na parte de baixo e digite
:
Name ( Nome ) : Description ; Value ( Valor ) :
digite uma descrição sobre a página, neste exemplo , página
sobre comandos básicos de html
OK |
| 15 |
Language
( Idioma ) e escolha o Português do Brasil |
| 16 |
WorkShop
Grupo de Trabalho ( Opcional )
Available categories
Categorias Disponíveis - especificar tipo de categoria do site
Assigned to
Atribuído a - site feito por
Review Status
Status da Revisão |
| 17 |
Clique
em Style ( Estilo ) > Heading 1 ( Título 1 ) |
| 18 |
Clique
em para centralizar o texto |
| 19 |
Minha
Primeira Página ( e pinte de uma cor usando ) |
| 20 |
Insert
> Horizontal Line
Inserir > Linha Horizontal |
| 21 |
Selecione
a linha horizontal e com o botão direito do mouse :
Horizontal Line Properties ( Propriedades da Linha Horizontal
)
width ( largura ) : 90% ; color ( cor ) : este comando dá cor
a linha horizontal, e ele só é aceito no Internet Explorer |
| 22 |
Digite
o texto : Hipertexto possibilita ligar uma palavra ou um trecho
de texto com outras partes desse ou de outros documentos; esta
ligação é chamada link de hypertexto ou simplesmente link.
(
dê um Shift + Enter para criar uma quebra de linha )
Ao dar um clique em um link, o programa HTML irá se encarregar
de desviar sua leitura para um novo trecho do documento.
( dê Enter para criar novo parágrafo )
Hipermídia
possui basicamente o mesmo conceito de hipertexto só que se
refere a várias formas de mídia como : sons, imagens , slides,
cinema, inclusive textos. Isso significa que uma imagem pode
estar relacionada a um texto como a uma imagem maior ou a uma
música. |
| 23 |
Insert
> Horizontal Line
Inserir > Linha Horizontal |
| 24 |
Selecione
o texto e clique em para alinhar à esquerda |
| 25 |
Clique
no rodapé HTML |
| 26 |
Em
<p align="left"> troque para <p align="justify">
para justificar o texto |
| 27 |
Clique
no rodapé Normal |
| 28 |
Selecione
a texto novamente e clique em Increase Indent
Aumentar Recuo
( blockquote ) |
| 29 |
Mantendo
o texto selecionado > botão direito do mouse >
Font Properties - Propriedades da Fonte
Font ( Fonte ) : verdana,arial,helvetica ; size ( tamanho ) : 2
( 10pt )
caso
o usuário não tenha a primeira fonte no seu computador, ele
visualizará a página com a segunda fonte, ou a terceira e caso
não tenha nenhuma das três fontes, por default em HTML ele visualizará
o Times Roman |
| 30 |
Clique
abaixo da linha horizontal |
| 31 |
Digite
centralizado : Seu Nome :
Insert > Symbol
Inserir > Símbolo e escolha © ; 1999 ; ficando assim
Seu Nome © 1999 ;
Selecione este texto e coloque as fontes : verdana,arial,helvetica
, 1 ( 8pt ) e em negrito |
| 32 |
Clique
no disquete para salvar sua página |
| 33 |
Clique
em Preview in Browser
Visualizar no Navegador |
34 |
Visualizar
ou Download do Exercício 1 |