Versão texto do vídeo:

Na primeira parte do vídeo sobre o WebFácil, criamos o site da “Pizzaria Hostnet”, incluindo a página ‘Principal’ e o ‘Cardápio’.

Nessa segunda parte, veremos como criar as páginas de ‘Pedido’ e de ‘Contato’. Mas antes, vamos aprender como modificar algumas informações valiosas na página principal.

Note que o texto da nossa página principal, está em um tamanho um tanto quanto pequeno, mas você pode personalizá-lo conforme a sua necessidade.

Vamos acessar então, o Painel de Controle Hostnet, preencha suas informações de domínio e senha. Clique em ‘OK’. Em seguida, acesse ‘Webfácil’.

Queremos alterar a página principal, vamos procurar a edição do texto.
Na janela de edição, selecione o texto e aumente o tamanho da fonte.
Nós colocamos o tamanho 12.

Outra coisa que pode-se fazer é configurar a cor do texto e sua formatação, por exemplo: “Pizzaria Hostnet”, em negrito e na cor vermelho escuro. A configuração vai depender da sua necessidade, existem várias opções. Terminado, clique em ‘Salvar’.

Para realizar as alterações realizadas, você não precisar clicar em ‘Salvar Meu Site’,  Se não for necessário publicar no momento, clique apenas em ‘Visualizar Meu Site’. O site é carregado e você pode verificar que agora o nosso texto está maior. Se precisarmos que ele fique maior ainda, basta editar e visualizar novamente.

Já que o site ficou da maneira que esperava, feche a visualização, com cuidado para não fechar o navegador. Volte ao Webfácil, vamos agora criar ‘Pedido’ e ‘Contato’.

Adicionando novas seções ao Menu

Adicionar novos itens ao Menu, é muito simples, basta clicar na opção ‘Cadastrar Menu’ do Webfácil. Na janela de páginas, vamos adicionar um item: ‘Pedidos’ ao clicar em salvar ele será adicionado. Também criamos ‘Contatos’ e qualquer momento pode-se trocar a ordem, por exemplo: se quisermos ‘Contatos’ antes de ‘Pedidos’, basta clicar nas setinhas de ‘Posição’. A ordem dos itens é muito importante para a navegação de seu site. Se por acaso, você cadastrar algum item por engano, pode removê-lo de forma simples, basta deixá-lo em branco, em seguida clique em ‘Salvar’ o item já sumiu. Terminada a configuração, podemos fechar essa janela e  o nosso menu já está criado.

Vamos fazer a nossa tela de ‘Pedidos’. No layout escolhido, temos uma figura ao lado do texto, mas podemos também colocá-la no meio do texto. E é o que optamos por fazer. Antes, cadastraremos a imagem em ‘Cadastrar Imagem’, em seguida selecionamos a desejada e enviamos. Em seguida, fechamos a janela aberta para a seção anterior e vamos editar a seção de ‘Pedidos’. Para um melhor resultado, selecionamos o texto e colocamos todos os páragrafos justificados e almentamos o tamanho da fonte para 14. Olhando embaixo temos o item ‘Inserindo Imagem do Webfácil’, podemos selecionar a imagem desejada clicando (no ‘v’ verde embaixo da imagem escolhida), centralizamos a imagem arrastamos ela para o local desejado.

Depois das alterações realizadas, clique em ‘Salvar’. Para testar, clique em ‘Visualizar Meu Site’.

Em nosso caso, clicamos na última sessão alterada ‘Pedidos’ para verificarmos a página criada. Falta ainda, a área de ‘Contatos’. Vamos fechar a área de visualização e no editor clicar em ‘Contatos’, para configurar o contato é muito simples, basta clicar em ‘Diagrama de Página’ para escolher um novo. Navegando entre as opções, você encontrará um formulário de contato, selecione a opção e em seguida, clique em ‘Salvar Diagrama Selecionado’.

Poderá fechar a janela referente a alteração anterior, e o formulário de contato já foi configurado. A partir deste formulário, todos os seus visitantes podem lhe mandar uma mensagem, basta que você troque o seu email, para qualquer um dos configurados anteriormente.

Para isso clique em ‘Editar’ ao lado de ‘Troque o email’ onde irá inserir qualquer email configurado na sua caixa de email. Se você ainda não fez isso, confira o vídeo de configuração de emails, pelo paindel da Hostnet. Você tem configurar também a sua senha.

