Bem vindo ao ajuda do software QUICKFISH para criação de sites.

Transcrição

1 Bem vindo ao ajuda do software QUICKFISH para criação de sites. SUMÁRIO 1 Exemplo de site criado no software QUICKFISH Salvando Seu Site Publicando Seu Site Visão inicial do Software QUICKFISH Inserindo páginas ao site Comandos comuns a todos os conteúdos Comandos específicos de conteúdos Inserindo Imagens a seu Site Inserindo Textos a Seu Site Inserindo Videos a Seu Site Inserindo Animação em Flash a Seu Site Inserindo Formulários de Contato a Seu Site Inserindo Menu a Seu Site Inserindo Código HTML a Seu Site Rodapé do Site SEO Otimização para Sistemas de Busca

2 1. EXEMPLO: SITE DO SOFTWARE QUICKFISH NO GERENCIADOR Menu Texto Imagens em todas as páginas do site Textos página atual Imagem página atual Rodapé Imagem página atual 2

3 2. Salvando Seu Site Clique em salvar e grave os conteúdos da página atual do seu site em nossos servidores. Aguarde enquanto a página do site atual é salva. Ao criar uma páginas para seu site no menu o link só irá funcionar quando você clicar nestas páginas no menu e salva-la. 3. Publicando Seu Site Clique em publicar para disponibilizar seu site na internet. Marque para publicar todas as páginas do seu site ou apenas aquela que desejar As páginas chamadas bottom e top devem também ser publicadas o bottom é o rodapé do site e o top são a parte do site que aparecem em todas as páginas do site como por exemplo o menu principal do site. Aguarde enquanto as páginas selecionadas são publicadas em seu site. Pronto agora você já pode clicar em visualizar para ver seu site publicado. A partir do momento em que se tornar cliente QUICKFISH seu site será exibido na url de sua escolha como por exemplo: 3

4 4. VISÃO INICIAL DO SOFTWARE QUICKFISH - Menu principal: Barra superior onde são realizados os comandos do software QUICKFISH; - Área do site: Pontilhado vermelho onde cada página do site será construída, área bloqueada do lado esquerdo e superior e livre do lado direito e inferior; - Menu: menu principal do site onde cria-se novas páginas, links e sublinks; - Rodapé: Parte inferior de cada página do site, que conforme os conteúdos são inseridos aumenta automaticamente ao salvar. 5. INSEERINDO PÁGINAS AO SITE - Clique no mais para adicionar mais links ao seu menu, ou seja, mais páginas a seu site; - Coloque um nome para este item de menu ou sub-menu; - Selecione se o novo link/ página será um item principal do menu ou um link ou sub-menu; - Clique em confirmar; - Clique no lápis para alterar o nome do item de menu; 4

5 6. Os Conteúdos de Seu Site: 6.1. INSERIR CONTEÚDOS EM SEU SITE No menu principal vá em inserir e clique no tipo de conteúdo que deseja adicionar a seu site; Selecione se o conteúdo será disponibilizada na página atual ou em todas as páginas do site; Clique na área do site para inserir o conteúdo DESBLOQUEAR / BLOQUEAR ÁREA DE CONTEÚDO EM SEU SITE Clique no cadeado para desbloquear ou bloquear a área de conteúdo do seu site. Com o desbloqueio pode-se: - Movimentar a área de conteúdo com o mouse pela página do site, posicionando no local desejado; - Alterar o tamanho da área de conteúdo para direita e/ou para baixo. Obs: Quando um conteúdo é desbloqueado, os demais são automaticamente bloqueados, evitando que conteúdos de seu site sejam movimentados sem intenção COMANDO PARA FRENTE Clique no mais para trazer este conteúdo para frente de todos os conteúdos de seu site. 5

