Obrigado por adquirir o GNOTE da IDEON Brazil, o mais moderno gerenciador de conteúdos da Internet.

Transcrição

1 Obrigado por adquirir o GNOTE da IDEON Brazil, o mais moderno gerenciador de conteúdos da Internet. Esse manual foi desenvolvido com o intuito de que você use de maneira eficaz os recursos que ele oferece e que sirva de base para consultas futuras. Antes de começar a entender o que cada recurso faz, anote essas dicas abaixo: 1-) QUEBRA DE LINHA (Enter): Para quebrar uma linha se você apenas apertar no botão ENTER do seu teclado ele dará um salto de 15px entre uma linha e outra. Para dar um salto menor, aperte e segure o botão SHIFT e depois aperte ENTER no seu teclado. Verás então que o salto entre uma linha e outra será menor. 2-) PERMISSÃO DE ACESSO: Toda vez que você copiar, colar ou recortar algo da área de edição e aparecer esse recado, clique em PERMITIR ACESSO. Em alguns navegadores como o Firefox, por exemplo, pode ser que não seja permitido o uso do clique com o botão direito, por isso use os comandos básicos do teclado que são: Crtl + C = Copiar / Crtl + V = Colar / Crtl + X = Recortar / Crtl + A = Selecionar tudo

2 3-) APAGANDO PÁGINA: Nunca apague no visual todo o conteúdo de uma página caso queira iniciar de uma página em branco. Sempre clique no botão NOVO para iniciar uma nova página. Isso ocorre devido ao códigofonte que pode ficar e deformar seu conteúdo. CÓDIGO-FONTE Utilizado apenas para fazer edições diretas no código-fonte da página. Recomendado para usuários avançados, ou para o Suporte técnico da IDEON Brazil. NOVO Sempre que quiser apagar uma página e começar novamente, clique nesse botão. VISUALIZAR Para visualizar como ficará o conteúdo antes mesmo de inseri-lo. RECORTAR Para recortar um texto ou uma imagem da área do editor, selecione-a e clique no botão acima. COPIAR Para copiar um texto ou uma imagem da área do editor, selecione-a e clique no botão acima. COLAR Para colar um texto ou uma imagem da área do editor, selecione-a e clique no botão acima. Para colar texto de outros locais, recomendamos ver as outras duas opções de colar conforme abaixo.

3 COLAR (Texto sem formatação) Para colar um texto sem formatação na área do editor, selecione-a e clique no botão acima. Essa é a melhor indicação para colar texto de outras páginas da web. COLAR (Texto do Word) Caso você tenha escrito um texto e deseja copiá-lo diretamente para a área de edição do seu Editor, use essa opção, pois ela remove toda a formatação proveniente do MS Word. Caso você não utilize essa opção, a sua página pode ficar com erros de formatação quando for visualizada. Para utilizar essa função, clique no ícone COLAR DO WORD, espere abrir a janela conforme acima e cole todo o conteúdo na área de edição. Deixe marcado o campo IGNORAR DEFINIÇÕES DE FONTE e marque também a opção REMOVE DEFINIÇÕES DE ESTILO. Pronto, agora basta clicar em OK para que seu conteúdo seja colado na sua área de edição sem nenhuma formatação. DESFAZER Errou? Clique nesse botão para desfazer seu erro. É o mesmo que dar CRTL + Z. REFAZER Errou de novo? Clique nesse botão para refazer como estava anteriormente. É o mesmo que dar CRTL + R.

4 LOCALIZAR Utilize essa opção para localizar uma palavra, frase ou caractere dentro do seu conteúdo. Além disso, você pode ao mesmo tempo localizar e substituir todas as palavras iguais dentro do seu conteúdo. Na janela acima, é possível localizar qualquer palavra dentro do texto. Basta digitar a palavra n campo PROCURAR POR e clicar no botão LOCALIZAR que automaticamente será apontado no texto onde está a palavra. Caso deseje substituir todas as palavras editor por editoriais, clique na aba SUBSTIUIR e no campo PROCURAR POR: coloque a palavra editor e no campo SUBSTITUIR POR: a palavra editoriais e clique no botão SUBSTITUIR TUDO. Pronto, todas as palavras editor contidas no conteúdo foram alteradas para editoriais. SELECIONAR TUDO Clique no botão acima para selecionar todo o conteúdo da área de edição ao mesmo tempo.

5 REMOVER FORMATAÇÃO Para remover a formatação de um texto, selecione-o todo e clique no botão acima que automaticamente será removida a formatação dele. NEGRITO Selecione o texto e clique no botão para dar o destaque em negrito no texto. ITÁLICO Selecione o texto e clique no botão para dar o destaque em itálico no texto. SUBLINHADO Selecione o texto e clique no botão para dar o destaque em sublinhado no texto. NUMERAÇÃO (Inserir e/ou remover) Para inserir numeração antes de cada parágrafo ao dar uma quebra de linha, selecione os parágrafos que deseja e clique no botão acima. MARCADORES (Inserir e/ou remover) Para inserir marcadores antes de cada parágrafo ao dar uma quebra de linha, selecione os parágrafos que deseja e clique no botão acima. DIMINUIR RECUO Para diminuir o recuo do parágrafo, selecione-o e clique no botão acima.