O email configurado deve ser o do seu próprio domínio para que as mensagens possam ser enviadas corretamente.
Para verificar a validade da senha, clique em ‘Validar Senha’ se estiver correta, clique em ‘Incluir Email’. A partir disso, toda mensagem enviada pelo site para você, será enviada para o email selecionado. Em seguida, configure um título para o formulário e visualize as modificações realizadas em ‘Visualizar Meu Site’.

Quando um determinado visitante quiser saber mais informações, basta preencher o formulário. Pronto! Agora você já tem o seu site totalmente criado no WebFácil e sem ter que aprender nenhuma linguagem de programação para isso.

Para que essas alterações tenham efeito, você deve clicar em ‘Salvar Meu Site’. O ideal é que após uma alteração tão grande, você deve selecionar a opção ‘Publicar tudo (em processo mas lento). Clicando em OK, seu site está no ar, com o endereço informado em seguida.

Versão em texto do vídeo:

Antigamente quando você precisava criar um site o primeiro passo era começar a aprender HTML, que é uma linguagem para criação de páginas na Internet. Conforme seu site vai crescendo e precisando de mais recursos é preciso aprender outras linguagens como PHP, ASP, Java.

Então você deve estar se perguntando:

- Pra fazer meu site, eu vou ter que aprender isso tudo? Calma! Os assinantes da Hostnet contam com verdadeiros assistentes virtuais que vão te ajudar a publicar o seu site em minutos e o melhor sem precisar estudar nada! Como fazer isso? É simples.

Na página principal da Hostnet clique em ‘Painel de Controle’ digite seu domínio, configurado anteriormente e a senha de FTP previamente configura. Clique em ‘OK’.

No painel de controle, procuraremos a seção ‘Ferramentas (Utilitários)’, onde existem vários facilitadores pra quem é assinante Hostnet. Um deles: WebFácil, um criador automático de sites, bem simples de se utilizar. Em apenas alguns passos você terá o seu site pronto.

O Webfácil ajuda a criar e publicar o seu site em minutos.

Se você tem um negócio ou é profissional autônomo e quer criar um site pra demonstrar o seu produto ou ainda é pessoa física e quer apenas um site pessoal o Webfácil pode te ajudar. Ele é ideal para criar pequenos sites com o conteúdo fixo. O único requisito é a sua criatividade.

Vamos criar um site para a Pizzaria Hostnet. Você vai ver como é fácil criar o seu próprio site em minutos. Na área de atuação, vamos escolher a melhor opção, que no caso é ‘Gastronomia’. Clique em ‘Avançar’. Logo depois você vai escolher a categoria mais uma vez ‘Gastronomia’. Escolhendo um entre os trinta e um temas disponíveis, vamos ficar com o primeiro mesmo, na cor vermelha que combina mais com a idéia.

Em seguida em ‘Definição de Páginas’ você escolhe os principais itens do seu site, no caso vamos querer apenas dois: a página principal e cardápio.

Como queremos só dois, os demais itens terão seu conteúdo apagado. Não se preocupe, mais tarde se quiser criar uma terceira opção será bem simples. Clique em ‘Avançar’.

O site está sendo criado e disponível para que possamos começar a trabalhar nele. Você pensava que ia ser tão fácil assim?

O primeiro passo é criar uma logo para inseri-la no template. Previamente foram criadas algumas imagens que serão utilizadas nesse site. Basta você utilizar qualquer editor de imagem disponível, gratuito, que vem no seu sistema operacional, qualquer um deles.

Em seguida, clique no local destinado a inserção da logo do site, no botão ‘Editar’, onde poderemos colocar uma imagem escolhida para o logotipo. Depois clique em ‘Enviar Imagem’. Agora é só selecionar a imagem clicando no ‘V’ e escolher o alinhamento, no caso, queremos no topo. Ao inserir a imagem, ela será enviada para nosso layout.

Logo embaixo, em ‘Nome / Slogan da Empresa’ é possível editar esta opção.

Porém, optamos por não escrevermos nada nela. No canto esquerdo, vamos colocar uma descrição breve do nosso site. O título primeiro, clique em ‘Editar’ e coloque o texto desejado. Clique em ‘Salvar’ e automaticamente o texto é inserido. Se desejar clicar no segundo botão ‘Editar’ é possível inserir uma descrição sobre a empresa /loja / serviço / site, em seguida clique em ‘Salvar’.

Pode-se fazer também a alteração do conteúdo principal, colocando um título. Clique novamente no botão ‘Editar’, insira o texto e clique no botão ‘Salvar’.

Em seguida, coloque um texto e siga o mesmo procedimento simples informado anteriormente. Lembrando-se sempre de salvar as informações inseridas.

