-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Const rut or de Sit es

---------------------------------------------------------------------------------------------------------------

Manual do client e

www.plugin.com.br

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

NDICE
Prefcio...........................................................................................................3
Sobre Este Manual.................................................................................................... 3
A Quem Se Destina Este Manual........................................................................... . . . . . . 3
A Organizao Dest e Manual........................................................................................ 3

Convenes de documentao..............................................................................4
Convenes Tipogrficas.....................................................................................4
Sobre o Construtor de Sites..................................................................................4
Os Trs Est gios de Criao de um site............................................................................ 5

Iniciando com o Construtor de Sites.......................................................................6

Interface do Construtor.............................................................................................. 6
Sistemas de Ajuda.................................................................................................... 7
Acessando o Construtor de Site.................................................................................... 8
Primeiro Passo para a Criao de Seu Prprio Site.............................................................. 8
Observao:........................................................................................................... 9

Criando Seu Web Site........................................................................................10

O Inicio do Site...................................................................................................... 10
O Design do Site..................................................................................................... 11
Observao:.......................................................................................................... 11
Como Adicionar Pginas e Criar a Estrutura do Site........................................................... 13
Observao:.......................................................................................................... 13
Disposio e descrio dos recursos da aba Pgina............................................................ 14

Como Editar as Pginas de Seu Site.......................................................................15

Editando o Contedo de texto das pginas..................................................................... 17
Formatando Caracteres............................................................................................ 17
Observao:.......................................................................................................... 17
Formatando Pargrafos............................................................................................ 18
Comandos Gerais.................................................................................................... 18
Inserindo Imagens................................................................................................... 19
Observao:.......................................................................................................... 20
Inserindo Links....................................................................................................... 21
Inserindo Links Personalizados.................................................................................... 22
Inserindo ncora.................................................................................................... 22
Trabalhando com Tabelas......................................................................................... 22
Inserindo Tabelas................................................................................................... 23
Editando as Propriedades das Tabelas........................................................................... 24
Adicionando Linhas, Colunas e clulas........................................................................... 24
Excluindo Linhas, Colunas e Clulas.............................................................................. 25
Mesclando Clulas em uma Tabela............................................................................... 25
Dividindo Clulas em uma Tabela................................................................................ 26
Inserindo meta tags no cdigo HTML............................................................................. 26

Caractersticas de um Site Regular.......................................................................27

Como Publicar Seu Site.....................................................................................27
Ateno!.............................................................................................................. 27

Como Editar Seu Site........................................................................................28

Painel administrativo do Construtor de Sites...........................................................29
Como acessar o painel administrativo........................................................................... 29
Como alterar as configuraes para publicao do site....................................................... 30
Observao:.......................................................................................................... 30
Viso geral do ajuste de publicao do painel administrativo Linux........................................ 31
Viso geral do ajuste de publicao do painel administrativo Windows................................... 31

Glossrio.......................................................................................................33

www.plugin.com.br

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Prefcio
Sobre Este Manual
Este manual oferece instrues detalhadas considerando operaes que podem ser executadas no
construtor de Sites. Este programa habilita seus usurios a criarem e publicarem sites na Internet.
Grande parte dos tpicos deste Manual dedicada a uma tarefa em particular e os meios de execut-la.
Eles descrevem cinco passos principais necessrios para a criao de um site, como:
Selecionando o tipo de um site;
Criando o design para um site;
Adicionando pginas e criando estrutura ao site;
Editando o contedo do site;
Publicando o site na Internet.
Alm de instrues bsicas para a criao de um site, este manual tambm descreve os recursos
adicionais do construtor de Sites e os meios pelos quais eles podem ser inseridos e utilizados em seu site.
Este Manual ainda descreve os procedimentos de edio do site aps sua criao e publicao na Internet,
oferecendo, aos usurios, instrues sobre atualizaes e manuteno do site.

A Quem Se Destina Este Manual

O Manual do Usurio do Construtor de Sites oferece informaes detalhadas considerando a
funcionalidade do construtor. O pblico-alvo deste manual composto pelos usurios regulares do
Construtor de Sites, bem como pelos visitantes, que podem acessar o site do construtor no modo visitant e
e criar sites t emporrios sem public-los oficialmente na Internet. Os usurios e visitantes no necessitam
de nenhum conhecimento t cnico ou especfico para utilizar o Construtor de Sites. Os processos de
criao de um site e sua publicao na Internet so rpidos e fceis.

A Organizao Deste Manual

O Captulo 2, Sobre o Construtor de Sites, oferece um panorama geral sobre o Construtor de Sites.
O Captulo 3, Iniciando com o Site, descreve os conceitos bsicos da int erface do Construtor de Sites e os
passos iniciais que o usurio deve seguir para criar seu prprio site.
O Captulo 4, Criando Seu Site, oferece informaes detalhadas sobre o Construtor de Sites e traz,
igualmente detalhadas, instrues para criar um site utilizando o construtor.
O Captulo 5, Como Publicar Seu Site, descreve o processo de publicao do site na Internet, t ornando-o
disponvel on-line para os visitantes da web.
O Captulo 6, Como Editar Seu Site, oferece informaes sobre atualizaes e manuteno de um site
aps sua criao e publicao na Int ernet.

www.plugin.com.br

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Convenes de documentao.
Antes de iniciar a leitura deste manual, importante compreender as convenes de documentao aqui
utilizadas:

Convenes Tipogrficas.
Tipo de Formatao

Tipo de Informao

Exemplo

Negrito

It ens que voc deve

selecionar, como opes de
menu, comandos ou bot es ou
itens em uma list a.
Ttulos de Captulos, sees e
subsees.

Clique no bot o Extras.

Ut ilizado para enfatizar a

importncia de um assunto,
para apresent ar um termo ou
para designar o local de uma
linha de comando, que deve
ser substitudo pelo seu
nome ou valor real.

Estes so chamados VPSs

compartilhados.

Nomes de comandos,
arquivos e diretrios
(pastas).

Inst ale o software dentro do

diretrio "c:\plesk bin"

Itlico

Monospace

Sobre Este Manual

msiexec /i <nome do arquivo

*.msi descrito anteriormente>

Sobre o Construtor de Sites.

O Construtor de Sites possibilita que usurios no-tcnicos criem, publiquem e mantenham seus sites sem
a necessidade de nenhum conhecimento em HTML ou outra linguagem de programao. O construtor de
Sites possui um contedo de solues corporativas que permite a todos os grupos de usurios criarem seus
prprios sites com mnimos esforos.
Os principais benefcios aos usurios so:
1. Interface web fcil de utilizar, composta por 5 passos de construo, em que o usurio deve
apenas escolher o item especificado e clicar. O construtor permite que os usurios construam e
publiquem seus prprios sites seguindo a ordem do cenrio.
2. Mais de 390 templates de alta qualidade, dividido em 34 categorias, com variaes de cores
oferecendo oportunidades nicas para os usurios tornarem seus sites atraentes e eficazes.
3. Com a interface de construo totalmente grfica, os usurios podem visualizar todo o contedo
e design da pgina enquanto edita as informaes. Todas as modificaes nas pginas podem ser
efetuadas e visualizadas antes da confirmao final, oferecendo ao usurio liberdade de escolha
nas configuraes de seu site.

