Criação de páginas para internet com o FrontPage – Introdução – FrontPage Básico

 

Introdução

 

O Microsoft FrontPage é um programa usado para criar documentos no formato HTML de uma forma que o usuário não precise ter nenhum conhecimento especifico na Linguagem de Marcação de HiperTexto (HTML). Sendo assim, é possível criar páginas da internet como se estivesse digitando um documento no Word, por exemplo.

 

História

 

O FrontPage foi criado por uma empresa chamada de Vermeer Technologies Inc em meados da década de 90 e comprado pela empresa Microsoft em 1996, com o objetivo de adicioná-lo a linha de produtos da empresa.

 

Tal programa foi projetado com o intuito de esconder o código HTML dos usuários para que qualquer pessoa possa criar uma página da internet, principalmente pessoas leigas. Um problema é discutido por desenvolvedores mais experientes, que alegam que o FrontPage cria código sujo, ou seja, cria códigos desnecessários comprometendo desempenho dos navegadores. Mas esse é um assunto que não vamos discutir.

 

Versões

 

Desde sua criação na década de 90 já foram lançadas cerca de oito versões do FrontPage. Atualmente se encontra na sexta versão (Microsoft FrontPage 2003) criada pela atual empresa Microsoft.

 

Uma dessas versões, criada em 1998 foi desenvolvida para a plataforma Mac OS (Macintosh Operating System é a denominação do sistema operacional padrão dos computadores Macintosh produzidos pela Apple.), tal versão possuía menos recursos que a versão equivalente para plataforma Windows (Sistema Operacional produzido pela Microsoft, mesma empresa que comprou o FrontPage em 1996 da empresa Vermeer Technologies Inc) e foi abandonado, pois não obteve mais atualizações.

 

Atualmente o principal concorrente do Microsoft FrontPage é o Macromedia Dreamweaver que foi comprado recentemente pela empresa Adobe. Tal ferramenta será tratada nos tutoriais por meu amigo Hudson Sainça aqui no site.

 

Visão geral do Microsoft FrontPage

 

O Microsoft FrontPage tem uma interface bem amigável, uma qualidade em comum entre os aplicativos da Microsoft. Veja abaixo a aparência do programa:

 

 

Abaixo temos a barra de menus:

 

 

A próxima é a barra de ferramentas de botões padrão:

 

 

Logo abaixo temos a barra de formatação:

 

 

Esta barra de ferramenta está na parte inferior da tela do FrontPage e é chamada de barra de ferramenta desenho:

 

 

 

A barra ao lado é responsável pelos principais modos de exibição do FrontPage.

 

Os detalhes de cada item desta barra não serão tratados neste tutorial.

 

Este é o Painel de tarefas, com ele é possível realizar diversas tarefas como: abrir os últimos arquivos que você trabalhou, criar novos arquivos em branco ou a partir de modelos previamente criados entre outras tarefas.

 

 

Para inserir ou remover as barras de ferramentas abra o menu exibir posicione o cursor do mouse sobre o item barra de ferramentas e escolha o item desejado no submenu. Observe a imagem abaixo:

 

 

Alguns conceitos básicos sobre os termos técnicos da internet

 

Antes de começarmos a criar suas primeiras páginas em HTML é preciso entender alguns termos técnicos usados na internet.

 

Web

 

Termo popular de World Wide Web ou www, que significa algo como “Rede do Tamanho do Mundo”. É uma grande rede de computadores, ou seja, a Internet. Que disponibiliza as informações através de documentos criados através da linguagem de marcação de HiperTextos (HTML), que por sua vez são carregados nos browsers (navegadores) dos usuários.

 

Browser

 

Programa de computador também conhecido como Navegador, tem como principal utilidade permitir a visualização e interação dos documentos ou páginas HTML com os usuários da Internet.

 

Site

 

Resume-se em um conjunto organizado de documentos ou páginas HTML que são interligadas entre si por meio dos links e pertencem a uma empresa ou organização por diversos objetivos. Geralmente é acessado através das URLs usando o protocolo HTTP da Internet.

 

URL

 

Abreviatura de Universal Resource Locator em português significa “Localizador Uniforme de Recursos” é o endereço de um recurso ou página da Internet. Pode ser um endereço de um site ou de um recurso como um arquivo ou uma impressora em uma rede corporativa, geralmente utiliza os protocolos HTTP ou FTP entre outros.

 

Hiperlink

 

Ou simplesmente Link é uma referencia dentro de um documento ou página da Internet à outro documento. É o elo de ligação entre as páginas da Internet. Podem aparecer por meio de palavras chaves ou imagens.

 

Web Server

 

Computador responsável por armazenar e disponibilizar as páginas HTML na Internet

 

Home Page

 

Página inicial de um site, tem o objetivo de apresentar e indicar as outras páginas que compõem o mesmo.

 

Webdesigner

 

