Exibir código-fonte para Seleção, Formatação e Posicionamento do Texto

=Seleção de Texto=
{|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| Para aplicar uma determinada formatação ao texto é preciso selecioná-lo, pode selecionar todo o texto da página ou apenas um fragmento.
|}
|-
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Selecionar Todo o Conteúdo da Página:'''

Para selecionar todo o conteúdo da página, clique dentro da área de edição e após clique no botão [[Imagem:SitePronto119.png]].

Todo o conteúdo da página, incluindo texto, imagens, ou tabelas serão selecionados.

Dessa forma você pode aplicar qualquer ação que desejar a todo o conteúdo da página.


[[Imagem:SitePronto169.png|400px|Clique para ampliar]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Selecionar um Fragmento de Texto:'''
Para selecionar um fragmento da página, clique com o botão esquerdo do mouse no início do texto que deseja selecionar, mantendo o botão esquerdo do mouse pressionado, arraste até selecionar todo o fragmento desejado. O processo de seleção irá parar quando você soltar o botão do mouse.
O fragmento selecionado ficará destacado. Você também pode selecionar palavras individuais dando um duplo clique sobre a mesma.<br><br>
[[Imagem:SitePronto170.png|400px|Clique para ampliar]]
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Site Pronto]]
|}
|}

=Formatação do Texto=
{|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| A formatação do texto determina a forma que seu texto vai aparecer na página, podem sem aplicados tipo de fonte, tamanho e cor do texto, ou aplicado um conjunto de estilos pré-definidos, entre outros, em apenas alguns segundos com um clique do mouse. Algumas opções de formatação são botões simples que ativam ou desativam um estilo quando você clica neles. Outras opções estão disponíveis como uma lista e ao clicar nelas a lista é exibida, desta forma você pode escolher uma opção de formatação.
|}
|-
|
|-
| style="border:1px solid #cccccc; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Negrito, Itálico, Sublinhado e Tachado'''
|}
| style="border:1px solid #cccccc; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Subscrito''' e '''Sobrescrito'''
|}
|-
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| [[Imagem:SitePronto171.png]]
* [[Imagem:SitePronto133.png]] - Negrito
* [[Imagem:SitePronto134.png]] - Itálico
* [[Imagem:SitePronto135.png]] - Sublinhado
* [[Imagem:SitePronto136.png]] - Tachado
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| [[Imagem:SitePronto176.png]] 
* [[Imagem:SitePronto137.png]] - Subscrito
* [[Imagem:SitePronto138.png]] - Sobrescrito
|}
|-
|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| '''Cor do Texto''' e '''Cor do Plano de Fundo'''
|}
|-
| colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| [[Imagem:SitePronto172.png]]
* [[Imagem:SitePronto148.png]] - Cor do texto
* [[Imagem:SitePronto149.png]] - Cor do fundo do texto
|}
|-
| colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| Ao clicar nessas opções será aberta uma paleta com 40 cores.
Se você quiser uma cor diferente das apresentadas clique na opção '''Mais Cores'''.

Será aberta a janela de diálogo '''Selecione uma cor''', onde você poderá escolher uma cor em uma paleta mais extensa.
|}
|-
|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| '''Estilo''', '''Formatação''', '''Fonte''' e '''Tamanho'''
|}
|-
| colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| [[Imagem:SitePronto173.png]]

* [[Imagem:SitePronto144.png]] - Estilos que reunem diversos tipos de formatação
* [[Imagem:SitePronto145.png]] - Formatação de título
* [[Imagem:SitePronto146.png]] - Tipo da fonte do texto
* [[Imagem:SitePronto147.png]] - Tamanho do texto
|}
|-
| colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| Ao clicar em cada um desses botões será exibida uma lista com as respectivas opções disponíveis.

Para facilitar a escolha os nomes das opções são exibidos com uma prévia de como será a aparência do texto formatado com cada opção.
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Site Pronto]]
|}
|}

==Removendo Formatação==
{|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| Para remover toda a formatação aplicada a um texto, selecione o fragmento de texto e clique no botão [[Imagem:SitePronto120.png]].
Toda a formatação do texto será removida e o texto será exibido na fonte e tamanho padrões.
|}
|-
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Texto formatado:'''
[[Imagem:SitePronto179.png|400px]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Texto com a formatação removida:'''
[[Imagem:SitePronto180.png|400px]]
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Site Pronto]]
|}
|}

=Ajustando a Posição do Texto=
{|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| O alinhamento do texto determina o posicionamento do texto na página.
O recuo define o espaço entre o início de um parágrafo e a margem esquerda.

A citação destaca o parágrafo do texto principal com recuo à esquerda e à direita.
|}
|-
|
|-
| style="border:1px solid #cccccc; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Alinhamento do Texto'''
|}
| style="border:1px solid #cccccc; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Recuo''' e '''Citação'''
|}
|-
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| [[Imagem:SitePronto174.png]]
* [[Imagem:SitePronto121.png]] - Alinhado à Esquerda
* [[Imagem:SitePronto122.png]] - Centralizado
* [[Imagem:SitePronto123.png]] - Alinhado à Direita
* [[Imagem:SitePronto124.png]] - Justificado
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| [[Imagem:SitePronto175.png]]
* [[Imagem:SitePronto142.png]] - Aumenta o recuo do texto
* [[Imagem:SitePronto141.png]] - Diminui o recuo do texto
* [[Imagem:SitePronto143.png]] - Citação
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Site Pronto]]
|}
|}