Sumário
Esta é uma página modelo. Ela pode conter essa linha acima para separar os detalhes de título e dados do conteúdo opcionalmente.
O ideal é que esta página esteja aberta em outras duas guias, uma com o código e outra com a visualização do resultado do código para servir de orientação durante a construção textual. Mais informações estão em comentários do modo de edição Texto não visíveis no modo Visual.
1. Texto [Sumário]
Observe que esse texto assim como os outros são “justificados”, isso é, eles são alinhados nos dois lados. Esse é um requisito não utilizado na maioria dos blogs e redes sociais mas amplamente empregado na produção literária. A justificação é uma das formatações do modo visual de edição.
Não é recomendado tingir os textos com várias cores ou utilizar negrito em excesso uma vez que será utilizado em subtítulos das seções do texto. O uso de letras garrafais, ou seja, CAPS LOCK também é desincentivado . O excesso também compromete o aspecto estético e transparece uma ânsia de demonstrar a ideia mais por uma reatividade emocional do que pela razão.
2. Imagem [Sumário]
Com as seguintes especificações:
1) Imagem de destaque.
– Deve ter a proporção 660×410 (dimensão do conteúdo).
– Essa imagem em destaque deve ser inserida novamente no início do artigo com legenda.
O valor exato em altura que a imagem deve ter de acordo com a largura:
2) Nome curto e sem espaços.
Ex: trextissuecells.jpg ou trex_tissue_cells.jpg
Obs: Quanto menor o nome, mais prático.
3. Citação [Sumário]
As citações são feitas com o b-quote, modo de texto, ou Bloco de Citação, representado por uma aspa no modo visual. As citações devem ser justificadas também.
Texto.
Observação: os links devem abrir em nova aba, para isso deve-se marcar o box Abrir link em uma nova janela/aba. Isso é mais fácil na edição modo texto.
4. Referências [Sumário]
As referências não devem ser justificadas. Modelo de referência abaixo após linha horizontal.
Referências:
[1] Réplica ingênua, desatualizada e pífia. Enézio E. de Almeida . 2014.
http://observatoriodaimprensa.com.br/mosaico/_ed841_replica_ingenua_desatualizada_e_pifia/
http://www.evo.bio.br/layout/drmarcia3.html [3] O “design” ontológico. Hélio Schwartsman. 12/04/2001
http://www1.folha.uol.com.br/folha/pensata/helioschwartsman/ult510u356318.shtml
Avançado
5. Estilos e codificações [Sumário]
Os administradores podem alterar as estruturas e tema do site. A codificação em CSS do arquivo é cheia de sobreposições e emaranhados, então é bom marcar com /* comentários */ as alterações em valores e código. O PHP está ativado na forma de escrita HTML, isso permite páginas dinâmicas com requisições XMLHttpRequest .
6. Links internos (funcionam por A → B) [Sumário]
A – Âncora
<a name=”seçãodotexto”></a> ou coloque id=”seçãodotexto” dentro da tag do subtítulo que inicia a seção, ex: <h3 id=”ref”>Referências</h3>
É a parte invisível. Deve ser colocada um pouco acima do local de destino no modo de edição por html . É único.
B – O link propriamente dito
<a href=”#seçãodotexto”>Seção do texto</a>
Pode ficar em qualquer lugar, sumário, referências e também pode ser utilizado várias vezes como usei no Links internos, para voltar aqui, ou seja, tanto no sumário quanto nas referências.
É possível fazer, com algum trabalho, links de ida e volta texto-referências-texto utilizando link-âncora-link, é o que eu fiz com o caso Links internos para voltar nesta região da página gerada.
[a] Ir para a seção Texto[b] Ir para a seção Imagem
[c] Ir para a seção Citações
