Utilização do WebCreator

Configuração de página

A configuração da página é a espinha dorsal do seu sítio web. É onde você define a cor de fundo, as margens e o título do seu sítio web. Você também pode definir uma imagem como plano de fundo.

Clique em Files -> Page setup para abrir Page setup dialog (a caixa de diálogo de configuração de página)

Usando o diálogo de configuração de página WebCreator.

Título da página Web

O título do seu sítio web será exibido na barra de título do navegador. Automaticamente esse é o seu nome de domínio.

Escolha do título da página web a ser mostrado na barra de título do navegador.

Para alterar o título do seu sítio web abra Page setup dialog (veja acima). Em seguida, insira o título desejado no campo Web page title, e clique em OK.

Alteração do título do sítio web no WebCreator.

Margem da página

A margem da página é o espaço entre as fronteiras do seu navegador e o começo do conteúdo da sua página web. Você pode ajustar a margem para cima, baixo, esquerda e direita.

Para alterar as margens da sua página Web, abra Page setup dialog(veja acima) e digite, em pixels, os valores desejados e clique em OK.

Ajustando a margem da página no WebCreator.

Cor de fundo

A cor de fundo é a cor que aparece no fundo da sua página web.

Para alterar a cor de fundo da sua página Web, abra Page setup dialog (veja acima).

Clique no quadrado próximo ao código hexadecimal de cores (neste exemplo, #ffffff), para abrir uma paleta de cores.

Alteraçao da cor de fundo de uma página web no WebCreator.

Aqui você pode escolher uma cor para o fundo. Quando terminar, clique em OK.

Escolher uma cor de fundo da paleta padrão.

Outra forma de mudar a cor de fundo é clicar no ícone de cor de fundo da barra de ferramentas. Isto irá abrir a paleta padrão, onde você pode escolher uma cor.

Imagem de fundo

A imagem de fundo pode ser seus próprios gráficos ou imagens pré-definidas dos modelos. Se uma imagem de fundo é definida para o modelo, esta será selecionada automaticamente. A imagem de fundo se repete sempre, e não apenas uma vez.

Para usar ou alterar uma imagem de fundo, abra Page setup dialog (veja acima) e marque Usar background image se já não estiver marcado.

Selecionar ou alterar uma imagem de fundo para um site web.

Em seguida, digite o caminho para a nova imagem, ou clique em Browse Files para escolher um arquivo de imagem do seu servidor.

Quando terminar, clique em OK.

Procurando arquivos para escolher um arquivo de imagem de fundo do servidor.

Controle do projeto

Com a barra lateral você é capaz de gerenciar as páginas da Web associadas ao projeto atual. Na barra lateral, você pode adicionar novas páginas e controlar quais de suas páginas que devem ser publicadas. Cada página publicada em seu projeto será adicionada a um menu em cada página do projeto automaticamente.

Controlando um projeto com a barra lateral WebCreator.

Você pode escolher se quer exibir a barra lateral à esquerda ou não exibí-la clicando no ícone:

Organizaç]ao de um projeto.

Através da barra lateral você pode organizar seu projeto. No seu projeto você pode ter arquivos publicados e não publicados. O nome de cada página listada na barra lateral é o texto exibido no menu, juntamente com um link para a página.

Gerenciando arquivos publicados e não publicados em WebCreator .

Nota! A barra lateral e o botão Organize só funcionam se você estiver trabalhando num projeto (baseado em um dos modelos da One.com).

Adicionar página

Para adicionar uma nova página ao seu projeto, clique em Add... na barra lateral. Ao adicionar uma página, você precisa preencher três campos.

Menu text é o texto que aparece no menu com um link. Se você alterar este texto, ele será automaticamente alterado em cada página.

Filename será o nome do arquivo no seu espaço web. Você pode acessar o arquivo manualmente através do File Manager.

Web Page Title é o título que aparece no topo do seu navegador. Pode ser diferente de suas outras páginas web, por exemplo, você pode denominá-lo My website - Products, se a página que você está prestes a criar contém produtos.

Adicionando uma nova página a um projecto WebCreator.

Clique em OK e a nova página será criada.

Para adicionar um item de menu que se conecta a uma página que não faz parte do projeto, clique em Add external Link... . Na nova janela, dê ao seu novo item de menu um texto do menu e insira o local. Selecione como você deseja que o link do item de menu abra (numa nova janela ou na mesma janela). Em seguida, clique em OK.

Organização

Ao clicar no botão Organize..., você obterá uma lista dos diferentes locais no projeto. Clique em um dos arquivos e diferentes funções aparecerão no lado direito da janela.

Você pode mover as páginas para cima e para baixo no menu. O arquivo no topo é o primeiro link que aparece no seu menu.

Se a página no seu menu ainda não foi publicada (e está sendo exibida em Unpublished na barra lateral), você precisa selecionar o arquivo e clicar no botão Publish no lado direito da janela. Ao clicar em Unpublish, a página será removida do menu.

Para alterar o texto do menu, altere o texto no campo abaixo de Change menu text e clique em Update.

Para excluir uma página do projeto, será preciso "despublicar" a página, salvar o documento e certificar-se de que ele não esteja aberto no Webcreator.

Selecione o arquivo correto na lista de arquivos e clique em Delete page.

Publicar e nao publicar paginas.

Para que as alterações tenham efeito, clique no botão OK button.

Alterar nome de arquivo

Para alterar um nome de arquivo, o arquivo precisa estar inativo e não pode estar publicado.

1. Entre no Webcreator através do File Manager, selecionando outro arquivo no mesmo projecto (não o arquivo que você deseja alterar) e, em seguida, clique em editar usando WebComposer (Outro nome para WebCreator).

2. Clique no botãoOrganize.

3. Selecione o arquivo que você deseja alterar, clique em Unpublish, e depois no botão OK para salvar seu projeto.

4. Clique no botão Organize novamente.

5. Selecione o arquivo, clique em Rename File, renomeie o arquivo, clique em OK e depois em OKnovamente. Salve o projeto.

Se você estiver enfrentando problemas com o passo 5, então o arquivo ainda está ativado ou publicado. Certifique-se de que o arquivo não esteja publicado e salve o projeto. Feche Webcreator, repita o passo 1 e, em seguida, os passos 4-5 novamente.

Formatação

Ao adicionar texto para o seu sítio web, você tem muitas possibilidades semelhantes às que você encontra num aplicativo comum de processamento de texto.

Muitas possibilidades de formatação de texto com WebCreator.

Definição do estilo

Quando estiver formatando um texto, você pode escolher entre vários estilos predefinidos, marcando o texto e escolhendo um estilo no menu de rolar Style.

Escolha entre os estilos de texto predefinidos.

Definição da fonte

Para alterar a fonte, marque o texto com o cursor e escolha a fonte no menu de rolar Font.

Escolha do tipo de letra a ser usada na página web no WebCreator.

Definição do tamanho da fonte

Para alterar o tamanho da fonte, marque o texto com o cursor e escolha o tamanho no menu de rolar Size

Alteração do tamanho da fonte do menu drop-down (menu de rolar).

Definição da cor da fonte

Para alterar a cor da fonte, marque o texto com o cursor e escolha a cor clicando no ícone Font color e escolhendo a cor.

Mudança da cor da fonte em WebCreator.

Realce do texto

Para realçar o texto, marque-o com o cursor e escolha uma cor clicando no ícone Highlight color e escolhendo a cor.

Destacando o texto com o cursor e com a paleta de cores.

Isso fará com que o texto se pareça a este:

Aparência de um texto destacado numa página WebCreator.

Negrito e itálico e texto sublinhado

Para usar texto em negrito, itálico e sublinhado, marque o texto com o cursor e clique em um dos seguintes ícones:

Como um texto em negrito aparece num site. Como um texto em itálico parece num site. Como um texto sublinado aparece num website.

Inserção de lista numerada ou com marcadores

Para fazer uma lista numerada, clique no ícone na barra de ferramentas.

Inserção de uma lista numerada no WebCreator.

Isto irá colocar o número 1 no espaço de trabalho. Em seguida, escreva algum texto e pressione a tecla ’Enter’ para criar a próxima linha.

Retornando de uma lista numerada para edição normal.