www.plugin.com.br

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Os Trs Estgios de Criao de um Site

Via de regra, o processo de criao de um site inclui trs estgios principais: planejamento,
implementao, e atualizao ou manuteno do site.

Planejamento: O primeiro e mais essencial estgio de qualquer projeto o planejamento.

Antes de iniciar a construo com o Construtor de Sites, pense sobre o propsito de seu site e seu pblicoalvo quem seriam os principais interessados em seu site? Ento, desenvolva uma estrutura detalhada de
seu futuro site e prepare seu contedo, incluindo informaes de texto, grficos e imagens. O estgio de
planejamento extremamente importante, pois, eventualmente, determina a usabilidade de seu site.
Depois disso, voc precisa definir a hospedagem de seu site, isto , onde os arquivos das pginas do site
ficaro armazenados. Neste caso a Plug In Internet Corporativa ser seu provedor, e sobre como
disponibilizar o site oficialmente na Internet, uma vez que o site gerado pelo construtor temporrio.

Implementao: O prximo estgio a implementao de seu site. Os cinco passos do Construtor de

Sites conduzem os usurios atravs de todo o processo de criao de seus sites. As informaes abaixo
descrevem os principais passos necessrios para criar seu site utilizando o Construtor de Sites:
1. Para criar um site pela primeira vez, acesse o construtor atravs do endereo web
http://www.plugin.com.br/construtor-sites/ Visit ant e ou http://painel.plugin.com.br Client e
Plug In .
2. Complete os quatro primeiros passos (Escolha o tipo de site, selecione o design, crie a estrutura,
adicione o contedo do site e fornea as informaes extras para localizao de seu site pelos
mecanismos de busca).
3. Clique na aba Publicar. Neste passo, voc ter informaes para a publicao de seu site. Seu
site criado utilizando o Construtor de Sites ser salvo como site temporrio em um diretrio
tambm temporrio no servidor onde estar disponvel a publicao pelo Construtor de sites. Para
visualizar o seu site publicado gerado automaticamente um sub-domnio temporrio para teste,
que ser como este exemplo: http://seudomnio.plughosting.com.br. Voc poder, mais tarde,
retornar ao seu site, edit-lo e public-lo novamente com as alteraes (sobre editar seu site,
consulte a seo Como Editar as Pginas do captulo Criando Seu Site).
4. O site gerado pela primeira vez sem a sua publicao, ficar disponvel por 7 dias na web, aps
sua espirao no ser mais possvel recuperar o site criado.
5. Digite o link de seu site temporrio na barra de endereos de seu navegador. Seu web
site ir abrir nesta tela. Desta forma poder visualizar o site na rede da Internet.

Manuteno: Aps completar os passos acima, seu site se tornar disponvel para visitantes.
fundamental manter o contedo de seu site atualizado, pois esta uma boa maneira de mostrar
suas atitudes clientes e fornecedores. Por isso, procure atualizar seu site regularmente.
Com o Construtor de Sites simples manter o contedo de seu site sempre atual. Tudo o que voc precisa
fazer acessar o construtor de Sites atravs do painel de controle, editar o contedo e clicar em Publicar.
O Construtor de Sites ir, automaticamente, atualizar seu site na Internet.
Nos prximos captulos, voc encontrar instrues detalhadas sobre como proceder em cada estgio de
criao de seu site.

www.plugin.com.br

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Iniciando com o Construtor de Sites

Este captulo descreve os primeiros passos bsicos que os usurios devem seguir a fim de aprender a
dominar todas as funcionalidades do Construtor de Sites.

Interface do Construtor
Abaixo, descrevemos os elementos de interface que voc encontrar utilizando o Construtor de Sites.
Cada janela do construtor contm os seguintes elementos principais:
1. A imagem do logo da Plug In localizada na parte superior esquerda da tela do construtor.
direciona para o portal da Plug In.
2. A descrio superior auxiliar oferece uma breve descrio das operaes que voc pode
executar na pgina.
3. A rea de trabalho exibe as opes de interface disponveis para a aba selecionada na parte
superior da tela.
4. Use as abas no canto superior direita da tela para navegar entre as telas de cada passo
do construtor. As abas que esto disponveis a voc no estgio atual de criao do site so exibidas
como ativas. Por exemplo, voc no pode abrir a aba Editar at que a estrutura de pginas seja
criada na aba Pginas.
5. Utilize o boto Suporte para contatar a equipe da Plug In, para obter informaes ou dificuldades
com a utilizao da ferramenta. Ser aberto um formulrio para o envio de um e-mail a nossa
equipe.
6. Clique no boto de Ajuda para abrir os tpicos em HTML. Encontre as informaes que
voc precisa utilizando as abas Contedo e ndice.
7. Clique no boto Ir para o painel administrativo para abrir o gerenciador administrativo do
Construtor de Sites, onde poder efetuar a configurao do ponto de publicao de seu site, a
qual o Construtor de Sites publicar o seu site.
8. Utilize o boto Logout para finalizar a sesso atual com o Construtor de sites.
9. Utilize o boto Passo Anterior para voltar etapa anterior do construtor (voc tambm pode
retornar para outro passo selecionando a aba correspondente na rea superior direita da tela, se
esta aba estiver disponvel).
10. Utilize o boto Preview para visualizar como est ficando a edio de seu site, o Preview pode
ser acessado em qualquer ponto do Construtor de sites.
11. Utilize o boto Prximo Passo para ir prxima etapa da criao de seu site (voc tambm pode
clicar na prxima aba no topo da tela).

www.plugin.com.br

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
1

Sistemas de Ajuda

10

11