6 6.4. COMANDO PARA TRÁS Clique no menos para enviar este conteúdo de imagem para trás de todos os conteúdos de seu site COMANDO CONFIGURAÇÕES AVANÇADAS DE CONTEÚDO Clique na engrenagem para acessar as propriedades avançadas do conteúdo de imagem de seu site. Nas configurações avançadas pode-se: - Alterar o posicionamento da área de imagem; - Alterar a dimensão da área de imagem; - Alterar a cor de fundo da área de imagem; - Alterar a cor da borda da área de imagem. - Colocar link na imagem no próprio site ou site externo COMANDO EXCLUIR Clique em excluir para deletar o conteúdo. 6

7 7. COMANDOS ESPECÍFICOS DE CONTEÚDOS 7.1. INSIRINDO IMAGENS A SEU SITE INSERINDO IMAGEM A SEU SITE Clique na figura; - Clique em escolher arquivo para selecionar no seu computador a imagem a ser inserida; - Escolha um título para a imagem (opcional importante para mecanismos de busca); - Marque se deseja fixar o tamanho da imagem pela largura ou altura (a outra dimensão será ajustada automaticamente); - O software não aumenta o tamanho original da imagem, ou seja, o tamanho máximo é o da imagem original; - Clique em confirmar CONFIGURAÇÕES AVANÇADAS DE IMAGEM Clique na engrenagem 7

8 - Distância Horizontal: Distância da área de imagem ao limite esquerdo da página; - Distância Vertical: Distância da área de imagem ao limite superior da página; - Largura: Largura da área de imagem; - Altura: Altura da área de imagem; - Cor de Fundo: Cor de fundo da área de imagem; - Cor da Borda: Cor da borda da área de imagem; - Link: Link da imagem para uma página do próprio site ou de site externo INSERINDO TEXTOS A SEU SITE INSERINDO / EDITANDO TEXTO Clique no lápis ; Digite / cole o texto: para um texto sem códigos o ideal é copiar do bloco de notas; Se o texto for copiado do Word, clique com o botão direito do mouse da área de texto e cole na outra janela que aparece com o comando Ctrl+V, assim você estará descartando os códigos desnecessários à web. Formate o texto. 8

9 CONFIGURAÇÕES AVANÇADAS DE TEXTO Clique na engrenagem ; - Distância Horizontal: Distância de texto ao limite esquerdo do site; - Distância Vertical: Distância de texto ao limite superior do site; - Largura: Largura de texto; - Altura: Altura de texto; - Cor de Fundo: Cor de fundo de texto; - Cor da Borda: Cor da borda de texto. 9

10 7.3. INSERINDO VIDEOS A SEU SITE INSERINDO VIDEO - Clique no filme ; Acesse youtube.com, abra o vídeo que pretende inserir, clique em compartilhar e copie o código identificador do vídeo; Cole o código no campo; Importante: antes de inserir o vídeo, dimensione a área de conteúdo vídeo, pois é deste tamanho que o vídeo aparecerá em seu site CONFIGURAÇÕES AVANÇADAS DE VIDEO - Clique na engrenagem - Distância Horizontal: Distância da área de vídeo ao limite esquerdo da página; - Distância Vertical: Distância da área de vídeo ao limite superior da página; - Largura: Largura da área de vídeo; - Altura: Altura da área de vídeo; - Cor de Fundo: Cor de fundo da área de vídeo; - Cor da Borda: Cor da borda da área de vídeo. 10

11 7.4. INSERINDO ANIMAÇÔES EM FLASH A SEU SITE INSERINDO / EDITANDO ANIMAÇÃO EM FLASH - Clique no filme ; - Clique em escolher arquivo e selecione a animação que deseja inserir em seu site; - Clique em confirmar; - Importante: antes de inserir a animação em flash, dimensione de conteúdo flash, pois é deste tamanho que a animação aparecerá em seu site CONFIGURAÇÕES AVANÇADAS DE ANIMAÇÃO EM FLASH - Clique na engrenagem - Distância Horizontal: Distância de flash ao limite esquerdo da página; - Distância Vertical: Distância de flash ao limite superior da página; - Largura: Largura de flash; - Altura: Altura de flash; - Cor de Fundo: Cor de fundo de flash; - Cor da Borda: Cor da borda de flash. 11

