Manual Websitex5 Evolution11 Br

7/26/2019 Manual Websitex5 Evolution11 Br

1/271

Copyright 2014 Incomedia. Todos os direitos reservados.

Official Website:

www.websitex5.com

[email protected] - www.incomedia.eu


2/271

Copyright 2014 Incomedia. Todos os direitos reservados.

As informaes contidas neste manual esto sujeitas a alteraes sem

aviso prvio. Nenhuma parte deste manual pode ser reproduzida ou

transmitida em qualquer forma ou por qualquer meio, eletrnico ou

mecnico, para qualquer propsito, sem a permisso expressa por escritoda Incomedia.

Lembre-se que os vdeos, udio ou imagens existentes que queira usar

em seu projeto podem estar protegidos por leis de direitos autorais. O uso

no autorizado desse material em um novo trabalho pode ser considerado

uma violao dos direitos de autor. Por favor, certif ique-se de obter a

permisso necessria de tais autores.

Incomedia, WebSite X5, WebSite X5 Evolution so marcas registradas daIncomedia s.r.l.

Outras marcas ou nomes de produtos mencionados neste documento so

marcas comerciais ou marcas registradas de seus respectivos

proprietrios.

Escrito e desenvolvido pela Incomedia s.r.l.

Incomedia WebSite X5

2


3/2713

Sumrio

Sumrio

1. ................................................................................................... 9Introduo

................................................................................................... 9Apresentando o WebSite X5

................................................................................................... 10WebSite X5: O que ele faz

2. ................................................................................................... 14O ambiente de trabalho

................................................................................................... 17Bem-vindo ao WebSite X5 da Incomedia

................................................................................................... 18A janela Preferncias

................................................................................................... 21A janela Adicionar fontes web

3. ................................................................................................... 24Passo 0 - Seleo do projeto

4. ................................................................................................... 27Passo 1 - Configuraes Gerais

................................................................................................... 27Configuraes Gerais

................................................................................................... 29A janela Gerenciar contedos do idioma

................................................................................................... 30Modelo Padronizado

................................................................................................... 31Modelo Padronizado

................................................................................................... 33Biblioteca Personalizados

................................................................................................... 34Estilo do Modelo

35Estrutura do Modelo

40Estilo de texto

43Estilo do Menu Principal46Estilo do Menu Suspenso

49Estilo do Menu de Pgina

51Estilo da Tooltip

52Estilo da Showbox

54Estilo de email

................................................................................................... 56Personalizao do Modelo


4/2714


5. ................................................................................................... 66Passo 2 - Criao do mapa

................................................................................................... 70A janela Propriedades do Nvel

................................................................................................... 71A janela Propriedades da Pgina

6. ................................................................................................... 76Passo 3 - Criao da pgina

................................................................................................... 79A janela Gerenciamento de Objetos

................................................................................................... 81Objeto Texto

................................................................................................... 85A janela RollOver

................................................................................................... 87A janela Propriedades da imagem

................................................................................................... 88Objeto Imagem

................................................................................................... 93Objeto Tabela

................................................................................................... 98Objeto Galeria

................................................................................................... 106Objeto Vdeo/Som

................................................................................................... 110Objeto Formulrio de Email

................................................................................................... 117A janela Inserir Campo

................................................................................................... 123Objeto Rede Social

................................................................................................... 127Objeto Livro de Visitas

................................................................................................... 130Objeto Mapa

................................................................................................... 132Objeto Animao Flash

................................................................................................... 134Objeto Lista de Produtos

................................................................................................... 137Objeto cdigo HTML

................................................................................................... 140Recursos em comum

................................................................................................... 140Editor de imagens

................................................................................................... 145Estilo da clula

................................................................................................... 150A janela Link

................................................................................................... 156A janela Propriedades do efeito

................................................................................................... 157A janela Carregar arquivo vinculado

7. ................................................................................................... 160Passo 4 - Configuraes Avanadas


5/2715

Sumrio

................................................................................................... 161Estatsticas, SEO e cdigo

................................................................................................... 163Pgina de introduo

................................................................................................... 166A janela Configuraes de idioma

................................................................................................... 167Mensagem publicitria

................................................................................................... 170Blog

................................................................................................... 176A janela Configuraes de postagens

................................................................................................... 178A janela Bloco lateral

................................................................................................... 182RSS Feed

................................................................................................... 183A janela Configuraes de postagens

................................................................................................... 184Gerenciar Dados

................................................................................................... 186A janela Configuraes do Banco de dados

................................................................................................... 186Gerenciamento de acesso

................................................................................................... 189A janela Configuraes de Usurio

................................................................................................... 189Carrinho de compras

................................................................................................... 198A janela Configuraes do Produto

................................................................................................... 201A janela Tipo de Envio

................................................................................................... 203A janela Tipo de Pagamento

8. ................................................................................................... 207Passo 5 - Exportao do site

................................................................................................... 207Exportar o site para a internet

................................................................................................... 212Exportao concluda

................................................................................................... 213Exportar para o disco

................................................................................................... 214Exportar o Projeto9. ................................................................................................... 216Melhores Prticas

................................................................................................... 216Configuraes Gerais

................................................................................................... 216Como organizar as cpias de segurana do seu projeto

................................................................................................... 218Fontes Web

218Como usar fontes Web

220Como baixar uma fonte do Google Fonts


6/2716


222Como baixar uma fonte do Fontsquirrel

................................................................................................... 224Passo 1 - Configuraes Gerais

................................................................................................... 224Como traduzir o texto que inserido automaticamente

................................................................................................... 226Trabalhando com o Google

226Como usar a Central Google para Webmasters

227

Como monitorar o desempenho do website com servios como o

Google Analytics

229Como criar e vincular o SiteMap do seu website

................................................................................................... 232Os modelos

232Como trabalhar com os modelos

235Onde encontrar novos modelos do WebSite X5

................................................................................................... 236Passo 2 - Criao do mapa

................................................................................................... 236Como criar e trabalhar no Mapa do site

................................................................................................... 238Passo 3 - Criao da pgina

................................................................................................... 238Como criar uma pgina usando a tabela de layout de pgina

................................................................................................... 241Como trabalhar com o Estilo da clula

................................................................................................... 244Passo 4 - Configuraes Avanadas

................................................................................................... 244Como criar um website em vrios idiomas

................................................................................................... 250Como gerenciar os comentrios no Blog e no Livro de Visitas a

partir do Painel de Controle Online................................................................................................... 252O carrinho de compras da loja virtual

252

Como definir o contedo de um email de confirmao do pedido de

compra

254Como importar/exportar produtos no carrinho de compras10. ................................................................................................... 261Maiores informaes

................................................................................................... 261Navegadores web & o navegador do WebSite X5

................................................................................................... 263O Mecanismo de Busca interno do WebSite X5 funciona

................................................................................................... 265Fontes seguras e fontes web

................................................................................................... 269O Box Model no WebSite X5

................................................................................................... 270O Painel de Controle online


7/2717

Sumrio


8/271

Captulo

Introduo1


9/2719

Introduo

Criamos este guia online para que aqueles que quiserem comearimediatamente a usar o WebSite X5 para criar seus prprios w ebsites,blogs e lojas virtuais, possam comear j, tendo toda a ajuda queprecisarem a seu alcance.Cada passo da criao do projeto acompanhado por uma descrio clara

da interface do Programa em que estiver trabalhando, com uma explicaodetalhada de todos os comandos e opes disponveis nos vrios menus,painis e janelas.

Com as explicaes e informaes fornecidas neste guia, a sequncialgica e fcil de acompanhar do Programa, e a ajuda adicional de pr-visualizaes do seu trabalho, sempre atualizadas em tempo real, voc noter problema algum em usar o WebSite X5 para criar w ebsites atraentes,

interessantes e profissionais.

Este guia do WebSite X5se refere a Evolution verso v. 11 maspode ser usada com outras verses do Programa, mantendo emmente as diferenas funcionais especficas entre as diversasverses.

1.1 Apresentando o WebSite X5

Crie websites, lojas online e blogs em 5 passosO WebSite X5 o softw are ideal para criar os w ebsites que voc semprequis. Voc no precisa saber nada sobre programao! Este softw areoferece uma interface intuitiva e completamente visual para voc trabalhar,e voc pode checar seu trabalho medida em que progride, com as

prvisualizaes que so atualizadas cada vez em que voc d umaolhada.

O WebSite X5 guia voc a cada passo da criao do seu w ebsite at suapublicao na Internet. Ele extremamente fcil de usar, flexvel eoferece uma grande margem para personalizar do seu jeito.

O WebSite X5 automaticamente gera o cdigo de pgina em HTML5 + CSS2.1 ou 3 para as escolhas que voc fizer e as configuraes que voc

definir em cada pgina, garantindo total compatibilidade com todos os


10/27110


navegadores e dispositivos mveis, bem como uma indexao precisa nosmecanismos de busca.

O WebSite X5 to fcil de usar que voc no ter problema algum emincorporar ferramentas profissionais sofisticadas no seu w ebsite, tais

como:Lojas virtuais com pagamento porcarto de crditoBlog com podcast, videocast eRSS feedMecanismo interno de buscaFormulrios de email com filtrosanti-spam

Fotos panormicas e em zoomGalerias de fotos e de vdeoGerenciamento de acessoGerenciamento de anncios embannersWebsites com vrios idiomas

O que melhor, com o WebSite X5 voc economizar tempo e energiaporque ele j inclui tudo o que voc precisa para criar um w ebsitecompleto:

Editor de modelosEditor de imagensGerador de MenuMecanismo de FTP interno

1.500 modelos personalizveis200.000 fotos livres de royaltyBibliotecas de botesColeo de Widgets

