Objeto código HTML

Passo 3 - Criação da página >

Objeto código HTML

Previous pageReturn to chapter overviewNext page
Exibir/Ocultar o texto oculto

WebSite X5 fornece um objeto específico para cada tipo de conteúdo que você deseje adicionar a uma página: texto, fotos, animações, formulários de email, etc. E com o objeto Objeto código HTML, as possibilidades são praticamente ilimitadas. Com este objeto, você pode adicionar código HTML diretemente na página e assim incluir recursos que de outro modo teria sido impossível.

Widgets são particularmente úteis: eles são programas curtos, prontos para usar, que desempenham uma função específica. Um bom exemplo de um widget é o Google News™: você só precisa configurar alguns parâmetros para adicionar uma caixa com as notícias mais recentes, atualizadas em tempo real.

Os comandos para se criar um Objeto código HTML estão organizados nas abas Código HTML e Avançadas.

Clique para expandir/recolherReferência: Comandos na aba Código HTML

Nesta aba você tem um editor para incluir o código HTML que deseja adiconar a uma página. Você tanto pode digitar o código ou dar um duplo clique em um dos widgets disponíveis.

O editor na caixa Código HTML inclui os seguintes comandos:

Cortar [CTRL+X] - Copiar [CTRL+C] - Colar [CTRL+V]

Estas opções cortam, copiam e colam o texto selecionado.

Cancelar [CTRL+Z] - Refazer [ALT+CAPS+BACKSPACE]

Estes comandos desfazem/refazem a última operação a ser feita/desfeita.

Inserir Widgets

Esta opção insere o código do widget selecionado: clique na seta ao lado do botão para exibir a lista completa de widgets, como eles aparecem em Objeto código HTML.

Para ajudar a escrever/ler o código, o editor HTML oferece:

numeração automática das linhas de código;
Destaque da sintaxe. Graças a este recurso, determinados elementos do código são destacados com cores diferentes, sem alterar o significado do texto de modo algum;

Como você pode imaginar, a adição desses recursos não só tornam mais fácil ler o código, mas também ajudam a tornar as estruturas do código mais claras e mais legíveis, e, portanto, mais fácil identificar erros.

Observações sobre compatibilidade com as versões anteriores:

Objetos disponíveis - Na versão anterior 10, o Objeto código HTML incluía diversos widgets. Na nova versão 11, os widgets foram revisados e incluídos como Objetos Opcionais, para serem usados diretamente no Passo 3 - Criação da página.

As seguintes opções estão disponíveis em Propriedades:

Largura: confere a largura do Objeto código HTML; ela é definida automaticamente de acordo com o espaço disponível na tabela de layout de página.
Altura: esta opção define a altura do Objeto código HTML.
Exibir barras de rolagem: esta opção fica ativa por padrão: uma barra de rolagem é adicionada automaticamente se o Objeto código HTML for maior que o valor definido na opção Altura.
Clique para expandir/recolherReferência: Comandos na aba Avançadas

Use os comandos nesta aba para criar uma folha de estilo (.CSS) e/ou criar a lista de arquivos para anexar ao Objeto código HTML no qual estiver trabalhando.

Use o editor na caixa Código CSS para inserir o código da folha de estilo (o editor é idêntico ao usado para o código HTML). O propósito das CSSs é definir o aspecto gráfico das páginas HTML às quais são vinculadas.

A tabela Arquivos vinculados ao código HTML fornece os nomes de todos os arquivos vinculados e seu Endereço relativo no servidor.

Você pode usar os seguintes comandos para criar a lista de arquivos vinculados ao código HTML:

Adicionar...: você pode adicionar um novo arquivo à lista, na janela Carregar arquivo vinculado.
Editar...: abre a janela Carregar arquivo vinculado, Onde você pode alterar as configurações para o arquivo selecionado na tabela de arquivos vinculados.
Remover: você pode remover da tabela de arquivos vinculados o arquivo selecionado.