LOJA DE LIVROS
- Administração e Ne...
- Aplicativos
- AutoCAD
- Banco de Dados
- Carreira e Trabalh...
- Criação de Sites e...
- Cultura e Interess...
- Exames de Certific...
- Excel
- Finanças e Investi...
- Gráficos e CorelDr...
- Hardware e Montage...
- Office 2007
- Programação
- Redes
- Segurança
- Windows e Linux
- Word
VÍDEO-AULAS
- Access
- Excel
- Word
- PowerPoint
- Windows
- Redes e TCP/IP
- Programação
- Concursos Públicos
- Banco de Dados
- Webdesign
- Internet
- CAD
- Vídeo e Áudio
- Programas Gráficos
- Administração e Ne...
- Hardware e Montage...
E-BOOKS/CURSOS
- Access
- Excel
- Word
- PowerPoint
- Windows
- Redes e TCP/IP
- Programação
- Certificações Micr...
- Concursos Públicos
- Banco de Dados
- Webdesign
- Internet
- BrOffice
- Linux
- CAD
- Vìdeo
- Formação Pessoal e...
- Área Gráfica
- Literatura e Outro...
- Administração e Ne...
- Livros de Office 2...
CURSOS ONLINE COM CERTIFICADO
- Como Liderar, Influenciar e Motivar Pessoas
- Gerência Financeira
- Oratória
- Profissionalizante de Informática
- SEO
- Actionscript 3 Avançado
- Como criar video-aulas
- Como criar um site completo 2
- CSS
- Criação de Sites em 400 Lições
- Criação de Sites dinâmicos sem programação
- Dreamweaver Avançado
- Lógica de Programação
- Loja Virtual com Magento
- Moodle
- PagSeguro
- Profissionalizante de Flash
- Programação para Web
- Temas para Wordpress
- Word 2010
- Word para TCC
- Wordpress
- After Effects CS5
- Encore DVD CS5
- Corel Draw X4
- Fireworks CS4
- Fireworks CS5
- Flash CS4
- Flash CS5
- Flash Catalyst CS5
- Illustrator CS5
- Photoshop
- Photoshop CS4
- Photoshop CS5 - Completo
- Power Point 2010
- Premiere CS5
- Configuração de Roteadores e Switches - Básico
- IPv6 - Teoria e Prática
- Profissionalizante de Redes
- SQL Server 2005
- Técnico de Cabeamento Estruturado
- Técnico de Redes WAN
- Profissional de Redes Wireless
- Windows Server 2003
BANCO DE DADOS
CARREIRA
CRIAÇÃO WEB
EXCEL/PROJETOS
FORMAÇÃO
MANUTENÇÃO
PROGRAMAS GRÁFICOS
REDES E SERVIDORES
SAP
CURSOS
COMPLETOS EM CD
-
CD-01
-
-
CD-02
-
-
CD-03
-
-
CD-04
-
-
CD-05
-
-
CD-06
-
-
CD-07
-
-
CD-08
-
-
CD-09
-
-
CD-10
-
CONTATO
Você está aqui: Principal » Lista Completa de Tutoriais
Sobre este Tutorial
| Autor: | David Buril Cardozo de Oliveira |
| Data: | 25-09-2006 |
| Categoria: | Criação de Sites |
| Assunto: | FRONTPAGE - BÁSICO |
| Visitas: |
Criação de páginas para internet com o FrontPage – Primeiro arquivo HTML – FrontPage Básico
Introdução
Será mostrado de maneira simples e rápida como criar um arquivo HTML no FrontPage usando o modo de visualização HTML, ao mesmo tempo iremos abordar algumas características sobre a linguagem de marcação de hipertextos.
Código básico para uma página HTML
Um documento HTML é composto por uma serie de pares de Tags, sendo que a primeira é escrita entre os sinais: < > e a segunda entre os sinais: </ >.
Veja exemplos das principais tags usadas em um arquivo HTML:
As tags citadas na tabela acima são pares de tags únicas em um arquivo HTML. Elas podem ser escritas em caixa alta, exemplo: <BODY> ou <bOdY> sem que haja nenhum problema.
Os Browsers (Navegadores, exemplo: Internet Explorer; Mozilla) ignoram tags ou informações desconhecidas, isso gera duas situações:
- O internauta não verá mensagens de erro durante a abertura as páginas, mostrando as tags que foram reconhecidas.
- O internauta pode visualizar os códigos que não foram reconhecidos pelo Browser.
Veja um exemplo de uma estrutura de uma página HTML básica que pode ser criada em qualquer editor de texto simples como o Bloco de Notas do Windows.
Criando minha primeira página HTML
Iremos criar uma página HTML contendo dados pessoais que servirá como um currículo virtual que você poderá atualizá-lo constantemente. Também poderá manter sua página disponível na internet, mas isso será um assunto que vamos tratar nos próximos tutoriais.
Digite o código HTML abaixo no FrontPage no modo HTML ou em um programa editor de texto simples como o Bloco de Notas do Windows:
Modo de visualização HTML no FrontPage:
Código HTML:
<html>
<head>
<title>Meu currículo virtual</title>
</head>
<body>
<p><b>DADOS PESSOAIS:</b>
<br><hr>
<br><b>Nome:</b> [digite seu nome aqui]
<br><b>E-mail:</b> [digite seu e-mail aqui]
<br><b>Sexo:</b> [digite seu sexo aqui]
<br><b>Estado Civil:</b> [digite seu estado civil aqui]
<br><b>Data de nascimento:</b> [digite sua data de nascimento aqui]
<br><b>Cidade:</b> [digite o nome da sua cidade aqui]
<br><b>Endereço:</b> [digite seu endereço aqui]
<br><b>Bairro:</b> [digite o nome do seu bairro aqui]
<br><b>CEP:</b> [digite seu CEP aqui]
<br><b>Telefone Residencial:</b> [digite aqui o número do seu telefone residencial]
<br><b>Celular:</b> [digite aqui número do seu celular]
<p>
<p><b>ÁREA DE ATUAÇÃO:</b>
<br><hr>
<br><b>Nível de atuação:</b> [digite aqui seu nível de atuação no mercado de trabalho]
<br><b>Faixa Salarial:</b> [digite aqui sua pretensão salarial]
<br><b>Forma de Contratação:</b> [digite aqui sua pretensão de forma de contratação, exemplo: estágio]
<br><b>Horário disponível:</b> [digite aqui seu horário disponível para trabalhar]
<p>
<p><b>OUTROS DADOS:</b>
<br><hr>
<br><b>Possui automóvel?</b> [coloque aqui sua resposta]
<br><b>Fumante?</b> [coloque aqui sua resposta]
<br><b>Pratica esporte?</b> [coloque aqui sua resposta]
<br><b>Qual esporte:</b> [coloque aqui sua resposta]
<br><b>Está empregado?</b> [coloque aqui sua resposta]
<br><b>Portador de necessidades especiais?</b> [coloque aqui sua resposta]
<br><b>Qual necessidade:</b> [coloque aqui sua resposta]
<br><b>Disponibilidade para trabalhar em outra cidade/país?</b> [coloque aqui sua resposta]
<br><b>Religião:</b> [coloque aqui sua resposta]
<p>
<p><b>FORMAÇÃO ACADÊMICA:</b>
<br><hr>
<br><p><b>Nível de escolaridade:</b> [coloque aqui sua resposta]
<br><b>Curso/área:</b> [coloque aqui sua resposta]
<br><b>Instituição:</b> [coloque aqui sua resposta]
<br><b>Ano de Conclusão:</b> [coloque aqui sua resposta]
<p>
<p><b>EXPERIÊNCIA PROFISSIONAL:</b>
<br><hr>
<br><b>Ramo de Atividade:</b> [coloque aqui sua resposta]
<br><b>Organização:</b> [coloque aqui sua resposta]
<br><b>Data de Admissão:</b> [coloque aqui sua resposta]
<br><b>Data da Dispensa:</b> [coloque aqui sua resposta]
<br><b>Nº de funcionários:</b> [coloque aqui sua resposta]
<br><b>Função:</b> [coloque aqui sua resposta]
<br><b>Responsabilidades:</b> [coloque aqui sua resposta]
</body>
</html>
Não se esqueça de salvar seu arquivo HTML:
As seguintes tags foram usadas no código HTML anterior, alem das tags que você conheceu no inicio do código HTML:
O resultado final será algo como a imagens a seguir, claro que com seus dados pessoais no lugar do texto entre colchetes.
Para atualizar seu currículo virtual, acesse seu arquivo HTML e altere suas respostas e seus dados no mesmo, salvando as alterações.
Fico por aqui, no próximo tutorial trataremos de algumas tags de formatação básica de documentos HTML. Espero que façam bom proveito do conteúdo apresentado nesses tutoriais que escrevi.
Um abraço!
David Buril
Nossas duvidas são traidoras e fazem-nos perder o bem que as vezes poderíamos ganhar pelo medo de tentar.
LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS
É expressamente proibida a reprodução total ou parcial do conteúdo deste site e dos textos disponíveis, seja através de mídia eletrônica, impressa, ou qualquer outra forma de distribuição. Os infratores serão indiciados e punidos com base na lei nº 9.610 de 19/02/1998. Este tutorial só pode ser publicado no site www.juliobattisti.com.br e no site do Autor do tutorial. Nenhum outro site tem permissão para copiar e publicar este tutorial, mesmo que sejam mantidas todas as referências ao autor e ao site www.juliobattisti.com.br. Não é permitida a publicação deste tutorial em nenhum outro site.