Esta mistura de simplicidade e sofisticao (em termos de quantidade equalidade de recursos includos) a chave do sucesso do WebSite X5: ele simplesmente o softw are certo para todos que desejam ter um w ebsite!

1.2 WebSite X5: O que ele faz

O WebSite X5 age como um assistente, o que significa que ele secomporta como um guia visual que conduz voc por cada etapa da criaode um w ebsite completo, funcional e atraente, do qual voc se orgulhar!

H apenas 5 passos entre sua idia de um w ebsite perfeito e v-lopublicado e disponvel na Internet:

1. Configuraes GeraisUma vez que tenha decidido como quer o seu projeto, e adicionado as

informaes gerais sobre o site, como um ttulo e uma descrio para a


11/27111

Introduo

indexao pelos mecanismos de busca, o WebSite X5 ajudar voc adefinir a aparncia do seu site. Voc pode selecionar entre os arquivos,constantemente atualizado, basicamente formado por 1.500 modelospadronizados ou, se preferir, criar seu prprio modelo desde o incio.Voc pode usar o editor interno para personalizar tanto o cabealho

(header) quanto o rodap (footer) para que fique do jeito que preferir.Tambm possvel definir o estilo de todos os elementos que compem olayout da pgina: menus de navegao, texto, janelas Show Box, etc.

2. Criao do MapaA partir da Pgina Inicial, com o WebSite X5 voc pode comear a definira estrutura hierrquica do seu w ebsite. Voc pode incluir quantos nveise sub-nveis precisar, com um nmero ilimitado de pginas. Seu menu de

navegao ser criado automaticamente, usando seu Mapa do site comobase. Voc pode alterar seu Mapa a qualquer momento, se desejar fazeralteraes ou atualizar o w ebsite.

3. Criao de PginasVoc pode criar pginas e trabalhar no seu layout simplesmentearrastando e soltando os objetos que esto disponveis. Os principaisobjetos so: texto, tabelas, imagens, animao, vdeo e udio, galeriasde fotos, formulrios para envio de dados e emails, redes sociais, seu

livro de visitas, o Mapa do site, a lista de produtos, cdigo HTML. Vocpode personalizar objetos importados e finaliz-los com links tanto paraobjetos internos quanto externos. Com o editor de imagens prprio, vocpode girar, corrigir ou aplicar filtros, mscaras e molduras s imagensque tiver importado, sem ter que usar nenhum sof tw are adicional.

4. Configuraes AvanadasUma vez que tenha criado a estrutura do site e adicionado o contedo

principal, voc poder complet-lo com recursos avanados como umaPgina de Introduo que inclui som e oferecer opes de idioma para osite, uma rea Reservada com gerenciamento de usurio e de acesso,anncios, RSS Feeds, um blog, e-commerce.

5. ExportarWebSite X5 o guiar durante no processo de publicao do seu w ebsitena Internet: voc pode dar incio a uma sesso de FTP, onde todos osarquivos necessrios para dar visibilidade ao seu w ebsite na Internet

so transferidos para um servidor. O WebSite X5 suporta sesses


12/27112


seguras e economiza seu tempo com conexes simultneas epublicao inteligente somente dos arquivos que tiverem sido alterados.Alm de publicar seu w ebsite na Internet, voc tambm poder exportarseu projeto para outro disco no seu computador, ou criar uma cpia desegurana de todo o seu projeto.


13/271

Captulo

O ambiente de trabalho2


14/27114


Como j dissemos, o WebSite X5 atua como um assistente, o quesignifica que quando voc trabalha com ele, voc levado por cada etapacomo em uma visita com guia: a cada etapa do procedimento, uma janela seabre onde voc pode inserir ou adicionar as informaes necessrias paracriar, atualizar e publicar um w ebsite completo, prof issional e atraente.

Todas as janelas exibidas pelo programa tm a mesma interface grfica:todas tm as mesmas barras de botes superior e lateral e uma rea detrabalho na janela central que modifica de acordo com a parte do projeto emque estiver trabalhando e o tipo de informao que precisa ser includa.

Barra de botes superior

A barra de botes superior inclui os comandos que voc precisa terdisponves o tempo todo, independente da parte do projeto em que estivertrabalhando. Estes comandos so principalmente para abrir a ajuda online e

obter informaes sobre o estado do Programa, salvar o projeto e parafazer uma cpia de segurana (backup) dele, para abrir umaprevisualizao do seu trabalho no navegador prprio do Programa e parase mover pelo Programa.

Ajuda:este comando abre a ajuda online. Use a seta esquerda do botoAjuda para ver os outros comandos:

- ndice...:abre a ajuda online.

- Vdeo Tutorial:abre uma pgina na w eb com uma lista de tutoriais


15/27115

O ambiente de trabalho

em vdeo que explicam como comear a trabalhar com o WebSite X5.

- WebSite X5 Gallery: abre o WebSite X5 Answ ers na seo quecontm os w ebsites criados com o WebSite X5 e que foram enviadosdiretamente por seus autores.

- WebSite X5 Tem plates:abre a seo no WebSite X5 Answ ers que dedicada aos modelos. Ela contm novos modelos que foramcriados pela Incomedia e por outros autores, e eles podem serexibidos e baixados. Alguns deles so grtis!

- Suporte tcnico: abre o WebSite X5 Answers, o w ebsite quefornece assistncia tcnica para o WebSite X5. No WebSite X5Answ ers voc pode pesquisar nos FAQs e nos tutoriais, ou podeenviar um pedido de ajuda.

- www.websitex5.com:abre o w ebsite do WebSite X5.

- Sobre o WebSite X5:exibe informaes gerais sobre a verso doWebSite X5 instalada no seu computador.

Salvar [CTRL + S]: salva o projeto atual. O projeto salvoautomaticamente na Pasta de Projetos como especif icado na janelaPreferncias. Voc pode usar a seta esquerda do boto Salvarparaver estes comandos:

- Salvar a cada Pr-visualizao: salva o projeto automaticamentecada vez que voc usar o comando Pr-visualizarpara exibir umaprvia do seu w ebsite.

- Criar um Backup ao salvar o Projeto pela primeira vez: criaautomaticamente uma cpia de sergurana (backup) do seu projeto(arquivo Backup.iwprj) depois que voc salvar pela primeira vez nasesso de trabalho atual.

- Criar backup a cada vez que publicar:cria automaticamente umacpia de segurana (backup) do seu projeto (arquivoUploaded_timestamp.iwprj) antes de voc public-lo na Internet.

As cpias de backup criadas pelas funes Criar um Backup aosalvar o Projeto pela primeira veze Criar backup a cada vez quepublicar so gravadas na sub-pasta Backup que vocespecificou na janela Prefernciase podem ser encontradas em

Pasta de Projetos.
http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/


16/27116


Se voc quiser criar uma cpia de segurana (backup) do seuprojeto, em vez de usar um comando Salvar como, voc podeusar o Duplicar na janela Seleo de Projeto.

- Pr-visualizar: exibe uma prvia local do seu w ebsite at omomento, usando o navegador internodo programa.

Sej voc deixar a opo Atualizar as pginas durantemodificao do Projeto ativa na janela Preferncias, cada vezque voc fizer uma alterao (e clicar em OKou no botoAvanar para salvar) o Programa recria e atualiza tudo aquilo queestiver vinculado alterao feita. Isto signif ica que a

prvisualizao do w ebsite atualizada constantemente, e serexibida corretamente imediatamente se voc quiser v-la.Voc tambm pode selecionar a opo Salvar a cada Pr-visualizao para que o projeto seja salvo cada vez que vocclicar no boto Pr-visualizar.

Voltar:leva voc de volta janela anterior, caso queria realizar maisalteraes l.

Avanar:leva voc para a janela seguinte, para continuar a criar seuw ebsite.

Barra de botes lateral

O WebSite X5 conduz voc por todo o trabalho de criao de um w ebsiteem apenas 5 passos. Os botes no lado esquerdo da janela do Programa,que f icam sempre disponveis, indicam em qual passo voc est

trabalhando atualmente e voc pode us-los para se mover entre ospassos (voc no tem que seguir a ordem em que eles aparecem).No finaldesta barra de botes tem este boto:

Expandir/Recolher: mostra ou esconde as legendas dos botesque aparecem nos 5 passos de criao do w ebsite.


17/27117


2.1 Bem-vindo ao WebSite X5 da IncomediaA pgina de Introduo a primeira janela que voc v quando inicializa oWebSite X5. Ela inclui vrios links para recursos e materiais online quepodem ajudar voc a trabalhar no Programa. Estes links ficam disponveis

em uma barra de botes laterais que tem o seguinte aspecto:

Web Site WebSite X5: abre o site oficial do WebSite X5.

WebSite X5 Answ ers:abre o WebSite X5 Answ ers, o w ebsite

que fornece assistncia tcnica para o WebSite X5. No WebSiteX5 Answers voc pode pesquisar nos FAQs e nos tutoriais, oupode enviar um pedido de ajuda.

Verificar atualizaes: verif ica se h atualizaes disponveisonline para a verso do WebSite X5 em que voc esttrabalhando. Recomendamos que voc sempre verif ique se hnovas atualizaes e as instale o quanto antes, para garantir que

ter sempre o melhor do seu sof tw are.

Preferncias:abre a janela Preferncias, onde voc pode definiralgumas configuraes gerais sobre como voc quer que seuPrograma trabalhe e adiciona as Fontes WEb que desejar usar noseu projeto.

Alm desta barra de botes lateral, a pgina de Introduo tambm incluiinformaes que so atualizadas em tempo real quando voc est

conectado Internet. Estas informaes se referem s verses maisrecentes disponveis online da sua cpia od Programa, notcias, contedoespecial (que podem ser artigos, documentao, dicas & truques), novostutoriais em vdeo e os descontos mais recentes e ofertas especiais.