É uma extensão do designer, onde o profissional é responsável pela criação das páginas da Internet por meio de diversas áreas de conhecimento além do design, como programação por exemplo.

 

Web Master

 

Profissional responsável pelo funcionamento, manutenção e segurança do Web Server.

 

Neste primeiro tutorial ficamos presos na teoria que é muito importante. No próximo iremos criar nossa primeira página além aprendermos alguns conceitos básicos sobre a linguagem de marcação de HiperTextos (HTML). Não deixe de ler o próximo tutorial!

 

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.

 

FRONTPAGE - BÁSICO Criação de Páginas para Internet - Introdução Criando o Primeiro Arquivo HTML DREAMWEAVER - BÁSICO Introdução ao Dreamweaver MX 2004 Projeto Web – Parte 01 Projeto Web – Parte 04 Projeto Web – Parte 03 Criação de Tabelas no Dreamweaver Dreamweaver Basico - Começando a usar o DreamWeaver Dreamweaver Basico - Configurações de Definição de Sites Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 2 Dreamweaver Basico - Definição Básica do Design e Inserção de Conteúdo Dreamweaver Basico - Criação de Links Dreamweaver Basico - Configuração de Links Usando Tabelas no DreamWeaver Usando Imagens no Dreamweaver Usando Modelos no Dreamweaver Conhecendo o Dreamweaver 8 Usando comportamentos para criar um menu pop up no Dreamweaver Usando a paleta Behaviors do Dreamweaver - Parte 1 Usando Camadas Para Exibir Dicas de Formulários Fazendo um Site com Templates Prontos no Dreamweaver HTML BÁSICO HTML Básico - Introdução à Internet HTML Básico - Alinhamento de Texto HTML Básico - Cabeçalhos e Formatação de Texto HTML Básico - Formatação de Texto HTML Básico - Criação e configuração de links HTML Básico - Criando Listas Ordenadas e Listas de Definição HTML Básico - Criação de Links Internos e Externos HTML Básico - Criação de Links Externos E Links de E-mail HTML Básico - Inserindo Imagens na Página HTML Básico - Introdução à Tabelas HTML Básico - Criação de Formulários - Parte 1 HTML Básico - Criação de Formulários - Parte 2 DREAMWEAVER - PROGRAMAÇÃO PHP Galeria de Fotos com Efeito Lightbox Dinâmica Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 1) Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 2) Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte Final) Alternando Cores da Tabela no Resultado de uma Consulta Como Criar um Contador de Visitas (Acessos) Criando Galeria de Fotos (Tiny SlideShow) Criando Ícone para URL Criando Recurso Imprimir Criando Sites Auto-Ajustáveis de Acordo com a Resolução Formulário de Contato com Envio de Dados por Email Galeria de Fotos com Efeito Lightbox e Upload Múltiplo de Imagens

CRIANDO UM APLICATIVO PARA UMA ACADEMIA Criando Aplicativo Para Academia - Parte 1 Criando Aplicativo Para Academia - Parte 2 Criando Aplicativo Para Academia - Parte 3 Criando Aplicativo Para Academia - Parte 4 Criando Aplicativo Para Academia - Parte 5 Criando Aplicativo Para Academia - Parte 6 Criando Aplicativo Para Academia - Parte Final WEBSPHERE Apresentando o WebSphere Application Server da IBM Instalação do WebSphere Application Server Configurando uma aplicação no WAS Configurando a segurança no WAS SISTEMA DE SALÃO DE BELEZA Sistema Salão de Beleza - Parte 1 Sistema Salão de Beleza - Parte 2 Sistema Salão de Beleza - Parte 3 Sistema Salão de Beleza - Parte 4 Sistema Salão de Beleza - Parte 5 Sistema Salão de Beleza - Parte 6 Sistema Salão de Beleza - Parte 7 Sistema Salão de Beleza - Parte 8 Sistema Salão de Beleza - Parte 9 Sistema Salão de Beleza - Parte 10 Sistema Salão de Beleza - Parte 11 Sistema Salão de Beleza - Parte 12 Sistema Salão de Beleza - Parte 13 Sistema Salão de Beleza - Parte 14 SISTEMA PARA GERENCIAMENTO DE IMÓVEIS Sistema Para Gerenciamento de Imóveis - Parte 01 Sistema Para Gerenciamento de Imóveis - Parte 02 Sistema Para Gerenciamento de Imóveis - Parte 03 Sistema Para Gerenciamento de Imóveis - Parte 04 Sistema Para Gerenciamento de Imóveis - Parte 05 Sistema Para Gerenciamento de Imóveis - Parte 06 Sistema Para Gerenciamento de Imóveis - Parte 07 Sistema Para Gerenciamento de Imóveis - Parte 08 Sistema Para Gerenciamento de Imóveis - Parte 09 Sistema Para Gerenciamento de Imóveis - Parte 10 Sistema Para Gerenciamento de Imóveis - Parte 11