Para iniciantes: O que é HTML

Domênico Citrângulo — Mon, 14 Nov 2011 22:33:04 +0000

O que é o HTML?

HTML é um acrônimo que significa HyperText Markup Language (em português: Linguagem de Marcação de Hipertexto). Ou seja, o HTML é uma linguagem de marcação.

Como assim “marcação”?

Isso mesmo, marcação. O HTML é o responsável por “etiquetar” o conteúdo de uma página. Ela marca o que é um parágrafo, o que é uma imagem, o que é uma tabela, e assim por diante.

E como esses conteúdos são marcados?

O HTML usa tags para etiquetar os elementos (não é à toa que ‘tag’ significa ‘etiqueta’ em inglês). Uma tag HTML é sempre escrita começando com o sinal de menor (<) e terminando com o sinal de maior (>). Por exemplo, a tag que marca um parágrafo é a

. A que marca uma tabela é a

. E a que marca um título é a

. Vamos à um exemplo prático:

Titulo de uma notícia qualquer

Primeiro parágrafo da notícia com as informações clássicas de onde, quando, quem, porque e como.

Veja que usei a tag

para marcar o meu título da seguinte forma: abri a tag, escrevendo

, coloquei o conteúdo do título, e então fechei a tag escrevendo-a novamente com uma barra (/) logo depois do sinal (<). Assim eu mostro onde o meu título começa e onde ele termina. Logo abaixo do título vem um parágrafo que funciona exatamente da mesma forma: a tag é a aberta (

), coloco o conteúdo do parágrafo, e fecho a tag

. Dessa forma indico exatamente onde começam e terminam os meus elementos.

Ao escrever uma página inteira usamos muitas outras tags, além de escrever tags dentro de outras tags. Sim, tags dentro de outras tags. Veja:

Título da página

Meu bom e velho parágrafo com um

Nesse exemplo, a primeira tag a ser aberta é a (corpo da página), então colocamos um título

e um parágrafo
e só depois fechamos a tag . Ou seja, as tags

estão ‘dentro’ da tag .

Além de marcar o conteúdo, as tags também podem ter propriedades responsáveis por nos dar mais informações sobre aquele pedaço da página:

No exemplo acima criamos um formulário usando a tag
. Dentro dela colocamos duas propriedades deste formulário: o método como as informações serão enviadas e o id do formulário.

HTML semântico

Muitas vezes você verá menções sobre a semântica aplicada ao HTML. Simplificando o conceito, podemos dizer que para escrever HTML semântico basta usar as tags certas para os conteúdos certos. Por exemplo, vamos supor que sua página terá uma lista dos 10 produtos mais vendidos. Existem tags específicas para isso: a tag de lista ordenada

. Então, use-as! Não faça com vários
’s, um abaixo do outro. Visualmente pode ficar ok, mas estará incorreto semanticamente.

HTML = conteúdo

O seu arquivo HTML deve conter todas as informações da página. Todos os dados e sua estrutura. Já a forma de cada um dos seus elementos deve ficar fora do HTML. Ou seja: cores, larguras, posicionamento, imagens de fundo, tipos de fonte, tudo isso não deve estar no HTML e sim no CSS, um arquivo responsável apenas por isso.

Claro que este foi um “resumo resumido” e é possível escrever mais 1000 posts como esse sobre HTML sem esgotar todas as suas características, história, evolução, etc. Mas já é um bom início para quem está começando agora a se interessar pelo assunto. Abraço.
Como adicionar o botão +1 do Google ao seu site

Domênico Citrângulo — Sat, 17 Sep 2011 14:45:16 +0000

O que é o botão “+1″?

Uma das novidades mais interessantes do ano, o botão “+1″ criado pelo Google, possibilita que usuários indiquem que uma página, post ou site é relevante, interessante para eles. É bem parecido com o botão “Curtir” do Facebook, porém está ligado à rede social do próprio Google, a Google+ (Plus). Ele já pode ser visto em grande parte dos portais e blogs e é uma ótima ferramenta para melhorar a interação dos usuários com o seu site.

Qual a vantagem em usá-lo?

