Como criar o efeito importante da gota Stunning de A em seus Web pages

| by Jason Lewis | August 24, 2004
Os capitais da gota são usados freqüentemente em muitos jornais, livros e compartimentos no mundo fora de linha. Você verá freqüentemente a letra importanta grande afundar-se para baixo no primeiro parágrafo dos artigos, das histórias e dos capítulos na maioria das publicações que você vem transversalmente.

O capital da gota dá à página um toque agradável do revestimento, e adiciona certamente mais sensação olhando profissional.

Em linha, os olhares importantes da gota apenas tão bons em Web pages como faz na cópia. O único inconveniente é que você pode fàcilmente começar o erro inteiro do efeito, e extremidade acima com um resultado mais menos do que atraente.

A maneira errada…

Quando a maioria de povos tentam criar um efeito importante da gota em um Web page, geralmente apenas amplíam a primeira letra por alguns tamanhos de pia batismal e fazem-na bold(realce).

Se você fizer este em seu próprio Web page, você observará que em vez de um efeito importante da “gota”, você termina acima com uma letra olhando impar que fure acima acima do descanso do parágrafo, e olhares justos fora do lugar.

A maneira direita…

Há essencialmente, duas porções a criar o efeito do capital da gota.

Etapa #1 -

Você necessita criar uma imagem importanta da gota usando algum software gráfico.

Você pode usar qualquer parte padrão de software gráfico como a loja de pintura Pro, os Fireworks, ou o Photoshop.

A imagem importanta da gota deve idealmente ser grande bastante deixar cair para baixo entre 2-4 linhas do texto, dependendo de sua preferência.

Você deve assegurar-se de que o alto de sua imagem importanta da gota seja em nível com o alto do texto ao lado dele. O fundo da imagem deve também ser em nível com o fundo do texto o mais baixo ao lado dele.

Esta é realmente a parte a mais dura de criar um efeito do capital da gota. Pode ser muito fácil fazer à imagem justo um bocado demasiado grande, ou a um bocado demasiado pequeno. Você pode encontrar que fará exame de um pouco experimentação e de erro para lhe fazer o olhar direita justa. Entretanto, o esforço extra pagará fora, porque o resultado de fim valerá a pena esperar.

Uma coisa à nota: Como com toda a imagem, uma imagem importanta da gota pode retardar um Web page se o tamanho de lima for demasiado grande. Para ajudar reduzir o tamanho de lima você deve conservá-lo como uma imagem de “.gif”. Para mesmo resultados melhores você deve tentar optimize também a imagem de “.gif”, reduzindo a quantidade de cores que estão sendo usadas.

Etapa #2 -

Esta etapa é o bocado o mais fácil…

Uma vez que você criou a imagem importanta da gota, tudo que você tem que fazer agora é a introduzir em seu Web page. Você adiciona apenas a imagem ao Web page na mesma maneira que você com toda a outra imagem em sua página.

Quando você a coloca no começo do parágrafo, certifica-se você para recordar suprimir a primeira letra do texto normal. Se não você terminará acima de começar o parágrafo com a dois da mesma letra.

O `alinha' a imagem à esquerda

Inicialmente, você observará que a imagem importanta da gota se senta apenas no alto da primeira linha, em vez de deixar cair para baixo nele. Não para longo!

Tudo que você tem que fazer agora, é `alinha' a imagem à esquerda, e você vê-la-á deixar cair para baixo imediatamente no parágrafo.

Se você estiver usando um editor do Web page criar seus Web pages como o Microsoft Frontpage ou o Dreamweaver de Macromedia, alinhar a imagem à esquerda é consideravelmente fácil.

No Frontpage:

Selecionar a imagem importanta da gota pelo `esquerdo estalando' o uma vez. Estalar então sobre o `alinham' ao ícone esquerdo do corte curto na barra de menu superior. Alternativamente, você pode selecionar o formato do `', então posição do `' do menu superior. No PNF acima da janela, o `seleto alinha à esquerda' sob o `que envolve o estilo'.

Em Dreamweaver:

Selecionar a imagem importanta da gota pela esquerda que estala a uma vez. Então na janela das propriedades, estalar sobre a seta no menu da gota para baixo ao lado do `alinham', então `seleto à esquerda'

Se você estiver usando um editor diferente do Web page, você deve mandar um `similar alinhar' a opção na área do menu. Alternativamente, você pode editar o código do HTML diretamente você mesmo. Adicionar apenas o seguinte comando entre os suportes do Tag da imagem:

align= " deixado "

Aquele é literalmente todo lá é-lhe!

Se você tiver páginas múltiplas em seu Web site, você provavelmente indo necessitar criar um número de imagens importantas da gota diferente, para cada letra do alfabeto. O esforço extra será de valor porque você terminará acima com muito mais Web site olhando profissional.

© do copyright Jason 2004 Lewis

Article Source: http://www.articleset.com



About the Author

Jason Lewis is Author of the new ebook ‘Website Not Required’ – 9 Sure Fire Ways to Make Money Online WITHOUT a Website! Click here now ==> http://www.websitenotrequired.com » Read more articles by Jason Lewis
You are welcome to publish or reprint this article free of charge, provided: