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

www.plugin.com.br 1

Const rutor de Sites ---------------------------------------------------------------------------------------------------------------

Manual do cliente

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

www.plugin.com.br 2

NDICE Prefcio...........................................................................................................3

Sobre Este Manual.................................................................................................... 3 A Quem Se Destina Este Manual........................................................................... . . . . . . 3 A Organizao Deste Manual........................................................................................ 3

Convenes de documentao..............................................................................4 Convenes Tipogrficas.....................................................................................4 Sobre o Construtor de Sites..................................................................................4

Os Trs Estgios 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 3

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 visitante e criar sites temporrios sem public-los oficialmente na Internet. Os usurios e visitantes no necessitam de nenhum conhecimento tcnico 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 interface 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, tornando-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 Internet.

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

www.plugin.com.br 4

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 Itens que voc deve Clique no boto Extras. selecionar, como opes de menu, comandos ou botes ou itens em uma lista. Ttulos de Captulos, sees e Sobre Este Manual subsees.

Itl ico Ut ilizado para enfatizar a Estes so chamados VPSs importncia de um assunto, compartilhados. para apresentar um termo ou para designar o local de uma msiexec /i ser substitudo pelo seu nome ou valor real.

Monospace Nomes de comandos, Instale o software dentro do arquivos e diretrios diretrio "c:\plesk bin" (pastas).

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 5

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 pblico-alvo 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/

Visitante ou http://painel.plugin.com.br

Cliente 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 6

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 7

Sistemas de Ajuda 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.

1

3

4

5

6

7

8

9

10

11

2

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

www.plugin.com.br 8

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 9

Na pgina Inicial, ao acessar a ferramenta do Const rutor de Sites 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 10

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 11

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 elemento-chave 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 12

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.

1

3

4

5

2

6

7

8

9

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

www.plugin.com.br 13

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.

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.

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.

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

www.plugin.com.br 14

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 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 16

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 Guardar.

1

5

6

3

2

4

7 7

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

www.plugin.com.br 17

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. Formato 2. Tipo de Letra 3. Tamanho 4. Cor 5. Propriedades de Fonte 6. 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.

1

2

3

4

5

6

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

www.plugin.com.br 18

Para inserir smbolos especiais ao texto, como o caractere de copyright , letras de outros alfabetos e outros smbolos, clique no boto Inserir Caracter Especial, localizado na barra de ferramentas 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:

Para alinhar o texto, clique em Alinhamento Esquerda, Centralizado, Alinhamento Direita ou Justificado na barra de ferramentas.

Para alterar a indentao recuo de um texto selecionado, clique em Diminuir Recuo ou 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 19

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 20

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.

6

2

1

3

5

4

7

8

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 21

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 22

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 23

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.

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.

2

4

5

6

7

1

3

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

www.plugin.com.br 24

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 25

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 26

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 palavras-chave 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 (25-30 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 27

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 efetuada no diretrio html/novosite , para que possa efetuar testes antes da publicao definitiva no diretrio 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 28

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 29

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. Clique no boto Desktop para criar um site de teste no Construtor de Sites, permitido a criao de apenas um site teste.

2. Clique no boto Sites para configurao de publicao de seu site atravs do Construtor de Sites:

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

1

3

2

4

6

5

7

a

b

c

e

g

d

g

h

f

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

www.plugin.com.br 30

b) Status informa se o site j foi publicado ou no pelo Construtor de Sites, publicado ou no 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 31

Viso geral do ajuste de publicao do painel administrativo Linux.

1. Campo Cenrio padro para publicao, indica qual cenrio pode ser utilizado para publicao, o Const rutor de Sites ut iliza como padro, Publicar no local especif icado 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 efetuada, para publicao no diretrio temporria 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.

6

1

2

3

4

5

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

www.plugin.com.br 32

Viso geral do ajuste de publicao do painel administrativo Linux.

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 efetuada, para publicao no diretrio temporria deve ser ut ilizado html/novosite , e a publicao def init 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 .

1

2

3

4

5

6

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

www.plugin.com.br 33

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.

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.