NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!

UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI

Você está em: PrincipalArtigosCriacaosites : Frontpagebasico002
Quer receber novidades e e-books gratuitos?

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.

 

Untitled Document
FRONTPAGE - BÁSICO
1 Criação de Páginas para Internet - Introdução
1 Criando o Primeiro Arquivo HTML
DREAMWEAVER - BÁSICO
1 Introdução ao Dreamweaver MX 2004
1 Projeto Web – Parte 01
1 Projeto Web – Parte 04
1 Projeto Web – Parte 03
1 Criação de Tabelas no Dreamweaver
1 Dreamweaver Basico - Começando a usar o DreamWeaver
1 Dreamweaver Basico - Configurações de Definição de Sites
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 1
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 2
1 Dreamweaver Basico - Definição Básica do Design e Inserção de Conteúdo
1 Dreamweaver Basico - Criação de Links
1 Dreamweaver Basico - Configuração de Links
1 Usando Tabelas no DreamWeaver
1 Usando Imagens no Dreamweaver
1 Usando Modelos no Dreamweaver
1 Conhecendo o Dreamweaver 8
1 Usando comportamentos para criar um menu pop up no Dreamweaver
1 Usando a paleta Behaviors do Dreamweaver - Parte 1
1 Usando Camadas Para Exibir Dicas de Formulários
1 Fazendo um Site com Templates Prontos no Dreamweaver
HTML BÁSICO
1 HTML Básico - Introdução à Internet
1 HTML Básico - Alinhamento de Texto
1 HTML Básico - Cabeçalhos e Formatação de Texto
1 HTML Básico - Formatação de Texto
1 HTML Básico - Criação e configuração de links
1 HTML Básico - Criando Listas Ordenadas e Listas de Definição
1 HTML Básico - Criação de Links Internos e Externos
1 HTML Básico - Criação de Links Externos E Links de E-mail
1 HTML Básico - Inserindo Imagens na Página
1 HTML Básico - Introdução à Tabelas
1 HTML Básico - Criação de Formulários - Parte 1
1 HTML Básico - Criação de Formulários - Parte 2
DREAMWEAVER - PROGRAMAÇÃO PHP
1 Galeria de Fotos com Efeito Lightbox Dinâmica
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 1)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 2)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte Final)
1 Alternando Cores da Tabela no Resultado de uma Consulta
1 Como Criar um Contador de Visitas (Acessos)
1 Criando Galeria de Fotos (Tiny SlideShow)
1 Criando Ícone para URL
1 Criando Recurso Imprimir
1 Criando Sites Auto-Ajustáveis de Acordo com a Resolução
1 Formulário de Contato com Envio de Dados por Email
1 Galeria de Fotos com Efeito Lightbox e Upload Múltiplo de Imagens
CRIANDO UM APLICATIVO PARA UMA ACADEMIA
1 Criando Aplicativo Para Academia - Parte 1
1 Criando Aplicativo Para Academia - Parte 2
1 Criando Aplicativo Para Academia - Parte 3
1 Criando Aplicativo Para Academia - Parte 4
1 Criando Aplicativo Para Academia - Parte 5
1 Criando Aplicativo Para Academia - Parte 6
1 Criando Aplicativo Para Academia - Parte Final
WEBSPHERE
1 Apresentando o WebSphere Application Server da IBM
1 Instalação do WebSphere Application Server
1 Configurando uma aplicação no WAS
1 Configurando a segurança no WAS
SISTEMA DE SALÃO DE BELEZA
1 Sistema Salão de Beleza - Parte 1
1 Sistema Salão de Beleza - Parte 2
1 Sistema Salão de Beleza - Parte 3
1 Sistema Salão de Beleza - Parte 4
1 Sistema Salão de Beleza - Parte 5
1 Sistema Salão de Beleza - Parte 6
1 Sistema Salão de Beleza - Parte 7
1 Sistema Salão de Beleza - Parte 8
1 Sistema Salão de Beleza - Parte 9
1 Sistema Salão de Beleza - Parte 10
1 Sistema Salão de Beleza - Parte 11
1 Sistema Salão de Beleza - Parte 12
1 Sistema Salão de Beleza - Parte 13
1 Sistema Salão de Beleza - Parte 14
SISTEMA PARA GERENCIAMENTO DE IMÓVEIS
1 Sistema Para Gerenciamento de Imóveis - Parte 01
1 Sistema Para Gerenciamento de Imóveis - Parte 02
1 Sistema Para Gerenciamento de Imóveis - Parte 03
1 Sistema Para Gerenciamento de Imóveis - Parte 04
1 Sistema Para Gerenciamento de Imóveis - Parte 05
1 Sistema Para Gerenciamento de Imóveis - Parte 06
1 Sistema Para Gerenciamento de Imóveis - Parte 07
1 Sistema Para Gerenciamento de Imóveis - Parte 08
1 Sistema Para Gerenciamento de Imóveis - Parte 09
1 Sistema Para Gerenciamento de Imóveis - Parte 10
1 Sistema Para Gerenciamento de Imóveis - Parte 11
Quer receber novidades e e-books gratuitos?

 
 

Contato: Telefone: (51) 3717-3796 | E-mail: webmaster@juliobattisti.com.br | Whatsapp: (51) 99627-3434

Júlio Battisti Livros e Cursos Ltda | CNPJ: 08.916.484/0001-25 | Rua Vereador Ivo Cláudio Weigel, 537 - Universitário, Santa Cruz do Sul/RS, CEP: 96816-208

Todos os direitos reservados, Júlio Battisti 2001-2024 ®

LIVRO: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2016 - CURSO COMPLETO E PRÁTICO

DOMINE A PROGRAMAÇÃO VBA NO EXCEL - 878 PÁGINAS - CLIQUE AQUI