Windows Vista - Curso Completo - 1476 páginas Windows Server 2003 - Curso Completo SQL Server 2005 - Curso Completo 1500 Tutoriais de Informática Windows Vista - Curso Completo - 1476 páginas Curso Completo de Access Certificações Microsoft
 
Comprar Cursos e Vídeo-Aulas Cursos Online com Certificado Comprar Livros Foruns de Discussao

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: 23183
E-mail: dbcoweb@gmail.com
Site:
Avaliação: (23 votos)
1 2 3 4 5
Comentários: Ler / Escrever

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>&nbsp;

                        <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>&nbsp;

 

                        <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>&nbsp;

 

                        <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>&nbsp;

                        <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

 


CURSOS ONLINE COM CERTIFICADO E SUPORTE
Gerência de Projetos SQL Server 2005 Gerência Financeira Windows Server 2003
MS Project 2007 Photoshop Projeto e Interconexão de Redes LAN Técnico Profissionalizante de Informática
CURSO EM FORMATO DE VÍDEO-AULA
EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM
Clique no curso para informações detalhadas
Curso Duração Informações
ACCESS
Vídeo-Aula - Access 2007 - Curso Básico 2h01m Clique aqui
Vídeo-aula - Access 2007 - Tudo Sobre Consultas 2h30m Clique aqui
Vídeo-Aula - Curso Avançado de Access 2003 2h48m Clique aqui
Vídeo-Aula - Curso Básico de Access 2003 2h49m Clique aqui
EXCEL
Vídeo-aula - Criando uma Agenda no Excel 40m Clique aqui
Vídeo-aula - Curso de Macros e Programação VBA no Excel - Avançado 11h27m Clique aqui
Vídeo-aula - Curso de Macros e Programação VBA no Excel - Básico e Int... 13h02m Clique aqui
Vídeo-aula - Excel 2003 - Curso Básico 3h03m Clique aqui
Vídeo-Aula - Excel 2007 - Curso Avançado 2h30m Clique aqui
Vídeo-Aula - Excel 2007 - Curso Básico 2h35m Clique aqui
Vídeo-Aula - Tabelas Dinâmicas Avançadas no Excel 2003 2h Clique aqui
Vídeo-aula - Tudo Sobre Funções Matriciais no Excel 2h30m Clique aqui
Vídeo-Aula - Tudo Sobre Gráficos no Excel 9h Clique aqui
Vídeo-aula interativa: Tudo Sobre Tabelas Dinâmicas no Excel 2003 2h30m Clique aqui
WORD
Vídeo-Aula - Curso Básico de Word 2003 2h14m Clique aqui
Vídeo-aula - Word 2003 Avançado 1h34m Clique aqui
Vídeo-aula - Word 2003 Básico 2h14m Clique aqui
Vídeo-Aula - Word 2007 - Curso Básico 2h23m Clique aqui
POWERPOINT
Vídeo-Aula - Curso Básico de PowerPoint 2003 2h22m Clique aqui
WINDOWS
Vídeo-Aula - Curso Básico de Windows XP 2h36m Clique aqui
Vídeo-Aula - Windows XP - Formatação e Instalação 3h47m Clique aqui
Vídeo-Aula - Windows XP Básico + Intermediário + Dicas Práticas 8h Clique aqui
PROGRAMAÇÃO
Vídeo-Aula - CALCULADORA HP 12C - Curso Prático em 80 Lições 02h30m Clique aqui
Vídeo-Aula - CALCULADORAS HP 50G - 49G/G+ - 48 GII -- Clique aqui
Vídeo-Aula - Curso Completo de Lógica de Programação 22h15m Clique aqui
Vídeo-Aula - Lógica de Programação com VB.NET 14h Clique aqui
CONCURSOS PÚBLICOS
Vídeo-aula - Excel Para Concursos Públicos - Simulados e Provas Coment... 2h Clique aqui
Vídeo-Aula - Matemática Básica - Módulo I 22h Clique aqui
Vídeo-aula - Matemática Financeira - Teoria e Prática 9h10m Clique aqui
Vídeo-Aula - Raciocínio Lógico - Curso Completo e Prático 12h Clique aqui
Vídeo-aula - Série Concursos: Inglês ESAF - Simulados e Provas Comenta... 2h Clique aqui
BANCO DE DADOS
Vídeo-Aula - Dominando o ORACLE - Curso Prático 12h Clique aqui
Vídeo-Aula - MySQL - Curso Completo e Prático 11h30m Clique aqui
Vídeo-aula - SQL Server 2005 - Reporting Services 2h30m Clique aqui
WEBDESIGN
Vídeo-Aula - Criação de Sites - Curso Básico 2h53m Clique aqui
Vídeo-Aula - Criando Blogs Profissionais - Curso Completo 45m Clique aqui
Vídeo-Aula - Criando Sites Dinâmicos Avançados com DreamWeaver CS3, PH... 4h54m Clique aqui
Vídeo-Aula - Criando Sites Dinâmicos com DreamWeaver CS3, PHP e MySQL 4h05m Clique aqui
Vídeo-Aula - Criando uma Loja Virtual com PHP e MySQL - Curso Completo 19h Clique aqui
Vídeo-Aula - Curso Completo de PHP + HTML + CSS 27h35m Clique aqui
Vídeo-Aula - DreamWeaver CS4 - Curso Prático 1h53m Clique aqui
Vídeo-aula - Flash CS3 - Básico e Prático 4h45m Clique aqui
Vídeo-Aula - Flash MX - Curso Básico 2h26m Clique aqui
Vídeo-Aula - HTML - Curso Prático 2h40m Clique aqui
Vídeo-Aula - Tableless - Crie Sites 100% nos Padrões Web 4h10m Clique aqui
INTERNET
DVD: Hardware - Curso Básico 58m Clique aqui
Vídeo-Aula - Curso de Microinformática Prática 4h35m Clique aqui
Vídeo-aula - Curso Prático de Internet 40m Clique aqui
Vídeo-aula - Curso Prático de Outlook Express 55m Clique aqui
CAD
Vídeo-Aula - Curso de Autocad 2D 4h Clique aqui
Vídeo-Aula - Curso de Autocad 3D 3h45m Clique aqui
VÍDEO E ÁUDIO
DVD: Conversão de Formatos Digitais: Áudio e Vídeo 1h26m Clique aqui
Vídeo-Aula - Como Criar Vídeo-Aulas - Curso Prático 1h04m Clique aqui
Vídeo-Aula - Curso de Teoria Musical 1h Clique aqui
PROGRAMAS GRÁFICOS
Vídeo-Aula -  Flash CS4 - Curso Prático 2h19m Clique aqui
Vídeo-Aula - Curso de CorelDraw X4 - Módulo I 3h Clique aqui
Vídeo-Aula - Curso Profissional Photoshop 4h20m Clique aqui
Vídeo-Aula - Fireworks CS4 - Curso Prático 1h35m Clique aqui
Vídeo-Aula - Photoshop CS4 - Curso Prático 4h24m Clique aqui
ADMINISTRAÇÃO E NEGÓCIOS
DVD - Curso de Oratória - Falando em Público sem Medo 2h36m Clique aqui
LIVROS CAMPEÕES DE VENDA NO SITE
Dossiê Hacker
Universidade Project
Loja de Livros

© Júlio Battisti, 2001 - 2009. Todos os direitos reservados.
É 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.