Kioskea
Recherche
Faça uma pergunta »

iWeb: Debutar no iWeb

Fevereiro 2015



No primeiro uso do iWeb, uma janela propõe de conectar a sua conta MobileMe ou testar a fórmula, gratuitamente, por 60 dias. Para publicar um site na Internet, você deve dispor de um hospedeiro, ou seja, de uma empresa com computadores conectados 24 por dia na Internet e onde você vai armazenar suas páginas. Clique em "Não, obrigado", se você já tiver um desses fornecedores, clique em Conectar para conectar-se ao MobileMe, ou em "Saiba mais" para acessar o teste gratuito (marque a caixa "Não mostrar mais" para que esta janela não apareça mais na inicialização do aplicativo).

Escolher um modelo


Se for a primeira vez, a janela do iWeb se abrirá automaticamente com todos os modelos disponíveis no Seletor de modelos. Caso contrário, ela se abrirá exibindo, à esquerda, todos os sites já criados.
Escolha um estilo na lista de rolagem à esquerda e selecione o tipo de página que melhor se adapte ao seu projeto, à direita. Para começar, normalmente você vai criar uma página de boas-vindas ou página principal, onde você apresentará o conteúdo e o tema do site. Clique no botão "Escolher".

iWeb cria um novo site chamado Site onde ele vai inserir a primeira página selecionada no Seletor de modelos. Esta página já contém texto e itens de multimídia para facilitar o seu trabalho: como a formatação já está feito, resta apenas substituir esses itens pelos seus.

Janela do iWeb


A barra lateral esquerda contém a árvore das páginas. Ela apresenta a estrutura hierárquica do seu site (ou sites, se você criar outros). Nesta fase do seu estudo uma única página é exibida, mas essa lista vai evoluir à medida que você enriquecerá o seu site. Não há limite de número de páginas a serem adicionadas. Nesta área, você poderá arrastar as suas páginas para reordená-las, renomeá-las ou excluí-las.

A página selecionada na barra lateral é exibida na área de exibição principal, chamado de sinopse (Tela), em sua versão de "resultado", isto é, como ela aparecerá no navegador web. É como qualquer outra página web, o resultado da interpretação de dezenas de linhas de código HTML, mas em nenhum momento você precisará mergulhar nesse código. A interface de criação proposta pelo iWeb é totalmente gráfica. É nesta área que você vai trabalha para alterar o site.
A barra de ferramentas, na parte inferior da janela, contém ferramentas de edição.

Os três primeiros botões à esquerda propõem, respectivamente, adicionar uma página web, publicar o site na Internet e visitar o site publicado.

Os botões da Área de texto e Imagens permitem adicionar ou editar textos e formas como nas ferramentas de processamento de texto.

O botão Ocultar/Não ocultar mais permite, respectivamente, cortar ou recolocar as imagens inseridas na página.
Como o próprio nome indica, o botão de Rotação vai rodar a imagem ou a sequência inserida.

O botão Ajustar faz os ajustes na imagem selecionada (igual ao iPhoto).

O Inspetor fornece informações sobre a página ou o item selecionado na página e permite realizar certas operações, tais como transformar o objeto em link, modificar seu tamanho e posição, girar, etc.

Os botões Cores e Fonte servem para editar as cores e as fontes de caracteres.

Concluindo, o botão Mostrar/Ocultar elementos de multimídia, à direita, abre ou fecha o navegador de multimídia e os widgets.

NB: Se a janela não for suficientemente larga, a barra de ferramentas só exibirá parte dos botões. Para acessar a todas as ferramentas que faltam, clique na seta dupla (ver imagem acima).

Adicionar/Alterar texto


Todos os textos que aparecem em uma página web são digitados e editados em uma área de texto. Os modelos iWeb incluem áreas de texto com um exemplo de texto, que serve como uma reserva. Este texto é fictício e deverá ser substituído pelo seu:
Clique no texto para selecionar a área (as alças de seleção vão aparecer).
Clique novamente para selecionar o texto em si e alterá-lo. Ao introduzir os caracteres, o tamanho da área de texto aumenta, para poder exibir toda a sua mensagem ou título.