Quando clica no botão “+1″, é como se o usuário dissesse para o Google “Ei, eu acho que essa página tem um conteúdo interessante e pode ajudar outras pessoas”. E a empresa já deu indicações de que o número de usuários que clicam no botão “+1″ de uma determinada URL tem impacto no seu ranking de buscas. Ou seja, se vários usuários clicarem no botão “+1″ da sua página é bem provável que você suba algumas posições nas páginas de busca. E mais, se um dos meus contatos tiver clicado no botão “+1″ de uma das páginas do seu site, essa página aparecerá como recomendada pra mim quando eu fizer uma busca no Google.
Depois de clicar no botão o usuário pode ainda fazer um comentário sobre a página, fazendo assim um post no seu perfil do Google+ (se tiver um perfil lá) e gerarando ainda mais tráfego para seu endereço.

Código

Vou mostrar aqui como usar a opção de carregamento assíncrona do botão, aquela em que o botão será adicionado após o carregamento da sua página, deixando-a mais rápida e impedindo que qualquer problema nos servidores do Google possam vir a prejudicar seu site.
São basicamente duas partes. A primeira é o botão em si, que usa a seguinte tag:
Basta colocar este trecho de código no lugar onde você quer que o botão apareça. Abaixo do título da página ou ao final do texto do post, por exemplo. Perceba que ela tem duas propriedades, size e annotation. Logo mais vou explicar como você pode usá-las para obter a melhor configuração para o seu caso.

Depois, ao final da página coloque o código que irá carregar substituir a tag acima pelo botão em si. Note que este código deve vir sempre depois da tag do botão.
Note aqui que colocamos, logo no início da tag, a opção “lang” configurada com o valor ‘pt-BR’. Isso é importante pois configura o botão para usar o idioma “Portugês do Brasil”.

Tamanho e tipo

Usando as propriedades size e annotation é possível alterar o tamanho e o tipo do botão “+1″. Existem 4 tamanhos (size) disponíveis: Small (pequeno) 24px de largura, Medium (médio) 20px, Standard (padrão) 24px e Tall (largo) 60px. Além disso você pode escolher entre três maneiras diferentes de exibir a o número de pessoas (annotation) que já clicaram e marcaram aquela página com ‘+1′: Inline (linha de texto), Bubble (balão) e None (nenhum). Combinando essas opções você terá 12 tipos diferentes de botão:

Tupo o que você precisa fazer é escolher qual das combinações melhor se ajusta ao seu layout e alterar a tag do botão ajustando estas propriedades.

Alguns exemplos:
50 coisas que todo estudante de design deveria saber

Domênico Citrângulo — Wed, 29 Jun 2011 13:15:14 +0000

Resolvi então colocar aqui as 10 primeiras, numa tradução mais do que livre, e recomendo que todos visitem o post original, vale a pena.

1. Você não é o primeiro.

Atualmente, existem muito poucos “primeiros”. Muitos outros já abriram studios, trabalharam como freelancers ou fizeram estágio. São coisas que você pode fazer.

2. Sempre há alguém melhor.

Independentemente do quão bom você é, sempre haverá alguém melhor. É incrivelmente fácil perder tempo se preocupando com isso.

3. Sucesso não é um recurso finito.

A escola promove uma mentalidade de soma-zero: a de que alguém precisa perder para que você possa ganhar. Na verdade, o sucesso do outro não limita o seu.

4. Você não pode marcar um gol se o gol não existir.

Se você não tem um objetivo, como poderá buscá-lo? Ter um objetivo define um ponto de chegada, e subseqüentemente, um ponto de partida.

5. Começar qualquer coisa requer energia.

É preciso muito mais energia para começar algo do que para parar. Essa é uma verdade para a física, para a sua carreira e para aquele projeto no qual você precisa trabalhar.

6. O caminho para o mercado é mais fácil do que você pensa.

Para entrar na indústria você só precisa de três coisas: um ótimo portfolio, energia e uma personalidade bacana. Muitos se esquecem do último atributo.

7. Tenha uma auto-imagem positiva.

Sua auto-percepção é o seu recurso mais importante. Enxergue a si mesmo como a pessoa que você quer ser e os outros também enxergarão.

8. Tenha um website simples e clean.

Um portfolio online é o alpha e o ômega da sua carreira. Com tantas possibilidades de web services existentes, não há desculpa para não ter um website.

9. Seja o curador do seu trabalho.

Nunca pare de editar seu portfolio. Três peças muito boas são melhores do que dez fracas – ninguém procura por quantidade e sim qualidade.

10. Escute seus instintos.

Se o seu trabalho não te excita, então ele não excita mais ninguém. É difícil fingir paixão por um trabalho medíocre: jogue-o no lixo.

E então, gostou? Para ler todas as 50, vá até o post original.

