ctrl+h [alt+h]ctrl+a [alt+a]ctrl+f [alt+f]ctrl+m [alt+m]ctrl+x [alt+x]ctrl+t [alt+t]
Site Web
Mac-e-Dúvida
Na "hora do show", qual produto se destacou?
iPod
iTunes
iTV
Filmes na iTMS
iPeroba
MP.Parcerias
Seja Atípico
Seja Atípico
MP.Giro
Atualizado em:
19/12/2007 10:35:17

Informação na Velocidade da Maçã Quinta, 27 de novembro de 2008

Manual de Publicação MacPress
26 Nov 2003, Versão 1.0

A. Introdução

O objetivo deste documento é imprimir ao MacPress um estilo editorial próprio. Sabemos da sua importância como colaborador e respeitamos muito suas tendências de redação. No entanto, tão importante quanto o estilo dos colaboradores, redatores e editor do MacPress, são seus usuários.

Pensando neles e em suas particularidades como autor, procuramos criar este guia simplificado onde pretendemos interferir o mínimo possível em sua capacidade criativa, seus conhecimentos e sua capacidade de transmiti-los, em benefício da unidade editorial e visual, comum a todo veículo que preza pela qualidade de seu conteúdo e absorção do conhecimento por parte de sua audiência.

B. Índice

1. Destaques

Apenas o editor do MacPress publica, remove ou arquiva os destaques da home. Todos os redatores e colaboradores devem enviar seus destaques prontos e com as imagens editadas, cabendo ao editor decidir se publica ou não o destaque enviado.

APENAS O EDITOR PUBLICA DESTAQUES

As imagens dos destaques têm o padrão abaixo:

240x120, JPG, Compressão 75%

O template PSD, para uso no ImageReady ou Photoshop, com o padrão da imagem do destaque está disponível aqui (.zip, MD5 Checksum: ce185485e5a51bdde01017aef13ff647).

Sempre inclua créditos na imagem do destaque. Segue o padrão do texto:

Fonte Taipei, 9 pixels, preta ou branca, cantos inferiores

As imagens do destaque seguem um padrão de nomeclatura, que ajudam a organiza-las ao longo do tempo. Ao salvar sua imagem de destaque, siga o padrão:

YYYYMMDD_foo_bogus.jpg

Onde:
YYYY = ano, com quatro algarismos
MM = mês, com dois algarismos
DD = dia, com dois algarismos
foo_bogus = nome associado ao destaque, com espaços separados por "_" (underscore)

2. Estilos CSS

O MacPress utiliza CSS para padronizar sua diagramação e formatação. Para facilitar o seu trabalho de edição, inclua a seguinte linha no <head> do seu HTML:

<link rel="stylesheet" type="text/css" href="http://www2.uol.com.br/macpress/css/macpress.css">

2.1 Definições e Classes

Como estilo de diagramação ou para chamar a atenção do leitor para um ponto específico do texto, utilize as seguintes definições e classes:

  • "Aspas": Termos coloquiais ou citações. Ex.: "macmaníacos", "pczistas"
  • Plural: Para plural de siglas e abreviações, utilize apenas o "s" minúsculo na frente da
          sigla, sem apóstrofo.
          Ex.: Macs, URLs, IPs
  • <em>Itálico</em>: Estrangeirismos. Ex.: pantherizado, macusers
  • <strong>Negrito</strong>: Destaque especial para termos ou sentenças.
          Ex.: MacPress. Informação na Velocidade da Maçã.
  • <ul><li>Item</li></ul>: Para categorizar itens, utlize a tag <li>.
          Estes ítens são um exemplo.
  • Código: Para inserção de código computacional, use a classe code.
          Ex.: for $i do $i++;
  • Legendas: Para escrever legendas de fotos, tabelas e similares, use a classe small.       Ex.: Isto é uma legenda.
  • Atenção/Perigo: Para criar tabelas de atenção ou perigo, use a classe warning.

    ATENÇÃO! PERIGO!

  • Aviso: Para criar tabelas de aviso ou destaque, use a classe distinction.

    AVISO ou DESTAQUE

3. Notícias

  • Exemplo de diagramação de notícia.

3.1 Elementos do Admin

A formatação dos elementos de texto de uma notíca devem sempre procurar seguir o padrão abaixo:

Title:

Não há limitações para o título. Porém, evite títulos que ocupem mais de duas linhas completas na home (aprox. 100 toques).

Introduction:

Aqui vai APENAS o primeiro parágrafo da notícia. Não utilize a tag <p> neste parágrafo.

Extended Text:

<p>Aqui vai o complemento da notícia</p>
<p>Coloque quantos parágrafos forem necessários</p>
Este é o último pagrágrafo da notícia. Ele não deve estar delimitado pela tag <p>. Isto é muito importante. Se esta recomendação não for observada, o ícone de fim de notícia será inserido após este parágrafo, sozinho numa linha e com um espaço em branco entre o pagrágrafo e o ícone. 