Se o computador no estiver conectado Internet, a pgina deIntroduo exibe uma pgina padronizada. Esta pgina serexibida mesmo se a opo Verificar atualizaes ao iniciar o

programana janela Prefernciasno tiver sido selecionada.
http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/http://answers.websitex5.com/


18/27118


Quando voc tiver terminado de examinar o contedo da pgina deIntroduo, voc pode comear a criar seu w ebsite clicando no botoIniciar que fica no canto superior direito.

2.2 A janela PrefernciasEsta janela se abre quando voc clica no botoPreferncias na pgina de Introduo, e aqui voc poder fazer algumasconfiguraes gerais sobre como o Programa dever trabalhar e adicionaras Fontes Web que desejar usar nos projetos.

As opes disponveis ficam organizadas nas sees Geral e Fontes

Web.

Referncia: O comando na janela Geral

As opes na seo Geralso:

Pasta de Projetos: esta a pasta onde o seu arquivo de projeto(Projeto.IWPRJ) salvo, quer voc esteja criando um novo projeto ouimportando um anterior (veja em Seleo de Projeto | Importar...).

Porque a pasta j est indicada, quando voc clica no boto Salvarquando est trabalhando no seu w ebsite, seu projeto ser salvo nestapasta sem que ele fique pedindo para voc indicar onde salvar.

Verificar atualizaes ao iniciar o programa: esta opo significaque as novas atualizaes do sof tw are sero buscadas sempre que oPrograma for inicializado. O programa inicia uma conexo com a Internetno servidor do Incomedia procurando por atualizaes l.

Aconselhamos deixar esta opo marcada, para que voc tenhacerteza de sempre estar trabalhando com a verso mais recentedisponvel do WebSite X5.

As opes para Criao dos arquivosso:

Manter a Pr-visualizao atualizada ao trabalhar no projeto:garante que a pr-visualizao do w ebsite ser constantemente

atualizada com todos os incrementos no seu projeto. Isto basicamente


19/27119


significa que cada vez que voc adicionar algo novo ou fizer algumaalterao, e clicar em um boto OK ou Avanar), o Programaautomaticamente atualiza a pr-visualizao do w ebsite que voc podever a nvel local no seu PC usando nosso navegador interno.

Atualizar as pginas durante modificao do Projeto: sincronizaas pginas que voc criar no seu w ebsite enquanto voc seguetrabalhando no seu projeto. Ento, cada vez que voc confirmar umaadio ou fizer uma alterao (clicando em um boto OKouAvanar), oPrograma recria todas as partes nas outras pginas do projeto quesero afetadas pela nova parte. Este recurso mantm a pr-visualizaodo w ebsite atualizada e se voc clicar em Pr-visualizarpara verif icarseu progresso, voc ver todas as adies/alteraes imediatamente.

Nmero mximo de processamentos simultneos:signif ica quevoc pode definir a quantidade de processos (ou "Threads") que oprograma inicializa, e que sero executados simultaneamente pelocomputador.

O que Multithreading?

uma tcnica pela qual um processo dividido em vrios

processos menores, que so executados ao mesmo tempo.Obviamente, seu computador tem que ter a capacidade de lidarcom isso. O recurso Multithreading maximiza o poder de clculodo computador, fazendo com que ele trabalhe em vrias threadsao mesmo tempo. Graas a esta tcnica, programas como oWebSite X5, que tenham sido desenvolvidos para distribuir acarga de trabalho entre diversas threads diferentes, podem obterum desempenho notavelmente melhor.

Voc precisa avaliar corretamente a capacidade de hardw are doseu computador para aproveitar ao mximo o Multithreading. Tentecomear com 5 processos simultneos e aumentar este valorgradualmente at que no note mais nenhuma melhora significativano seu desempenho.

Finalmente, as opes Configuraes de servidor web para a visualizaolocaltratam da exibio correta das pr-visualizaes do w ebsite:

Porta: a porta que o WebSite X5 instrui o servidor local de rede para


20/27120


observar de modo que as pr-visualizaes do w ebsite sejam exibidascorretamente.

Endereo de IP: o endereo de IP que o WebSite X5 instrui seuservidor local de rede para observar de modo que as pr-visualizaes

do seu w ebsite apaream como voc espera. O valor padro para aopo de endereo de IP 127.0.0.1, que sempre identif ica ocomputador local (o seu). A maioria das pessoas no precisa alterareste valor.

Ns aconselhamos no alterar os valores que j estiveremdefinidos para as opes Portae Endereo de IP, a menos quevoc tenha certeza absoluta do que est fazendo.

Referncia: O comando na janela Fontes Web

Voc pode usar os comandos nesta seo para criar e exibir uma lista defontes que podem ser usadas nos projetos pra formatar todo tipo de texto:contedo, legendas de botes, legendas de campos, etc.

Os comandos para se trabalhar na lista de fontes w eb dos projetos so:

Adicionar: abre a janela Adicionar fontes web onde voc poderadicionar novas fontes w eb lista.

Remover:remove da lista a fonte w eb selecionadast.

Todas as fontes na lista tm um cone ao lado delas para facilitarreconhecer que tipo de fonte elas so:

Fontes Google: fontes adicionadas a partir da janela Preferncias

| Fontes Webdo WebSite X5 e vinculadas ao servidor do Google.

Fontes Web: fontes adicionadas a partir da janela Preferncias |Fontes Webdo WebSite X5 e publicadas no servidor de Internet dow ebsite.

Fontes Seguras: fontes que esto presentes em praticamentetodos os dispositivos e no necessitam nenhuma publicao.


21/27121


2.2.1 A janela Adicionar fontes web

A janela Adicionar fontes web se abre quando voc clica no boto

Adicionarna janela Preferncias | Fontes Web , e ela contm as opespara adicionar uma nova fonte w eb lista das que podero ser usadas noprojeto.

Referncia: As opes para adicionar Fontes Web

Primeiro voc precisa decidir como as fontes w eb sero integradas aoprojeto:

Fonte Google:voc pode escolher usar arquivos de fonte diretamentedo servidor do Google e elas sero referenciadas nas folhas de estiloCSS das pginas do seu w ebsite.

Fonte Web:os arquivos de fontes w eb esto no computador local esero publicadas no servidor da Web.

Quer voc decida usar uma Fonte Google quer prefira integrar uma fontew eb ao seu projeto, voc precisar importar o seguinte:

Arquivo TTF para exibio offline: o arquivo no formato TrueType(TTF) que necessrio para exibir a fonte no seu local de trabalho. Comesse arquivo, o WebSite X5 pode usar a fonte como se ela estivesseinstalada no sistema operacional do computador e assim inclu-la noeditor de texto e em outros locais onde for possvel indicar o tipo defonte usado para um determinado texto.

Se voc usar uma Fonte Google, voc tambm ter que especificar:

Cdigo @Import: o cdigo, fornecido pelo Google, que referencia afonte nas folhas de estilo CSS das pginas do w ebsite.

Se voc usar uma fonte w eb, tambm ter que importar:

Arquivo WOFF (recomendado): o arquivo da fonte no formatoWOFF. Este formato suportado pelo Internet Explorer, Mozilla Firefox eGoogle Chrome.

Arquivo SVG (iPhone/iPad): o arquivo da fonte no formato SVG.


22/27122


Este formato suportado pelo Mozilla Firefox, Safari, Google Chrome eOpera.

Arquivo EOT (s para IE): o arquivo da fonte no formato EOT. Esteformato s suportado pelo Internet Explorer.

Pelo fato dos principais navegadores no suportarem todas asfontes w eb da mesma maneira, alm do arquivo TTF (obrigatrio),voc tambm dever importar os arquivos WOFF, SVG e EOT paraas fontes que quiser usar.


23/271

Captulo

Passo 0 - Seleo do

projeto3


24/27124


Depois de iniciar o WebSite X5 e ter visto a pgina de Introduo, vocpode ir para a janela Seleo de Projeto, onde voc ter que indicar emqual projeto deseja trabalhar.

Voc pode escolher:

se deseja criar um novo projeto;

ou se deseja trabalhar em um que j voc j tinha criado.

Referncia: Comandos na janela Seleo de Projeto

Criar um novo Projeto: escolha esta opo se quiser comear atrabalhar em um novo projeto. Primeiro, voc precisa dar um nome aonovo projeto: digite um nome no campo abaixo dessa opo. Voc podesalvar o projeto clicando no boto Salvar, que est sempre presente nabarra de botes superior.

No preciso especif icar um caminho (local) quando salvar umprojeto porque o programa cuida disso salvando todos os seusprojetos em Pasta de Projetos como foi definido na janelaPreferncias.

Editar um Projeto existente:esta opo permite que voc abra umprojeto j existente, para que possa adicionar novo contedo a ele ourealizar alteraes necessrias. Todos os nomes de projetos j

existentes so exibidos em uma lista. H algumas opes disponves


25/27125

Passo 0 - Seleo do projeto

para selecionar e abrir o projeto no qual deseja trabalhar, e elas so:

Exibir cones Grandes - Exibir Nomes - Exibir Lista -Exibir detalhesEstas opes definem como as pr-visualizaes do projeto

sero exibidas.

Exibir Grupos pela ltima data de edioEsta opo agrupa e exibe os projetos de acordo com sualtima data de edio.

Use os comandos a seguir para organizar seus projetos:

Importar...:este comando importa um projeto que tenha sido criado e

exportado (veja Exportar o Projeto) com o WebSite X5 em um outrocomputador.

Renomear: use este comando para alterar o nome do projetoselecionado. Voc tambm pode clicar duas vezes no nome de umprojeto para alter-lo.

Duplicar: faz uma cpia de projeto selecionado.

Apagar:apaga o projeto selecionado.