12 7.5. INSERINDO FORMULÁRIOS DE CONTATO A SEU SITE INSERINDO / EDITANDO FORMULÁRIOS DE CONTATO - Clique na opção fichário para adicionar mais campos a seu formulário de contato a seu site; - Clique na engrenagem ao lado de cada campo para configuração de cada um; - Edite o nome do campo de seu formulário; - Se desejar que este campo seja obrigatório marque a caixa obrigatório ; - Selecione o tipo de campo; - Exclua o item do formulário se não for utilizar. 12

13 Tipos de campo: CONFIGURAÇÕES AVANÇADAS DE FORMULÁRIOS DE CONTATO - Clique na engrenagem - Distância Horizontal: Distância de formulário ao limite esquerdo da página; - Distância Vertical: Distância de formulário ao limite superior da página; - Largura: Largura de formulário; - Altura: Altura de formulário; - Cor de Fundo: Cor de fundo de formulário; - Cor da Borda: Cor da borda de formulário; - que irá receber os dados enviados através do formulário de seu site; - Configurar o texto de resposta quando o formulário é enviado. 13

14 7.6. INSERINDO MENU A SEU SITE CONFIGURAÇÕES AVANÇADAS DE MENU - Clique na engrenagem - Distância Horizontal: Distância do menu ao limite esquerdo da página; - Distância Vertical: Distância do menu ao limite superior da página; - Largura: Largura do menu; - Altura: Altura do menu; - Cor de Fundo: Cor de fundo do menu; - Cor da Borda: Cor da borda do menu; - Tipo do menu: Selecione se o menu é horizontal ou vertical; - Tamanho da fonte: Escolha o tamanho da fonte de seu menu e coloque (ou não) em negrito; - Escolha a cor da fonte com ou sem o mouse; - Escolha a cor do fundo com ou sem o mouse; - Clique em confirmar. OBS.: Para que cada item de menu seja uma página é necessário clicar nele e salvar a página em questão. 14

15 7.7. INSERINDO HTML A SEU SITE No menu principal superior vá em inserir e clique em html; - Selecione se o código HTML será disponibilizado na página atual ou em todas as páginas do site; - Clique no site para inserir a área de código HTML. Para os usuários com conhecimento em HTML, qualquer tipo de marcação pode ser adicionada através deste conteúdo de código, apenas o HTML é possível. 15

16 8. RODAPÉ DO SITE 8.1. INSERIR / EDITAR TEXTO DO RODAPÉ Clique no lápis para inserir ou editar o texto do rodapé. Com este comando pode-se: - Inserir texto; - Editar o texto; - Formatar o texto CONFIGURAÇÕES AVANÇADAS DE ROPADÉ - Distância Horizontal: Padrão 0 (zero); - Distância Vertical: Automática ao salvar conforme conteúdos da página; - Largura: Largura do rodapé; - Altura: Altura do rodapé; - Cor de Fundo: Cor de fundo do rodapé; - Cor da Borda: Cor da borda do rodapé; 16

17 9. SEO OTIMIZAÇÃO PARA MECANISMOS DE BUSCA - No menu principal superior vá em início e clique em SEO; - Preencha o formulário conforme indicado abaixo; - Título da Página: É dos itens de maior importância para os buscadores, deve-se deixar claro, no menor número de palavras possível, o assunto de cada página do site; - url: Também tem grande importância aos buscadores, o software Quickfish cria automaticamente uma url amigável aos buscadores, você precisa apenas escrever os termos separando com espaço, não usando caracteres especiais; apenas letras e números se necessário. No exemplo acima a url ficaria: - Descrição: Faça uma breve descrição do conteúdo de sua página (não mais que 300 caracteres, preferencialmente); - Palavras: Coloque até 5 palavras chaves para encontrarem seu site (escolha termos referentes ao seu negócio); - Os verificadores são opcionais: O primeiro do yahoo, o segundo do gmail e o terceiro do google analytics, para estatísticas de acesso do site (deve ser colocado em todas as páginas, caso utilize esta estatística). 17