| Elaborando sites |
Hospedagem para treino: 50 webs
Modelos de templates: Free CSS Templates
Inclusão de textos: Lorem Ipsum
Programa para envio dos arquivos (FTP): FileZilla
| Criando blogs |
E-Blog Templates, Final Sense e Blogger Templates.
Escolhe-se um modelo em algum dos sites acima, e faz-se o download do mesmo.
Após a criação de um blog, e de uma conta correspondente no Twitter, pode-se operá-los com as instruções do GUIA SOBRE BLOG.
Na hipótese de se criar um blog pelo Blogger, é mais prático criar logo uma conta no GMAIL. Dica: criar um login que tenha até 6 caracteres (para economizar o tempo de digitação). Seria interessante se o login tivesse relação com o nome do blog (por exemplo: dicasdakaren.blogspot.com e dicask@gmail.com).
No processo de criação do blog, escolhe-se um dos modelos apresentados pelo Blogger. Depois, na guia Layout, clica-se na opção Editar HTML, e faz-se o upload do template escolhido anteriormente.
Muito útil também é consultar, para eventuais dúvidas, o link Blogger Plugins.
Caso seja necessário fazer testes de impressão, recomendo que se utilize o software PDF Creator, o qual simula uma impressão. Faça o download aqui.
| Colocando imagens em uma postagem de blog |
2) Escolha "Abrir imagem do computador"
3) No menu horizontal, acima, clique em IMAGEM, e depois TAMANHO DE IMAGEM. Você, então, escolhe, no máximo, 180 para a largura (a altura é colocada automaticamente).
4) No menu horizontal, acima, clique em ARQUIVO e acrescenta, ao final do nome do arquivo, um underline e o tamanho da largura escolhida (p.ex.: se a imagem tinha o nome DSC345.jpg, ela passará a ter o nome DSC345_180.jpg).
5) Aumente a qualidade para 100, e depois clique no botão OK. Depois, clique no botão SALVAR. A nova imagem foi gravada no mesmo local de origem da anterior, só que com um nome diferente.
Caso haja outras imagens que precisem ser tratadas, pode-se repetir os passos 2 a 4 para as demais figuras que serão colocadas na postagem.
Obs.: Além do editor de imagens Pixlr.com, também se pode utilizar o Fireworks, o qual permite, inclusive, o processamento de mais de uma imagem ao mesmo tempo.
Agora, siga os próximos comandos:
5) Considerando que você inclui imagens no SITES do Gmail, entre na sua conta Gmail
6) Acesse o link
7) Clique no botãozinho FAZER UPLOAD
8) Procure o(s) arquivo(s) de imagem que você acabou de salvar e clique no botão FAZER UPLOAD (se for mais de um, faça upload em cada uma das imagens).
Até aqui você incluiu o(s) arquivo(s) de imagem naquele depósito virtual ligado à sua conta do Gmail. Agora, vamos colocar a(s) imagem(ns) na postagem. Considerando que você já fez a postagem, e que seu blog é no blogger.com:
9) Acesse www.blogger.com
10) Clique no link EDITAR POSTAGENS
11) Clique no link EDITAR da mesma linha da postagem na qual você quer incluir as fotos
12) Clique no link EDITAR HTML
13) No começo do parágrafo que você quer colocar a foto, digite o texto (é o comando para expor a imagem):
| <img src="http://sites.google.com/site/nomedoseusite/nomedasuaimagem.jpg" style="float:left;" /> |
Repita esse comando, colocando os nomes das diferentes imagens, em cada parágrafo que você escolheu para descrever a imagem.
14) Clique no botão PUBLICAR POSTAGEM
15) Clique no seu blog e tecle F5 para ver o resultado.
| Cores e efeitos |
Sugestões de cores combinadas: Color Jack
Efeitos Lightbox: Lightbox Clone Matrix
Tabela de cores: MX Studio
| Imagens |
Aulas na Internet: MX Masters
Tutoriais de Produção Gráfica: Aa1. Produção Gráfica
Stock.Xchng (Banco Gratuito de imagens)
Adequando imagens para a web, via FireWorks:
1) Menu File - Batch Process
2) Localize a imagem a ser ajustada, e dê 2 cliques na imagem ou add para adicioná-la
3) Clique em Next
4) 2 cliques em Scale ou 1 clique em add
5) Altere o Scale de "no scale" pra "scale to fit area"
6) Alterar largura para 100 e altura para 200
7) Clique em next
8) Clique em "Custom Location" e salvar em imagens da pasta site
9) Clique em "Batch"
| Enfeites e utilidades para sites e blogs |
JotForm Construtor de Formulários
Espaço Educar – Profa. Liza
Dryicons - Ícones originais
Ícones do Twitter - Twitter buttons e Twit
Vetores
Caracteres especiais em HTML: Tutorial HTML
Conversor multiutilitário: FormatFactory
Confeccionando um ÍCONE para o site/blog: Dynamic Drive
* Obs.: A melhor padronagem para ícones na web é 16 x 16 px. Orientações sobre como incluir o ícone no blogger ou no site - acesse Notícia e Blog.
Gspace
Uma ferramenta que é agregada ao GMAIL (somente pelo Mozilla), por meio da qual pode-se fazer uploads de arquivos para posteriores downloads.
*
0 comentários:
Postar um comentário
Comentário