1
Conhecendo o Wysiwyg Web Builder Hélio Maia
I ntrodução ntrodução software e Wysi ysiwyg Web Buil Builder 8 e suas Neste capítulo estudaremos o softwar funcionalidades. Este é um programa da categoria WYSIWYG que representa uma sigla
What You You See Is Is What What You You Get" que em uma tradução livre em inglês expressando "What significa "O que você vê é o que você obtém". Assim, ao permitir a construção de uma página para a internet, todos os elementos desta página serão exibidos na mesma posição. O programa gera códigos HTML automaticamente, sem a necessidade do conhecimento dessa linguagem. Para criar uma página, basta arrastar e soltar objetos
Builder para a posição pretendida na página a ser criada. Um arquivo de projeto Web Buil pode conter várias páginas da Web, Web, lhe permitindo facilmente gerenciar todos.
I nstalação nstalação Antes de mais nada é necessário baixar o programa. Para isso vá ao endereço > e baixe a versão a Wysiwyg Web Builder 8.5.8. Após baixar o ar quivo Zip, você deverá descompactá-lo e executar o arquivo setup.exe para a instalação do software em seu computador. Siga as instruções na tela e aguarde até que a instalação esteja concluída. Um novo ícone será adicionado à
WYSI WYG Web Builde Buil der". Por padrão, os arquivos do sua área de trabalho chamado " WYSI \Arqui quivo deProgramas\WYSI as\WYSIW WYG Web Buil Builde 8\. programa serão instalados na pasta pasta C:\Ar Todos os seus arquivos pessoais (projetos, modelos, extensões, temas, etc.) serão
ntos\WYSIWYG WYG Web Buil Builder. armazenados em sua pasta de documentos: Meus Documentos\WYSI Lembre-se que a versão instalada é uma versão de teste, completamente funcional, e lhe dá o direito de experimentá-la por 30 dias após a instalação. Nessa versão teste, os arquivos gerados, apresentam no final da página, o ícone do programa. Na versão comprada, esse ícone não é exibido. A cada vez que se c arrega o programa, uma "tela de ativação" é exibida, para pular a ativação durante o período experimental, clique no botão "Skip".
2
Funcionalidade uncionali dades Bás Básiicas cas O WYSIWYG Web Builder é uma ferramenta de construção de sites que possibilita possibilita a você projetar e montar sites repletos de recursos da Web sem ter de aprender HTML. Quando a interface inicial é carregada, a janela que se apresenta é a representada na figura 1.
Figura 1 – Janela inicial do WYSIWYG
Ferramentas padrão A barra de ferramentas "Ferramentas padrão" inclui todos os comandos básicos, como abrir ou salvar um projeto de web site, salvar, cortar, copiar, colar, desfazer, refazer. Ela também apresenta ícones para inserir ou editar hiperlinks ou adicionar caracteres especiais quando se está no modo de edição de texto. Os últimos dois ícones são para pré-visualizar e publicar. Pode-se facilmente adicionar novos navegadores para visualização usando-se a opção "lista de navegadores Editar".
3
Caixa de ferramentas A caixa de ferramentas pode ser usada para adicionar novos objetos nas suas páginas web. Para inserir um novo objeto, selecione um dos itens disponíveis clicando em cima do mesmo e na área de trabalho, clique o mouse e segure, arrastando para abrir uma caixa para indicar a posição do objeto. O novo objeto será agora inserido na página. Outra forma de adicionar objetos para sua página é simplesmente arrastando-os para fora da caixa de ferramentas para a área de trabalho.
Guias Quando já se abriu várias páginas pode-se utilizar as guias para alternar entre as páginas. Para fechar a página ativa pressione o pequeno 'x' no canto superior direito da faixa de guias.
Área de Trabalho O centro da tela é a área de trabalho, este é o lugar onde se projetará suas páginas web.
Ferramentas de formatação As ferramentas de formatação só são ativas quando você está no modo de edição de texto.
Para inserir texto simplesmente deve-se arrastar o ícone de texto na área de trabalho. Um novo objeto com o texto "Clique duas vezes para editar" será exibido na página. Para alternar para o modo de edição de texto, clique duas vezes neste texto e as
4
ferramentas algumas
de
formatação
ferramentas
ficarão
são
ativas,
e
destacadas para serem
usadas.
Administrador do Site O administrador do site tem a sua própria barra de ferramentas para adicionar, editar ou remover e duplicar páginas. Há também um botão para abrir as propriedades da página selecionada. Na imagem à esquerda você vê um exemplo de uma estrutura de web site. O nome deste site exemplo é chamado de " mywebsite.wbs", este nome é sempre exibido na raiz da árvore site. A raiz pode ter uma ou mais páginas e cada página também pode ter subpáginas. A página inicial de um site deve ser sempre chamada 'índice' (index), por este motivo o construtor Web adiciona automaticamente esta página para cada novo projeto. Os nomes dos itens (páginas) na árvore do local são os nomes reais dos arquivos HTML de destino, então se você publicar uma página chamada ' index' a página é publicada como index.html. O Administrador do site pode ser usado para adicionar, editar, remover e organizar seu site. Quando o site tem mais de uma página que deve ser parte do mesmo arquivo de projeto Web Builder. Um arquivo de projeto tem a extensão wbs (. w eb b uilder s ite). Dica: Verifique se todas as páginas de um website são parte do mesmo projeto, desta forma o Web Builder vai "saber" que as páginas são juntas e gerar HTML ideal para o seu site. Como mencionado, o Web sites sempre tem uma página inicial que normalmente é chamado de index, por este motivo o Web Builder adiciona automaticamente esta página para cada novo projeto. Importante: As informações no ‘Administrador do Site’ não representam uma pasta no seu disco rígido, mas a estrutura do site publicado. As páginas e pastas no ‘Administrador do Site’ serão geradas quando você publica o site. As páginas e informações da estrutura do site serão armazenados dentro do arquivo de projeto wbs. A barra de ferramentas Site Manager tem os seguintes comandos (da esquerda para a direita):
Nova Página Adicionar uma nova página para o seu site.
5
Nova Pasta O comando 'Nova Pasta' lhe dá a possibilidade de organizar as páginas em pastas.
Nova página do Modelo Cria uma nova página baseada em um modelo. Inserir arquivo externo Esta opção pode ser útil se você quiser fazer parte de arquivo externo (HTML) do projeto, para que você possa facilmente vinculá-lo ou torná-lo parte do mapa do site. E embora esta opção tenha sido projetada para incluir arquivos HTML, pode basicamente ser usada para qualquer tipo de arquivo. Note, porém, que ela só vai ser um link para o arquivo. Você não será capaz de editar o arquivo diretamente em WYSIWYG Web Builder.
Editar Página Abrir / editar a página selecionada. Página clone Faça uma cópia da página selecionada. Remover Página Remova a página selecionada a partir do site atual. Propriedades da Página Exibir as propriedades da página selecionada. Mover para cima Mover a página selecionada para cima entre as demais. Mover para baixo Mover o item selecionado para baixo entre os demais. Mover para a esquerda Faça o item selecionado mover-se para esquerda. Mover para a direita Faça o item selecionado mover-se para a direita. Dica: Você também pode organizar as páginas usando arrastar e soltar. Mantenha pressionada a tecla CTRL se quiser evitar que o item arrastado torne-se uma subpágina do destino. Neste caso, a página será movida abaixo do objetivo.
6
O primeiro item na árvore de estrutura do local é o nome do site (também chamado de raiz ). A raiz pode ter um ou mais páginas e cada página também pode ter sub-páginas. Se você não salvar seu site, no entanto, ele provavelmente será chamado Untitled. Use o menu Arquivo ( file) para salvar a seu site e dar-lhe um nome mais
significativo como 'MyWebSite'. Note-se que Web Builder adiciona automaticamente o. Extensão wbs ao nome do arquivo.
Adicionar uma nova página para o seu site Selecione a posição em que deseja inserir a página, por exemplo, selecione a raiz (o item de nível superior) para inserir a página para o primeiro nível. Clique no primeiro botão na barra de ferramentas (Nova página). Web Builder acrescenta a nova página no seu projeto e vai abrir automaticamente, assim que você começar a construir a página. Para inserir uma nova página como subpágina de uma página já existente, selecione primeiro a página e clique em 'New Page'. Inicialmente Web Builder vai dar a nova página de um nome original como page1. Você pode facilmente mudar o nome desta para outra coisa, selecionando o
nome e pressionando a tecla F2. Ou clique direito no nome da página e selecione Rename Page no menu flutuante que aparece. Em seguida, você pode especificar o novo
nome. Pressione Enter para salvar o novo nome da página ou Esc para cancelar a renomeação.
Adicione uma nova pasta para o seu site Selecionando posição em que deseja inserir a pasta, por exemplo, selecione a raiz (o item de nível superior) para inserir a página para o primeiro nível.
Abra uma página já existente Selecione o item (nome da página) ou o que deseja editar e clique em "Editar Página" na barra de ferramentas. Outra forma de abrir uma página é simplesmente o duplo clique no seu nome.
Clonar uma página já existente Para fazer uma cópia exata de uma página existente, selecione o item (nome da página) que você deseja clonar e clique no botão 'Clone' botão na barra de ferramentas para inserir uma cópia da página.
Remover uma página Selecione o item (nome da página) que você deseja remover e clique no botão Remover na barra de ferramentas ou pressione a tecla Delete no teclado.
7
Nota: Você não pode remover a última página em seu site.
Renomear uma página Selecione o item (nome da página) e pressione F2 para entrar o novo nome. O software irá automaticamente atualizar todos os links (internos) para você, assim você não tem que transferir os links existentes para a página renomeada.
Organizar Itens Você pode organizar os itens usando arrastar e soltar, selecione o item e arrasteo para a posição onde você deseja movê-lo ou pode usar o menu de contexto (botão direito) para mover os itens para outra posição.
Importar página HTML Você pode importar páginas existentes em HTML em seu site, eles serão convertidos para o formato interno Web Builder (se possível). 1. Botão direito do mouse sobre a janela do Administrador do Site para exibir o menu de contexto. 2. Selecione Importar-> Importar página HTML.
Usando o menu de contexto Quando se clica com o botão direito do mouse em um item no Administrador do Site o menu de contexto será exibido. Usando o menu de contexto se pode rapidamente acessar os comandos disponíveis para o item específico.
Importar uma página de outro projeto Você pode importar uma página de outro projeto com o comando de menu “Página importação de outro projeto”.
Inspetor Propriedades Use o inspetor de Propriedades para visualizar e alterar as propriedades dos objetos selecionados. Você também pode usar o Inspetor de propriedades para modificar as propriedades da página. As mudanças serão visíveis imediatamente.
8
O Inspetor de Propriedades exibe diferentes dependendo
tipos das
de
campos
necessidades
de de
edição, uma
determinada propriedade. Estes campos de edição incluem caixas de edição, listas dropdown (que se abrem para baixo), e links para
caixas de diálogo personalizadas. Também é possível modificar manualmente o tamanho e a posição do objeto selecionado, alterando a posição e propriedades de tamanho. A propriedade ID de um objeto deve ser única dentro da página. Normalmente o construtor Web irá dar o seu objeto nomes originais automaticamente. No entanto, se você usar uma ou mais páginas mestras, então IDs podem ser duplicados, já que o software não pode distinguir um mestre de uma página normal. O Inspetor de Propriedades também lhe dará acesso a atributos mais avançados, como o ID de um objeto. Isto pode ser útil se você usar páginas mestras e quer dar aos itens da página um ID único. Recomendamos dar aos objetos em uma página-mestre nomes com um prefixo como MasterPage_Text1. Isso vai garantir que, se a página mestra é utilizada em outra página,
os IDs dos objetos são únicos.
E como criar uma página Web? Aqui iremos delinear algumas considerações importantes. Plano de Páginas Web Planejamento é essencial para a criação de um site, se o seu site consiste em uma página ou mais. Decida o que você quer alcançar com suas páginas web. Decidir sobre um assunto ou tema principal para suas páginas web.
Reunir informações Colete as informações que deseja incluir em suas páginas da Web, como texto, imagens, etc.
9
Organizar a informação Divida as informações coletadas em seções. Cada seção deve ser uma página Web separada.
Página Inicial A página inicial é a página principal de um site. A página inicial é geralmente a primeira página que as pessoas vêem quando visitam um site. Sempre inclua um breve resumo de suas páginas da Web na página inicial. Sua página inicial deve incluir uma tabela de conteúdo que lista as informações contidas em seu site. Você deve incluir links que permitem aos leitores acessar rapidamente as informações de interesse. Dicas:
1. Estudar outros sites. Antes de começar a criar suas páginas web dar uma olhada em alguns dos seus sites favoritos. Determine o que você gosta neles e considere como você pode usar essas ideias em suas páginas.
2. Coloque informações importantes primeiro Sempre exibir as informações mais importantes no topo de cada página. Alguns usuários não rolarão uma página web para ler todas as informações.
3. Velocidade de transferência Ao criar suas páginas, tentar manter o tamanho do arquivo das páginas e imagens tão pequenas quanto possível. Isso vai acelerar a exibição de páginas da web, reduzindo o tempo que leva para que as informações sejam transferidas a partir do servidor para o navegador. Imagem redimensionadas no Web Builder não as torna menores em tamanho, então use seu editor de imagem favorito para redimensionar a imagem para o tamanho correto.
4. Teste seu site em diferentes navegadores Às vezes, quando uma página fica bem em um navegador, nem sempre pode ser exibida da mesma forma em outro navegador.
Adicionando texto a uma página web Um dos primeiros passos na criação de uma página web costuma ser adicionar texto. Selecione Inserir-> Texto no menu e desenhe uma caixa para indicar a posição e o
10
tamanho do texto. Note que você também pode arrastar e soltar o objeto de texto na caixa de ferramentas. Em seguida, clique duas vezes a caixa para começar a editar o texto. Digite algum texto e (pressione Enter para ir a próxima linha). A caixa muda automaticamente seu tamanho para ajustar o texto.
Em seguida, você pode alterar os atributos de texto, destacando o texto que deseja modificar com o mouse e, em seguida, escolher os novos atributos da barra de ferramentas Formatação. A partir da barra de ferramentas você pode mudar o tipo de letra, tamanho, negrito, itálico, sublinhado, cor do texto e cor de destaque. Há muitas outras opções de formatação disponíveis no menu Formatar. Para adicionar um link, selecione o texto que você deseja vincular e selecione Insert> Hyperlink no menu.
Usando Estilos Para aplicar um estilo ao texto selecionado, basta selecionar um dos estilos criados anteriormente a partir do menu de estilo. Você pode criar, editar ou remover estilo com o Gerente de Estilo (Menu>Formatar-> Estilos).
Adicionar uma imagem a uma página web Selecione Inserir-> Imagem do menu e desenhe uma caixa para indicar a posição da imagem. Ou selecione Imagem na caixa de ferramentas.
11
O tamanho da caixa não importa, o Web Builder ajusta automaticamente a caixa da imagem depois de colocá-la. A janela de arquivos de imagem será aberta para que se possa localizar a imagem que se deseja colocar na caixa de imagem. Selecione a imagem que deseja adicionar e clique em Abrir para adicioná-lo à página.
Para redimensionar a imagem arrastar as fronteiras (lida) do objeto da imagem.
Girar uma imagem Você pode girar objetos de imagem e de forma. Para girar um objeto: 1. Para selecionar a ferramenta "Rotate" clique Menu-> Editar-> Rotate. 2. Clique para selecionar o objeto, passe o mouse sobre uma de suas alças até ver o ponteiro de rotação. 3. Segure o botão do mouse e arraste na direção em que você deseja girar o objeto, em seguida, solte. Use a tecla Shift para intervalos de 15 ° de rotação.
12
Aplicar efeitos em uma imagem Em WYSIWYG Web Builder você pode aplicar efeitos em imagens sem ter de abrir um editor de imagem separado. Alguns dos efeitos disponíveis são: brilho, contraste, Blur, GrayScale, relevo, Negativo, Sépia, Nitidez, Suavizar e muito mais.
L igando suas páginas juntas (Criando hiperlinks) Um hiperlink vincula uma página a outra. Quando um visitante do site clica no hiperlink, a página de destino é exibida em um navegador. Os hiperlinks podem també m ligar a fotos, arquivos multimídia, locais específicos em uma página da web, e-mail, e programas. Além de ser apresentada como texto, hiperlinks podem ser de imagens. Para criar um hiperlink em Web Builder, siga as instruções abaixo.
Texto Vinculação
Selecione o texto que você deseja vincular e selecione Insert> Link da barra de menu, clique no botão link na barra de ferramentas ou pressione CTRL + K no teclado. Isto irá exibir o Hyperlink Inserir janela.
L inks de imagens, formas e outros objetos Selecione a imagem de forma ou a imagem que você deseja vincular e selecione Insert> Link da barra de menu, clique no botão link na barra de ferramentas ou
13
pressione CTRL + K no teclado. Note que há também uma ligação guia na janela de propriedades imagens.
L ink para uma página em outro site Definir o link para a opção Web Site. Digite a URL completa (endereço de Internet) da página de destino na caixa de URL. URLs externas devem começar com "http://" ou eles não vão funcionar. Por exemplo, a ligação para a página inicial da disciplina Estudos dos Softwares de Produção em TIC para Educação II é " http://ead.emac.ufg.br/course/view.php?id=289"
em
vez
de
"
ead.emac.ufg.br/course/view.php?id=289".
L ink para uma página em seu próprio Web site Definir o link para a opção Página Web interna. Clique em "Selecionar" para escolher uma página. Isto irá listar todas as páginas que fazem parte do projeto do atual web site. Selecione uma das páginas e um link relativo será criado automaticamente (por exemplo: / Products.html).
14
Link para um arquivo (ZIP, PDF etc) Esta opção pode ser útil se você quiser criar um link para download de um arquivo ZIP ou PDF. Defina o link para a opção Arquivo. Procure o arquivo que você deseja criar um link. WYSIWYG Web Builder irá automaticamente fazer o upload do arquivo local para o seu site, quando você publicar sua página. Nota: Quando liga para arquivos grandes, pode demorar um tempo um pouco até que o arquivo seja transferido para o seu site. Note também que não pode abrir o arquivo em uma janela pop-up. Pop-ups só funciona para arquivos HTML.
Salvando o seu site No WYSIWYG Web Builder não são editadas páginas HTML diretamente. Em vez disso, um arquivo de projeto está sendo usado (. Wbs), e nele são armazenadas todas as páginas de seu site dentro de um único arquivo. Toda vez que quiser editar seu site deve abrir este arquivo de projeto. Para salvar o seu site web (incluindo todas as páginas que contém), selecione File-> Save Web Site no menu e digite um nome para o projeto. Web Builder usa a extensão . wbs (Web Site Builder) para salvar os arquivos do projeto, para salvar sua página como HTML você precisa publicar suas páginas.
Fazer backup de arquivos Por padrão todos os arquivos de projetos serão salvos na pasta Meus Documentos \ WYSIWYG Web Builder. Então, para fazer backup de seu trabalho,
certifique-se de fazê-lo de toda a pasta, além de todas as pastas onde foram armazenados os arquivos do site (imagens, movimentos, etc.).
Visualizar uma página em seu navegador Selecione File-> Preview in Browser-> Default Browser (F5) para visualizar a página atual em seu navegador padrão. Também é possível alterar o navegador que é utilizado para a visualização. Vá em File-> Preview in Browser -> Edit Browser list
15
para adicionar / editar a lista de navegadores que podem ser usados para pré-visualizar as páginas que você está trabalhando.
Dependendo do escopo de visualização (Ferramentas-> Opções-> Misc), você pode visualizar uma única página ou o site inteiro.
Publicar suas páginas da web A fase final de criação de um website é publicar suas páginas. Para colocar as suas páginas na Web, é necessário um servidor web. Comumente chamado hosts, servidores Web permitem transferir e armazenar arquivos, incluindo documentos HTML, imagens e arquivos multimídia. A menos que se tenha o seu próprio servidor web, você precisa encontrar um servidor para hospedar suas páginas (estudaremos mais adiante serviços de hospedagem de páginas de internet).
16
Adicionando uma barra de navegação para o seu site Uma das características interessantes de WYSIWYG Web Builder é a capacidade de adicionar elementos de navegação avançadas para sua página da web com apenas alguns cliques do mouse. A barra de navegação é um desses elementos. Para inserir uma barra de navegação selecione Insert> Navigation-> Navigation Bar. Uma barra de navegação é um grupo de botões, onde cada botão é ligado a uma página diferente.
Você pode adicionar, editar ou remover botões a qualquer momento usando as propriedades. Selecione Adicionar para inserir um novo botão ou Editar para modificar as propriedades de um botão existente. Para remover um botão da barra de navegação, selecione Remover. Você pode reorganizar a ordem dos botões usando Mover para cima e Mover para baixo. Em Navigation Bar Propertiers, Style, se define coisas tipo fonte, estilo, tamanho e cor. Para alterar a aparência do botão, deve-se selecionar um da imagem de botão da lista suspensa. Você pode selecionar uma imagem diferente para quando o mouse passa sobre um botão na barra de navegação. Para selecionar suas próprias imagens, selecione o primeiro item na lista então você vai ser capaz de especificar a localização de uma imagem no seu computador.
17
Adicionando uma barra de menu para o seu site Uma das características interessantes de WYSIWYG Web Builder é a capacidade de adicionar elementos de navegação avançadas para sua página da web com apenas alguns cliques do mouse. A barra de menus é um desses elementos. Para inserir uma barra de menu selecione Insert->Navigation->Menu Bar. A barra de menu é um menu script muito poderoso baseado em J avaScript que pode imitar complexos menus encontrados em aplicações GUI populares. Web Builder fornece um menubuilder assim você pode facilmente adicionar itens de menu, atribuir os links e definir o estilo para o menu usando a guia de estilo.
Selecione Add para inserir um novo item no menu ou Edit para modificar as propriedades de um item existente. Para remover um item da barra de menu, selecione Remove. Pode-se reorganizar os itens no menu usando arrastar e soltar para mover os itens em torno de ou usando a mover para cima, Mover para baixo, Mover para a esquerda (<<) ou Mover para a direita (>>). Os botões Insert Split insere um divisor / divisor no menu. O menu pode ser vertical ou horizontal. Ao ativar a opção de Synchronize with Site Manager, o Web Builder sincroniza automaticamente os botões com o conteúdo do Site Manager, para que você não tenha que adicionar todos os seus links internos manualmente.
18
Menubar Style Use-o para alterar a aparência da barra de menu ou selecionar um tema prédefinido de padrão de seleção para editar as cores do menu e texto formatação. Observe o efeito do tema escolhido só será visível no navegador. Então você vai ter que visualizar ou publicar na primeira página.
Outras amostras menubar:
Usando modelos WYSIWYG Web Builder tem um recurso muito útil chamado "modelos". Os modelos podem mais tarde ser usado por você (ou outra pessoa) para usar uma base para um novo site. Ao salvar uma página web para um modelo que irá incluir todas as imagens e outros objetos no arquivo de modelo. Portanto, não há necessidade de copiar estes arquivos separadamente. Então simplesmente se copia um arquivo de um computador para outro e se pode começar ou continuar trabalhando em suas páginas. Modelos Web Builder tem a extensão WTP.(ou wwb.) e são salvos na sub-pasta \ templates da subpasta de sistema do Web Builder na sua pasta de documentos. C: \ Users \ SeuNome
19
\ Documents \ WYSIWYG Web Builder \ system \ templates onde seunome é o nome da sua conta de usuário do Windows.
NOTA IMPORTANTE : Se você tiver alterado a pasta padrão dos documentos em Menu->Options->Tools->Folder->Documentos padrão, então a pasta de modelo também vai mudar. Assim, por exemplo, se você mudou para C:\My Web Sites\ então a pasta do sistema (e todas as sub-pastas) estarão em C:\My Web Sites\system\templates.
Crie um site baseado em um modelo Selecione File-> New Web Site do modelo para exibir a janela de seleção de modelo. Escolha um modelo e clique em OK. O Web Site Salvar Como janela agora irá pedir que você especifique um nome para o site. Digite o nome e clique em Salvar para criar o novo site baseado no modelo de seleção.
Escolha um modelo e clique em OK. O Web Site salvará e agora irá pedir que você especifique um nome para o site. Digite o nome e clique em Salvar para criar o novo site baseado no modelo de seleção. Para salvar seu próprio site como modelo,
selecione:
File->Save
As
Template como modelo a partir do menu
modelos adicionais.
20
Agora é com você. Explore as possibilidades da caixa de ferramentas e recorra às propriedades para a personalização das suas escolhas. Por exemplo, para escolher uma cor de fundo no seu site, vá em " Properties" e em "BackgroundColor" clique no campo na coluna ao lado para escolher a cor que lhe agrada. Fazendo isso, imediatamente, tem-se a alteração da cor do fundo da área de trabalho. Para modular essa cor, pode-se clicar no campo da coluna lateral da função " BackgroundMode" e escolher entre as funções " Solid", " Transparent", "image" e "Gradient". Assim, tenha liberdade de alterar e montar seu site do jeito que quiser, sem se importar com os resultados imediatos. Só lembrando que você pode alterá-lo em qualquer momento.
Atividade 3 - Construindo uma proposta de página simples com o Wysiwyg . Nessa atividade você deve explorar os recursos do programa estudado para a construção de uma proposta de página para apoio pedagógico ao trabalho do professor. Assim, releia o item "E como criar uma página Web?" na página 8 e com base nas dicas expressas elabore uma proposta de site para o trabalho de apoio pedagógico dentro de uma determinada temática a sua livre escolha. Envie a proposta elaborada em PDF. Caso queira construir a página proposta com o WYSIWYG, ela será útil para o estudo do capítulo sobre hospedagem de páginas na Web.
Bibliografia Consultada ONLINE TUTORIAL - WYSIWYG Web Builder 8. Disponível no site .