O sistema de ajuda do Construtor de sites foi criado para auxili-lo a resolver problemas que voc pode
encontrar enquanto criar seu site. Ao buscar as respostas por conta prpria voc poupa tempo e resolve
suas dvidas satisfatoriamente. Para encontrar a informao que voc precisa, voc pode seguir os
procedimentos abaixo:
Sistemas Auxiliares de Ajuda na Tela o modo mais fcil e rpido para obter ajuda com suas
tarefas imediatas. Usando estes sistemas voc no interrompe seu fluxo de trabalho. A descrio
superior auxiliar contm breves informaes sobre as operaes que esto disponveis na pgina
atual.
Leitura da Documentao do Usurio clique em Ajuda no topo de qualquer pgina do Construtor
de sites para abrir a verso HTML do Manual do Usurio. Encontre a informao que voc precisa
utilizando as abas Contedo ou ndice. (OBS: O item Ajuda do construtor de sites utiliza como
idioma padro o Ingls).
E-mail, Solicitaes, Chat On-line e Suporte Tcnico Se voc no obteve sucesso ao tentar
solucionar suas dvidas utilizando os mtodos de Ajuda acima, entre em contato conosco atravs
do e-mail atendimento@plugin.com.br, solicitao (via painel de controle), acesse nosso site
(http://www.plugin.com.br) e converse no Chat com um de nossos atendentes ou ligue para
4003.1001 (Capitais e Regies Metropolitanas) ou 0800 881.1001 (Demais cidades), para solucionar
sua dvida.

www.plugin.com.br

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Acessando o Construtor de sites

Para acessar o Construtor de Sites pela primeira vez, voc no precisa de um login ou de uma senha. Como
o Construtor de Sites possui uma interface baseada na web, voc trabalha com o aplicativo em uma janela
de seu navegador.
Voc pode acessar o Construtor de Sites atravs das seguintes maneiras:
Se voc um visitante, abra uma janela de seu navegador e, na barra de endereos, digite
http://www.plugin.com.br/construtor-sites/, escolha uma das plataforma disponveis no site.
Se voc j cliente Plug In, acesse seu Painel de Controle de Gerenciamento do Domnio
http://painel.plugin.com.br e clique no menu a esquerda, Hospedagem, Construtor de Sites.
A janela do construtor Site Fcil ir abrir.
Em todos os casos acima, a pgina a abrir ser a pgina inicial do Construtor de Sites, Viso Geral.

Primeiro Passo para a Criao de Seu Prprio Site.

Uma vez acessado o Site do Construtor de Sites, voc tem, na pgina inicial, uma viso geral das
funcionalidades do Construtor de Sites e pode, ainda, selecionar o idioma da interface.

Primeiro, selecione o idioma da interface do construtor no menu Idioma.

www.plugin.com.br

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Na pgina Inicial, ao acessar a ferrament a do Const rut or de Sit es voc pode visualizar todos os cinco
passos necessrios para a criao do site. Estes passos so:

Iniciar: Escolha o tipo de site que deseja criar, site bsico, Blog ou Galeria de fotos;
Design: Escolha o layout do site, esquema de cores, estilos de botes, banners, etc.;
Pginas: Crie a estrutura de seu site e adicione novas pginas;
Editar: Edite o contedo das pginas e insira recursos adicionais ao contedo;
Publicar: Transfira seu site para o host previamente especificado e torne-o
disponvel na Internet.

Para comear a criar seu site:

Clique na aba Iniciar no topo da pgina, direita;
OU
Clique no cone Iniciar na principal rea de trabalho;
OU
Clique no boto Iniciar no canto inferior direito da pgina.

Observao:
Se voc est utilizando o Construtor de Sites pela primeira vez, apenas as abas estaro
disponveis no incio: No estar disponvel o painel administrativo e nem a opo de
Log Out, no canto superior direito. Se voc j iniciou alguma construo e interrompeu
em algum estgio da criao, clique neste estgio para continuar a editar seu site.

www.plugin.com.br

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Criando Seu Site

As sees a seguir descrevem os passos que voc deve seguir para criar um site completo, comeando pela
escolha do tipo de site a ser criado, at a publicao do mesmo em seu servidor de hospedagem, para sua
visualizao na web.

O Incio do Site
Esta seo descreve como escolher o tipo de site que vai criar. Obtemos os seguintes tipos para a criao:
Site cria um site padro, que utiliza o conjunto de pginas e mdulos disponvel na ferramenta,
disponibilizando a fcil criao e modificao de todos os modelos;
Blog criar um blog fcil e rpido utilizando os modelos includos na ferramenta. Lhe possibilita
utilizar pginas simples e especiais;
Galeria de Fotos cria uma galeria de fotos de forma fcil e rpida, com a utilizao de modelos
disponveis pela ferramenta;

www.plugin.com.br

10

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

O Design do Site
Esta seo descreve como escolher um design para seu futuro site. O design do site consiste nos seguintes
elementos: Layout, esquema de cor, head banner, botes e logotipo, que esto dispostos na aba Design
da seguinte forma:
1. Layout um template (modelo pr-formatado) para o site. Ele define como separar e organizar
elementos como o logo da empresa, o banner superior e os botes de navegao. Quando
selecionado o template, o mesmo fica visvel em tamanho maior na parte superior esquerda da
ferramenta do Construtor de Sites.
2. Categoria disponibiliza uma melhor disposio dos template selecionando-os por sua categoria.
3. Procura efetua uma pesquisa nos template atravs do tipo de site que deseja criar, Site padro,
Blog, Galeria de Fotos ou define a visualizao de todos os tipos de template, Clique no boto
Exibir todos.
4. Pgina informa a pgina atual e a quantidade de pginas disponveis para cada Categoria de
template, possvel a visualizao de no mximo 11 template por pgina, podendo avanar ou
retornar, utilizando os botes de navegao. O item Ir para a pgina possibilita ir para uma
pgina em especfico.
5. Esquemas de Cor consiste nas cores do site, incluindo o cabealho (topo), rodap, menus,
fontes e cor de fundo. Edite o esquema de cores do site para torn-lo mais atraente e eficiente. O
construtor de Sites disponibiliza trs modelos pr-definidos para sua escolha.

6. Banner uma imagem usualmente localizada no topo da pgina do site. Escolha um head banner
do conjunto de imagens disponveis no construtor. Alguns template possibilitam a incluso de
imagens prpria como head banner.
7. Botes so links utilizados para navegar atravs das pginas do site. Existem trs tipos de botes
dos quais voc pode escolher e colocar em seu futuro site.
8. Logo um texto e uma imagem que identificam uma empresa ou produto. O logo o elementochave da identidade de uma empresa. Voc pode substituir o logo do construtor pela sua prpria
marca e renomear o Construtor de Sites utilizando-a.
9. Informaes do site inclui informaes adicionais sobre sua empresa e o site, como o nome da
empresa e o copyright (direitos reservados).
Todos estes elementos podem ser customizados na aba Design utilizando a disposio conforme imagem
abaixo.

Observao:
Determinados template no possibilitam a incluso de Head Banner com imagens
prpria, exibindo a seguinte informao na descrio superior auxiliar:

www.plugin.com.br

11

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
1

3
5

4
Para criar o design de seu site, siga os procedimentos:
1. Para selecionar o template que deseja utilizar como layout de seu site, clique no template
escolhido e o mesmo ser exibido em tamanho maior, informando sua seleo. Clique no boto
Preview logo abaixo do layout escolhido para exibi-lo em tamanho real.
O Construtor de Sites oferece uma extensa lista de opes de layouts para que voc possa
escolher aquele que melhor preenche suas necessidades. Voc pode navegar pelos layouts por
categorias ou pode preferir visualizar todos os layouts disponveis. Para navegar pelos layouts por
categoria, selecione a categoria desejada no menu na parte superior esquerda da pgina. Para
visualizar todos os layouts disponveis, selecione Todas as Categorias neste menu ou clique no
boto Exibir todos.
Para visualizar seu futuro site, clique no boto Preview localizado na parte inferior da pgina na
coluna de navegao direita. No modo preview, voc pode ver a aparncia de seu site (com
contedo e configuraes) numa janela de navegador.
2. Ir em Esquema de Cores localizado na coluna direita da tela, para definir o esquema de cores
para o layout selecionado. Clique no boto com o conjunto de cores mais adequado ao seu site,
para aplicar o esquema de cores desejado ao layout selecionado.
3. Ir em Banners localizado na coluna direita para alterar o head banner previamente configurado
para o layout selecionado. Selecione a imagem que voc preferir dentre as opes exibidas e
clique, para adicionar um banner prprio, clique no boto procurar, localize o seu banner, aps
clique em enviar (OBS: Determinados template no possibilitam a incluso de banners, conforme
informado anteriormente e, o tamanho de um banner no pode exceder o tamanho 1024x350 px).
Para visualizar uma imagem em tamanho maior, clique em Preview.

www.plugin.com.br

12

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
4. Ir em Botes na coluna direita para customizar o design dos botes utilizados para navegar
entre as pginas de seu site. Selecione o design de boto que voc preferir dentre as opes
exibidas e clique.
5. Para fazer o upload do logotipo de sua empresa para o site, va em Logo localizado na coluna
direita. Clique no boto procurar, localize o seu logo (arquivo .jpg ou .jng) em seu computador,
para selecion-la, aps clique em enviar. O tamanho da imagem do logo no pode exceder o
tamanho de 320x320.
6. Para inserir o nome da empresa e copyright (todos estes elementos so opcionais e dependem do
template selecionado), Ir no boto Informaes do site situado na parte inferior da coluna
direita. Insira as informaes requeridas nos campos correspondentes.
Depois que o design como um todo estiver pronto, voc pode ir para o prximo passo. Clique no boto
Prximo ou na aba Pginas para definir a estrutura e pginas de seu futuro site.

Como Adicionar Pginas e Criar a Estrutura do Site

O prximo passo adicionar pginas ao site e organiz-las em uma certa ordem. Clique na aba Pginas
para adicionar novas pginas e definir a hierarquia.
Um site composto de vrias pginas linkadas entre si de forma organizada a apresentar a informao de
um modo ordenado. Utilizando o Construtor de Sites, voc pode organizar as pginas em dois nveis de
hierarquia: pginas de nvel superior e pginas de nvel inferior. Contudo, antes deste estgio voc deve
entender claramente como pretende organizar a estrutura de seu site.

Observao:
O nmero mximo de pginas de nvel superior e inferior que voc pode criar utilizando o
Construtor de Sites 10 (6 de nvel superior e at 6 de nvel inferior, no excedendo o
estipulado). Este o limite do Construtor de Sites.

Para facilitar o trabalho com Construtor de Sites, as pginas HTML esto agrupadas conforme conjuntos
pr-definidos, que comportam diversos tipos de sites (corporativos, pessoais ou outros). Dependendo do
propsito e funcionalidade de seu futuro site, voc pode utilizar um conjunto pr-definido de pginas e
modificar sua estrutura para se ajustarem s necessidades de seu site.

www.plugin.com.br

13

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Disposio e descrio dos recursos da aba Pgina.

1. Tipo de Site dispem os tipos de sites, que pode escolher para o seu futuro Site;
2. Pginas padro disponibiliza a listagem de pginas que poder selecionar para utilizar na
estrutura de seu site;
3. A estrutura do seu Site visualiza a estrutura que est a formar para o seu Site, e a disposio que
a mesma se encontra;
4. Pginas especiais disponibiliza a utilizao de uma pgina simples;
5. Botes para Incluir > e Remover < pginas em sua estrutura do site;
6. Posio da pgina possibilita a manipulao da disposio das pginas, se a Direita ou a
Esquerda, para Baixo ou para Cima;
7. Renomear possibilita alterar o nome da pgina, disponibilizando uma maior dinmica no site;

www.plugin.com.br

14

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Para adicionar pginas ao seu site e organiz-lo em uma estrutura hierrquica:
1. Selecione o tipo de seu futuro site a partir da lista Tipo de Site. Um conjunto de pginas para o
tipo selecionado ser exibido na lista Pginas Padro ao lado direito.
2. A partir da lista de Pginas Padro, selecione as pginas que voc gostaria de adicionar ao seu
site utilizando as caixas de seleo correspondentes.
3. Clique no boto Incluso > para adicionar as pginas selecionadas A estrutura de seu site.
4. Edite a estrutura atual de seu site utilizando os botes localizados direita da tela:
Para adicionar uma nova pgina estrutura do site, selecione-a na lista Pgina Padro,
clique no boto Incluir > .
Para editar o ttulo de uma pgina, selecione-a na lista, clique em Renomear, e digite o
novo nome para a pgina.
Para excluir uma pgina, selecione-a na lista e clique em Remover < .
Para mover uma pgina para cima ou para baixo no mesmo nvel, clique em Cima ou
Baixo, respectivamente.
Para mover uma pgina do nvel inferior para o nvel superior, clique em Esquerda.
Para mover uma pgina do nvel superior para o nvel inferior, clique em Direita. As
pginas do nvel inferior possuem um espaamento antes de seus ttulos.
5. Para visualizar o estado atual de seu site, clique em Preview no canto inferior direito da janela.
Note que voc pode visualizar o site em qualquer estgio de sua criao.
Quando terminar seu trabalho com a estrutura de seu site, clique na aba Editar. Voc ser solicitado
para aplicar as alteraes na estrutura no site. Clique em Sim para que o contedo da aba Editar possa
ser exibido.

Como Editar as Pginas de Seu Site.

O prximo passo inserir contedo relevante em seu site e distribu-lo nas pginas. Clique na aba Editar
para adicionar e editar o contedo de suas pginas web.
O construtor de Sites composto por um editor com uma interface amigvel do tipo WYSIWYG ("What You
See Is What You Get" O Que Voc V, O Que Voc Tem), que lhe possibilita ver o contedo exibido na
tela exatamente do modo como ser exibido na Internet. Utilizando os recursos integrados com o editor,
voc pode aumentar, significativamente, a funcionalidade de suas pginas HTML. As sees abaixo
descrevem em detalhes como adicionar e editar o contedo das pginas web.
O editor do Construtor de Sites organizado de forma que a informao que voc digita nas pginas e o
design das mesmas so independentes. Assim, voc pode mudar totalmente o design de uma pgina aps
ter digitado e inserido o contedo. Voc no precisar redigir as informaes novamente.

www.plugin.com.br

15

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

4
6

A interface do editor do Construtor de Sites familiar para usurios que tiveram experincia anterior com
o pacote de aplicaes do Microsoft Office. A janela principal do editor consiste nas seguintes partes:
1. Mapa do Site, que apresenta as pginas da estrutura de seu Site, para a editar uma pgina, clique
no nome da mesma.
2. Meta tags, que apresenta informaes sobre a pgina, como ttulo, palavra chave e descrio da
pgina.
3. Barra de Ferramentas do Editor, que oferece acesso aos comandos utilizados para editar
informaes de texto.
4.

Barra de Ferramentas de Recursos, que contm os cones dos recursos disponveis para insero
nas pginas HTML.

5. rea de Trabalho do Editor, onde voc pode adicionar e editar o contedo de seu site.
6. Mdulos
7. Permite minimizar as informaes do Mapa do Site, Mdulos e Barras de Ferramentas,
permitindo uma visualizao mais ampla da rea de Trabalho do Editor.
Para salvar as alteraes realizadas durante a edio de contedo, clique no boto

www.plugin.com.br

16

Guardar.

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Editando o Contedo de Texto das Pginas.

O editor abrir na primeira pgina de seu site, por exemplo, a Home. Para comear, posicione o cursor
de seu mouse em qualquer lugar da pgina referida e digite seu texto.
Para navegar por outra pgina do site na janela do editor, clique no boto correspondente. Por exemplo,
para editar a pagina Empresa, clique no link Empresa exibido nesta janela do editor.

Formatando Caracteres.
Utilizando o editor do Construtor de Sites, voc pode mudar as seguintes propriedades:
1.
2.
3.
4.
5.
6.

Formato
Tipo de Letra
Tamanho
Cor
Propriedades de Fonte
Smbolos

Para aplicar formatao a um texto:

1. Digite seu texto.
2. Selecione a parte do texto cuja aparncia voc deseja alterar (at mesmo um caractere
suficiente).
3. Na barra de ferramentas, clique no cone correspondente propriedade que voc deseja aplicar.

Observao:
Utilize estilos para aplicar um formato em particular ao texto selecionado. Isso garante
que partes similares de textos pr-formatados da mesma maneira, alm de manter
coerncia ao longo de seu site.

www.plugin.com.br

17

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Para inserir smbolos especiais ao texto, como o caractere de copyright , letras de outros alfabetos e

Inserir Caracter Especial, localizado na barra de ferramentas

outros smbolos, clique no boto

de formatao.

Formatando Pargrafos.
Indentaes de pargrafos e alinhamentos so os principais parmetros que definem a posio de um
pargrafo na pgina. A indentao determina a distncia do pargrafo da margem esquerda da pgina.
Voc pode aumentar ou diminuir a indentao de um pargrafo. O alinhamento determina a orientao
das bordas do pargrafo: alinhado esquerda, centralizado, alinhado direita ou justificado. No caso do
alinhamento justificado, o texto distribudo uniformemente entre as margens esquerda e direita da
pgina. Barras horizontais so utilizadas para separar, visualmente, as partes lgicas das informaes
textuais presentes na pgina.
Para aplicar formatao a um pargrafo:
1. Selecione o texto cujo pargrafo voc deseja formatar.
2. Aplique os seguintes comandos de formatao:

Alinhamento Esquerda,

Para alinhar o texto, clique em

Alinhamento Direita ou

Justificado na barra de ferramentas.

Para alterar a indentao recuo de um texto selecionado, clique em

Recuo ou

Centralizado,

Diminuir

Aumentar Recuo.

Para inserir uma barra horizontal, posicione o cursos em qualquer lugar da pgina e clique no boto

Inserir Linha Horizontal.

Comandos Gerais.
Na barra de ferramentas do editor do Construtor de Sites, voc pode utilizar os seguintes comandos para
fazer alteraes de texto:

Clique em

Recorta,

Copiar,

Colar,

Colar como texto no formatado

para recortar, copiar ou colar o texto da rea de transferncia.

Clique em

Anular para desfazer a ltima ao executada e

Repetir se voc decidir

depois que no quer desfazer a ltima ao executada.

Clique em

Localizar para abrir a caixa de dilogo Localizar. No campo Texto

Procurar, digite o texto que voc deseja localizar. Clique em Localizar.

www.plugin.com.br

18

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Clique em

Substituir para abrir a caixa de dilogo Substituir. No campo Texto

Procurar, digite o texto que voc deseja substituir, digite o texto substituto no campo
Substituir Por. Clique em Substituir ou Substituir Todos.
Clique em

Verificao Ortogrfica para verificar a ortografia na pgina (ser localizado a

ferramenta de ortografia disponvel em seu navegador). Quando o editor encontrar um possvel

erro de grafia, uma caixa de dilogo exibida, onde voc pode fazer as substituies.

Clique em

Selecionar Todos para selecionar todo o texto da pgina.

Inserindo Imagens.
Utilizando o Editor do Construtor de Sites, voc pode inserir quaisquer imagens nas pginas do site.
Para inserir uma imagem:

Clique onde voc deseja inserir uma imagem.

Na barra de ferramentas,

clique em Inserir/Editar Imagem para abrir a caixa de dilogo

Inserir/Editar Imagens.
1. Clicar em Navegar no servidor, abrir uma caixa de dilogo que poder inserir ou
localizar imagens contidas no servidor, clicar em Procurar para localizar uma imagem em
seu computador local e enviar ao servidor ou selecionar a imagem contida no servidor e
em enviar.
2. Exibir o caminho da imagem no servidor. Ex: "attachments/Image/imagem.gif
3. Configura o tamanho da imagem, o valor reduzido ou aumentado proporcionalmente ou
no, conforme seleo.
4. Seleciona se a ampliao vai ser manual ou proporcional. Retornar ao tamanho original na
imagem, respectivamente.
5. Configura a disposio da imagem dentro de um contexto.
6. Pr-visualizar, visualiza uma previa da imagem que vai ser inserida em seu site.
7. Clique em OK, para confirmar a insero da imagem em seu site.
8. Clique em Cancelar, para cancelar a insero da imagem em seu site.

www.plugin.com.br

19

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Para redimensionar a imagem, clique-a na pgina. Pequenos quadrados aparecero volta da imagem.
Clique em um deles e arraste o mouse para redimensionar a imagem.
Para mover a imagem a outro local na pgina, arraste-a com o mouse para o novo local e solte.
Para editar as propriedades da imagem, clique com o boto direito do mouse sobre ela e em
Propriedades da Imagem para abrir a caixa de dilogo Inserir/Modificar Imagem, onde voc poder
alterar as propriedades descritas acima.

Observao:
Utilize o item Inserir/Editar Imagem, apenas para importar arquivo de imagem, no
utilizar este item de importao para documentos .doc, planilhas ou qualquer outros tipo
arquivos. Os mesmos devem ser publicados atravs de conexo FTP, e apenas utilizar a
ferramenta do Construtor de Sites para gerar o link de acesso a o arquivo publicado. Com
tudo evitando sobre carga nos recursos da ferramenta, de tal forma a reduzir
possibilidades de erros no momento da publicao de seu site.

www.plugin.com.br

20

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Inserindo Links
Utilizando o editor do Construtor de Sites, voc pode inserir links externos e internos. Links internos
apontam para a pgina atual de seu site, auxiliando na navegao entre o topo e o rodap da pgina.
Links externos apontam para outros sites, e so utilizados para melhorar a popularidade de seu site e
aumentar o trfego de visitantes em seu site (a chamada Troca de Links).
Para inserir um link:
Selecione o texto que quer tornar um link, clique no boto

Inserir/Editar Hiperligao na barra

de ferramentas. A caixa de dilogo Inserir/Editar Hiperligao ser exibida.

1. Para inserir um link externo apontando para outro site:

Escolha no tipo de Hiperligao, a opo URL.
Escolha no tipo de Protocolo, o tipo adequado ao seu link. No caso se for um site utilize o
protocolo http://, se for uma conexo FTP utilize ftp:// e assim sucessivamente de acordo com
sua necessidade.
Digite o endereo do site (URL) no campo URL, por exemplo, www.plugin.com.br.
2. Para inserir um link de referncia a est pgina:
Escolha no tipo de Hiperligao, a opo Referncia a est pgina.
Localize a ncora que ser utilizada como referncia para o link. (ncora veremos a seguir)

www.plugin.com.br

21

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
3. Na aba Destino, defina como o link ir abrir: em uma nova janela de navegador, na mesma janela
como um Frame, ou como uma janela de popup. Links externos abrem em novas janelas, link de
referncia apenas utiliza uma referncia na prpria pgina.
4. Clique em OK para inserir o link.
Para editar um link existente, selecione o link, clique no boto

Inserir/Editar Hiperligao na

barra de ferramentas. A caixa de dilogo Inserir/Editar Hiperligao ser exibida e voc poder
efetuar as alteraes desejadas das configuraes acima. Para remover um link, selecione o mesmo,
clique no boto

Eliminar Hiperligao para remover o link.

Inserindo Links Personalizados.

Utilizando o editor do Construtor de Sites, voc pode inserir links personalizados. Links personalizados
apontam para outros locais dentro de seu site, levando o leitor s pginas relacionadas.
Para inserir um link personalizado:
Selecione o texto que quer tornar um link. A partir da lista,

, selecione a

pgina que voc deseja que o link aponte.

Inserindo ncora.
Utilizando o editor do Construtor de Sites, voc pode inserir ancoras a sua pgina, para tornar mais fcil a
navegao entre o topo e o rodap da pgina.
Para inserir um link:
Clique no boto

Inserir/Editar ncora na barra de ferramentas. A caixa de dilogo

Inserir/Editar ncora ser exibida.

Informe no campo Nome da ncora, o nome que deseja dar a sua ncora.
Clique no boto OK para criar sua ncora.

Trabalhando com Tabelas

As tabelas so utilizadas para organizar informaes textuais e numricas de forma clara e conveniente.
Elas representam at mesmo grandes volumes de informaes de texto em um formato fcil de ler. As
tabelas consistem em grades formadas por linhas e colunas. Em pginas web, tabelas so freqentemente
utilizadas como ferramentas de formatao para manter o tamanho e proporo das bordas das pginas
em todos os navegadores e dispositivos de exibio. As bordas podem ser invisveis e a informao na
tabela exibida formatada do modo desejado. Por exemplo, isto pode ser til quando se quer organizar o
texto em vrias colunas, como um jornal.

www.plugin.com.br

22

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Inserindo Tabelas.
Para inserir uma tabela:
Posicione o cursor no local onde voc deseja inserir a tabela.
Clique no boto

Inserir/Editar Tabela e a caixa de dilogo Inserir/Editar Tabela ser

exibida.

6
7

4
5

1. Nos dois primeiros campos (Linhas e Colunas), digite o nmero desejado de linhas e de
colunas para a nova tabela.
2. Os campos Largura e Altura, determinam o espao que a nova tabela ocupar na tela.
Selecione a unidade de medida (percentagem ou pixels) e digite o valor nos campos Largura e
Altura.
3. No campo Tamanho do Limite, digite o tamanho das bordas da tabela (em pixels). Digite 0
para deix-las invisveis.
4. Na lista Alinhamento, selecione como a tabela ser alinhada: esquerda, direita ou
centralizada na pgina.
5. Nos campos Ttulo e Sumrio, pode dar um Ttulo e Sumrio para a sua tabela.
6. No campo Esp. e/clulas da rea Espaamento, digite o nmero de pixels para especificar o
espao entre as clulas da tabela. Este valor pode ser utilizado para criar margens entre os
textos das clulas.

www.plugin.com.br

23

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
7. No campo Esp. Interior da rea Espaamento, digite o nmero de pixels para especificar o
espao entre os limites da clula e o texto dentro desta clula.
8. Clique em OK, para que a tabela seja criada.
A nova tabela aparecer na pgina. Clique em uma clula da tabela para digitar informaes.

Editando as Propriedades das Tabelas.

Voc pode editar as seguintes propriedades de tabela: espessura da borda, alinhamento, espaamento
exterior/interior da clula, largura e altura de uma tabela existente.
Para editar as propriedades de uma tabela:
1. Clique com o boto direito do mouse sobre a tabela na pgina do editor, Propriedades da
Tabela.
2. Na caixa de dilogo Inserir/Editar Tabela, altere o layout, espaamento e opes de largura para
esta tabela (o nmero de linhas e de colunas no pode ser alterado).
3. Clique em OK para salvar as alteraes.

Adicionando Linhas, Colunas e Clulas.

Aps a insero, para visualizar os cones relacionados sua formatao, clique com o boto direito do
mouse dentro da tabela, ser exibido um menu para formatao da mesma.

Para adicionar linhas, colunas ou clulas a uma tabela:

1. Posicione o cursor no local da tabela onde voc deseja adicionar uma nova linha ou coluna.
2. Clique nos seguintes cones do menu de edio:

www.plugin.com.br

24

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Para inserir uma linha abaixo do cursor.

Para inserir uma coluna direita do cursor.

Para adicionar uma clula direita cursor.

Excluindo Linhas, Colunas e Clulas de uma Tabela.

Ao trabalhar com uma tabela, voc pode precisar excluir linhas e/ou colunas desnecessrias ou separar
clulas.
Para excluir linhas, colunas ou clulas de uma tabela:
1. Posicione o cursor em uma linha, tabela ou em uma clula que voc queira excluir (voc pode
excluir apenas um elemento por vez).
2. Clique nos seguintes cones do menu de edio:
Para eliminar a linha.

Para eliminar a coluna.

Para eliminar a clula. (as demais clulas sero deslocadas para a esquerda).

Mesclando Clulas em uma Tabela.

Voc pode mesclar clulas vizinhas para que elas formem uma nica clula. Mltiplas clulas podem ser
mescladas tanto vertical quanto horizontalmente.
Para mesclar clulas em uma tabela:
1. Posicione o cursor na clula que voc deseja mesclar com outras.
2. Na barra de ferramentas, clique em

Unir Clulas para mesclar diversas clulas em uma. A

caixa de dilogo Unir Clulas ser exibida.

3. Digite o nmero de clulas que voc deseja mesclar e selecione a direo da unio a partir da
posio atual do cursor.
4. Clique em OK.
No navegador FireFox, a unio de clulas feita manualmente: pressione a tecla Shift e, mantendo-a
pressionada, selecione com ou mouse as clulas que voc deseja mesclar. Aps a seleo, clique no cone

Unir Clulas.

www.plugin.com.br

25

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Dividindo Clulas em uma Tabela.

Voc pode dividir uma clula em duas clulas iguais ou dividir uma clula mesclada em seu nmero
original de linhas e colunas.
Para dividir uma nica clula em duas clulas iguais (que no tenham sido mescladas anteriormente):

1. Posicione o cursor dentro da clula que voc deseja dividir.

2. No Menu de edio, clique em

Dividir Clula para dividir a clula atual (na qual o cursor

est localizado).

Inserindo meta tags no cdigo HTML.

Apesar de o uso das metas tags no garantir um posicionamento no topo nos resultados dos buscadores,
um bom modo para os proprietrios do site controlarem como suas pginas so descritas por alguns
mecanismos de busca. As metas tags so teis para promoo adicional do site junto a alguns
buscadores. A interface do Construtor de Sites lhe permite inserir, facilmente, meta tags dentro do
cdigo HTML de seu site.
Para inserir informaes sobre seu site:
1. No item Mapa do Site da janela Editar do Construtor de Sites.
2. No canto inferior do item Mapa do Site insira as informaes sobre seu site:
No campo Ttulo da Pgina, digite o nome da pgina, que ser exibido na barra de
ttulo da janela do navegador, localizada no canto superior esquerdo desta janela. Os
ttulos dos sites so importantes, pois identificam sua pgina para usurios e os
mecanismos de busca os utilizam como identificador principal para listar as pginas em
seus resultados. Por isso, o ttulo deve ser curto, nico e descritivo.
No campo Page Keywords, digite vrias palavras-chave ou frases separadas por vrgula,
que melhor descrevem seu site. Alguns buscadores que utilizam buscas por palavraschave localizaro seu site utilizando as palavras que voc fornecer.
No campo Descrio de pgina, digite uma breve descrio de sua pgina que ser
exibida pelos buscadores quando localizarem seu site. Mantenha sua descrio curta (2530 palavras) ou a maior parte de sua descrio ser suprimida. vlido o uso da tag meta
descriptions em suas pginas, pois lhe oferece certo controle sobre vrios buscadores.

www.plugin.com.br

26

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Caractersticas de um Site Regular.

Finalmente, seu site est quase completo e voc est pronto para compartilh-lo com os usurios da
Internet atravs de sua publicao em um servidor. Quando voc cria um site atravs do Construtor de
Sites pela primeira vez, todos os arquivos do site so armazenados, temporariamente, no servidor do
Construtor de Sites. Neste ponto da construo de um site, todos os sites so divididos em sites
temporrios e sites regulares.
Um site temporrio um site com limite de funcionamento. Sites temporrios no podem ser
publicados. Eles so criados por usurios que utilizam o Construtor de Sites pela primeira vez.
Um regular um site que pode ser publicado.

Como Publicar Seu Site.

Publicar um site significa copiar os arquivos das pginas web para um diretrio especial de um servidor
web.
Para publicar um site:
1. Clique na aba Publicar da janela do Construtor de Sites.
2. Voc ver um preview de seu site aps a edio. Seu site, agora, est salvo como site temporrio
num diretrio igualmente temporrio do servidor do Construtor de Sites. Siga as instrues
abaixo, nesta aba, sobre como publicar seu site. Geralmente, este procedimento feito da
seguinte maneira:
Na aba Publicar, voc ver o boto Publicar no menu inferior direito, clique no mesmo
para efetuar a publicao automtica de seu site, no servidor web. Em um primeiro
momento a publicao ser efet uada no diret rio html/novosite , para que possa
efetuar testes antes da publicao definitiva no diret rio raiz html .
Para voc visitante publicar o seu site, criado pelo Construtor de Sites, poder efetuar a
contratao atravs do portal da Plug In ou contate nosso setor de TeleMarketing para
adquirir um plano de hospedagem para este site. Aps contratar a hospedagem para seu
site (para isso, entre em contato conosco atravs do Chat Online, portal ou telefones
especificados no item Planejamento), voc ter um nome de domnio e um plano de
hospedagem. Com este nome de domnio, acesse o painel de controle de gerenciamento
do domnio e efetue a criao e publicao de seu site.
Para efetuar a Publicao definitiva de seu site, acesso o painel administrativo do
Construtor de Sites, (veremos no prximo captulo), e altera o caminho do diretrio de
html/novosite para o diretrio raiz html .

Ateno:
Cuidado ao publicar seu site, pois os arquivos antigos sero substitudos pelos novos
arquivos durante o processo.

www.plugin.com.br

27

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Como Editar Seu Site.

fundamental manter seu site atualizado. Voc pode inserir notcias, editar o contedo e oferecer
informaes sobre novos produtos e servios. Se voc tiver um site regular e estiver sempre atualizado,
os visitantes percebero que voc se preocupa com sua imagem na Web. Utilizando o Construtor de
Sites, voc poder editar suas pginas e adicionar novos contedos.
Voc pode, facilmente, adicionar novas pginas, editar o contedo antigo e publicar seu site atualizado a
qualquer momento utilizando o Construtor de Sites.
Para editar seu site atravs do Construtor de Sites:
1. Abra seu site no Construtor de Sites:
Se voc j cliente Plug In, voc pode acessar o Construtor de Sites atravs de seu
Painel de Controle de gerenciamento do Domnio. Dentro do painel, clique no cone
Construtor de Sites ou no menu Hospedagem, Construtor de Sites. Uma nova janela de
navegador com o Construtor de Sites ser exibida.
2. Edite seu site: voc pode alterar o design atual (aba Design), adicionar novas pginas (aba
Pginas), editar o contedo, inserir novas imagens (aba Editar), etc.
3. Clique na aba Publicar. Clique no boto Publicar. O novo contedo ser transferido para o local
onde seu site est hospedado. Aps completar a operao de publicao, a atualizao do site
est disponvel na Internet.

www.plugin.com.br

28

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Painel administrativo do Construtor de Sites.

Este captulo descreve os conceitos bsicos para gerenciar a publicao da ferramenta do Construtor de
Sites, informando os principais pontos para a publicao, servidor, diretrio de publicao e dados de
conexo FTP.

Como acessar o painel administrativo:

Em qualquer passo do Construtor de Sites pode ser acessado o painel administrativo, clique no boto

Ir para o painel administrativo, para abrir o painel administrativo do Construtor de Sites. (O

painel administrativo, no visvel no primeiro acesso a ferramenta do Construtor de Sites).

1
2

3
4
5
7

1. Clique no boto

f
g

Desktop para criar um site de teste no Construtor de Sites, permitido a

criao de apenas um site teste.

2. Clique no boto
Sites:

Sites para configurao de publicao de seu site atravs do Construtor de

a) Ferramenta para adio de um novo Site, disponibiliza a criao de um novo site ao

Construtor de Sites.

www.plugin.com.br

29

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
b) Status informa se o site j foi publicado ou no pelo Construtor de Sites,
ou
no publicado.