O possível e o viável

Domênico Citrângulo — Tue, 24 May 2011 21:14:37 +0000

Hoje, com a quantidade absurda de ferramentas, tecnologias, linguagens, APIs, recursos multimídia e devices que criativos, designers e programadores têm disponíveis para trabalhar, não é exagero afirmar que existem possibilidades quase ilimitadas de abordagens para cada projeto. Porém, além do caminho a ser seguido, é necessário definir dois outros pontos igualmente importantes: prazo e objetivo.

Apesar de óbvia, afinal todos concordam que é necessário que cada projeto tenha um objetivo principal e uma data de conclusão, a definição destes pontos necessariamente resulta na limitação daqueles caminhos inicialmente possíveis. Alguns deles deixarão de ser possíveis tendo em vista aquele prazo e objetivo. E é preciso que todos os envolvidos tenham isso em mente. Ao gerente do projeto cabe entender qual é o core, o essencial, aquelas funcionalidades e componentes imprescindíveis, com impacto direto no cumprimento ou não do objetivo inicial. Com desenvolvedores, designers e demais colaboradores fica a missão de estudar cada parte do projeto e dar estimativas realistas de entrega para cada etapa.

Decisão

É claro que a tarefa de decidir quais features serão implementadas num projeto não é simples e precisa basear-se no maior número de dados possíveis: importância, impacto, tempo de desenvolvimento, período de testes, recursos necessários, custos, riscos.

Ao avaliar um componente, o gerente do projeto deve considerar cada um desses aspectos, estudá-los, reunir-se com desenvolvedores para entender a mecânica de sua construção, perguntar quais são os riscos, calcular o custo e entender como aquele pedaço se encaixa no projeto como um todo.
Fica clara aqui a necessidade de consultar outras áreas para compreender todos esses fatores. Também é nesse momento que desenvolvedores, designers e outras áreas da empresa podem expor suas opiniões, ligadas claro ao seu campo de atuação. Nada de programador dar pitaco em layout, muito menos designer se intrometer em código.

Porém, finalizada a etapa de consultas e entendimento, a decisão de que caminho seguir é um ato individual, solitário. Deve concentrar-se no gerente, que precisa ter esse poder e essa responsabilidade. Abrir demais o processo de decisão corresponde necessariamente à perda de foco e de velocidade. Além disso, o gerente só pode ser cobrado por algo sobre o qual ele tem controle, por isso a última palavra deve ser dele.
CSS3 – Text Gradients simples

Domênico Citrângulo — Sun, 24 Apr 2011 21:44:31 +0000

Download

Demo

CSS3 Text Gradient

Antes de tudo: por que esta é a melhor forma?
Existem muitas maneiras de se obter o text gradient. Mas eu prefiro esta porque ela não requer nenhuma alteração no codigo HTML. Não é preciso ficar enchendo o código de tags ou propriedades como data-text só para se conseguir um efeito que daqui há 6 meses ou um ano pode não ser mais desejado.

Então tudo o que você precisa para aplicar o efeito em um título
é:
```
h1 {
background-image: -webkit-gradient(
linear,
left top, left bottom,
from(rgba(0, 0, 0, 1)),
to(rgba(243, 255, 114, 1))
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:120px;
}
```
Como você já deve ter percebido, as cores são definidas nas linhas from(rgba(0, 0, 0, 1)) e to(rgba(243, 255, 114, 1)). Basta trocar os valores RGBA (RGB + Alpha) pelos das cores do seu gradiente. E pronto. Lembrando claro que o efeito só será visível em browsers compatíveis com CSS3.

Com certeza esta não é a única forma de conseguir o text gradient e se você souber de alguma outra, por favor, compartilhe conosco. Abraço!
Reportando e buscando soluções para problemas ligados aos plugins do Facebook

Domênico Citrângulo — Wed, 20 Apr 2011 00:30:37 +0000

Porém, ao mesmo tempo que facilitam a vida, estes recursos deixam todos nós dependentes de seu bom funcionamento. Quer dizer, sua página não depende mais apenas do código que você e sua equipe escrevem. Se o Facebook resolver fazer um update no script que gera o botão “curtir” por exemplo, e este não for bem sucedido, todas as páginas que o utilizam podem começar a ter problemas, exibir mensagens de erro ou ter qualquer outro comportamento estranho. E o pior: não existe um alerta, um aviso. Isso pode acontecer a qualquer momento. Apenas para citar um exemplo: recentemente, páginas que utilizavam o plugin do botão curtir via XFBML passaram a recarregar (dar reload) sem parar no IE7, muitas vezes travando o browser. A alternativa foi substituí-lo pela versão iFrame. Mas até isso acontecer, muitos pageviews falsos e usuários irritados ficaram pelo caminho.