Quando você terminar, pressione a tecla ’Enter’ e depois a tecla ’Backspace’ para retornar à edição de texto normal.

A criação de listas com marcadores funciona da mesma forma ao clicar neste ícone:

Criar uma lista com marcadores em WebCreator.

Aumento/diminuição do recuo

Para aumentar o recuo do posicionamento do seu texto, coloque o cursor à esquerda do texto e clique no ícone Increase indent.

Aumentar recuo.

Isto irá aumentar o recuo. Para diminuí-la novamente, coloque o cursor à esquerda do texto, e clique em decrease indent icon.

Diminuir recuo.

Subscrito e sobrescrito

Para fazer um índice de texto, marque-o com o cursor e clique no ícone Subscript.

Subscrito e sobrescrito no WebCreator.

Isso fará com que o texto se pareça a este:

Usando subscrito no WebCreator.

Para fazer um texto sobrescrito, marque-o com o cursor e clique no ícone Superscript.

Seleção de sobrescrito no WebCreator.

Isso fará com que o texto se pareça a este:

Usando sobrescrit no WebCreator.

Hiperlinks é uma das funções mais importantes na construção de sítio web, já que interconecta as páginas que você criou. Os links podem ser textos ou imagens na sua página web.

Para inserir um link numa página ou num arquivo no seu servidor, marque o texto ou a imagem que você deseja ter como um link, clique no ícone de link e selecione Insert link to file or HTML Document...

Inserir link para arquivo ou documento HTML

Isto irá abrir uma janela, onde você poderá selecionar a página ou o arquivo para o qual deseja criar um link. Se o arquivo não é do tipo .html, selecione "All files" para exibir todos os arquivos em vez de apenas os arquivos .html. Isso requer que o arquivo já esteja carregado no servidor. Você pode carregar o arquivo com Filemanager ou com um programa de FTP anteriormente.

Selecione a página ou o arquivo para o link

Clique em OK para inserir um link.

A forma como um link de arquivo abre varia muito, dependendo do tipo de arquivo (.doc .pdf. .xls ...), em combinação com o navegador que seus visitantes estão usando.

Alguns navegadores têm add-ons para que os arquivos possam ser mostrados diretamente no navegador. A maioria dos navegadores não tem isso, o que significa que quando o visitante clicar no seu link, terá que fazer o download do arquivo em vez de poder vê-lo diretamente. Você não tem nenhuma influência sobre isso.

Você também pode claramente criar interconexão com páginas fora do seu sítio web. Para fazer isso, marque o texto/imagem que deseje que funcione como um link, clique no ícone do link e selecione Insert link to website.

Inserindo um link para uma página web.

Isto irá abrir esta caixa de diálogo:

Procurando arquivos que contêm links.

