Se você não conseguir editar a wiki após o login, você precisará solicitar direitos de edição usando este formulário. Você será notificado assim que tais direitos de edição lhe forem concedidos.

Ajuda:Universidade Wiki-HTML e Wikitexto-Sexta Lição

Fonte: FamilySearch Wiki
Saltar para a navegação Saltar para a pesquisa

VOLTAR à Home das lições HTML

Home HTML > Primeira Lição > Segunda Lição > Terceira Lição > Quarta Lição > Quinta Lição > Sexta Lição > Sétima Lição

Attributes
Attributes go inside Element tags
Elements

This is the HTML code

FamilySearch Wiki

O que você vai aprender nesta lição[editar | editar código-fonte]

  • Revisão dos Cabeçalhos
  • Como criar Templates (modelos)
  • Como criar Barras laterais
  • Como criar Trilhas de menu superior
  • Como criar Referências

Cabeçalhos[editar | editar código-fonte]

Aqui estão os tamanhos diferentes de cabeçalhos:[editar | editar código-fonte]

Cabeçalho Um

Cabeçalho Dois

Cabeçalho Três

Cabeçalho Quatro

Cabeçalho Cinco

Cabeçalho Seis

Os Usos de vários tamanhos[editar | editar código-fonte]

  • h1 é reservado para títulos de artigos. Não use como cabeçalhos em artigos. Ocasionalmente, você vai ver os títulos h1 utilizados como cabeçalhos para anúncios, mas não é para isso que eles devem ser usados.
  • h2 é usado como cabeçalhos primários. Porém eles não vão se depositar ao redor de imagens ou outros objetos que tenham sido posicionados (floated). Sugere-se que você use cabeçalhos h3.
  • h3 é utilizado para subseções sob h2. Cabeçalhos H3 vão se depositar ao redor. Sugiro que você use h3 como seus cabeçalhos primários em vez de cabeçalhos h2 por causa da questão de depositar em redor.
  • h4 é usado para subseções sob h3.
  • h5 é usado para subselções sob h4. Raramente usado. 
  • h6 é usado para subseções sob h4. Novamente, raramente usado.
  • Tenha em mente que quando você quer adicionar sub cabeçalhos que deve haver pelo menos dois. Um cabeçalho com um sub cabeçalho é formatação pobre.

Aqui estão os códigos para HTML e Wikitexto para cabeçalhos:

HTML Wikitexto

<h1>Cabeçalho Um</h1>
<h2>Cabeçalho Dois</h2>
<h3>Cabeçalho Três</h3>
<h4>Cabeçalho Quatro</h4>
<h5>Cabeçalho Cinco</h5>
<h6>Cabeçalho Seis</h6>

=Cabeçalho Um=
==Cabeçalho Dois==
===Cabeçalho Três===
====Cabeçalho Quatro====
=====Cabeçalho Cinco=====
======Cabeçalho Seis======

Html7.jpg

  • Atenção: O uso de códigos HTML para cabeçalhos NÃO CRIA âncoras para ser usado como links. Se você quiser ter certeza de que você pode conectar-se a uma seção específica de um artigo, use codificação wikitexto ou os sinais = para os cabeçalhos.


Templates (Modelos)[editar | editar código-fonte]

O que é um template?[editar | editar código-fonte]

  • Um recipiente de coisas tais como texto, imagens, etc que podem ser incorporados em qualquer lugar em uma página.
  • É matéria que você deseja colocar em muitas páginas sem ter que digitá-la em cada artigo.
  • Tudo o que está no template, será o mesmo em qualquer artigo que incorpore o template.
  • Aqui está um exemplo de um template de imagem: {{CommunityTree}}

Predefinição:CommunityTree

  • Este atributo de não mudar, independentemente de onde o template é colocado é muito útil se você quiser criar uma série de artigos que usam o mesmo layout ou aparência.


Como criar um template[editar | editar código-fonte]

  • Ele é criado apenas como um artigo comum, mas para salvá-lo como um template você digitará assim:
    Predefinição:Nome da predefinição

Como incorporar um template[editar | editar código-fonte]

  • Para incorporar um template, você digita o seguinte código onde deseja que o template apareça:

Editando templates[editar | editar código-fonte]

Html7.jpg

  • IMPORTANTE: quando você editar um template, todas as alterações feitas nele vão aparecer em todas as cópias do template, não importa onde ele está inserido.
  • Se você acha que você pode querer editar um template em um artigo em particular, mas você não quer que as mudanças se mostrem no template nos outros artigos em que ele está inserido, use o código de acompanhamento para incorporar o template:
{{subst:Template name}}
  • A palavra "subst" transforma o template em uma cópia que pode ser editada sem afetar o template em outros artigos.

Html7.jpg

  • Para saber quais templates estão em uma página, clique em "Editar esta página" e confira abaixo da caixa de edição. Você vai ver uma lista completa de templates na página.

Criação de templates de página inteira[editar | editar código-fonte]

Se você tem uma página que é um formato que você deseja usar muitas vezes, crie um template. Obviamente, você estará fazendo mudanças a estas páginas então salve-as com o método subst.

Templates úteis[editar | editar código-fonte]

  • {{PAGENAME}} permite que você coloque o nome de um artigo que você está editando sem ter que digitá-lo. Exemplo: Você pode repetir o nome deste artigo usando a predefinição {{PAGENAME}} sem ter que digitá-lo.
  • Para mais informações sobre modelos ver: Ajuda:Templates


Barras Laterais
[editar | editar código-fonte]

O que é uma barra lateral?[editar | editar código-fonte]

  • Uma barra lateral é um template.
  • Ela se comporta exatamente como um template.
  • Normalmente um recipiente estreito com links, anúncios, etc, para aparecer em um dos lados de um artigo.
  • A barra lateral nesta página é, é claro, um exemplo de uma barra lateral.
  • Foi concebida para ser colocada num certo número de outros artigos como qualquer template que foi criado.
  • É geralmente informações que você deseja isolar do resto da matéria na página como um template regular.
  • Pode ser colocada em qualquer lugar em uma página.
  • Pode ser texto, imagens, tabelas, etc.
  • Barras laterais são muitas vezes utilizadas para anúncios. Porque ela está isolada do resto do artigo, você pode atualizar a barra lateral e ela será atualizada em todas as páginas em que ela aparece. Desta forma, você não tem que ir a barra lateral de cada página para atualizá-la. Esta é uma das razões reais que a barra lateral foi criada em primeiro lugar
  • É útil usar a palavra Sidebar para nomear a barra lateral, por exemplo: Predefinição:Sidebar Nome
  • Se você quiser a barra lateral para ser de um lado ou do outro no artigo, usar um atributo float.
  • Ele aparecerá onde você quer colocá-lo.
  • Normalmente, barras laterais são objetos estreitos, cerca de 150px de largura ou menos, para manter listas e/ou links.
  • Você pode pensar em adicionar uma borda e/ou uma cor bem clara como fundo.

Como uma barra lateral é criada[editar | editar código-fonte]

  • É criada como qualquer template.
  • For the most part sidebars are tables with any number of rows but only one cell in each row as follows:
  • A maior parte das barras laterais são tabelas com qualquer número de linhas, mas apenas uma célula em cada linha da seguinte forma:

<table>
<tr>
<td>Notícias e Eventos</td>
</tr>
<tr>
<td>{{{Notícias e Eventos}}}</td>
</tr>
<tr>
<td>
*Link Um
*Link Dois
*Link Três</td>
</tr>
</table>

{|
|-
| Notícias e Eventos

|-
| {{{Notícias e Eventos}}}

|-
|
*Link Um
*Link Dois
*Link Três

|}
  • NOTICE the {{{Notícias e Eventos}}} parameter. Ele está numa linha única

Como uma barra lateral é colocada numa página[editar | editar código-fonte]

  • É colocada na página com este código:
{{name of sidebar}}
  • Pode ser colocada em qualquer lugar..
  • Para mais informações sobre barras laterais veja: Ajuda:Sidebar
{Sidebar nome

| Notícias e Eventos=

}}


  • NOTICE Depois do sinal de igual você pode colocar uma notícia pequena.


Html7.jpg

  • Mantenha entradas curta. A barra lateral é normalmente apenas de 150px de largura e itens muito longos ocupam muito espaço e forçam os links para a parte inferior da barra lateral, caso seu trabalho esteja no topo da barra lateral.

Barras Laterais para anúncios[editar | editar código-fonte]

Infoboxes e Navboxes[editar | editar código-fonte]