Claro, não estou dizendo que você deve correr para tirar todos os componentes do FB do seu site. Os ganhos ainda superam, e muito, quaisquer eventuais perdas. Mas quero mostrar dois lugares importantes que precisam estar nas bookmarks de todos que lidam e utilizam os componentes do FB:

Developers Forum

Fórum oficial da plataforma, aqui você encontrará milhares de tópicos sobre os mais diversos problemas e dúvidas à respeito das APIs e plugins do Facebook. Quando perceber que algo que sempre funcionou passou a se comportar de maneira estranha dê uma olhada aqui. É onde os primeiros relatos envolvendo bugs aparecem. Também é útil por que além de reportar problemas, os desenvolvedores postam os workarounds e possíveis correções para cada falha.
http://forum.developers.facebook.net/

Bug Tracker

É o Bugzilla da Facebook Platform. Nela desenvolvedores de todo o mundo reportam seus problemas diretamente para a equipe de programadores do FB através do cadastro de Bugs. Depois de ser cadastrado, cada bug passa por uma triagem e, se confirmado, é escalado para a equipe responsável. É o melhor lugar para buscar informações sobre os problemas mais graves e obter respostas oficiais do time de desenvolvedores da plataforma. É possível também votar nos bugs que você considera mais graves para tornar sua correção prioritária em relação aos outros.
http://bugs.developers.facebook.net/

URL Linter

Esta ferramenta permite analisar uma URL e checar se as tags utilizadas pelo Facebook para o compartilhamento da página estão aplicadas de maneira correta. Com ela é possível verificar de onde o sistema da rede social importa as informções que servem como título, descrição e thumbnail do link quando a página é compartilhada. Dessa forma podemos refinar as informações, aplicar as tags corretamente e identificar possíveis problemas.
http://developers.facebook.com/tools/lint/

Infográficos do NYTimes.com

Domênico Citrângulo — Sun, 20 Mar 2011 14:21:19 +0000

Muito mais que divertidos ou bonitos, bons infográficos não devem deixar de cumprir seu principal papel: informar. Esta é a sua grande contribuição para a notícia ou assunto ao qual está relacionado. Infográficos devem transformar números, mapas, acontecimentos e dados em algo que o leitor possa compreender de forma simples e fácil.

E uma das melhores equipes do mundo quando se fala em infográficos é, sem dúvida nenhuma, a do “NYTimes.com”, versão online do jornal americano “The New York Times”. Vencedora de inúmeros prêmios relacionados a Jornalismo Visual e Infografia, a equipe do jornal cria e produz conteúdos que vão muito além de apenas imagens ou gráficos estáticos, são uma extensão da notícia e auxiliam os seus leitores a entender a notícia ou assunto, complementando o texto da matéria.

Seguem aqui alguns exemplos dos melhores infográficos criados e produzidos por eles:

Terremoto no Japão

Infográfico mostrando vários dados sobre os estragos causados pelo terremoto e tsunami no Japão, com fotos, vídeos, número de desaparecidos, casas e prédios destruídos.

Pedra, papel e tesoura.

Jogo onde você pode enfrentar o computador e entender como a máquina ‘aprende’ como funciona seu pensamento e começa a utilizar seus padrões de jogadas para adivinhar sua próxima escolha.

Como as pessoas gastam seu tempo

Gráfico interativo mostrando como diversos grupos de pessoas gastam seu tempo durante o dia, entre refeições, trabalho, sono e televisão e outras atividades. É possível ter informações divididas por faixa etária, educação, sexo, raça, ocupação e número de filhos.

Cães e raças

Ensaio fotográfico com 102 cães campeões de suas raças. Alguns com o áudio do seu latido.

Homicídios em Nova York

Mais uma vez o jornal lança mão de um mapa interativo para mostrar a incidência de homicídios na cidade de Nova York ano a ano. É possível filtrar cada uma das ocorrências por dia, mês, arma utilizada, idade da vítima, idade do assassino, raça e sexo, entre outros.

Marco Zero

Mostra como está acontecendo a reconstrução do complexo do World Trade Center en NY.

18 dias de Revolução no Egito