publicado

c) Clique no link Nome do site, para efetuar o gerenciamento da publicao de seu site.
d) Informa o Proprietrio do site ao qual est criado atravs do Construtor de Sites.
e) Indica a data de criao do site.
f)

Clique no boto

para obter o Preview do site construdo pelo Construtor de Sites.

g) Clique no boto

para publicar o seu site no servidor web.

h) Clique no boto

para editar o seu site.

3. Clique no boto

Meu perfil, para configurar o perfil de seu Construtor de Sites, alterando

no perfil o Idioma, Skin e Itens por pgina.

4. Clique no boto

Log out, para sair da ferramenta do Construtor de Sites.

5. Clique no boto

Informaes do Sistema, para obter informaes sobre o Construtor de

Sites e informaes sobre o plano.

6. Clique no boto

Suporte, para encaminhar uma notificao para nossa equipe de suporte da

Plug In, com sugestes ou dvidas sobre a ferramenta do Construtor de Sites.

7. Clique no boto

Ajuda, para abrir o manual em html. (Idioma padro do manual o Ingls).

Como alterar a configurao para publicao do site:

No painel administrativo do Construtor de Sites, clique no link do nome do site, para abrir o gerenciador
de publicao do site.
Para alterar as configuraes:
Clique na aba Ajustes de publicao, para abrir o gerenciador de publicao.