Em nosso site faremos a inserção de uma nova imagem, no lado esquerdo. Clique em ‘Editar’ >> ‘Adicionar Imagem’ >> ‘Enviar Imagem’ >> ‘Item de Confirmação’.

Selecione a imagem e em nosso caso colocamos o alinhamento à direita, clique sob ‘Inserir Imagem’. Pronto!

No loyout escolhido existe ainda um espaço para inserção do endereço do negócio. Vamos utilizá-lo! Salve o conteúdo. E pra finalizar coloque as informações desejadas no rodapé.

Inicialmente a página principal está pronta. Clique no ícone ‘Salvar Meu Site’ para ver o resultado. Na hora de salvar, você pode escolher um caminho específo para hospedar o seu site se não colocar nada ele será seu site principal. Em nosso caso, criamos: pizzaria. Então nosso endereço do site, ficaria: www.comocriarmeusite.com.br/pizzaria Se você não colocar nada, basta digitar o endereço www.comocriarmeusite.com.br e ele vai entrar automaticamente. Clique em ‘OK’.

Em seguida aparecem os endereços do site que podem ser acessados em qualquer navegador, para verificação do conteúdo produzido.

O site já está pronto! E o melhor, você não precisou aprender nem uma linguagem de programação para fazer isso.

Mas vamos aprimorar o loyout, por exemplo: nosso site é sobre uma pizzaria e no tema escolhido temos uma figura de um prato de arroz! Podemos modificar isso.

Retorne ao Webfácil e clique em ‘Imagem Padrão’ >> ‘Arquivo’ e escolha uma outra imagem que sirva como fundo de seu site, em seguida clique em ‘Salvar’. Feito! As imagens que criadas vão depender da criatividade de quem as desenha.

Se salvar o site e mantiver as configurações e clicar em ‘OK’. Acesse o endereço do site, no navegador e ele já está modificado.

Por enquanto, fizemos somente a página principal, em nosso caso, falta ainda a página ‘Cardápio’, que está em branco ainda.

Como mudar o formato de uma página?

Voltando ao Webfácil, clicamos em ‘Cardápio’ (no seu caso, na segunda página a ser alterada). A página ainda está em branco, mas em nosso caso, oferecemos quatro sabores de pizza. Se tivermos apenas uma figura, isso não ajudará muito.

Clique então, em ‘Diagrama de Página’, onde encontrará vários formatos prontos. Procure um que satisfaça as suas necessidades.

Como são quatro sabores, selecionamos o segundo modelo.

Descendo um pouco a página, clique em ‘Salvar Diagrama Selecionado’. Automaticamente, ele aparecerá na sua página.

Em nosso caso, clicando em cada um dos quatro espaços, poderemos colocar ‘uma pizza’. Adicionamos a primeira figura, que será a ‘Baby HTML’.

Selecione a imagem, alinhe do jeito que desejar. Coloque seu título e texto e salve as alterações efetivadas. Pronto! A primeira imagem já foi inserida. Proceda da mesma maneira para fazer as outras. Salve o site e veja como estará em seu navegador.

Acessando o nosso site novamente, vamos clicar em ‘Cardápio’. Agora temos os sabores, todos explicados.

Crie seu site com o WebFácil. É simples, rápido e fácil.

Agora o seu negócio já tem um site, que você mesmo criou! Basta então divulgar o seu endereço e começar a conquistar seus clientes virtualmente.

Veja mais vídeos acessando www.comocriarmeusite.com.br

• Vídeo tutorial
• Passos iniciais
• Publicando o site
• Mudando o formato de uma página

Vídeo tutorial

Passos iniciais: Criando um site com o WebFácil

Antigamente quando você precisava criar um site, o primeiro passo era começar a aprender HTML, que é uma linguagem para a criação de páginas na Internet. Conforme seu site ia crescendo e precisando de mais e mais recursos era necessário aprender outras linguagens como PHP, ASP, Java… então você deve estar se perguntando: Pra ter o meu site, eu vou ter que aprender isso tudo? Calma! Os assinantes da Hostnet contam com verdadeiros assistentes virtuais, que vão ajudar a publicar seu site em minutos, e o melhor: sem precisar estudar nada! Como fazer isso? É simples!

• Na página principal da Hostnet clique em “Painel de Controle“.

• Digite no campo o seu domínio e a senha de FTP previamente configurados e clique em “OK“