26/271

Captulo

Passo 1 - Configuraes

Gerais4


27/27127

Passo 1 - Configuraes Gerais

4.1 Configuraes GeraisEsta a primeira janela do Passo 1. As informaes que voc inserir nosdiversos campos desta janela estabelecero os parmetros bsicos para oprojeto em que vai trabalhar, tais como ttulo do projeto, a URL (endereo do

w ebsite) e o idioma que ser usado. Voc pode optar entre inserir estasinformaes agora ou mais tarde.

As seguintes opes esto disponveis:

Nome do site: insira o ttulo que voc deseja dar ao seu w ebsite nestecampo. O ttulo ser exibido na barra de ttulos do navegador quandoseu w ebsite estiver publicado na Internet. obviamente um parmetroimportante porque ele permite que visitantes e mecanismos de busca

identif iquem seu w ebsite corretamente.O valor padro neste campo o nome que voc deu ao seu projeto (vejaem Seleo de Projeto) e voc pode alter-lo a qualquer momento: vocpode escolher um nome melhor, ou pode querer alter-lo para tentarmelhorar a otimizao.

Autor do site: insira o nome da pessoa, empresa, clube, etc, quedever aparecer como sendo o autor do w ebsite. O nome do autoraparece na meta tag

por todas as pginas do site no cdigo

HTML, e o equivalente eletrnico a assinar um trabalho realizado.