Observao:
Temos painis administrativos distintos para a plataforma Linux e Windows, cada um com
suas particularidades.

www.plugin.com.br

30

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Viso geral do ajuste de publicao do painel administrativo Linux.

1
2
3
4
5

1. Campo Cenrio padro para publicao, indica qual cenrio pode ser utilizado para
publicao, o Const rut or de Sit es ut iliza como padro, Publicar no local especificado pelo
fornecedor .
2. Campo Modo de publicao, disponibiliza as possveis formas de publicao, FTP, XCopy ou
VPS, o Construtor de Sites utiliza como padro o tipo FTP.
3. Campo Host, deve ser informado o servidor de aplicao, que dever efetuar a publicao.
Ex. plughost05.plugin.com.br (servidor padro da plataforma Linux)
4. Campo Web site URL, deve se informado a URL de acesso ao site.
Ex. http://domnio.plughosting.com.br/ (OBS: Sempre deve ser utilizado a barra no final da URL)
5. Campo Diretrio de Trabalho, deve ser informado o diretrio onde a publicao ser
efet uada, para publicao no diret rio t emporria deve ser ut ilizado html/novosite , e a
publicao definitiva deve ser utilizado html . (OBS: Sempre deve ser utilizado sem barra no
incio e no final do caminho).
6. Campo Tipo de autenticao, deve ser informado os dados de acesso a conexo FTP, conforme
servidor de publicao.