• No painel de controle procure a seção “Ferramentas” onde existem diversos facilitadores para os assinantes Hostnet. O WebFácil é um deles. Clique em WebFácil.

O WebFácil é um criador automático de sites bem simples de usar. Em apenas alguns passos você terá o seu site pronto.

Publicando o site: O WebFácil ajuda a criar e publicar seu site em minutos

Se você tem um negócio ou é profissional autônomo e quer criar um site para demonstrar o seu produtoj ou ainda se você é uma pessoa física e quer apenas um site pessoalj o WebFácil pode te ajudar. Ele é ideal para criar pequenos sites com conteúdo fixo e o único requisito é a sua criatividade.

No exemplo, criamos um site para a Pizzaria Hostnet. Você vai ver como é fácil criar seu próprio site em minutos.

• Em Título do site preencha o nome do seu website.

• Na “Área de Atuação” escolha a opção mais adequada, no exemplo: Gastronomia. Clique em “Avançar“.

• Agora escolha a categoria. Escolhendo um dos 10 temas disponíveis e a cor adequada para a sua idéia.

• Neste ponto você escolhe quais serão os principais itens do seu site. No exemplo, desejamos apenas dois: “Página principal” e “Cardápio“.
• Clique em Avançar.

Caso não deseje alguns dos ítens exibidos como opções do menu, remova-os apagando o texto das caixas numeradas ou os substitua por novos menus desejados.

Não se preocupe, caso deseje será possível adicionar novos menus de maneira bem simples em outra opção do WebFácil.

O site está sendo criado e ele já está disponível para começarmos a trabalhar. Você pensava que iria ser tão fácil assim?

Como criar um logotipo

O primeiro passo é criar um logotipo e colocar na área específica para o logo no template. Basta utilizar qualquer editor de imagem disponível, gratuito, ou que venha no seu sistema operacional. Qualquer um deles.

• Clique em “Editar” ao lado do espaço para o logotipo e será possível incluir uma imagem.

Agora poderemos incluir uma imagem.

• Clique em “Arquivo” ou “Procurar” dependendo do navegador e localize o arquivo que deseja enviar. Depois, novamente no WebFácil, clique no botão “Enviar imagem“.

• Selecione a imagem clicando no ícone “V” verde e escolher o alinhamento. Ao inserir a imagem ela é exibida no layout.

Para editar os espaços de texto basta apenas clicar na opção “Editar” ao lado dos textos do modelo e das áreas disponíveis para títulos.

• Ao clicar em “Editar” uma janela, como na imagem abaixo, é exibida possuindo um editor de textos e o botão “Salvar“.

• Escreva o texto desejado e clique em “Salvar“.

Para incluir uma figura ao clicar em “Editar” e uma janela, como na imagem abaixo, é exibida possuindo a opção de carregar a imagem através do “Caminho da imagem” e também a opção de selecionar uma das imagens da lista de imagens cadastradas.

O mesmo procedimento adotado para enviar o logotipo deve ser refeito para a inclusão da imagem. Note que existe a possibilidade de se alinhar a imagem em posições diferentes da exibida no layout da página.

Para facilitar ainda mais, o modelo do site apresenta estruturas que serão exibidas novamente nas outras páginas do seu site, como o rodapé da página, por exemplo. Para editar estes textos, utilize os mesmos procedimentos para a edição do conteúdo da página.

Como publicar

• Depois que editar a página, clique em “Salvar meu Site“.

Neste momento existe a possibilidade de se escolher um caminho específico onde o seu site vai ser publicado.

Caso não preencha nenhum no campo que define o caminho, o site será publicado no seu endereço principal.

Exemplo: Caso o site seja: seuwebsite.com, e preencher o caminho: “apresentacao” o WebFácil irá publicar o conteúdo no endereço: http://www.seuwebsite.com/apresentacao.

• Para publicar clique em “OK” e o Webfácil irá lhe fornecer o caminho para site, e o melhor: Você não precisou aprender nenhuma linguagem de programação para isso.

Aprimorando

Agora que você já criou e editou o conteúdo precisamos aprimorar um pouco mais o layout. No exemplo, estamos criando uma pizzaria e a imagem exibida é a de um prato de restaurante.

• Clique em Imagem Padrão;
• Clique em Arquivo e escolha a imagem que será fundo do seu site;
• Clique em Salvar para aplicar;
• Clique em Salvar meu site;

Como mudar o formato de uma página

Por enquanto fizemos apenas a página principal, falta ainda criar o cardápio que está em branco.

• No Webfácil, clique em Cardápio.