Para criar uma nova área de texto, clique no botão Área de Texto na barra de ferramentas ou escolha o menu Inserir > Área de Texto. Uma área de texto vazia, com o cursor pronto para receber o texto digitado é criada para você (cuidado, se você escolheu o modelo de página com fundo preto, vai ser difícil detectar a nova área de texto).

Mover/redimensionar o texto


Para redimensionar uma área de texto, clique nela e arraste as alças de seleção. Estas identificam o tipo de área de texto: se eles forem brancas, você pode remover a área ou movê-la para outra parte da página, arrastando com a tecla Cmd pressionada. Se elas forem cinzas, a área não pode nem ser excluído, nem ser movida para outra parte da página. Para reposicionar a área de texto, basta arrastá-la.

O tamanho dela aumentará com o deslocamento da área. Se você arrastar a área de texto do cabeçalho para baixo, por exemplo, ela vai crescer.

Verificar a ortografia


Se o iWeb sublinhar uma palavra que você digitou em vermelho:
  • 1. Clique com o botão direito do mouse na palavra e, em seguida, em uma das propostas do iWeb para substituir a entrada. Clique em "Memorizar a ortografia" caso a palavra exista mas, o iWeb não a conheça. Selecione "Ignorar a ortografia" se não quiser mais ver a palavra sublinhada.

Ou escolha o menu Editar > Ortografia > Ortografia para procurar e corrigir, uma a uma, as falhas detectadas na página:
Se a lista de propostas incluir a palavra correta, dê um duplo clique nela para substituir a palavra digitada inicialmente.
Se a lista de propostas não incluir a palavra correta, mas você sabe a grafia correta, substitua a palavra incorreta na janela Ortografia e clique em Editar.
Para não alterar o texto selecionado (se for um nome próprio, por exemplo), clique em Ignorar ou Memorizar para que o corretor não a considere mais como uma palavra errada.
Se a lista de propostas estiver vazia e você não souber a ortografia da palavra, digite-a com uma grafia diferente e clique no botão Advinhar. Se a palavra contiver erros demais, pode ser que o verificador não a reconheça.
  • 2. Clique em Próxima Busca para corrigir a próxima palavra incorreta.

Alterar a fonte


Você pode mudar a fonte do texto facilmente:
  • 1. Selecione o texto a ser editado ou clique na área de texto no lugar onde você quer inserir o texto novo.
  • 2. Clique no ícone Fonte na barra de ferramentas ou escolha o menu Formatar > Fonte> Mostrar Fontes.

Inspetor de texto


O Inspetor de texto se propõe a fazer outros ajustes em suas áreas de texto:
  • 1. Selecione os parágrafos que quer modificar.
  • 2. Clique no ícone Inspector na barra de ferramentas e clique na aba T. A sub-janela de texto é selecionada automaticamente. Posicione o ponteiro do mouse sobre um controle se você não souber usá-lo: uma explicação aparecerá em uma bolha de informação.
  • 3. Faça as configurações do seu parágrafo nesta janela observando o resultado na janela do iWeb.
  • 4. Clique na aba Ajuste se um objeto for incorporado ao texto e você quiser controlar a sua posição no parágrafo.
  • 5. Clique na guia Lista para formatar os parágrafos, como listas com marcadores ou listas numeradas:

Escolha uma opção no menu local Marcadores e Numeração. Os marcadores de texto permitem que você use qualquer caractere como marcador. Digite o caractere que você deseja usar na área ou escolha um no menu local.

Os marcadores de imagens substituem o chip redondo tradicional por um gráfico redondo. Escolha-o no menu local.

A opção Personalizar a imagem permite que você use o seu próprio gráfico como marcador. Arraste um arquivo para o quadro de imagem.

A opção Números gera uma lista numerada. Escolha um estilo de número no menu local.

Efeitos de texto