3.2 Fomatação

Como as notícas diárias destinam-se a informar rapidamente o usuário dos fatos cotidianos, evite composições exageradas como inclusão de tabelas, backgrounds de texto e os estilos e classes definidos acima.

3.3 URLs

Ao entrar com URLs dentro de notícias, siga o padrão a seguir para as URLs.

  • Externas: [url=http://www.foo.dom]foo[/url]
  • Internas: <a href="http://www2.uol.com.br/macpress/...">foo</a>

URLs externas são todas aquelas que levam a um site ou conteúdo fora do MacPress, que serão sempre abertas em uma nova janela do navegador. URLs internas são todas aquelas hospedadas pelo MacPress, nos domínios www.macpress.com.br, macpress.uol.com.br ou www2.uol.com.br/macpress e que utilizarão sempre a mesma janela do navegador do usuário.

3.4 Imagens

O uso de imagens em notícias foi desabilitado no código gerador de páginas. Na edição da notícia, mesmo que você selecione e visualize a imagem no preview, a mesma não será mostrada no site, uma vez que o código para isto não existe.

4. Artigos

  • Exemplo de diagramação de artigo.

4.1 Elementos do Admin

Os elementos de texto para os artigos seguem os mesmos padrões das notícias. A diferença básica é a caixa de texto "Content", que contém todo o código do artigo. Os parágrafos devem estar contidos dentro da tag <p>, exceto o último parágrafo, para que o ícone de fim de artigo seja posicionado corretamente.

4.2 Sobre o Ícone de Fim de Artigo

Como ícone de fim de artigo deve sempre entrar logo após o ponto final, infelizmente, perdemos a habilidade de acrescentar os habituais créditos com resumos e email do autor.

Agora, para colocar o crédito do autor, utilize a caixa "Author" no fomulário de inserção de artigo no Admin. Caso o autor deseje que seu email seja incluído, coloque seu nome entre a tag <a> e inclua o email.

  • Ex.: <a href="mailto:zesilva@mac.com">José da Silva</a>

Com este novo modelo, os resumos do autor não são mais permitidos.

4.3 Formatação

Artigos podem apresentar formatação mais elaborada. Ao longo do tempo vamos determinar um padrão de diagramação básico para artigos. Por enquanto, caso você queira elaborar a formatação de um artigo, utilize um software de edição HTML (ex. Dreamweaver) para fazer o código e use o copy/paste em todo o código gerado.

ATENÇÃO!
Tome muito cuidado com as tags escondidas e desnecessárias que o Dreamweaver insere no código. Procure sempre minizar ao máximo o uso das mesmas, apagando-as antes de copiar ou configurando seu software para não inseri-las.

ATENÇÃO!
Ao copiar e colar, copie somente o que está entre as tags <body>. Não copie o <header> ou as tags <body> propriamente ditas.

4.4 URLs

As regras para utlização de URLs em artigos são as mesmas para notícias.

4.5 Imagens

A largura máxima da área de texto no site (esta área que você lê agora) é de 480 pixels. No entanto, para garantir uma melhor experiência aos usuários, velocidade de carga e economia de banda, bem como por questões de fluência visual, procure usar imagens com medidas máximas de 400x400 pixels (LxA), sempre centralizadas em relação ao texto.

Imagens abaixo de 150 pixels de largura podem ser utilizadas dentro de um parágrafo, alinhadas a esquerda ou direita, com VSpace e HSpace 3.

Para salvar suas imagens de artigos, utilize o padrão a seguir:

Máx. 400x400, JPG, Compressão 50%

ATENÇÃO!
Sempre inclua créditos do autor da imagem em um dos cantos inferiores, similar ao padrão estabelecido para os destaques, acima.

4.6 Código Válido

Sempre submeta seu artigo à validação de código. Isso garantirá a visualização do artigo na vasta maioria dos navegadores, assim como você o concebeu, além de manter a compatibilidade do MacPress com os padrões da linguagem HTML.

Para validar, grave seu arquivo com a extensão .html e aponte seu navegador para:

Clique no botão "Browse", escolha o arquivo que você salvou acima e clique em "Validate File". Todo código inserido no MacPress deve ser HTML 4.01 Transitional válido.

5. Links - Sintaxe, Gramática e Programação

Dúvidas? Email para editor@macpress.com.br. Tenham todos um ótimo trabalho e divirtam-se! ;)

Equipe MacPress
Informação na Velocidade da Maçã
www.macpress.com.br  

ClassifiMac
©2003-2009 MacPress - Todos os direitos reservados.
Logotipos e marcas exibidos neste site são propriedade de seus detentores legais.
As opiniões expressas em artigos, colunas e comentários são responsabilidade dos respectivos autores e podem não refletir a opinião do MacPress.
Compatível com HTML 4.01/W3C
O MacPress gera RSS compatível
Gerenciado com Mambo Open Source
Retorna à Home do MacPress