www.plugin.com.br

31

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Viso geral do ajuste de publicao do painel administrativo Linux.

1
2
3
4
5

1. Campo Modo de publicao, disponibiliza as possveis formas de publicao, FTP, XCopy ou

VPS, o Construtor de Sites utiliza como padro o tipo FTP.
2. Campo Host, deve ser informado o servidor de aplicao, que dever efetuar a publicao.
Ex. web10.plugin.com.br (servidor padro da plataforma Windows)
3. Campo Web site URL, deve se informado a URL de acesso ao site.
Ex. http://novosite.domnio.com.br/ (OBS: Sempre deve ser utilizado a barra no final da URL)
4. Campo Diretrio de Trabalho, deve ser informado o diretrio onde a publicao ser
efet uada, para publicao no diret rio t emporria deve ser ut ilizado html/novosite , e a
publicao definit iva deve ser ut ilizado html . (OBS: Sempre deve ser ut ilizado sem barra no
incio e no final do caminho).
5. Campo Tipo de autenticao, deve ser informado os dados de acesso a conexo FTP, conforme
servidor de publicao.
6. Boto Verificar Local, possibilita verificar se a configurao utilizada est correta, publicao
poder ser efetuada quando o Status estivar como Dinmico .

www.plugin.com.br

32

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