6 AUMENTAR RECUO Para aumentar o recuo do parágrafo, selecione-o e clique no botão acima. ALINHAMENTO (Esquerda) Para alinhar todo o parágrafo no lado esquerdo, selecione-o e clique no botão acima. ALINHAMENTO (Centralizado) Para alinhar todo o parágrafo no centro da área de edição, selecione-o e clique no botão acima. ALINHAMENTO (Direita) Para alinhar todo o parágrafo no lado direito, selecione-o e clique no botão acima. ALINHAMENTO (Justificar) Para alinhar todo o parágrafo no lado esquerdo e direito na forma de preenchimento de área, selecione-o e clique no botão acima. HIPERLINK (Inserir e/ou editar) Para linkar o texto ou uma imagem a uma página da web ou , selecione-o e clique no botão acima. Aguarde abrir a janela conforme abaixo:

7 Na aba INFORMAÇÕES, escolha o tipo de hiperlink: URL (página da web) ou e coloque o endereço no campo URL do Hiperlink. Na aba DESTINO, especifique como será aberto esse hiperlink (mesma página, pop-up, nova página, etc...) Caso deseja vincular algum arquivo a esse link para download, clique em procurar o arquivo em seu computador, selecione ele e clique em ENVIAR AO SERVIDOR. Aguarde o aviso de upload com sucesso e clique em OK.

8 Na aba avançado, preencha apenas os campos se você é um usuário avançado e sabe as configurações HTML que os campos pedem. Para finalizar seu hiperlink, clique no botão OK. HIPERLINK (Remover) Para remover um texto ou imagem com hiperlink ativo, basta selecioná-lo e clicar no botão acima que automaticamente será retirado o hiperlink. FIGURA (Inserir e/ou editar) Como você aprendeu a inserir um hiperlink anteriormente, para inserir uma imagem ou foto é muito parecido, portanto note como fazer abaixo:

9 Após ter escolhido o local na área de edição onde irá aparecer sua imagem, clique no botão INSERIR/EDITAR FIGURA e aguarde carregar a janela acima. Clique na aba ENVIAR AO SERVIDOR e anote abaixo o próximo passo: Primeiramente você deve localizar no seu computador a imagem que você quer inserir, clicando no botão procurar. Após localizada, selecione-a e clique em ok que irá aparecer o endereço dela no campo e abaixo dele clique no botão ENVIAR AO SERVIDOR. Aguarde até o aviso de enviado com sucesso ser exibido e clique em OK. Caso você tenha subido uma imagem com o mesmo nome de outra que já está no servidor, o editor automaticamente a renomeará colocando um (1) no final do seu nome. Após enviada a imagem ao servidor e clicado em OK, você será redirecionado novamente a aba inicial INFORMAÇÕES DA FIGURA. Aqui você poderá fazer as seguintes configurações, tais como colocar o texto no qual aparecerá quando o cursor do mouse estiver sobre a imagem (TEXTO ALTERNATIVO), ajustar a largura e/ou a altura, lembrando que por padrão ela reduz proporcionalmente o tamanho, e caso queira desabilitar essa função, basta clicar no cadeado ao lado. Para voltar ao tamanho original imagem, clique na seta circular ao lado do cadeado.

10 Além disso, você pode colocar borda na imagem, apenas preenchendo um número 1, 2, 3, etc. que se refere a espessura em pixel da borda. Quanto maior o número mais grossa será a borda. O ajuste da imagem na área de edição pode ser definida em números nos campos HORIZONTAL E VERTICAL (centímetros longe das bordas) ou apenas seu simples alinhamento através do campo ALINHAMENTO. Depois de inserida e formatada a imagem, caso você queira poderá colocar um hiperlink nela. Para isso, basta clicar na aba HIPERLINK e no campo URL DO HIPERLINK colocar o endereço da página Para inserir a imagem, basta clicar no botão OK ou CANCELAR se não deseja mais inserir a imagem. CARACTERES ESPECIAIS (Inserir) Caso você queira inserir um caractere especial que não tem no seu teclado, clique no botão acima e aguarde abrir a caixa abaixo. Após aberta, clique no caractere que você deseja inserir e ele automaticamente aparecerá na sua área de edição e a janela fechará.

11 FONTE Após ter o texto inserido na sua área de edição, selecione-o e clique no botão acima para expandir o box das fontes. Clique em uma das opções para modificar o texto. Estão disponíveis apenas as fontes padrões encontradas em todos os computadores e mais utilizadas na internet.após clicar no modelo escolhido, o texto selecionado na área de edição é automaticamente alterado e a janela fechada. TAMANHO DA FONTE Após ter escolhido o tipo de fonte usada, vamos ajustar o tamanho dela selecionando o texto na área de edição e escolhendo o tamanho clicando no botão acima e escolhendo a melhor opção. Após clicar no modelo escolhido, o texto selecionado na área de edição é automaticamente alterado e a janela fechada. COR DA FONTE Para alterar a cor de sua fonte, primeiro selecione o texto a ser trocado. Feito isso, clique no botão acima para expandir a paleta e selecione a cor desejada. Por exemplo, selecionamos o texto TESTE DE EXMPLO e vamos mudá-lo para a cor laranja, ficando assim: TESTE DE EXEMPLO. COR DE FUNDO DA FONTE Para que seu texto apareça com uma cor de fundo, basta selecionar o texto e clicar no botão acima para abrir a paleta e escolher a cor desejada. Seguindo o exemplo anterior que mudamos a cor da fonte para a cor laranja, escolheremos a cor de fundo azul e o texto ficará assim: TESTE DE EXEMPLO Manual elaborado pela equipe de suporte da IDEON Brazil. Todos os direitos reservados. Proibida a reprodução sem autorização do mesmo.