No nosso exemplo precisamos de uma página que tenha espaço para quatro imagens e o padrão atual mostra apenas um.

• Clique em Diagrama de página.

• Selecione um diagrama de acordo com a sua necessidade, no exemplo, selecionamos o segundo que possuí quatro divisões a atende as nossos necessidades.

• Clique em Salvar diagrama selecionado.

• Clique sobre os espaços de imagens para alterá-las

Crie seu site com o Webfácil. É simples, é rápido, é fácil!

Agora o seu negócio já tem um site que você mesmo criou, basta então divulgar o seu endereço e começar a conquistar novos clientes virtualmente.

Formatação da nova Imagem

Antes de efetuar a substituição da imagem padrão do template selecionado, é necessário que a nova imagem esteja formatada com as seguintes características:

• Imagem Altura: 340 pxl
  Largura: 280 pxl
• ResoluçãoHorizontal: 100 dpi
  Vertical: 100 dpi

Esta formatação poderá ser feita através de um editor de imagem, como por exemplo: MS Paint, Fireworks ou Gimp. Caso a imagem não tenha exatamente estes tamanhos, não se preocupe: o Webfácil permite recortar a parte que você deseja da foto.

Substituindo a imagem padrão do template

1. Acesse o Painel de Controle Hostnet.
2. Logado em seu Painel de Controle, visualize o setor de Ferramentas (Utilitários).
3. Clique no ícone Webfácil – Faça você mesmo o seu site.
4. Clique na opção Imagem padrão e a ferramenta do WebFácil solicitará o arquivo que você deseja utilizar. Selecione um arquivo no seu computador para usar a sua própria imagem utilizando o campo Envie a imagem para o template de seu site clicando no botão “Arquivo…” e procurando a imagem que você irá transferir para o seu site.
5. Selecione a imagem que será transferida (dê preferência aos arquivos .gif ou .jpg ) e clique em Abrir.
6. Após selecionar o arquivo, clique no botão “Salvar“.
7. Selecione a opção “Recortar” para recortar a área selecionada da imagem ou escolha a opção de redimencionar.
8. Clique em “Salvar“
9. Clique em “Salvar meu site” e depois em “OK“.
   

Pronto! Agora basta apenas visualizar o seu site com a sua nova imagem. As vezes a imagem antiga pode ficar no cache do seu browser, se isso ocorrer pressione a tecla F5 para recarregar a página.

O WebFácil é um construtor de sites que possibilita que qualquer pessoa crie um site sem a necessidade de ter conhecimento de linguagem técnica. Com o WebFácil é possível ter total autonomia para mudar, na hora que desejar, o modelo, a cor, a diagramação e o conteúdo do seu site, mantendo-o sempre atualizado.

Vamos conhecer a interface do WebFácil e construir um site a partir de suas ferramentas.

Barra de Ferramentas

Antes de iniciar a construção do seu site utilizando o WebFácil, é importante que você conheça as funções de suas ferramentas.

Veja abaixo o que cada ferramenta do WebFácil é capaz de fazer:

Após conhecer alguns dos recursos básicos do funcionamento do WebFácil, vamos iniciar a construção de um website com esta excelente ferramenta.

Primeiro passo – Acessando o WebFácil

Para utilizar o construtor de sites, é necessário que você esteja logado em seu Painel de Controle Hostnet através do endereço (http://painel.hostnet.com.br). Informe o nome do seu domínio no campo (Digite o domínio) e sua senha de acesso no campo (Digite a senha de FTP), caso você não se recorde de sua senha de acesso, utilize o o link (Esqueceu a senha?).

Logado em seu Painel de Controle, acesse o ícone nomeado como WebFácil junto setor de Ferramentas (Utilitários).

Utilizando o WebFácil

É chegado o momento de iniciarmos a construção do site através deste construtor, ao clicar no ícone WebFácil, lhe será apresentada uma das seguintes situações:

1. No momento do acesso, lhe será apresentada uma mensagem referente a utilização desta ferramenta. O WebFácil será ativado de forma automática sem a necessidade de uma ativação manual através do botão existente na mensagem apresentada.
2. Caso a ferramenta não seja executada (isso significa que o JavaScript não se mostra habilitado em seu navegador), é necessário clicar no botão OK para habilitar o JavaScript no mesmo.

Etapa 1: WebFácil – Criando o seu site

Cadastramento das informações iniciais do site.

1. Escolha um título para o seu site: Definição do título do site. Através deste campo você irá cadastrar o título que será exibido na barra de título do seu navegador.

Após definir o título do seu site assim como a área de atuação do mesmo no campo Área de atuação do site, finalizamos com sucesso a configuração da primeira etapa. Clique no botão Avançar para que você seja direcionado para a próxima etapa de criação do WebFácil.

Etapa 2: WebFácil – Escolhendo o modelo

Na segunda etapa, vamos definir algumas características do seu website como por exemplo a sua categoria, o modelo e a sua cor.

1. No campo Categoria existem mais de 18 tipos de sites (categorias) disponíveis, como por exemplo: Animais, Automóveis, Informática e entre outros. Caso você possua uma empresa que esteja relacionada com uma das 18 categorias, é aconselhável que esta seja selecionada.



2. Após definir a Categoria do seu site, você poderá definir o modelo do mesmo através da barra de rolagem abaixo no box (Gostou desse modelo?), existem vários modelos por categoria. Definindo o modelo desejado, escolha uma Cor para o mesmo através da paleta de cores que se encontra ao lado do modelo desejado e clique em Avançar.

Etapa 3: WebFácil – Definindo as páginas

Na etapa 3 iremos definir quantas páginas o site irá possuir. É possível alternar a ordem das páginas padrões que lhe são apresentadas caso você ache necessário.

OBS.: Os planos de hospedagem Mini HTML e Mini PHP só pode ter em até no máximo 5 páginas. Os demais planos de hospedagem podem ter um número maior.

1. Cadastre as páginas do seu website na ordem que você achar necessário. Após o cadastramento, clique no botão Avançar.

Etapa 4: WebFácil – Finalizando o seu site

A quarta etapa simplesmente é a conclusão e demonstração do desenvolvimento do website.

1. Ao se concluir as 4 etapas iniciais, o site já lhe será apresentado contendo todas as estruturas selecionadas anteriormente.

Editando a estrutura do seu website

Quando o site lhe é apresentado, é possível observar que em várias partes desta estrutura nós visualizamos o botão Editar visto anteriormente na Barra de Ferramentas. É através desta ferramenta que iremos editar todo o conteúdo deste site (como por exemplo: imagens, textos, links).

Vamos dar continuidade a montagem do site através desta ferramenta de edição. Desta forma iremos modificar toda a estrutura apresentada para transferir os arquivos do seu site.

Editando a Logo

1. Vamos iniciar o cadastramento do Logotipo do seu site/da sua empresa através da ferramenta Editar acima do campo Logo em seu site.



2. Clicando na opção Editar, lhe será exibida uma janela nomeada como Editor de conteúdo do site, através do campo Caminho da imagem procure a imagem desejada em sua máquina através da opção Procurar…

   

3. Procure a pasta que contenha o arquivo desejado ou somente o arquivo em questão (que neste caso é a sua logo). Ao selecionar o mesmo, clique em Abrir.



4. Com o arquivo devidamente selecionado, clique no botão Enviar imagem.



5. O arquivo será encaminhado para a tabela Listas de imagens cadastradas. Agora basta apenas utilizar a opção Selecionar.



6. A imagem será demonstrada no campo Foto selecionada. Esta imagem pode ter a sua posição definida através da opção Posição da foto para as seguintes posições (esquerda, direita e topo). Após efetuar a seleção da imagem e formatar sua posição, clique em Inserir Imagem no Site.



7. Veja que a imagem definida na opção anterior foi incluída na posição do logo conforme desejado.

Editando o Título do Site

Agora vamos definir o título que irá ficar no corpo do site conforme mostrado na figura abaixo.

1. Novamente será preciso utilizar a ferramenta Editar para executar tais modificações.

Clique na ferramenta Editar. Lhe será apresentado o Editor de texto do WebFácil (Editor de conteúdo).

• Conhecendo o Editor de texto do WebFácil (Editor de conteúdo)

  

Veja abaixo a função de cada opção deste Editor de conteúdo:

1. Font Type: Definimos aqui o tipo de fonte utilizada, no qual será possível formatar o texto digitado com a fonte selecionada. Esta opção possui em até 8 tipos de fontes diferentes.
2. Font Size: Podemos definir o tamanho da fonte utilizada através da opção abaixo. Lembramos que o número que está na frente é quanto a sua posição na caixa de seleção, o tamanho do texto é definido a partir do número contido entre os ( ).
3. Bold e Italic: O texto poderá ser digitado em Negrito e no formato Itálico quando as suas respectivas opções estiverem selecionadas.
4. Justify: A posição do texto é definida através das opções abaixo demonstradas. O texto poderá ser centralizado ou alinhado à direita por exemplo.
5. Font Color: Desejando alterar a cor do texto, será necessário selecionar o Font Color e então escolher a cor na tabela de cores que será apresentada.
6. Background Color: Desejando alterar a cor de fundo, será necessário selecionar o Background Color e então escolher a cor na tabela de cores que será apresentada.
7. Insert Web Link: O texto poderá ter um link (por exemplo: clique aqui) no qual este quando utilizado irá redirecionar o acesso a URL ou um site desejado. Nesta opção será necessário que se digite nos campos apresentados as informações abaixo: URL: Endereço do site para onde se deseja direcionar o acesso, por exemplo (http://hostnet.com.br).TÍTULO DO LINK: Digite um nome que será apresentado como o título da URL acessada.

   TARGET: A URL poderá ser vista nas seguintes condições (New window = o conteúdo será apresentado numa nova janela. Same frame = será exibido numa outra janela. Top frame = será exibido num frame superior. Other = utilizado para a programação Java Script).

8. Insert/ Modify Image: Caso deseje incluir uma imagem ao fundo do texto digitado, utilize a opção Insert/ Modify Image. A escolha da imagem irá funcionar da mesma maneira que a seleção da imagem junto ao logo.Você poderá selecionar somente imagens que já estejam incluídas no servidor (Na Lista de imagens cadastradas), portanto é necessário apenas enviar a imagem desejada como instruído anteriormente.
9. Toggle HTML Source: Esta opção irá demonstrar toda a seleção definida no Editor de conteúdo no formato HTML, ou seja, em códigos HTML.

Editando o Título do Site com o Editor

1. Agora digite o texto desejado e defina as formatações que você achar mais agradável a partir das ferramentas demonstradas acima, no caso deste tutorial, vamos informar o título Seu WebSite. Após definidas, clique em Salvar.



2. Observe que o texto digitado foi incluído no site a partir das formatações definidas.

Providencie a formatação de todo o conteúdo dos textos de seu site e então siga os procedimentos abaixo:

Criando um Link no site

Para finalizar a formatação da parte superior do site, vamos incluir um link. Este link poderá ser utilizado de várias maneiras, neste caso vamos utilizar o mesmo para dar continuidade ao texto.

• Conhecendo o Editor de linksVamos criar um link através da opção Editar.

  

  Lhe habilitando o Editor de conteúdo.

  

Este Editor de conteúdo lhe habilitará os seguintes recursos:

1. Conteúdo para link: No campo Conteúdo para o link digite o nome que irá ser exibido como link, neste caso vamos incluir o link como Mais informações.
2. Tipos de links: Marcando a opção (Link para outra página do menu) você poderá fazer com que o link redirecione para uma página já criada em seu site.Já marcando a opção (Link para um endereço específico) você poderá digitar uma URL para qual o link irá redirecionar quando acessado, por exemplo (http://www.hostnet.com.br).
3. Modo de abrir o link: Após definir qual o tipo de link que você vai utilizar, vamos escolher a sua forma de abertura. Existem 2 formas a serem utilizadas: Na mesma página:

   Abre o conteúdo na mesma página sem utilizar uma outra aba.

   Outro Navegador: Abre o conteúdo em uma outra página em outro navegador.

Após efetuar o cadastramento desejado, clique em Incluir Link.

Criando o link via Editor de conteúdo

1. A partir de tais configurações definas as informações que o seu link deverá possuir.
2. Veja como o link foi incluído com sucesso.

Definindo uma nova diagramação da página

Agora com a parte superior do site já formatada, vamos definir uma nova diagramação para o site.

1. Para efetuar esta modificação, utilize a ferramenta Diagrama da página na barra de ferramentas superior.



2. Existem 18 opções disponíveis para que você defina uma nova diagramação para a página. Neste caso vamos definir uma com 3 colunas. Após definir a diagramação desejada, clique em Salvar diagrama selecionado.



3. A diagramação selecionada foi aplicada com sucesso.

Aplica as informações necessárias nos campos de edições que contém o botão Editar. Aplique o conteúdo do seu site juntamente com as técnicas de edições ensinadas anteriormente para que todas as partes do seu site se mostrem configuradas com os seus respectivos conteúdos.

Formatando a parte inferior do seu website

Finalizada toda a formatação da parte central do site, vamos trabalhar junto a parte inferior do site que estamos construindo.

1. Vamos editar o nome do site juntamente com o e-mail que está sendo exibido na parte inferior do site. Utilize a ferramenta Editar para iniciar a formatação.



2. Novamente iremos trabalhar junto ao Editor de conteúdo. Observe o texto que já se mostra visível, faça a substituição deste conteúdo cadastrando.Cadastre o nome do seu domínio (www.seuwebsite.com) juntamente com um dos seus e-mails de contato (voce@seuemail.com) para que desta forma o visitante possa verificar tais informações.Após aplicar tais informações, clique em Salvar.

   

Configurando uma página de contato do seu website

Estamos finalizando o seu site. Agora vamos configurar a sua página de Contato. Esta página é muita importante para o seu site, pois é através deste setor do que um visitante irá se comunicar via e-mail com você.

1. Clique no menu (página) Contato conforme indicado na imagem abaixo.



2. Esta página requer uma diagramação para o formulário de contato. Para que possamos efetuar esta mudança vamos utilizar a ferramenta Diagrama da página na barra superior conforme a imagem seguinte.



3. Selecione uma diagramação que contenha o nome Formulário de contato conforme a imagem abaixo nos exibe. Escolha uma que seja do seu agrado, após efetuar a seleção, clique em Salvar diagrama selecionado.



4. Observe que a diagramação da página contato foi modificada mostrando assim a nova diagramação definida anteriormente.



5. Vamos formatar os textos desta página normalmente, seguindo os mesmos procedimentos das formatações dos textos anteriores que utilizamos.
6. Agora vamos efetuar o cadastramento da sua conta de e-mail que irá receber todos os e-mails que serão encaminhados a partir deste formulário de contato.



7. Observe que o editor de conteúdo lhe exibe um campo de e-mail e senha. Nestes campos você deve cadastrar o seu e-mail que foi criado em seu Painel de Controle junto ao setor de Administração de E-mails assim como a senha do e-mail.Cadastrando o e-mail e a sua senha, caso queira efetuar (confirmar) a senha desta conta de e-mail, utilize o campo Validar Senha. Este recurso irá confirmar se a sua conta de e-mail infomada está com a senha de e-mail correta.

   Caso esta senha esteja incorreta, lhe será apresentada uma mensagem de erro com o texto (Senha incorreta. Digite a senha de MailBox você@seuemail.com).

   Caso contrário, a senha estando correta, você irá visualizar a seguinte mensagem (Senha correta).Confirmando esta informação, utilize a opção Incluir E-mail.

   

8. Agora efetue a formatação das demais páginas de seu site para que desta forma possamos entrar na etapa final da construção.

   Clique em cada página criada e formate a mesma de acordo com o seu gosto e suas necessidades. Lembre-se de levar em consideração todos os procedimentos que utilizamos anteriormente para que você possa configurar as demais páginas do site normalmente.

Visualizando o site antes de publicá-lo

Caso você já queira verificar o resultado deste trabalho, a visualização do site poderá ser efetuada a qualquer momento através da ferramenta Visualizar meu site que se encontra ao lado esquerdo do botão Salvar meu site.

Publicando o conteúdo do seu site

Tendo todas as páginas já configuradas, vamos salvar seu conteúdo e publicar o site.

1. Utilize a ferramenta Salvar meu site na barra superior.



2. Aguarde o processamento das informações.
3. Lhe serão apresentadas algumas opções durante o recurso de armazenamento do conteúdo.
4. Caso queira salvar este conteúdo em uma pasta específica dentro do servidor vinculado ao seu plano de hospedagem, digite o nome da pasta junto ao local indicado na imagem abaixo.Lembramos que ao especificar uma pasta para armazenar tal conteúdo, você deverá digitar este nome após o endereço do seu site (por exemplo: http://seuwebsite.com/nome_da_pasta).

   

5. Caso contrário, você poderá salvar todo o conteúdo diretamente na pasta raiz deixando o primeiro campo em branco.Selecionando a opção Publicar tudo você irá transferir todos os arquivos modificados para o servidor.

   

6. Após definir uma das maneiras para executar a publicação do conteúdo, clique em OK.
7. Aguarde o processamento.
8. Pronto, seu site foi publicado com sucesso!O acesso ao mesmo irá ser executado a partir dos endereços abaixo fornecidos.Lembramos que caso você não tenha configurado o seu DNS recentemente ou tenha um registro do domínio novo, durante o período de propagação dos DNS’s (domínio nacional: 48 horas e domínio internacional: de 8 a 48 horas) o acesso ao site deverá ser efetuado a partir do endereço provisório do seu site, neste caso o seu é o terceiro endereço da imagem abaixo.