Estes também são predefinições, predefinições de uso especial.

  • Infoboxes são geralmente colocados no canto superior direito de um artigo, com cerca de 200 pixels de largura, dando informações em formato de lista. Eles são usados geralmente para informação da organização: como diretores, endereço, informações de contato, etc. Para mais detalhes sobre como criá-los ver: Como criar um Infobox.
  • Navboxes estão geralmente na parte inferior do artigo e cobrem toda a largura da página. Eles geralmente contêm links como complemento para a informação. Eles podem conter links para vários tópicos e subtópicos, como links para páginas dos municípios de uma página de estado. Para obter detalhes sobre como criá-los ver: Como criar um Navbox.

Migalhas[editar | editar código-fonte]

Migalhas são trilhas no topo de uma página, que mostram ao procurador o tema principal de onde veio o artigo.

  • Elas são, basicamente, links internos separados por uma flecha.
  • Aqui está a codificação para a navegação na parte superior desta lição:

[[HTML and Wikitext - Lesson One| Lesson 1]] > [[HTML and Wikitext - Lesson Two|Lesson 2]] > [[HTML and Wikitext - Lesson Three|Lesson 3]] > [[HTML and Wikitext - Lesson Four|Lesson 4]] > [[HTML and Wikitext - Lesson Five|Lesson 5]] > [[{{PAGENAME}}]]


  • Observe a > que foi utilizada para separar cada link interno. Há algumas flechas personalizadas na base de dados de imagem que você pode usar também.
  • Se você está se perguntando sobre o [[{{PAGENAME}}]], é um pequeno template que coloca automaticamente o nome do artigo no local que este template é incorporado, que neste caso está na migalha no topo do artigo em fonte preta. Isto salva um pouco de digitação e também de cometer um erro na digitação, se é um título longo.
  • Para mais informações sobre menu superior ver: Trilhas de Migalhas.

Referências[editar | editar código-fonte]

Referências não são nada mais do notas de rodapé.

  • O código <ref>Reference</ref> é instalado logo após a palavra que você deseja colocar uma nota de rodapé na seguinte forma:

Quem disse; "Nenhum sucesso na vida pode compensar o fracasso no lar."<ref>Citação de J. E> McCullough, Home: The Savior of Civilization [1924], 42; Conference Report Apr. 1935, 116.</ref>

  • A frase com a referência se parecerá com isso no artigo:

Quem disse: "Nenhum sucesso na vida pode compensar o fracasso no lar."[1]

  • Observe um número sobrescrito entre parênteses.
  • Clique no número e você será levado para a referência na parte inferior da página, ou onde quer que você tenha colocado as notas de rodapé.
  • Na parte inferior da página, ou onde quer que você deseja que as notas de rodapé apareçam, instale esse código:

{{reflist}}.


  1. Quoted from J. E&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; McCullough, Home: The Savior of Civilization [1924}, 42; Conference Report Apr. 1935, 116.

O que você aprendeu nesta lição[editar | editar código-fonte]

  • Revisão dos Cabeçalhos
  • Como criar Templates
  • Como criar Barras Laterais
  • Organizar grande quantidade de texto em colunas sem tabelas
  • Como criar menu superior
  • Como criar Referências

Trabalho de casa[editar | editar código-fonte]

Problema Um - Lição 6[editar | editar código-fonte]

  • Use a lista aninhada da lição anterior e crie o mesmo com cabeçalhos. O primeiro conjunto da lista com cabeçalhos h3, o segundo conjunto de cabeçalhos h4 e terceiro conjunto com cabeçalhos h5.

Problema Dois - Lição 6[editar | editar código-fonte]

  • Crie uma barra lateral na sua caixa de areia que seja uma lista desordenada de cinco dos países ou municípios que seus antepassados vieram e um link para o artigo sobre esses países ou municípios.
  • Ela só pode ter 150px de largura.
  • Tem que ter uma borda preta de 1px de espessura.
  • Tem que ter uma cor de fundo, você escolhe.

Problema Três - Lição 6[editar | editar código-fonte]

  • Crie o template dizendo que você editou desta página. Um exemplo: "John Doe editou esta página Se você não gostar isto ver Robin Foster." Ou algo parecido.
  • Coloque uma borda em torno dele.
  • Dê-lhe uma cor de fundo.
  • Instale float:right no template.

Vá para a Sétima Lição[editar | editar código-fonte]