Endereo do site (URL): insira o endereo URL (por exemplo http//w w w .meusite.com.br) onde o w ebsite estar localizado quando forpublicado na Internet. Esta informao essencial para os RSS feeds, ocarrinho de compras da loja virtual e para o SiteMap funcionaremcorretamente (este ltimo criado automaticamente pelo Programa e vinculado s pginas do w ebsite).

Descrio do site: insira uma breve descrio do w ebsite nestecampo. Procure elaborar uma descrio resumida e direta ao ponto,porque ela ser adicionada meta tag no cdigoHTML e ser analisada pelos spiders dos mecanismos de busca paraincluir seu website nos resultados das pesquisas.

A Descrio do site que voc inserir nestes campos soautomaticamente associadas com a Pgina Inicial do seu

w ebsite.


28/27128


Entretanto, voc pode melhorar a otimizao do w ebsiteassociando uma descrio e uma lista de palavras-chave acada pgina (ou, pelo menos, as pginas mais importantes).Para fazer isso, v para Criao do mapa, selecione a pgina

em que ir trabalhar e clique em Propriedades....Idioma do contedo:insira o idioma que deseja usar no seu w ebsiteneste campo. Todo o texto que for inserido automaticamente peloPrograma ser exibido no idioma que voc escolher aqui: links parancoras embutidas, legendas para Objeto Formulrio de Email, legendase texto para o carrinho de compras da loja virtual, texto no Mapa dow ebsite.

Se voc quiser alterar o texto que o Programa insereautomaticamente, ou se quiser adicionar um novo idioma, clique

no boto e use as opes da janela Gerenciar contedosdo idioma.

cone do site:insira o nome do cone (um arquivo .ICO, .PNG, .GIF ou.JPG) que ser associado s pginas do w ebsite. Ese cone serexibido esquerda da URL na barra de endereos do navegador de

Internet.

Os cones associados a w ebsites so frequentementechamados de favicons (um composto de favorite icons). Vocpode usar imagens nos formatos .ICO, .PNG, .GIF e .JPG.Arquivos no formato .ICO so importados como esto, enquantoque se foc usar arquivos de qualquer tamanho no formato.PNG, .GIF e .JPG, o WebSite X5 cria automaticamente uma

cpia no formato .PNG no tamanho 16x16 pixels e usa estacpia como favicon.


29/27129


4.1.1 A janela Gerenciar contedos do idioma

Esta janela se abre quando voc clica no boto da opo Idioma docontedona janela Configuraes Gerais. Voc pode trabalhar no textoque o Programa insere automaticamente, tais como links para ncoras

incorporadas, os botes da Objeto Galeria, as legendas do ObjetoFormulrio de Email, legendas e texto no carrinho de compras, texto noMapado w ebsite.

A janela Gerenciar contedos do idioma exibe a lista de idiomasdisponveis esquerda e uma tabela com as tradues nos diversosidiomas direita. A primeira coluna da tabela d indicaes da localizaono Programa onde os diversos itens so usados. Ento h uma coluna paracada idioma ativo (isto , selecionados da lista de idiomas disponveis).

Voc pode trabalhar diretamente nesta tabela para editar os itens.A janela Gerenciar contedos do idiomaexibe os seguintes botes:

Acrescentar novo idioma:insira o nome de um novo idioma a seradicionado na caixa de dilogo. Voc deve user o formato "ID -NomeDoIdioma", por exemplo "EN - English".

Remover o idioma selecionado: este remover o idiomaselecionado da lista.

Importar um novo idioma:este importa um novo idioma, gravadocomo arquivo .XML, e o adiciona lista de idiomas disponveis.

Exportar o idioma selecionado: este exporta o idiomaselecionado na lista para um arquivo .XML.

lm desses comandos, voc tambm tem o campo Busca onde podebuscar IDs e termos de Contedo inseridos nos diversos idiomas: isso

facilita encontrar um item especfico no qual queira trabalhar.


30/27130


As opes Exportar o idioma selecionado e Importar um novoidioma so teis quando voc quiser salvar tradues em umidioma especf ico em um arquivo .XML e usar em outrocomputador.

4.2 Modelo PadronizadoUma das chaves para um w ebsite de sucesso uma aparncia atraente.As primeiras impresses contam, e as opinies dos novos visitantes doseu site sero inf luenciadas em grande parte pela apresentao grfica,antes mesmo deles comearem a olhar o contedo. Um design bem

planejado e de aparncia profissional d a impresso de um site de boaqualidade que vale a pena examinar.

In WebSite X5, o modelo que define a aparncia do w ebsite uma parteintegrante do projeto. Isto significa que, quando voc comea um novoprojeto, um modelo padro j est associado a ele. Obviamente, voc temtoda a liberdade de alterar o layout proposto para seu w ebsite substitundoo modelo designado automaticamente por um Modelo Personalizado, ummodelo escolhido entre os Biblioteca Personalizados ou por um NovoModelo criado do zero.

nessa janela Seleo do Modeloque voc pode alterar a aparncia doseu w ebsite, escolhendo entre:

Modelo Personalizado:esta opo o leva a uma bibliotecacom mais de 1.500 modelos grficos prontos para uso. Bastaselecionar o que for ideal para seu w ebsite e aplicar aoprojeto.

Biblioteca Personalizados:esta opo exibe a biblioteca demodelos que j tenham sido criados e salvos. Novamente,selecione um que voc gostar mais para aplic-lo ao seuprojeto.

Novo Modelo: escolha esta opo para cancelar todas asconfiguraes atuais do modelo do projeto e comear

novamente do zero a criar um novo modelo.


31/27131


Uma vez que tenha feito sua escolha, clique no botoAvanarpara abrir ajanela Estilo do Modelo: agora voc pode comear a alterar o modelopadro ou modelo personalizado que tiver selecionado, ou comear a criarum modelo completamente novo.

Voc pode alterar o modelo do seu projeto a qualquer momento,basta selecionar um modelo diferente na biblioteca depadronizados/personalizados ou comear um novo do zero. Asalteraes que voc fizer ao modelo original no sero salvas. Sequiser salvar as alteraes no modelo original, primeiro salve-oem Bib lioteca Personalizados antes de aplicar um modelo novoao seu projeto.

Todos os modelos padronizados so otimizados para seremexibidos a 1024 x 768 pixels. Se voc quiser usar uma resoluodiferente, use o Estrutura do Modelo.

4.2.1 Modelo Padronizado

O modo mais fcil e rpido de definir um modelo grf ico para um projeto escolhendo um que esteja mais prcimo ao que voc tem em mente a partirda biblioteca de Modelos Padronizados.

A biblioteca que o WebSite X5 oferece inicialmente contm 1.500 modelos:todos eles so completos e foram projetados especialmente para ajudaremvoc a criar w ebsites sofisticados e profissionais. E o que melhor: sogrtis! Mas isso no tudo - esta biblioteca est sendo constantementeatualizada com novos modelos, para lhe proporcionar uma liberdade de

escolha ainda maior. Atualizaes so fornecidas tanto pela Incomediaquanto por seus autores parceiros. Em alguns casos, as atualizaesprecisam ser compradas, mas geralmente so gratuitas.

Uma vez no WebSite X5 voc pode exibir uma pr-visualizao de todos osmodelos padronizados disponveis, mas nem todos eles so de fatoinstalados com o programa. As adies mais recentes biblioteca, emodelos que podem ser baixados gratuitamente e os que devem ser

comprados podem ser facilmente reconhecidos pela f ita exibida ao lado


32/27132


deles.

A maior parte da janela Modelo Padronizado dedicada exibio dosmodelos disponveis. Voc pode usar os seguintes comandos para f iltrar

os modelos em exibio, se isto tornar mais fcil seu processo de escolhado modelo que deseja usar:

Lista de CategoriasEsta opo exibe uma lista com as diversas categoriasnas quais os modelos esto organizados, ento vocpode escolher quais quer que sejam exibidas. Osprimeiros itens na lista se referem aos modelos

Destaque, venda e Licenciado. O tema do modelovem em seguida.

MenuEsta opo f iltra os modelos padronizados de acordocom o tipo de menu que eles sugerem, de modo quevoc pode escolher exibir modelos com menu vertical,horizontal ou ambos.

Exibir Pr-visualizao pequena - Exibir Pr-visualizao mdia - Exibir Pr-visualizaograndeEstas opes definem a forma como as miniaturas dosmodelos sero exibidas.

AtualizarA lista de modelos atualizada automaticamente

quando o programa inicializado: voc pode usar estecomando para forar a atualizao enquanto estiverusando a Internet.

Quando voc escolhe um modelo da lista, uma pr-visualizao dele exibida na janela de pr-visualizao. Se o modelo selecionado estiver venda, a descrio incluir o preo e o boto Compre J. Voc precisarter crditos e estar conectado Internet para completar a transao.


33/27133


Se voc selecionar um modelo da lista que seja gratuito, ou que voc jtenha comprado mas ainda no tenha instalado, ele ser baixadoautomaticamente e aplicado ao projeto atual.

Voc precisa estar conectado Internet para:Exibir prvias de todos os modelos disponveis. Se a Internetno estiver ativa, somente os modelos j instalados ficarovisveis na janela de pr-visualizao.

Instale um modelo novo, gratuito.

Comprar e instalar um novo modelo.

4.2.2 Biblioteca PersonalizadosCom o WebSite X5, voc pode obter layouts de excelente qualidade quervoc personalize um modelo padronizado ou crie um do zero. muitosimples salvar modelos deses tipos em uma biblioteca de modelospersonalizados, ento eles podem ser usados de novo em outros projetos.

As formas de exibio da Biblioteca de Modelos Personalizados, e oscomandos disponveis para trabalhar nela, so os mesmo dos para osmodelos padronizados:

MenuEsta opo f iltra os modelos padronizados de acordocom o tipo de menu que eles sugerem, de modo quevoc pode escolher exibir modelos com menu vertical,horizontal ou ambos.

Exibir Pr-visualizao pequena - Exibir Pr-visualizao mdia - Exibir Pr-visualizaograndeEstas opes definem a forma como as miniaturas dosmodelos sero exibidas.

Os comandos a seguir esto disponveis para se trabalhar nos modelos:

Adicionar:ste comando salva o modelo que voc estiver usando no

projeto atual, com todas as suas configuraes, na Biblioteca de


34/27134


Modelos Personalizados.

Renomear:use este comando se quiser renomear um modelo. Voctambm pode renomear um modelo personalizado clicando duas vezesno nome dele.

Remover:este comando remove o modelo selecionado.

Importar...:este comando importa um novo modelo (um arquivo .IWTPL)que tenha sido criado com o WebSite X5 e exportado.

Exportar...: este comando exporta o modelo selecionado (um arquivo.IWTPL) para uma pasta especfica. Ele poder ento ser compartilhadoe usado em outros computadores.

4.2.3 Estilo do Modelo

Quando tiver decidido entre usar um modelo padronizado, umpersonalizado ou criar um novo, voc poder realizar todas as alteraesque desejar na estrutura do modelo e definir o estilo grfico de cadaelemento no layout das pginas do w ebsite: o menu de navegao, textos,janelas de Show Box, Dicas (tooltips), etc.

As opes so:Estrutura do ModeloEsta opo define a estrutura do modelo e voc pode indicar otamanho, onde o menu de navegao deve ficar, as margense alinhamentos.

Estilo de textoEsta opo define os estilos para cada um dos elementos de

texto nas pginas do site.Estilo do Menu PrincipalAqui voc pode projetar o estilo do menu principal, queaparecer ou no alto ou na lateral de cada pgina para ajudaro visitante a se localizar por todo o seu site.


35/27135


Estilo do Menu SuspensoVoc pode definir o estilo dos menus suspensos (menus queaparecem quando o cursor do mouse se move sobre um itemdo menu principal).

Estilo do Menu de PginaVoc pode definir o estilo do menu de pgina. Menus depgina listam as diversas pginas que esto no mesmo nvel.

Estilo da TooltipVoc pode definir o estilo das Dicas (tooltips) que podero serassociadas a Link.

Estilo da Show boxAqui voc pode definir o estilo da janela Show Box, que onde fotos ampliadas, vdeos ou apresentaes de slides soexibidos.

Estilo de emailEsta opo permite que voc defina um estilo para os emailsque so gerados quando usar o Objeto Formulrio de Emailoucriar Carrinho de compras.

Para maiores informaes sobre como criar o Mapa do site e asdiferenas entre menus de primeiro e segundo nvel, menussuspensos e menus de pgina, veja Criao do mapa.

4.2.3.1 Estrutura do Modelo

Quando quiser definir a aparncia de um w ebsite, o WebSite X5 permiteque voc escolha um modelo padronizado, um modelo personalizado ou umcompletamente novo. Qualquer que seja o mtodo que voc escolher, vocpoder usar as opes na janala Estrutura do Modelo para fazer todas asalteraes que desejar em um modelo padronizado ou em umpersonalizado, ou criar seu prprio modelo novo a partir do zero.

Para facilitar seu trabalho, a janela Estrutura do Modelo oferece um Pr-

visualizarque mostra uma representao grfica da pgina. Voc pode


36/27136


escolher qual parte da pgina quer alterar a partir da lista, ou clique na pr-visualizao para edit-la e ver as alteraes aparecerem medida em quefor trabalhando.

Referncia: Opes de tipo de menu

Antes de comear a criar seu modelo personalizado, voc precisaespecificar o Tipo de menu, que definir onde e como o menu denavegao ser exibido em todas as pginas do w ebsite. As opes so:

Horizontal - Menu acima do cabealho

Horizontal - Menu sob o cabealho

Horizontal - Menu dentro do cabealho

Vertical - Menu esquerda

Vertical - Menu direita

Referncia: Opes das reas da pgina

Quando voc tiver escolhido o tipo de menu, voc dever seleiconar aSeo da pgina onde quer trabalhar. As pginas so divididas nasseguintes sees:

Fundo da pgina: a rea em torno da pgina. Ela fica visvelquando a janela do navegador tem uma resoluo maior do que aque foi conf igurada para o prprio w ebsite.


37/27137


Fundo do Cabealho: a parte do Fundo da pgina que ficaatrs do Cabealho.

Cabealho: o cabealho (header) f ica no alto da pgina.Normalmente ele contm principalmente elementos grficos, e olocal ideal para colocar o ttulo e o sub-ttulo do w ebsite, um logo daempresa, campos de busca, menus de servio com links paraelementos como mapa do site e opes de idioma.

Menu: onde o menu de navegao fixo aparece. Este menuexibe o primeiro nvel de opes disponveis, que aparecemexatamente do mesmo modo em todas as pginas do w ebsite. Estaseo fica ou no alto, embaixo, esquerda ou direita da pgina,

dependendo do tipo de menu que voc escolheu previamente.

Contedo da pgina:esta seo contm o contedo da pginapropriamente dito, e quaisquer sub-menus, se voc os tiver.

Rodap:esta seo fica no p da pgina e, como o cabealho(header), basicamente composto de elementos grficos. Eleencerra visualmente a pgina. Ele geralmente utilizado paracolocar observaes, isenes de responsabilidade, indicadoresde direitos autorais (copyrights), cnpj, endereos de email, etc.

Fundo do Rodap: a parte do Fundo da pginaque fica atrsdo Rodap.

Se voc configurar o Fundo do Cabealhoou o Fundo do Rodapcomo Transparente, eles sero tratados como parte do Fundo dapgina e tero exatamente a mesma aparncia. Se no forem

Transparenteento o Cabealhoe/ou o Rodap sero exibidoscomo faixas que cobrem toda a largura da janela do navegador.

Referncia: Propriedades grficas das reas da pgina

Voc pode configurar as seguintes Propriedades Grficas para asdiversas reas da pgina:

Cor:indica a cor a ser usada como plano de fundo.


38/27138


Arquivo de imagem:indica o arquivo (.JPG, .GIF, .PNG.) da imagem aser usada como plano de fundo. Voc tambm pode ter uma animaoem Flash (.SWF) no Cabealhoou no Rodap.

Repetir: indica se a imagem de fundo dever ser repetida. Imagens

podem ser repetidas horizontalmente, verticalmente ou em ambasdirees para tomar todo o espao disponvel. Se voc estivertrabalhando no Fundo da pgina a imagem pode ser redimensionadapara cobrir o fundo por inteiro. Neste caso, as propores originaispodem no ser mantidas.

Alinhamento: indica como a imagem deve ser alinhada na reaespecfica da pgina.

A seguinte opo tambm est disponvel para o Fundo da pgina:Imagem de fundo fixa:se voc selecionar esta opo, a imagem defundo da pgina fica fixa, mesmo quando o contedo da pgina deslocado com as barras de rolagem.

Referncia: Tamanhos das reas da pgina

Voc pode configurar o Tamanho de algumas reas da pgina.

A opo a seguir f ica disponvel para o Cabealhoe o Horizontal - Menudentro do cabealho:

Largura:fornece a largura em pixels da rea selecionada da pgina. Ovalor da Largura para os menus verticais por padro de 960 pixelspara a rea do Cabealhoe 120 pixels para a rea do Menu, e ambosos valores podem ser modificados. O valor da Largura para os menushorizontais colocados acima ou abaixo do cabealho definido como o

mesmo do Cabealho e tambm usado para o Menu, Contedo dapginae Rodap.

O valor padro da Largura calculado para um w ebsite otimizadopara ser exibido em uma resoluo de 1024x768 pixels.

A seguinte opo f ica disponvel para as reas, com excesso do Fundoda pginae Contedo da pgina:

Altura:d a altura em pixels da rea selecionada da pgina.


39/27139


A seguinte opo s f ica disponvel para a rea Contedo da pgina:

Altura mnima:d a altura mnima em pixels que a rea com o contedoda pgina deve ter, independente da altura do contedo que foradicionado.

Finalmente, se voc tiver escolhido a opo Horizontal - Menu dentro docabealho para o Tipo de menu, as seguintes opes sero exibidas naseo Menu:

Deslocamento X:este valor indica em quantos pixels o menu deverser movido para a esquerda/direita em relao ao cabealho.

Deslocamento Y: este valor indica em quantos pixels o menu deverser movido para cima/baixo em relao ao cabealho.

Com todas essas opes disponveis, praticamente no h limitepara o tamanho e posio do menu horizontal dentro docabealho, tornando possvel obter resultados extraordinrios.

Referncia: Propriedades do contedo de rea de pgina

Voc pode definir as Propriedades do Contedo para algumas reas

da pgina.

A opo a seguir f ica disponvel para as reas Fundo da pgina, MenueContedo da pgina:

Margens:d o valor em pixels para as margens (o espao vazio entrea borda da rea e seu contedo).

Esta opo fica disponvel para as reas Fundo da pginae Menu:

Alinhamento:para o Fundo da pgina, ela especif ica como a pginadeve ser alinhada na janela do navegador. Para o Menu ela especificacomo os botes do menu devem ser alinhados em relao pgina.

A verdadeira largura das pginas do w ebsite fornecida pelalargura da rea Contedo da pgina (que depende da largura doCabealho), menos as margens esquerda e direita.


40/27140


Voc pode adicionar texto, fotos, animao em Flash,apresentaes de slides, campos de busca e links no cabealho(header) do modelo. As opes so exibidas na janelaPersonalizao do Modelo, que voc pode abrir clicando no

botoAvanar.

4.2.3.2 Estilo de texto

Os comandos nesta janela podem ser usados para definir o estilo dosdiversos textos que aparecem no site..

Um estilo pode ser genericamente definido como uma srie de indicaesde formatao de texto e a parte grfica que so aplicados a um elementopara mudar sua aparncia. Usando o Estilos e Modelos, voc pode incluirdiversos formatos diferentes em uma nica operao.

Em primeiro lugar, voc tem que escolher para qual Item de pginadesejadefinir um estilo. Selecione na lista suspensa ou clique no item a partir dapr-visualizao.

Os itens de pgina aos quais voc pode aplicar um estilo so:

Ttulo da pgina: o ttulo de cada pgina do site. obtidoa partir do nome dado pgina quando o Mapa do site foicriado na janela Criao do mapa, ou, se assimespecificado, do Ttulo completo da Pgina na janelaPropriedades da Pgina.

Endereo da pgina: o texto que apareceimediatamente abaixo do ttulo da pgina, e exibe o caminhopara chegar esta pgina no site ("navegaobreadcrumb"). O Programa adiciona o endereoautomaticamente.

Texto da Pgina: o texto de cada pargrafo que adicionado usando o Objeto Texto. O estilo indicado aqui aplicado por padro a todo texto inserido no editor ObjetoTexto. Quando o estilo modificato, todos os textos a que


41/27141


ele foi aplicado so atualizados automaticamente. Vocpode usar os comandos do editor para realizar outrasalteraes e personalizaes, que sempre podem ser

removidas com o boto Restaurar formato.

O estilo de texto padro tambm aplicado ao texto que adicionado automaticamente pelo Programa, como aspginas da rea Reservada, no Blog, no mecanismo debusca interno e no Mapa do site.

Link ativo / Link sob cursor / Link visitado: estasopes se referem aos links de hipertexto criados com oObjeto Texto. Um link pode alterar sua aparncia de acordo

com seu estado: ativo, sob foco, j visitado. Alterar aaparncia de um link de acordo com seu estado atualfacilitam a navegao pelo site, lembrando o visitante sobrequais pginas j foram visitadas.

Campo / Boto: estes so campos e botes que socriados pelo Objeto Formulrio de Emailou pelo carrinho decompras, alm dos elementos nos campos de busca (vejaPersonalizao do Modelo | Inserir campo de busca), oscampos de login/logout da rea Reservada, etc. Quandovoc cria um novo Objeto Formulrio de Email os camposnele vo adquirir o estilo definido aqui como padro. Vocpoder depois alterar o estilo em novos formulrios deemail usando as opes na seo Objeto Formulrio deEmail | Estilo.

Menu de rodap da pgina: este menu repete os itens

do menu principal e exibe-os no final de cada pgina.

Se voc selecionar Item de pgina, poder trabalhar nas opes da seoEstilo para alterar o estilo:

Exibio: voc pode decidir se o item de pgina selecionado ficarvisvel ou no. Esta opo no fica disponvel para o Texto da Pginanem para os diversos estados dos links, campos e botes, pois eles nopodem ficar invisveis. Tornar um item invisvel no significa remov-lo da


42/27142


pgina. Simplesmente signif ica que o item no ficar visvel quando apgina for publicada. Voc pode querer tornar o Ttulo da pginainvisvel, por exemplo, porque pode preferir adicionar uma imagem emvez de um texto, mas isto no significa que a tag ter sido

removida do cdigo HTML.Cor do fundo / Cor do texto:voc pode escolher a cor do fundo e ada fonte do item de pgina selecionado. Voc no pode escolher a cordo fundo para o Texto da Pgina porque isso depende do modeloescolhido (veja Modelo Padronizado or Estrutura do Modelo) e/ou doEstilo da clulaque o Objeto Textotem.

Fonte:especifique a fonte, o estilo e o tamanho a ser usado no texto.

Alinhamento: voc pode decidir como alinhar o elemento na pgina:Pode ser esquerda, no centro ou direita. Esta opo no ficadisponvel para os campos, botes ou links, porque o alinhamento do linkhipertexto definido quando o Objeto Texto criado, independente doestilo.

Estilo do texto:esta opo s fica disponvel para os link nos diversosestados (visitado, etc) e pode ser Normalou Sublinhado.

Cursor: esta opo fica disponvel somente para o Link ativo, e assumida automaticamente pelos dois outro estados de link. Voc pode

especificar o estilo quando sob foco. Clique em para selecionar oarquivo .CUR, .ICO ou .ANI que ser usado.

Cor da borda:voc pode especificar a cor das bordas do Ttulo dapgina, do Endereo da pgina, do Campo, do Boto e do Menu derodap da pgina.

Sombra: voc pode indicar o quanto os cantos sero arredondadosem Campoe Boto, e voc pode especificar o valor para cada cantoseparadamente.

Sombra: voc pode aplicar uma sombra dentro do Campo,especificando sua cor, posio, difuso e tamanho.

Margem horizontal: voc pode especif icar a margem horizontal deTtulo da pgina, Endereo da pginae Menu de rodap da pgina.


43/27143


4.2.3.3 Estilo do Menu Principal

Nesta janela voc pode projetar o estilo dos botes no primeiro nvel domenu principal.Os menus so criados e atualizados automaticamente pelo programa de

acordo com o mapa do w ebsite, conforme concebido no Passo 2 - Criaodo mapa. O menu principal exibe os itens de primeiro nvel do mapa do siteque so usados para criar o menu de navegao. Se voc tiver escolhidouma estrutura de menu horizontal, o menu principal aparece imediatamenteacima, abaixo ou dentro do cabealho em todas as pginas. Se tiverescolhido uma estrutura de menu vertical, o menu principal exibido nalateral das pginas, ou esquerda ou direita de seu contedo.

Os comandos para personalizar os botes do menu so organizados nasseguintes abas: Geral, Itens de Menu eEstilo 3D.

Referncia: Comandos na aba Geral

Voc pode usar estes comandos para estabelecer algumas definiesgerais para o menu principal.

As opes na seo Estilo so:

Largura:voc pode determinar a largura em pixels para os botes dositens de menu.

Margem:voc pode especificar margens horizontal e vertical em pixels(o espao entre a borda do boto e o texto dentro do boto).

Distncia entre os botes:voc pode especificar a margem externaem pixels (o espao entre cada boto).

Deslocamento automtico do menu:selecione esta opo se quiserque o menu de navegao se desloque junto com o contedo daspginas, ficando sempre visvel.

Quando voc define a largura dos botes, leve em conta oespao geral disponvel para este menu: este parmetro pode seralterado se voc no estiver usando um modelo padronizado(veja Estrutura do Modelo).

As opes na seo Textoso:


44/27144



Alinhamento: voc pode especificar como deseja que o texto f iquealinhado dentro do boto: Esquerda, no Centroou Direita.

Usar Antialias no texto:selecione esta opo se quiser bordas maissuaves.

Referncia: Comandos na aba Itens de Menu

Voc pode usar os comandos nesta aba para definir cores, imagens defundo e estilo do texto para os diversos estados dos botes do menuprincipal.

Em primeiro lugar, selecione o Item de Menu no qual deseja trabalhar:

voc pode definir o estilo do Item de Menu, do Item sob cursore

do Item para a Pgina atual. Voc pode selecionar um elemento domenu a partir da lista suspensa ou voc pode trabalhar diretemente napr-visualizao, que mantida constantemente atualizada com qualqueralterao que voc faa.

As opes na seo Estilo ficam disponveis para todos os itens de menu:

Cor do fundo / Cor do texto / Cor da borda:voc pode definir a corpara o plano de fundo, texto e borda do boto.

Imagem de fundo:voc pode especificar a imagem a ser usada como

plano de fundo para o boto. Clique em para navegar entre osarquivos disponveis (nos formatos .JPG, .GIF ou .PNG) para selecionaruma imagem. Ou clique na seta ao lado do campo para abrir a bibliotecade botes e selecionar l a imagem que deseja usar.

Estilo da fonte:esta opo define o estilo do texto do boto para oItem de Menu: pode ser Nenhum, Baixo relevo, Alto relevo, ouSombra.O Item sob cursore o Item para a Pgina atualautomaticamenteassume as configuraes para o Item de Menu: voc tambm podeadicionar um destes estilos:Normal, Negrito, Itlico, Negrito Itlico.

Referncia: Comandos na aba Estilo 3D

Voc pode usar os comandos nesta seo para definir os botes com


45/27145


efeito 3D.

As opes a seguir esto disponveis na seo Forma:

Forma:escolha um formato de boto entre os disponveis.

Arredondamento:determine a intensidade do efeito de chanfrado noscantos dos botes (para formatos com cantos arredondados).

Combinar a forma dos botes: combinar os botoes para que oformato selecionado seja aplicado a todos em conjunto.

As seguintes opes esto disponveis na seo Formato 3D:

Aparncia: voc pode definir a aparncia do boto como Plano,Convexo plano, Chanfrado, etc.

Direo da luz:voc pode definir a direo do efeito de luz sobre oboto.

Fator do gradiente:voc pode definir a quantidade de sombreamentopara o boto.

Opacidade da imagem: voc pode especif icar o grau detransparncia das imagens que forem adicionadas aos botes na seoItens de Menu .

A seo Borda 3Dtem as seguintes opes:

Estilo da borda:voc pode definir as bordas dos botes como Normal,Chanfradoou Cncavo.

Espessura externa / Espessura interna: voc pode especif icar aespessura externa e interna da borda dos botes.

Borda externa nica: se voc selecionar esta opo, suas

preferncias sero aplicadas s bordas em torno de todos os botes, eno somente de um nico boto.


46/27146


4.2.3.4 Estilo do Menu Suspenso

Os comandos nesta janela so usados para definir o estilo dos menussuspensos.Os menus so criados e atualizados automaticamente pelo programa de

acordo com o mapa do w ebsite, conforme concebido no Passo 2 - Criaodo mapa. Menus suspensos so exibidos quando o cursor do mousepassa sobre um item do menu principal.

Os comandos so organizados nas seguintes abas: Geral, Itens de Menuand Estilo 3D.


Voc pode usar os comandos nesta aba para def inir algumasconfiguraes gerais para os menus suspensos.

Primeiro voc tem que indicar qual Tipo de menu voc quer, que podeser:

Dispor em uma coluna: todos os itens do menu suspensoaparecem em uma nica coluna, um abaixo do outro.

Dispor em mais colunas:os itens do menu suspenso aparecemem vrias colunas adjacentes. Uma nova coluna adicionadaautomaticamente quando:

a quantidade de itens no menu suspenso atinge ou maior queo valor em Mximo de itens por Coluna;

a lista de pginas tem um separador (veja Criao do mapa).

Se voc tiver escolhido um menu vertical na janela Modelo Personalizado,

Bib lioteca Personalizados ou Estrutura do Modelo, voc tambm poderselecionar:

Abertura em zigzag:todos os itens no menu suspenso aparecemem uma nica coluna: quando voc clicar em um item, todos os itensabaixo dele se deslocam para baixo para deixar espao para exibiruma nova lista de itens que estavam ocultos at ento, e que serelacionam com o item selecionado.


47/27147


Quando tiver selecionado o Tipo de menu, voc poder trabalhar nasopes na seo Estilo:

Largura:voc pode determinar a largura em pixels para os botes dositens de menu.


Mximo de itens por Coluna:esta opo s fica disponvel para otipo de menu Dispor em mais colunas. Voc pode especif icar aquantidade mxima de itens para cada coluna do menu suspenso.


Fonte:especifique a fonte, o estilo e o tamanho a ser usado no texto.Alinhamento: voc pode especif icar como deseja que o texto fiquealinhado dentro do boto: Esquerda, no Centroou Direita.

Finalmente, a seo Opesapresenta as seguintes opes:

Efeito: voc pode especificar o efeito de exibio para os menussuspensos, escolhendo entre Nenhum, Dissolver, Surgir pelo alto,Surgir pela esquerda ouSurgir pelo alto esquerda.

Selecionar a Pgina atual automaticamente: esta opo s ficadisponvel para o tipo de menuAbertura em zigzag. O menu suspenso automaticamente expandido e a pgina onde estiver exibida comoselecionada no menu.

Referncia: Comandos na aba Itens de Menu

Os comandos nesta aba so para definir as cores, as imagens de fundo e

o estilo do texto para os diversos estados dos botes nos menussuspensos.

Em primeiro lugar, voc tem que selecionar o Item de Menu em que ir

trabalhar: voc pode especificar o estilo do Item de Menu, Item sob

cursore Separador. Voc pode selecionar um elemento do menu apartir da lista suspensa ou voc pode trabalhar diretemente na pr-

visualizao, que mantida constantemente atualizada com qualquer


48/27148


alterao que voc faa.

As opes na seo Estilo esto disponveis para todos os itens de menu:

Cor do fundo / Cor do texto / Cor da borda:voc pode definir a cor

para o plano de fundo, texto e borda do boto. O Separadors tem aopo Cor do texto.

Estilo da fonte: voc pode definir o estilo do texto para o Item sobcursore o Separadorcomo Normal, Negrito, Itlico e Negrito itlico.

Imagem de fundo:s fica disponvel para o Item de Menu e o Itemsob cursor, e voc pode especificar a imagem a ser usada como plano

de fundo para o boto. Clique em para navegar entre os arquivos

disponveis (nos formatos .JPG, .GIF ou .PNG) para selecionar umaimagem. Ou clique na seta ao lado do campo para abrir a biblioteca debotes e selecionar l a imagem que deseja usar.

cone do marcador: voc pode especificar a imagem que ser usada

como marcador para as listas de botes e separadores. Clique em eselecione um arquivo .JPG, .GIF ou .PNG.

Referncia: Comandos na aba Estilo 3D

Voc pode usar os comandos nesta seo para definir os botes comefeito 3D.

As opes a seguir esto disponveis na seo Forma:

Forma:escolha um formato de boto entre os disponveis.

Arredondamento:determine a intensidade do efeito de chanfrado noscantos dos botes (para formatos com cantos arredondados).

Combinar a forma dos botes: combinar os botoes para que oformato selecionado seja aplicado a todos em conjunto.

As seguintes opes esto disponveis na seo Formato 3D:

Aparncia: voc pode definir a aparncia do boto como Plano,Convexo plano, Chanfrado, etc.

Direo da luz:voc pode definir a direo do efeito de luz sobre o

boto.


49/27149


Fator do gradiente:voc pode definir a quantidade de sombreamentopara o boto.

Opacidade da imagem: voc pode especif icar o grau detransparncia das imagens que forem adicionadas aos botes na seo

Itens de Menu .

A seo Borda 3Dtem as seguintes opes:

Estilo da borda:voc pode definir as bordas dos botes como Normal,Chanfradoou Cncavo.

Espessura externa / Espessura interna: voc pode especif icar aespessura externa e interna da borda dos botes.

Borda externa nica: se voc selecionar esta opo, suaspreferncias sero aplicadas s bordas em torno de todos os botes, eno somente de um nico boto.

4.2.3.5 Estilo do Menu de Pgina

Esta janela possibilita definir algumas configuraes avanadas para osbotes nos menus de pgina.Os menus so criados e atualizados automaticamente pelo programa deacordo com o mapa do w ebsite, conforme concebido no Passo 2 - Criaodo mapa. Os menus de pgina so opcionais, e eles exibem uma lista depginas que esto no mesmo nvel atual. Em outras palavras, se voc abriruma pgina em um certo nvel, e se este nvel tiver outras pginas, o menude pgina mostra uma lista de todas as pginas naquele nvel. Os menus depgina so sempre verticais, e podem ser exibidos esquerda ou direita

do contedo da pgina.Os comandos para personalizar os botes nos menus de pgina estoorganizados nas abas Gerale Itens de Menu.


Voc pode usar os comandos nesta aba para def inir algumasconf iguraes gerais para o menu de pgina.

Se quiser exibir um menu de pgina que inclua todas as pginas do nvel


50/27150


atual, voc deve selecionar a opo Mostrar o Menu de Pgina.

Quando tiver feito isto, voc poder trabalhar nas opes na seo Estilo:

Posio do menu:escolha se quer que o menu de pgina seja exibido

no lado esquerdo ou no lado direitao da pgina.Largura: voc pode determinar a largura em pixels para os botes dositens de menu.


Distncia entre os botes: voc pode definir o valor da margemexterna, em pixels (o espao entre um boto e o outro).



Alinhamento: voc pode especificar como deseja que o texto f iquealinhado dentro do boto: Esquerda, no Centroou Direita.

Finalmente, na seo Bordas personalizadas voc pode criar uma bordaem torno do menu de pgina (no em torno dos botes individualmente) e

trabalhar com as seguintes opes:Espessura: a espessura das bordas (cada uma pode ser definidaindividualmente).

Cor: a cor das bordas (novamente, cada borda pode ser coloridaindividualmente).

Sombra:o grau de arrendondamento dos cantos (cada um pode serdefinido individualmente).

Sombra: uma sombra, especificando sua cor, posio, difuso etamanho.

Refernica: Comandos na aba Itens de Menu

Voc pode usar os comandos nesta aba para definir o estilo dos itens dosmenus de pgina.

Em primeiro lugar, selecione o Item de Menu no qual ir trabalhar: voc


51/27151


pode definir o estilo do Item de Menu, Item sob cursor, Separador

e Linha de separao. Voc pode selecionar um elemento do menu apartir da lista suspensa ou voc pode trabalhar diretemente na pr-

visualizao, que mantida constantemente atualizada com qualqueralterao que voc faa.

Cor do fundo / Cor do texto / Cor da linha:voc pode escolher umacor para o plano de fundo e para o texto do Item de Menu, do Item sobcursore do Separador, e a cor da Linha de separao.

cone do marcador:esta opo para o Item de Menu, o Item sobcursore o Separador, e permite que voc importe um arquivo .JPG, .GIF

ou .PNG contendo a imagem que ir usar como marcador ao lado dositens no menu de pgina.

Estilo da fonte:esta opo para o Item sob cursore o Separador, evoc pode definir o texto como Normal, Negrito, Itlico ou NegritoItlico.

Estilo da linha: esta opo s f ica disponvel para a Linha deseparao, e usada para definir o estilo da linha, que pode ser Inteira,

Tracejada, Pontilhada, Baixo relevo ouAlto relevo.

4.2.3.6 Estilo da Tooltip

Os comandos nesta seo so usados para definir o estilo das Tooltipsque so associadas a links adicionados a textos e imagens com o

comando Link. Uma Tooltip um texto curto que aparece em um baloquando o cursor do mouse passa sobre um link: ele serve para explicar oque ir acontecer quando o link for clicado

Voc pode comear a definir as Tooltips com as opes na seo Estilo:

Posio das Tooltips: escolha se quer que a Tooltip seja exibida Esquerda, Direita, Acimaou Embaixodo link.

Efeito de transio:voc pode especif icar um efeito de entrada paraas Tooltips, que pode ser Nenhum, DissolverouAlternado.


52/27152


Cor do fundo:voc pode escolher a cor de fundo das Tooltips.

Opacidade: voc pode especificar a transparncia para o fundoexterno. Valores mais altos diminuem a visibilidade da janela donavegador sob a imagem.

Mostrar seta:voc pode adicionar uma seta para o balo que apontarem direo ao link ao qual a Tooltip se refere.

As opes para Textoso:

Cor do texto:voc pode escolher a cor da fonte usada nas Tooltips.


Alinhamento:indica como o texto ser alinhado dentro das Tooltips: Esquerda, no Centro, ou Direita.

As opes para Bordas personalizadasso:

Espessura: a espessura das bordas (cada uma pode ser definidaindividualmente).



Sombra: uma sombra, especificando sua cor, posio, difuso etamanho.

AS conf iguraes de estilo so vlidas para todo o projeto, eassim as Tooltips tero a mesma aparncia sempre. O contedode uma Tooltip (texto ou imagem) definido na janela Link |

Descrio.

4.2.3.7 Estilo da Showbox

Voc pode usar os comandos nesta aba para definir o estilo da Show Boxque usada nas galerias (veja Objeto Galeria), no link Galeria comShow Box (veja Link | Ao) e em Objeto Lista de Produtos. Em todos oscasos, a Show Box se abre em um link e exibe uma imagem ampliada, um

vdeo, ou uma apresentao de slides: quando um visitante clicar em um


53/27153


link para uma ShowBox, a janela do navegador esmaecida para destacara janela da Show Box, que exibida em primeiro plano com o efeito deentrada selecionado.

As opes na seo Estiloso:

Efeito de transio:voc pode especificar o efeito de entrada para ajanela Show Box, que pode ser Nenhum, Dissolver, Descer, Zoom,Zoom e ocultar a imagem inicial. O efeito Zoom e Zoom e ocultar aimagem inicialso muito parecidos: a diferena que ou a foto originalpermanece visvel ou f ica oculta quando ampliada. O efeito Zoom eocultar a imagem inicial , portanto, particularmente convenientequando fotos forem exibidas na Show Box, em vez de texto.

Cor externa / Cor interna:voc pode escolher a cor de fundo na reaexterna/interna da Show Box. A cor de fundo externa semi-transparente (de acordo com as configuraes em Opacidade), e usada para esmaecer a janela do navegador logo abaixo.

Opacidade: voc pode especificar a transparncia para o fundoexterno. Valores mais altos diminuem a visibilidade da janela donavegador sob a imagem.

As opes para Textoso:

Cor do texto: voc pode escolher a cor da fonte que ser usadadentro da janela Show Box.


Alinhamento: indica como o texto ser alinhado dentro da janelaShow Box: Esquerda, no Centro, ou Direita.

As seguintes opes f icam disponveis para Bordas personalizadas:

Espessura: a espessura das bordas (cada uma pode ser definidaindividualmente).



Sombra: uma sombra, especificando sua cor, posio, difuso e


54/27154


tamanho.

4.2.3.8 Estilo de email

Os comandos nesta seo so para definir o estilo dos emails criados noObjeto Formulrio de Emailou no Carrinho de compras.

Em primeiro lugar, voc tem que selecionar o Item de emailpara o qualdeseja definir um estilo, selecionando-o na lista suspensa ou clicando neledentro da janela de pr-visualizao.

Os elementos de um email para os quais voc poder definir o estilo so:

Layout do email: os emails criados pelo Programa tm todos um

layout idntico: um fundo externo com uma rea central para amensagem. Voc pode incluir uma borda em torno da rea centralpara separar visualmente a mensagem do contedo.

Imagem/Logo da empresa: voc pode adicionar uma imagemao cabealho do email. Pode ser o logo da empresa, um banner,etc.

Contedo da Mensagem: a rea central do email, onde a

mensagem ser escrita.

Nota de rodap: o texto que encerra o email. Normalmente umtexto padro que tem um estilo diferente para distinguir damensagem principal.

As opes para cada Item de emailso exibidas na seo Estilo:

Layout doemail Cor do fundo:voc pode escolher a cor para o planode fundo do email.

Cor da borda / Espessura:voc pode definir a cor ea espessura da borda que separa a rea centralprincipal do plano de fundo.

Imagem/Logo da

empresa

Arquivo de imagem: voc pode escolher umaimagem para adicionar ao cabealho do email. Clique


55/27155


em para selecionar o arquivo .JPG, .GIF ou .PNG aser importado.

Alinhamento: voc pode escolher como a imagemdever ser alinhada no cabealho: Esquerda, noCentro, ou Direita.

Posio:voc pode indicar se quer que a imagem sejacolocada Dentro do quadroou Fora do quadro da reaprincipal.

Largura: a largura da imagem original exibidaautomaticamente, e voc pode modific-la. A larguramxima 700 pixels, e depende do layout do email.

Este parmetro garante que os emails sejam sempreexibidos corretamente por todos os destinatrios.

ContedodaMensagem

Cor do fundo:voc pode selecionar a cor do plano defundo do texto da mensagem.

Cor do texto: voc pode escolher a cor da fonte parao texto da mensagem.

Fonte:especifique a fonte, o estilo e o tamanho a serusado no texto.

Nota derodap

Cor do fundo:voc pode selecionar a cor de fundodo texto nas observaes de encerramento.

Cor do texto:voc pode especif icar a cor da fonte aser usada no texto das observaes de encerramento.

Fonte: especifique a fonte, o estilo e o tamanho a serusado no texto.

Alinhamento: voc pode especificar como o textodas observaes no rodap dever ser alinhado: Esquerda, no Centro, ou Direita.

Posio: voc pode definir se quer que asobservaes de encerramento sejam posicionadas

Dentro do quadroou Fora do quadroda rea principal.


56/27156


Texto:voc pode redigir o texto das observaes deencerramento. Um texto padro sobre a naturezaconfidencial do email disponibilizado.

4.3 Personalizao do ModeloDepois de ter escolhido um modelo sobre o qual trabalhar (um modelopadronizado, um modelo personalizado, ou um novo modelo criado do zero)na janela Seleo do Modeloe ter definido o Estilo do Modelo, voc podeusar os recursos nesta janela para personalizar o cabealho e o rodap emais ainda, adicionando textos, imagens, animaes em Flash,apresentaes de slides, cdigo HTML, campos de busca e links.

Os comandos e opes para o Cabealho e o Rodap soidnticos.

Se voc usar uma animao em Flash como plano de fundo parao Cabealhoou o Rodap voc no poder personaliz-los najanela Personalizao do Modelo.

Referncia: O editor de modelo

A janela Personalizao do Modelo contm um editor de imagens. Abaixoda barra de ferramentas, voc pode ver a imagem de fundo do cabealho

ou do rodap do modelo que voc escolheu (personalizado ou


57/27157


padronizado). A imagem exibida na escala 1:1, e voc pode desloc-la senecessrio. Quaisquer alteraes que fizer com este editor sero exibidasem tempo real na imagem.

H uma barra de status imediatamente abaixo da imagem que fornece as

seguintes informaes:Posio:so exibidas as coordenadas x e y do canto superior direitodo objeto selecionado.

Tamanho:informa a altura e a largura em pixels do objeto selecionado.

Se, ao definir o Estrutura do Modelo, voc selecionar a opoHorizontal - Menudentro do cabealho como Tipo de menu, umarea cinzamarcada por uma linha pontilhada, correspondente ao

tamanho do menu, aparecer na imagem do 'Cabealho. Estaindicao dever ajud-lo a planejar onde posicionar outrosobjetos dentro do cabealho.

Referncia: Opes na barra de ferramentas

Voc pode usar as opes na barra de ferramentas para adicionar novosobjetos ao Cabealho / Rodap do modelo e especificar algumas

configuraes para eles. Uma vez que um objeto tenha sido adicionado,voc pode selecion-lo e fazer alteraes nele usando as opes queaparecem na caixa que tem o nome do objeto.

Cortar [CTRL+X] - Copiar [CTRL+C] - Colar [CTRL+V]Para cortar, copiar ou colar o objeto selecionado.

Cancelar [CTRL+Z]Para desfazer a ltima ao.

Trazer para a frente - Enviar para trsPara trazer o objeto selecionado para o primeiro plano oulevar para segundo plano (para mostrar o objeto sobre ousob qualquer objeto sobreposto a ele).

Associar um link a este objetoPara criar um link no texto, imagem ou fotos selecionadas

em uma apresentao de slides. Voc pode definir o link na

7/26/2019 Manual Websitex5

Manual Websitex5 Evolution11 Br

Documents

Transcript of Manual Websitex5 Evolution11 Br