Digite o encereço URL para o sítio web (por exemplo http://www.anotherdomain.com ) e clique em OK.

Outra opção ao criar links, é criar a sub-página que você deseja vincular ao mesmo tempo. Para isso, marque o texto/imagem que deverá agir como um link, clique no ícone do link e selecione Create new subpage and insert link.

Criar uma nova sub página na WebCreator.

Isto irá abrir uma caixa de diálogo. Primeiro escolha o título para a sua nova sub-página preenchendo o campo Web page title.

Escolher o título da página web.

Em seguida, opte entre fazer a nova página como uma copy (cópia) da atual, uma blank page (página em branco) ou uma blank page with fixed-width layout (página em branco com layout de largura fixa).

Selecione para criar uma cópia da página atual ou uma nova página em branco.

Finalmente escolha o File name (nome do arquivo) para a sua nova página. Isso tem que acabar com .html ou .htm.

Escolha do nome do arquivo para a nova página.

Clique em OK. A nova página irá carregar em uma nova janela.

Para remover um link sem excluir o texto/imagem, marque o link, clique no ícone do link e selecione Remove link.

Remoção de um link sem apagar o conteúdo.

O texto não será excluído com a remoção dos links.

Imagens

Através do Webcreator você tem três maneiras de inserir uma imagem em sua página web:

Carregue e insira imagem
Inserir uma imagem do servidor
Inserir clipart

Carregue e insira imagem

Upload e inserção de imagens.

Aceitação do plug-in

Para inserir uma imagem do seu computador, você precisa instalar um plug-in para o carregamento da imagem. O plug-in terá as seguintes informações:

Nome do plug-in:

Componentes de Imagem para o Compositor de página web Ilosoft

Autor do plug-in:

One.com A/S

Aceitando o plug-in de upload de imagem da One.com. Instalar o componente de controle de imagem ActiveX da One.com. Clique para confirmar a instalação do plug-in.

Localizar imagem

Depois de instalar o plug-in, selecione o botão Open... no canto superior direito da janela aberta.

Localize no seu computador o arquivo de imagem que você deseja adicionar à sua página web. Todos os tipos de imagem são aceitos, inclusive PNG e GIF.

Encontrando o arquivo de imagem para upload no seu computador.

Rotação de imagem

Se você quiser ou precisar girar a imagem, você pode fazê-lo com os dois botões abaixo do botão Open.... Você pode girar a imagem à esquerda e à direita.

Girar a imagem à esquerda ou à direita. Imagem girada para a esquerda.

Escolha o tamanho

Você pode escolher quatro tamanhos diferentes de imagem ao fazer o carregamento:

  • Imagem pequena - 180x135
  • Normal - 320x240
  • Imagem grande - 640x480
  • Tamanho original

Se o arquivo for maior que 80 kb você não poderá escolher Tamanho Original. Ao inserir várias fotos, o Tamanho Original não é recomendado.

Inserir uma imagem do servidor

Ao escolher Insert image from server... aparecerá uma janela com uma lista de todos os arquivos de imagem no diretório específico.

Inserir uma imagem a partir do servidor.

Você pode navegar através de seus diretórios e localizar a imagem que deseja inserir na sua página web.

Depois de encontrar sua imagem, basta clicar em OK e a foto será inserida onde o cursor estiver posicionado.

Inserir clipart

O Webcreator oferece clipart em mais de 70 categorias diferentes, desde simples desenhos em preto e branco a imagens coloridas. Sinta-se à vontade para usá-las na sua página web.

Inserir clipart no WebCreator.

Após escolher o seu clipart, basta clicar em Insert e clipart será inserido onde o cursor estiver posicionado.

Imagens em modelos

A maioria das imagens nos modelos do Webcreator podem ser substituídos selecionando-os com o cursor e pressionando a tecla Delete no seu teclado. No entanto, algumas imagens são inseridas nos modelos como imagens de fundo nas células da tabela. Veja o capítulo Propriedaddes das células da tabela para ver como essas imagens podem ser substituídas.

Tabelas e caixas de texto

Inserção de uma tabelaPropiedades de las celdas de la tabla

Para inserir uma tabela, clique no ícone de tabela na barra de ferramentas.

Inserção de uma tabela.

Escolha o número de linhas e colunas com o mouse e clique para inserir a tabela.

Escolher o número de linhas e colunas da tabela.

Para abrir o diálogo avançado de tabela, clique em Insert (Inserir) -> Table (Tabela) ou Advanced (Avançado) depois de clicar no ícone correspondente na barra de ferramentas. O menu avançado é descrito no capítulo tabela abaixo as propriedades da célula.

Adição de linhas ou colunas

Para inserir uma linha a uma tabela, clique com o botão direito dentro da linha, acima de onde a nova linha deve ser inserida, e selecione Insert Row.

Acréscimo de linhas ou colunas à tabela no WebCreator.

Para inserir uma coluna a uma tabela, clique com o botão direito dentro da coluna, à esquerda de coluna onde deve ser inserida, e selecione Insert Column.

Adição de uma coluna à tabela.

Remoção de linhas ou colunas

Para excluir uma linha ou uma coluna, clique com o botão direito dentro dela, e selecione Delete Row (excluir linha) ou Delete Column (excluir coluna).

Apagando linhas ou colunas no WebCreator.

Propriedades da tabela

Para abrir as propriedades avançadas da tabela, clique com o botão direito em cima da tabela, e escolha Table properties.

Editando propriedades avançadas da tabela.

Escolha o tamanho de sua tabela no topo. Clique no botão % para transformar as medidas em pixels. Se a largura ou a altura estiverem definidas para automático, a tabela terá altura e largura de acordo com o seu conteúdo.

Escolher o tamanho de uma tabela.

Em seguida, escolha a largura e a cor da borda da tabela. Se a largura estiver definida como 0, a tabela não terá bordas. Escreva o valor hexadecimal para a cor no campo de cores, ou clique no ícone de cores para alterar a cor.

Escolhendo a largura e a cor da borda da tabela.

Em seguida, você pode optar por definir uma margem para as células de sua tabela digitando um número de pixels na caixa.

Configurando a margem da celula da tabela pelo número de pixels.

Abaixo escolha um ajuste de texto para sua tabela. Se você escolher In front of text a tabela pode ser movimentada livremente sobre o texto e as imagens.

Seleção de quebra de texto para uma tabela no WebCreator.

Em seguida, escolha uma cor de fundo para a tabela clicando no ícone de cor. Automaticamente a tabela é transparente.

Escolher uma cor de fundo para uma tabela.

Finalmente, você pode escolher uma imagem de fundo para a tabela, marcando Use background image. Em seguida, clique em Browse Files para escolher uma imagem do seu espaço web, ou escreva o caminho na caixa de texto. Em seguida, clique em OK para alterar as propriedades da tabela.

Escolher uma imagem de fundo para uma tabela.

Propriedades da célula da tabela

Para alterar as propriedades de uma única célula, clique com o botão direito dentro dela e selecione Table cell properties.

Alterando as propriedades para uma única célula.

Isto abrirá um diálogo

No topo você pode escolher uma largura e altura fixas para a célula. Clique no botão % para se transformar em pixels.

Se qualquer uma estiver definida para automático, a célula terá a largura e a altura correspondente ao conteúdo da célula.

Escolhendo a largura e a altura da célula.

Abaixo escolha o alinhamento do texto para o celular em ambos os sentidos vertical e horizontal.

Escolher o alinhamento vertical e horizontal do texto para a célula.

Em seguida, escolha uma cor de fundo para a célula, clicando no ícone de cor. Automaticamente o fundo é o mesmo da tabela.

Escolher uma cor de fundo para a célula.

Finalmente, você pode escolher uma imagem de fundo para sua célula selecionando Use background image. Em seguida, clique em Browse Files para escolher uma imagem do seu espaço web ou escreva o caminho na caixa de texto. Em seguida, clique em OK para salvar as alterações.

Escolher uma imagem de fundo para a célula.

Caixas de texto

As caixas são usadas como células únicas da tabela, que podem ser movidas. As caixas de texto podem ser transparentes ou com um fundo.

Desenho de uma caixa de texto

Para desenhar uma nova caixa de texto, clique em Draw -> Draw text box ou no ícone correspondente na barra de ferramentas.

Desenho de uma caixa de texto no WebCreator.

Selecione Draw transparent text box para fazer uma caixa de texto com um fundo transparente.

Clique e arraste para o tamanho desejado.

Desenho de uma caixa de texto transparente no WebCreator.

Movimentação de uma caixa de texto

Uma caixa de texto pode ser movida livremente. Para mover uma caixa de texto, clique e arraste-a para o local desejado.

Movendo uma caixa de texto.

Redimensionamento de uma caixa de texto

Para redimensionar uma caixa de texto, clique sobre ela. Agora você pode redimensionar a caixa de texto para qualquer tamanho e em qualquer direção, clicando e arrastando as caixas brancas.

Redimensionando uma caixa de texto.

Formatação de uma caixa de texto

Para formatar uma caixa de texto (cor de fundo, cor da borda, etc) por favor procure no capítulo Propriedaddes das células da tabela acima.

Livro de visitas em WebCreator

Criando um livro de visitas

Clique em Insert e depois em Guestbook

Selecione a aparência do seu livro de visitas.

Selecione aparência do livro de visitas

Selecione as configurações e escolha um nome para o seu novo livro de visitas.

Selecione as configurações e um nome para o seu novo livro de visitas

Se você quiser ter uma mensagem inicial em seu livro de visitas, você pode incluí-la aqui. Ou selecione "No initial message" se você não quiser incluir uma mensagem inicial.

Digite uma mensagem inicial (opcional) em seu livro de visitas

Clique em Install, e depois clique em Finish.

Agora você pode clicar no livro de visitas e arrastá-lo para onde você quiser.

Alterar configurações no livro de visitas

Clique com o botão direito do mouse no livro de visitas em Webcreator e você verá uma série de opções para as mudanças que você pode fazer.

Clique no botão direito do mouse para ver as opções no livro de visitas Webcreator

Guestbook Properties

Propriedades do livro de visitas

Dica! Definindo a largura (width) para 100% vai fazer com que o livro de visitas automaticamente adapte o seu tamanho e, assim, será mais fácil clicar sobre ele e arrastá-lo para qualquer célula de tabela onde você queira colocá-lo - caso sua página tenha tabelas.

Overview

Bloqueie ou desbloqueie seu livro de visitas para controlar se é possível ou não fazer comentários.

Bloquear ou desbloquear o livro de visitas

Messages

Mensagens no livro de visitas

Ao selecionar uma mensagem você pode ocultá-la, apagá-la ou modificá-la.

apagar ou editar uma mensagem no livro de visitas

Preferences

Preferências no livro de visitas

Sob a guia Appearance você pode alterar algumas das escolhas que você fez durante a instalação do livro de visitas.

Sob Quotation você pode alterar a forma como é informado que uma pessoa fez um comentário no livro de visitas.

Sob Form Link você pode selecionar o que o link write in guestbook diz e se ele deve ter a aparência de um hiperlink ou de um botão.

Sob Form Design você pode selecionar a aparência do formulário que aparece quando alguém escreve um comentário no livro de visitas.

Sob Customize você pode alterar as cores das diferentes partes do texto do livro de visitas.

Lembre-se de clicar em Update após cada mudança que você fizer em qualquer guia sob Preferences, ou a alteração não terá efeito.

Adicionando um livro de visitas existente

Você pode mostrar o mesmo livro de visitas em outras páginas além daquela onde ele foi instalado. Clique em View e depois em Manage guestbooks. Marque o livro de visitas que você deseja inserir e clique no botão Insert.

Mostre o seu livro de visitas em mais páginas

Removendo ou desinstalando o livro de visitas

Se você deseja apenas remover o livro de visitas, mas guardar as mensagens.

Basta marcar o livro de visitas e clicar na tecla "Delete" do seu teclado.

Para desinstalar o livro de visitas, clique em View, e depois em Manage guestbooks. Marque o livro de visitas que você deseja desinstalar e clique em Manage.

Selecione Delete no menu à esquerda e siga as instruções para desinstalar definitivamente seu livro de visitas.

Instruções de desinstalação do livro de visitas

Remoção de imagens

A forma de remover uma imagem depende do tipo de imagem.

Com uma imagem regular você só tem que marcar a imagem e excluí-la, assim como você faria com texto.

Se a imagem é uma imagem de fundo de tabela, você precisa clicar na célula da tabela com o botão direito do mouse e em seguida selecionar Table Cell Properties e depois remover ou alterar a imagem de fundo em Background image.

Para remover uma imagem de fundo de página, clique em File, depois em Page Setup e retire ou substitua a imagem em Background Image.

Incorporação

Incorporação de objetos

Você pode incorporar vídeos e outros objetos em WebCreator.

Para incorporar, clique no botão Embed Flash or insert Guestbook e selecione Embed Flash. Insira o código Flash e clique em OK.

Se você não tem como programar o código de Flash pelos seus próprios meios, uma dica é carregar o vídeo no YouTube, então Youtube criará para você o código necessário e você poderá copiá-lo e colá-lo na janela Embed Flash no WebCreator.

Para obter o código de incorporação da galeria, primeiramente você precisa autorizar o compartilhamento. Entre no seu Painel de Controlo, clique em Gallery, clique em Edit para o álbum em questão e marque On para compartilhamento.

Quando você tiver certeza de que o compartilhamento está ativado em sua galeria, entre no álbum para que você possa ver as imagens dentro do álbum em questão.

Clique no link Embed e copie o código de incorporação. Clique em Insert e cole o código na janela Embed Flash no WebCreator.