É com a janela Inspetor Gráfico que você edita o texto e obtem efeitos originais. Exemplo: A sombra melhora claramente a aparência do texto através dando uma sensação de profundidade.
  • 1. Selecione o texto que deseja alterar ou clique onde você quer inserir o novo texto.
  • 2. Clique no ícone Inspetor na barra de ferramentas e clique no botão Inspector gráfico (à direita do T).
  • 3. Existem várias opções para alterar a aparência da área de texto. Selecione a que você gosta e configure a sua aparência ajustando os parâmetros relacionados (eles são exibidos abaixo):

Escolha o visual do fundo da área de texto no menu local "Preencher".

Escolha a espessura e a cor de uma caixa em volta da área na seção "Traço".

Selecione a opção Sombra e escolha as características de sombreamento: a orientação, o deslocamento em relação ao texto, o borrão, a opacidade.

Marque a caixa "Reflet".
Ajuste a opacidade usando o controle deslizante ou o menu local na seção Opacidade.

Adicionar/alterar imagens


Ao contrário das áreas de texto, você pode mover objetos, tais como imagens e formas para qualquer lugar da sua página web. No entanto, como estas áreas, as imagens exibidas em cada modelo incluem um exemplo de imagem que você vai substituir:
  • 1. Clique na imagem para selecioná-la (uma caixa azul aparecerá).
  • 2. Arraste um arquivo de imagem a partir de outro local do computador para a área de depósito, assim delimitada, ou use o Media Browser:

Clique nos ícone Exibir os elementos de multimídia na barra de ferramentas.
Clique na aba do navegador correspondente ao tipo de item a ser inserido: Áudio, fotos, ou Sequências.
Localize a música, imagem ou sequência a ser inserida na área de exibição do browser.
Arraste a miniatura para a área de depósito da página web.
  • 3. Se for o caso, ajuste o tamanho da imagem, arrastando as alças de redimensionamento.

Cortar as imagens


Você pode recortar uma imagem no iWeb, o que não altera em nada o seu arquivo de origem:
  • 1. Selecione a imagem.
  • 2. Clique no botão Ocultar, na barra de ferramentas.
  • 3. Arraste as alças da caixa de seleção para mostrar apenas a parte da imagem que você deseja. Para manter as proporções da janela, pressione a tecla Shift enquanto arrasta as alças de seleção.

Quando a foto for cortada, clique em Editar Máscara e arraste o cursor para aumentar ou diminuir a imagem.
Se você mudar de ideia, selecione a imagem e clique no ícone Não ocultar mais, na barra de ferramentas.

Adicionar uma página com um filme ou fotos


Após a definição da página de boas vindas, você poderá adicionar outras páginas, onde você irá publicar seus filmes do iMovies ou suas fotos e diaporama:
  • 1. Clique no botão Adicionar uma nova página (+) no canto inferior esquerdo da janela.
  • 2. Escolha o estilo apropriado na lista à esquerda do seletor de modelos e, depois, o modelo da página Photos, Meus Álbuns ou Filme, à direita.
  • 3. Clique em Escolher.

A técnica é sempre a mesma, você abre o Media Browser para arrastar o seu filme a partir da guia Sequências ou, suas fotos, a partir da guia Fotos nas zonas de depósito do modelo. Depois, edite as áreas de texto, como explicado acima.

Alterar a aparência das fotos na grade de modelo de fotos


As áreas de depósito de imagens em um modelo de Fotos são integradas em uma grade que aparece como um retângulo azul quando você arrasta uma foto para a página.
Você pode editar as propriedades desta grade facilmente:
  • 1. Clique em uma foto para que o retângulo azul apareça em torno de todas as imagens da página.
  • 2. Na janela Grade de fotos que aparece, defina o estilo de quadro, o número de colunas, o espaçamento entre as fotos, o número de imagens por página e o tamanho das legendas.


Configurar o menu de navegação