Mapa em 3D mostra os principais acontecimentos da revolução que tomou conta das ruas da cidade do Cairo, no Egito.

Restauração do retrato de Philip IV

Infográfico ilustra como ocorreu a restauração da tela de Velázquez.

Prostestos no Egito

Linha do tempo contando, dia a dia, os fatos mais importantes dos Protestos no Egito .

Mapa das medalhas olímpicas

Gráfico e linha do tempo mostrando os países que mais ganharam medalhas olímpicas nas diversas edições dos Jogos.

É melhor comprar ou alugar?

Gráfico interativo que calcula qual a opção mais vantajosa, comprar ou vender seu imóvel, com base no seu preço, aluguel, taxa de juros, tempo de permanência e outras variáveis.

Composição da platéia do State of Union

Mostra a composição da platéria do State of Union, cerimônia onde o Presidente dos Estados Unidos delineia suas prioridades para o País.

Árvore Genealógica das Famílias Americanas

Infográfico mostrando a origem de várias famílias americanas e sua variedade étnica.

A História em "Mad Men"

Linha do tempo relacionando o enredo da série aos acontecimentos históricos americanos.

A técnica de Mariano Rivera

Vídeos, animações, fotos e áudio explicam a técnica do jogador de Baseball.

A casa do futuro

Imagem interativa mostra as características e tecnologias mais avançadas e ecológicas para construção de casas inteligentes.

Desafio contra o Superconputador da I.B.M.

Jogo de perguntas e respostas que ilustra o poder computacional da supermáquina de respostas da I.B.M., a Watson.

"Banhistas na margem de um Rio"

Linha do tempo mostra a criação da famosa tela de Henri Matisse.

Os Teatros da Broadway

Tour interativo pelos diversos teatros da mais famosa rua de shows e musicais dos EUA.

Overview sobre as revistas policiais em Nova York

Dados detalhados de cada uma das revistas realizadas pela polícia de Nova York no ano de 2009, distribuídas em um mapa interativo.

Derramamento de óleo e suas consequências

Informações sobre mancha de óleo na costa americana e seus efeitos na biosfera.

A Guerra entre Microsoft e Apple

Gráfico mostrando a guerra das duas companhias, seu valor de mercado e os principais fatos envolvendo as duas gigantes.

Gripe Suína

Timeline ilustrando como a Gripe Suína alastrou-se pelo mundo.

Orçamento Americano

Puzzle onde você deve escolher os programas e medidas orçamentárias que devem ser tomadas para balancear as contas americanas.

O ano em fotos

Retrospectiva fotográfica do ano.
Múltiplas instalações WordPress utilizando a mesma base (tabela) de usuários

Domênico Citrângulo — Fri, 11 Feb 2011 13:40:48 +0000

Requisitos

• As duas instalações devem usar o mesmo database MySQL, com prefixos diferentes;
• Você deve ter acesso ao FTP das das duas instalações;
• As duas instalações devem utilizar a mesma versão WordPress (2.7 ou superior).

Editando os arquivos

Esta é uma solução que exige um mínimo conhecimento de edição, upload e atualização do código-fonte WordPress. Sugiro também que antes de começar você crie um backup dos arquivos do seu site e da sua base de dados. Também recomendo que comente todas as alterações para que depois possa identificá-las rapidamente.

Em todas as instalações você deve alterar os seguintes arquivos:

No arquino wp-config.php:
Adicionar esta linha acima do comentário “/* That’s all, stop editing! Happy blogging. */”:
```
define('CUSTOM_CAPABILITIES_PREFIX', 'wp_');
```
No arquino wp-includes/capabilities.php:
Substituir a linha
```
$this->cap_key = $wpdb->prefix . 'capabilities';
```
Por
```
if (defined ('CUSTOM_CAPABILITIES_PREFIX')) {
	$this->cap_key = CUSTOM_CAPABILITIES_PREFIX . 'capabilities';
	}
	else {	$this->cap_key = $wpdb->prefix . 'capabilities';
	}
```
Em todas as instalações, exceto a principal (aquela que terá a tabela de usuários original):

No arquino wp-config.php:
Adicionar este trecho acima do comentário “/* That’s all, stop editing! Happy blogging. */”:
```
define ('WPLANG', '');
define('CUSTOM_USER_TABLE', 'wp_users');
define('CUSTOM_USER_META_TABLE', 'wp_usermeta');
```
E substituir a linha:
```
$table_prefix = 'wp_';
```
Por
```
$table_prefix = 'outroprefixo_' //este deve ser o prefixo único de cada instalação
```
Eu testei e funcionou perfeitamente.
Espero que ajude.
Tutoriais para Photoshop: 40 efeitos de edição e manipulação de imagens