Glossrio
Browser
Browser, paginador, ou navegador um programa utilizado para acessar o servio WWW.

FTP
File Transfer Protocol. Protocolo utilizado para transferir arquivos entre dois computadores na Internet.
Tambm utilizado para designar o programa que realiza a transferncia dos arquivos.

Home Page
Pgina inicial de um site da Web. Referenciado por um endereo eletrnico ou hiperlinks. a pgina de
apresentao da empresa ou instituio. Escrita em HTML, pode conter textos, imagens, sons, ponteiros
ou links para outras pginas ou outros servidores da Internet, etc.

HTML
Hyper Text Markup Language. Uma linguagem de formatao de textos utilizada para indicar para o
browser como ele deve exibir o texto e os recursos de multimdia associados.

http
HyperText Transfer Protocol. Protocolo utilizado pelo servio WWW

Host
o nome dado ao servidor de aplicao, como por exemplo: plughost05.plugin.com.br,
web10.plugin.com.br, ao qual ser publicado o seu site.

Servidor
Um computador que fornece um servio (Archie, Netfind, etc.) para outro computador na rede.

Sistema Operacional
Programa normalmente fornecido pelo fabricante para o controle e coordenao de todas as operaes
de um computador.

URL
Uniform Resource Locator. o sistema de endereamento utilizado pelo WWW e um padro de
endereamento proposto para toda a Internet.

www.plugin.com.br

33

This document was created with Win2PDF available at http://www.daneprairie.com.

The unregistered version of Win2PDF is for evaluation or non-commercial use only.