Escolar Documentos
Profissional Documentos
Cultura Documentos
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
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.
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
Nomes de comandos,
arquivos e diretrios
(pastas).
Itlico
Monospace
www.plugin.com.br
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
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
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
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
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
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.
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
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
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.
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
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
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.
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.
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
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
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
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,
Alinhamento Direita ou
Recuo ou
Centralizado,
Diminuir
Aumentar Recuo.
Para inserir uma barra horizontal, posicione o cursos em qualquer lugar da pgina e clique no boto
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,
Clique em
Clique em
www.plugin.com.br
18
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Clique em
Procurar, digite o texto que voc deseja substituir, digite o texto substituto no campo
Substituir Por. Clique em Substituir ou Substituir Todos.
Clique em
Clique em
Inserindo Imagens.
Utilizando o Editor do Construtor de Sites, voc pode inserir quaisquer imagens nas pginas do site.
Para inserir uma imagem:
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
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
, selecione a
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
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
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.
www.plugin.com.br
24
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Para inserir uma linha abaixo do cursor.
Para eliminar a clula. (as demais clulas sero deslocadas para a esquerda).
Unir Clulas.
www.plugin.com.br
25
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
est localizado).
www.plugin.com.br
26
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Ateno:
Cuidado ao publicar seu site, pois os arquivos antigos sero substitudos pelos novos
arquivos durante o processo.
www.plugin.com.br
27
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
www.plugin.com.br
28
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
1
2
3
4
5
7
1. Clique no boto
f
g
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
g) Clique no boto
h) Clique no boto
3. Clique no boto
5. Clique no boto
6. Clique no boto
7. Clique no boto
Observao:
Temos painis administrativos distintos para a plataforma Linux e Windows, cada um com
suas particularidades.
www.plugin.com.br
30
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
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
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
1
2
3
4
5
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