Um site bem organizado oferece em cada página, pelo menos, um link para a página inicial e, se for o caso, links para outras páginas. Estes links são agrupados no menu de navegação criado,
automaticamente, em cada página, pelo iWeb. Este menu é atualizado sempre que você adicionar ou excluir uma página no site. Você não pode alterar a aparência do menu de navegação, mas você pode evitar que uma página apareça (se ele estiver sendo criada, por exemplo):
  • 1. No organizador do site, selecionar a página que não deve aparecer no menu de navegação.
  • 2. Clique em Inspetor na barra de ferramentas e clique na guia Inspector de página (bem à esquerda).
  • 3. Desmarque a caixa na casa Incluir a página no menu de navegação.

Saiba que, nesta janela, você também pode excluir a exibição do menu de navegação na página.

Excluir/renomear uma página


Quando você adicionar, excluir ou renomear uma página em seu site,o iWeb atualiza automaticamente o menu de navegação.

Para excluir uma página web, selecione-a na barra lateral esquerda e pressione a tecla Delete ou escolha Editar > Excluir página.

ATENÇÃO Se o site já foi publicado, publique-o novamente depois de excluir ou modificar uma página.

Para renomear uma página web, clique duas vezes na barra lateral esquerda. Digite o novo nome na área de texto que aparece.

Para renomear uma página web usando o Inspetor de página, selecione-a na barra lateral, clique em Inspetor na barra de ferramentas e clique na guia Inspetor de página. Digite o novo nome na área "Nome da página.

Redimensionar/mudar o fundo de uma página


Exiba a página e abra o Inspetor de página, conforme explicado na seção anterior. Clique no botão Disposição (layout).
  • 1. Para redimensionar a página, altere os valores exibidos na seção Formato da página.

  • 2. Para mudar o fundo da página, escolha uma opção no menu local "Fundo da página".

A opção Preenchimento de cor mostra o fundo em uma cor lisa. Clique no quadro de cores e escolha a cor na janela Cores.

A opção Preenchimento degradê colore o fundo com um gradiente de cores. Clique em cada cor e escolha as cores na janela Cores.

A opção Preenchimento de imagem permite que você escolha a imagem exibida como papel de parede: clique em Escolher, localize a imagem na janela que aparece e clique no botão Abrir. Você também pode arrastar a imagem diretamente para a zona de depósito.

A opção Preenchimento de imagem colorida permite inserir uma imagem pessoal que você colore.

Escolha a sua imagem e clique na cor (à direita do botão Escolher) para selecionar a cor e a opacidade do filme que cobre a imagem. Clique no menu para selecionar o tamanho da imagem: escolha Esticar, se você quiser ela cubra a página toda.

Adicionar um link hipertexto


Você pode adicionar em sua página um link hipertexto que leva a outra página web, exibe um novo e-mail para um destinatário pré-definido, ou baixa um arquivo.
  • 1. Selecione o texto ou o objeto para converter em um hiperlink.
  • 2. Abra o Inspetor de links, clicando no ícone Inspetor, na barra de ferramentas. Clique no botão Inspetor de links.

Dica: Arraste um endereço URL do campo de endereços de um navegador web para o iWeb, a fim de criar um link para esta página web ou, arraste uma página a partir do organizador de site para a tela de outra página web, para criar um link para esta página.
  • 3. No Inspetor d links, selecione a casa Ativar como hiperlink e escolha o alvo deste link no menu local "Link para":

Uma das minhas páginas, para abrir uma página em um de seus sites iWeb, selecione a página no menu local.

Uma página externa para abrir qualquer página web que você indique o endereço.
Um arquivo, para que o usuário possa baixar um arquivo em seu computador. Este arquivo deverá ser salvo em seu site, os usuários não teem acesso ao seu computador.
Uma e-mail para abrir uma nova mensagem de email contendo um endereço e um tema pré-definidos.


Tradução feita por Lucia Maurity y Nouira
Para uma leitura offline, é possível baixar gratuitamente este artigo no formato PDF:
Iweb-debutar-no-iweb.pdf

A ver igualmente

Publicado por pintuda
Este documento, intitulado « iWeb: Debutar no iWeb »a partir de Kioskea (pt.kioskea.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.