Domênico Citrângulo — Mon, 13 Sep 2010 23:12:18 +0000

Fantasy Woman

Green Landscape Beanstalk

Cosmic Love Goddess

Vector Style Woman

Dark Sea Ship

Twister

Terrifying Horror

Dark and Mysterious TV Head

Eerie Looking

Dark and Eerie

Google Map Parody

Surreal 3D Outdoor Room

Dark Melancholic Scene

Vivid Flaming Skull

Surreal Environment

Matte Painting

Breathtaking Underwater Apartment

Fallen Angels Dream Fly

Planet

Funky Perspective

Floating Island on Water

Fairy Tale

Floating Island 2

Flying Hippo

Realistic Space Landscape

The Making of Constant Slip

Walking Bone House

Derene Panorama

Magic Holland

Deathly

Mysterious Night

Surreal Scenary

Fantasy Night Day Composition

Black White Falling Scene

Island

Imaginary

Splash Artwork

Matte Painting Inspired Scene

Moonlight Night

Imaginary Photo Manipulation

Via Naldz Graphics

Vídeo tutorial: Player de vídeo Flex + XML

Domênico Citrângulo — Mon, 13 Sep 2010 14:40:29 +0000

Download

Demo

Link para instalação do Flash Builder 4.

Top rated never dies

Para iniciantes: O que é HTML

O que é o HTML?

. Vamos à um exemplo prático: Titulo de uma notícia qualquer Primeiro parágrafo da notícia com as informações clássicas de onde, quando, quem, porque e como. Veja que usei a tag

Titulo de uma notícia qualquer

para marcar o meu título da seguinte forma: abri a tag, escrevendo

Título da página

e um parágrafo e só depois fechamos a tag . Ou seja, as tags

HTML semântico

HTML = conteúdo

Como adicionar o botão +1 do Google ao seu site

O que é o botão “+1″?

Qual a vantagem em usá-lo?

Código

Tamanho e tipo

50 coisas que todo estudante de design deveria saber

1. Você não é o primeiro.

2. Sempre há alguém melhor.

3. Sucesso não é um recurso finito.

4. Você não pode marcar um gol se o gol não existir.

5. Começar qualquer coisa requer energia.

6. O caminho para o mercado é mais fácil do que você pensa.

7. Tenha uma auto-imagem positiva.

8. Tenha um website simples e clean.

9. Seja o curador do seu trabalho.

10. Escute seus instintos.

O possível e o viável

Decisão

CSS3 – Text Gradients simples

CSS3 Text Gradient

Reportando e buscando soluções para problemas ligados aos plugins do Facebook

Developers Forum

Bug Tracker

URL Linter

Infográficos do NYTimes.com

Terremoto no Japão

Pedra, papel e tesoura.

Como as pessoas gastam seu tempo

Cães e raças

Homicídios em Nova York

Marco Zero

18 dias de Revolução no Egito

Restauração do retrato de Philip IV

Prostestos no Egito

Mapa das medalhas olímpicas

É melhor comprar ou alugar?

Composição da platéia do State of Union

Árvore Genealógica das Famílias Americanas

A História em "Mad Men"

A técnica de Mariano Rivera

A casa do futuro

Desafio contra o Superconputador da I.B.M.

"Banhistas na margem de um Rio"

Os Teatros da Broadway

Overview sobre as revistas policiais em Nova York

Derramamento de óleo e suas consequências

A Guerra entre Microsoft e Apple

Gripe Suína

Orçamento Americano

O ano em fotos

Múltiplas instalações WordPress utilizando a mesma base (tabela) de usuários

Requisitos

Editando os arquivos

Em todas as instalações você deve alterar os seguintes arquivos:

Em todas as instalações, exceto a principal (aquela que terá a tabela de usuários original):

Tutoriais para Photoshop: 40 efeitos de edição e manipulação de imagens

Vídeo tutorial: Player de vídeo Flex + XML

. Vamos à um exemplo prático:

Titulo de uma notícia qualquer

Primeiro parágrafo da notícia com as informações clássicas de onde, quando, quem, porque e como.

Veja que usei a tag

e um parágrafo
e só depois fechamos a tag . Ou seja, as tags