<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>blog.webtopia &#187; tutorial</title>
	<atom:link href="http://webtopia.com.br/blog/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://webtopia.com.br/blog</link>
	<description></description>
	<lastBuildDate>Tue, 10 Jan 2012 15:53:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Etapas do Desenvolvimento de Sites</title>
		<link>http://webtopia.com.br/blog/etapas-do-desenvolvimento-de-sites-2/</link>
		<comments>http://webtopia.com.br/blog/etapas-do-desenvolvimento-de-sites-2/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 23:08:20 +0000</pubDate>
		<dc:creator>web.topia</dc:creator>
				<category><![CDATA[Developer]]></category>
		<category><![CDATA[Webtopia]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=308</guid>
		<description><![CDATA[<p>Posted in <a href="http://webtopia.com.br/blog/category/developer/" title="Developer">Developer</a><a href="http://webtopia.com.br/blog/category/noticias/webtopia/" title="Webtopia">Webtopia</a></p>Antes de inciar a construção de um website é importante que haja um planejamento do projeto dividindo-o em etapas para melhor organizar a execução das tarefas. Apresentamos a seguir uma sugestão de metodologia para este desenvolvimento]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Antes de inciar a construção de um website é importante que haja um planejamento do projeto dividindo-o em etapas para melhor organizar a execução das tarefas. Apresentamos a seguir uma sugestão de metodologia para este desenvolvimento dividindo o processo nas seguintes etapas:</p>
<p style="text-align: center;"><strong>Definição,  Arquitetura, Design, Implementação</strong></p>
<p style="text-align: justify;">A divisão do trabalho nestas etapas não significa a existência exata de uma fronteira entre elas. Na verdade, no decorrer do processo as etapas interagem enquanto são redefinidos detalhes do projeto. Grandes empresas geralmente têm equipes formadas por especialistas nas diversas tarefas de criação de um site. Cada um deles responsável por um assunto específico no projeto.</p>
<p><BR><br />
<h2>Definição</h2>
<p style="text-align: justify;">Esta é a primeira etapa do projeto de um website e tem início na primeira reunião com o cliente,  onde a equipe de projeto tem o primeiro envolvimento com o material que deve ser disponibilizado no site.</p>
<p>O material coletado nesta fase deve ser analisado pela equipe e os objetivos e soluções começam a se delinear. Aqui já podemos ter uma idéia incial dos módulos que teremos dentro do site.</p>
<p>É importante ressaltar que nesta fase o projeto deve se adequar às exigências de orçamento e prazos impostas e assim podemos limitar o escopo do projeto, considerando os diferentes módulos e tecnologias a serem empregadas.</p>
<p style="text-align: justify;"><strong>Pontos importantes : </strong></p>
<p style="text-align: justify"><strong><img class="alignleft" title="01" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/01.jpg" alt="01" width="208" height="160" />Objetivos X Orçamento </strong><br />
É importante definir qual o objetivo do site e o que o cliente está esperando de retorno deste trabalho; também precisamos definir o tempo estimado para finalização e disponibilização do site na rede. Estes parâmetros nos ajudam a delimitar o escopo do projeto e o tamanho do site em termos gerais.</p>
<p style="text-align: justify;"><strong>Levantamento de Fontes </strong><br />
As informações passadas pelo cliente nas reuniões iniciais devem ser anotadas para posterior discussão pela equipe, assim como devemos coletar todo o material disponível na forma de impressos ( folders, manuais, guias, etc )  ou já digitalizados em diferentes formatos eletrônicos ( textos em fomatos doc , pdf, outros;  planilhas Excel ; etc ) . Da mesma forma devemos coletar  imagens como fotografias (digitalizadas ou não ), logotipos , e também , se for o caso imagens em vídeo.</p>
<p style="text-align: justify;"><strong>Análise do Conteúdo </strong><br />
A equipe de projeto deve decidir num primeiro momento , frente ao material coletado , o que é interessante para constar no site e o que pode ser deixado de lado. Cada mídia tem sua especifidade e peculiaridades. Devemos ter em mente as limitações e recursos da Web ao selecionarmos o material passado pelo cliente.</p>
<p style="text-align: justify;">Observar também a qualidade de conservação do material, o que pode compremeter o resultado final da digitalização, e a atualidade das informações contidas em impressos. Nesta etapa podemos identificar diferentes ferramentas necessárias para manipular o material coletado e também para converter o que  já está digitalizado.</p>
<p style="text-align: justify;"><strong>Análise de Contexto </strong><br />
Uma vez que já temos definido o objetivo do nosso site devemos observar também em que cenário o trabalho estará sendo inserido. Para tanto é aconselhável uma visita a alguns  sites &#8220;concorrentes&#8221;  na procura de um certo diferencial que traria maior notoriedade ao site em desenvolvimento e eventualmente amior valor ao produto veiculado.</p>
<p style="text-align: justify;"><strong><img class="alignleft size-full wp-image-247" title="09" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/09.jpg" alt="09" width="208" height="160" />Público Alvo e Tecnologias Empregadas </strong><br />
Estar usando as últimas tecnologias disponíveis na rede nem sempre é o ideal em um site, uma vez que muitas destas tecnologias dependem de um plug-in instalado ou de uma configuração mínima de processador, vídeo, etc.  Precisamos ter uma idéia do perfil do nosso público alvo no que se refere ao tipo de equipamento e de software que utiliza, o tipo de resolução de vídeo mais comum (800&#215;600 ou 480&#215;640),  além de situar este público em termos sócio-culturais e econômicos. Conhecer o público alvo é um fator determinante não só na escolha das tecnologias, como também na linguagem que o site deve transmitir.</p>
<p style="text-align: justify;"><strong>Protótipo e Aprovação </strong><br />
Considerados os pontos citados acima, a equipe de projeto tem condições de apresentar um protótipo do site proposto contendo já alguns dos elementos de design e um primeiro nível de navegação para que o cliente possa ter uma idéia mais concreta sobre o produto que estará sendo desenvolvido. Uma vez aprovado este protótipo a equipe pode passar às novas fases do projeto.<br />
<BR><br />
<h2>Arquitetura</h2>
<p style="text-align: justify;">Nesta fase a equipe de projeto analisa as informações levantadas na etapa anterior , determinando a relevância do material recolhido, a estrutura da informação,  os diferentes grupos de informação que serão tratados no site, a prioridade como estas informações devem ser apresentadas.</p>
<p style="text-align: justify">Aqui devemos ter um bom senso em privilegiar as informações mais relevantes, considerando o objetivo do site, e colocar em destaque as seções mais importantes para o público alvo, facilitando ao máximo o acesso às informações procuradas.</p>
<p><strong>Pontos Importantes :</strong></p>
<p style="text-align: justify"><strong><img class="alignleft size-full wp-image-248" title="02" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/02.jpg" alt="02" width="208" height="160" />Definição da &#8220;Mensagem do site&#8221;</strong><br />
O que consideramos como objetivo do site deve aparecer de forma bem definida pela estrutura proposta.</p>
<p style="text-align: justify;"><strong>Estrutura da Informação</strong><br />
Esta tarefa consiste em agrupar as  informações, identificando-as  e separando em blocos  organizados por seções ou assuntos principais. Aqui podemos utilizar  gráficos que representem  toda a árvore de navegação onde podemos identificar a profundidade em níveis de hierarquia da informação e a largura do site referente ao número de blocos de informação em cada um dos níveis. É interessante que haja um certo equilíbrio entre largura e profundidade, pois sites com grande largura significam  opções e saídas em excesso a partir de uma mesma página (o que pode confundir o navegante) , e sites com muitos níveis de profundidade representam muitas páginas a serem carregadas até se chegar à informação procurada o que pode fazer com que o visitante desista de chegar ao final de sua busca.</p>
<p style="text-align: justify;"><strong>Recursos da Interface </strong><br />
Para cada um dos blocos de informação definidos devemos aproveitar os recursos que a interface nos oferece, determinando a melhor maneira de apresentar estas informações considerando diferentes mídias.  Não devemos esquecer das possibilidades de integração do site com recursos de Bancos de Dados que podem enriquecer o site propiciando um maior número de serviços a oferecer; tecnologias como ASP, Active Server Pages, da Microsoft possibilitam a geração de páginas dinâmicas a partir de informações previamente cadastradas em um banco de dados  Access. Programação Cgi ( C++,Perl, Java, &#8230; ) , e outros recursos e tecnologias proprietárias ou abertas ,  são de grande ajuda na implementação de funções mais complexas e tarefas  mais sofisticadas.<br />
Outra possibilidade é a inclusão de módulos de Comércio Eletrônico onde o visitante poderia estar adquirindo produtos e serviços on-line.</p>
<p style="text-align: justify;"><strong>Interatividade </strong><br />
Pensar como a interatividade deve estar presente no site quando ela se fizer necessária, e de que maneira, ou a que níveis. A interatividade deve estar presente se encaixar perfeitamente no contexto do site.</p>
<p style="text-align: justify"><strong><img class="alignleft size-full wp-image-249" title="03" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/03.jpg" alt="03" width="208" height="160" />Navegabilidade </strong><br />
Também definimos como será o processo de navegação pela interface, como o visitante poderá navegar pelo site. Podemos definir o trajeto como exploratório onde  ao interagir com o site o navegante vai aos poucos descobrindo suas diversas informações, funções e serviços, ou explanatório, onde de início já aparecem informadas e descritas de forma explícita o que se pode conseguir do site. As duas formas são válidas dependendo da situação em que apresentam.</p>
<p style="text-align: justify">Ainda em relação ao trajeto podemos definir diferentes formas de ligação entre os módulos definidos na estrutura do site permitindo possibilidades diferentes aos navegantes.</p>
<p style="text-align: justify">Podemos chamar de  navegação de  &#8220;circular&#8221;  onde de qualquer ponto podemos chegar diretamente aos outros módulos do site; neste caso a partir de qualquer página podemos alcançar as demais existentes no site , ou as páginas das seções principais.  Isto, a princípio, e o que mais facilitaria ao navegante percorrer o site.</p>
<p style="text-align: justify">Outro tipo de estrutura permite a navegação de forma sequencial, como se estivéssemos lendo um livro página após página. Em alguns casos isso pode ser interessante.</p>
<p style="text-align: justify">Podemos ainda pensar em estruturas rigidamente hierárquicas o que a princípio não parece ser interessante pois exige um excesso de vai e vem no site até que o navegante chegue ao final de sua busca.</p>
<p><BR><br />
<h2>Design</h2>
<p style="text-align: justify;">Uma vez definida a estrutura do site e sua funcionalidade, passamos a pensar na proposta gráfica apresentada pelo designer.  Aqui temos o encaixe da Arquitetura das Informações com o Projeto Gráfico, onde as metáforas visuais são incorporadas ao site auxiliando e melhorando a navegação proposta na fase anterior.</p>
<p><strong>Pontos Importantes :</strong></p>
<p style="text-align: justify"><strong><img class="alignleft size-full wp-image-250" title="04" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/04.jpg" alt="04" width="208" height="160" />Tipografia</strong><br />
Este é um detalhe de extrema importancia que muitas vezes não é levado em conta.  Existe uma série de estudos em relação ao uso de diferentes tipos de fonte possíveis. O tipo de fonte usado em seu site deve-se adequar à mensagem que você está querendo transmitir. Considere também o aspecto legal que rege a utilização e veiculação.</p>
<p style="text-align: justify">A lnguagem é bastante limitada no que se refere à tipografia. Alguns tipo de fonte são definidos no Html padrão e outras podem ser utilizadas através de diretivas específicas que referenciam fontes supostamente instaladas no cliente; como nem sempre o cliente tem a fonte especificada perdemos o controle sobre o que será apresentado.</p>
<p style="text-align: justify">A disponibilização de imagens na forma de gráficos contorna este problema mas depara em outros como descrito a seguir. Via de regra utilizamos gráficos para representar textos quando se trata de títulos, banners ou outras chamadas na forma de ícones dentro do site.</p>
<p style="text-align: justify"><strong></p>
<p style="text-align: justify">
<p></strong></p>
<p style="text-align: justify">
<p style="text-align: justify">
<p style="text-align: justify">
<p style="text-align: justify;"><strong>Redação de textos </strong><br />
Na fase de definição levantamos parte do material na forma de textos que deverão ser revistos, algumas vezes redigitados, ou importados de diferentes formatos. Devemos nos lembrar que a forma de apresentação de textos na rede tem suas peculiaridades; geralmente o visitante do site não dispõe de tempo e paciência para ler textos demasiadamente extensos na frente de um monitor. É aconselhável então apresentar textos na forma resumida e possibilitar o acesso a textos na íntegra no forma de documentos no formato PDF ( Adobe )  ou  DOC ( Microsoft ).   A apresentação do texto em colunas que não preencham toda a extensão horizontal da tela também facilitam a leitura.</p>
<p style="text-align: justify;">O tipo de fonte utilizado também devem seguir alguns padrões. Sugerimos a utilização da fonte Arial ( ou Helvética ) , tamanho 10 para textos genéricos, 12 para textos em destaque, e 8 para observações sem muito destaque.   Também é possível disponibilizar textos na forma de imagem, eliminando assim o problema de visualização caso o visitante não possua a fonte usada no site;  no entanto esse procedimento recebe algumas críticas devido ao tamanho das imagens e impossibilidade de pesquisa por palavra chave dentro destes textos.</p>
<p style="text-align: justify;"><strong><img class="alignleft size-full wp-image-251" title="05" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/05.jpg" alt="05" width="208" height="160" />Criação de Imagens </strong><br />
As imagens utilizadas em um site são, via de regra, nos formatos .GIF (Graphics Interchange Format)  e .JPG ( Joint Photographics Experts Group )  , assim sendo , algumas das imagens já digitalizadas , obtidas na fase incial, talvez devam ser transformadas para os padrões citados.</p>
<p style="text-align: justify;">Para visualização das imagens no vídeo não necessitamos de alta resolução nas imagens, sendo aconselhável a densidade de 72 dpi, o que resulta em imagens mais reduzidas em bytes que facilitam o tráfego pela rede.</p>
<p style="text-align: justify;">As imagens coletadas na fase inicial e que ainda não estão digitalizadas devem então ser escaneadas ( observando a densidade de 72 dpi já citada ) e tratadas em softwares específicos como  Adobe Photoshop ,  Paint Shop Pro , ou similares.</p>
<p style="text-align: justify"><strong> </strong></p>
<p><BR></p>
<h2 style="text-align: justify">Implementação</h2>
<p style="text-align: justify;">Esta é a fase final do desenvolvimento do site que já aprovado pelo cliente deve ser então ser disponibilizado na rede.  Temos assim uma finalização da criação de todas as páginas, imagens, e outras mídias.</p>
<p style="text-align: justify"><strong>Pontos Importantes :</strong></p>
<p style="text-align: justify"><strong> </strong></p>
<p style="text-align: justify"><strong><img class="alignleft size-full wp-image-252" title="07" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/07.jpg" alt="07" width="208" height="160" />Programação</strong><br />
Nesta etapa temos a finalização e integração de todas as páginas e  programação cgi , verificação de todos os links, etc.  Uma especial atenção deve ser dada ao caminho dos links que eventualmente não serão os mesmo no servidor.</p>
<p style="text-align: justify"><strong>Teste da Interface</strong><br />
É importante uma verificação final de todo o site enfim de analisar se a interface está correspondendo ao esperado na fase de Definição. Verficar a visualização em diferentes browsers e versões e também em diferentes modos de configuração de monitor e definição de cores. Observar se não há falhas na lógica de navegação.</p>
<p style="text-align: justify"><strong>Definição do servidor</strong><br />
Faça um estudo prévio das necessidades de hardware e software antes de decidir por um ou outro servidor.<br />
Empresas que hospedam páginas têm diferentes políticas de preços de acordo com  tamanho do site e o tipo de serviços disponíveis, como endereços e-mail, contadores de acesso, tratamemto de formulários, integração com banco de dados, etc.  A definição do endereço também interfere no preço como descrito a seguir.</p>
<p style="text-align: justify">Além do preço, devemos considerar as especificações técnicas sem as quais o site se tornará deficiente.  Existem diferentes servidores Web disponíveis no mercado; o uso de certas tecnologias como disponibilização de bancos de dados integrados ao site por exemplo, depende de servidores específicos de determinados fabricantes; o mesmo para disponibilização de outras mídias como som e vídeo. Também questões referentes à velocidade do link devem ser levadas em conta.</p>
<p><strong>Definição do endereço (URL)</strong><br />
O endereço do site (URL &#8211; Uniforme Resource Locator)  indica o entrada inicial de nosso site.</p>
<p style="text-align: justify">Pode aparecer como um domínio próprio  (www.suaempresa.com.br)  ou sublocado (www.servidor.com.br/suaempresa) ; as duas formas de disponibilização são válidas sendo que o endereço com domínio próprio depende de cadastramento junto aos órgãos que controlam a definição de endereços (registro.br, no Brasil e Internic nos Estados Unidos).</p>
<p style="text-align: justify"><strong><img class="alignleft size-full wp-image-253" title="10" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/10.jpg" alt="10" width="180" height="227" />Upload  de  arquivos</strong><br />
Uma vez definido o servidor e o domínio devemos tranferir todos os arquivos para a máquina onde ficará instalado nosso site. Via de regra isso acontece utilizando diferentes programas de FTP.</p>
<p style="text-align: justify"><strong>Lançamento do site</strong><br />
Existem milhares de sites disponíveis na rede. Para que seu trabalho não passe desapercebido neste mar de informações é necessário um trabalho de divulgação utilizando vias impressas convencionais como mala direta, revistas, jornais, outdoors, panfletos, etc, e até mesmo propaganda em televisão.</p>
<p style="text-align: justify">A divulgação via eletrônica através de listas, ou grupos de discussão deve ser feita de forma criteriosa para não criar spams indesejáveis o que pode comprometer a imagem do cliente.</p>
<p style="text-align: justify;">
<p style="text-align: right"><span style="color: #888888;"><em>Fonte: http://www.unicamp.br/~everaldo/websites/arquitetura_websites.html</em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/etapas-do-desenvolvimento-de-sites-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Manual de utilização do WordPress</title>
		<link>http://webtopia.com.br/blog/manual-de-utilizacao-do-wordpress/</link>
		<comments>http://webtopia.com.br/blog/manual-de-utilizacao-do-wordpress/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 23:03:45 +0000</pubDate>
		<dc:creator>web.topia</dc:creator>
				<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=108</guid>
		<description><![CDATA[<p>Posted in <a href="http://webtopia.com.br/blog/category/tutoriais/" title="Tutoriais">Tutoriais</a><a href="http://webtopia.com.br/blog/category/wordpress/" title="wordpress">wordpress</a></p>O WordPress é uma popular ferramenta para edição e gerênciamento de conteúdos na web (CMS).  Veja como escrever um post/publicação no wordpress com este tutorial.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">
<p style="text-align: justify;"><img class="size-thumbnail wp-image-154 alignleft" title="wordpress" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/wordpress-150x150.jpg" alt="wordpress" width="150" height="150" /><br />O WordPress é uma popular ferramenta para edição e gerênciamento de conteúdos na web (CMS).  Veja como escrever um post/publicação no wordpress com este tutorial. Abaixo os tópicos que serão abordados neste tutorial:</p>
<p>
Painel de Administração<br />
Menu Geral<br />
Editor de conteúdo<br />
Escrever post / artigo<br />
Escrever uma página<br />
Adicionando um link<br />
Gerenciar Arquivos de Mídia</p>
<h2 style="text-align: justify;">Painel de Administração</h2>
<p style="text-align: justify;">Esta tela é a página de entrada do seu administrativo.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-110" title="painel" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/painel.jpg" alt="painel" width="500" height="197" /><br />
No Painel, ou Dashboard em inglês, você encontra um resumo de atividades no site, bem como alguns alertas do sistema que necessitam da sua atenção.</p>
<p style="text-align: justify;">Na imagem acima possuímos as seguintes opções:</p>
<p style="text-align: justify">- Painel de Controle do WordPress.<br />
- Botão &#8220;visitar site&#8221; de visualização do site: Ao clicar neste comando, você será redirecionado para a estrutura do blog desenvolvido. Portanto, sempre que efetuar a atualização do blog, clique no comando Ver o site para visualizar o resultado desta ação.<br />
- Menu geral.<br />
- Atalho rápido para escrever um novo post ou uma nova página.<br />
- Resumo dos recursos utilizados atualmente pelo seu blog.</p>
<p style="text-align: justify">O painel de administração do WordPress também apresenta 5 boxs contendo alguns recursos e atalhos para determinados serviços utilizados, são eles:<br />
<strong>Comentários</strong> &#8211; Box que lista todos os comentários feitos pelos internautas que são atribuídos ao seu blog.<br />
<strong>Links de entrada</strong> &#8211; Listagem dos links que são feitos por outros blogs para o seu.<br />
<strong>Blog de desenvolvimento do WordPress</strong> &#8211; Todas as informações que são vinculadas ao blog oficial do WordPress serão listadas neste box para a sua consulta.<br />
<strong>Plugins </strong>- Todos os novos plugins que são desenvolvidos para o WordPress são apresentados neste box para que você possa atualizar o seu blog conforme achar necessário. Aqui serão sempre listados os novos recursos para as ferramentas utilizadas.<br />
<strong>Outras notícias do WordPress</strong> &#8211; Notícias vinculadas ao WordPress são apresentadas aqui.</p>
<h2>Menu geral</h2>
<p style="text-align: justify"><img class="size-full wp-image-111 alignleft" title="menu" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/menu.jpg" alt="menu" width="160" height="457" />O gerenciamento de um conteúdo no blog que estamos desenvolvendo se divide em 4 opções, que contidas dentro do menu Gerenciar no seu menu principal.</p>
<p style="text-align: justify"><strong>Gerenciando um Post</strong><br />
Administramos todos os Posts que desenvolvemos em nosso blog através desta opção.<br />
Veja como administramos os recursos desta opção clicando aqui.</p>
<p style="text-align: justify"><strong>Gerenciando uma Página</strong><br />
Administramos todas as Páginas desenvolvidas em nosso blog através desta opção.</p>
<p style="text-align: justify"><strong>Gerenciando Arquivos de Mídias</strong><br />
Todos as mídias aplicadas em seu blog serão gerenciadas por esta opção.</p>
<p style="text-align: justify"><strong>Gerenciando uma Categoria</strong><br />
As Categorias que criamos para cada post são administradas através deste menu.<strong> </strong></p>
<p></p>
<p style="text-align: justify">
<h2>Escrevendo:</h2>
<p>Você pode editar um post ou página existente ou adicionar novas. Pode formatar o texto como no Word. É claro que existem muitas limitações pois os textos na internet devem ser mais padrões.</p>
<p style="text-align: justify">Um post é a criação de um conteúdo que será publicado de forma cronológica em seu blog, enquanto escrever uma página é fixar o conteúdo de forma estática, que não será disponibilizada na página principal, e sim numa página que surgirá separadamente das postagens.</p>
<p></p>
<h2 style="text-align: justify">Editor de conteúdo</h2>
<p style="text-align: justify">O editor de texto do WordPress é muito semelhante ao do Word, porém conta com recursos superiores.</p>
<p style="text-align: justify">Você poderá trabalhar com o editor de duas formas, com o editor Visual ou com o editor HTML. O editor Visual o mais recomendado, pois não requer conhecimento da linguagem HTML. Utilizando o editor Visual, toda a informação que for incluída no box do editor será convertida automaticamente em HTML e irá apresentar o texto de forma visual para você.</p>
<p style="text-align: justify">O editor HTML serve para aqueles que possuem conhecimento em HTML e desejam escrever diretamente nesta linguagem.</p>
<p style="text-align: justify">O editor de conteúdo contém recursos que ficam ocultos, as chamados opções avançadas. Para exibir estas opções e utilizar os recursos oferecidos por elas, utilize o comando Alt+Shift+Z ou clique no botão Mostrar/ocultar opções avançadas no editor.</p>
<p style="text-align: justify">
<p style="text-align: justify"><img class="aligncenter size-full wp-image-124" title="Untitled-1" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/Untitled-1.jpg" alt="Untitled-1" width="500" height="309" /></p>
<p style="text-align: justify">
<p style="text-align: justify">Abaixo está a lista de comandos do editor com todos os recursos, incluindo as opções avançadas:</p>
<p style="text-align: justify">- <strong>Upload/Inserir</strong> (da esquerda para à direita): Adicionar uma imagem, Adicionar vídeo, Adicionar áudio, Adicionar mídia.</p>
<p style="text-align: justify">- <strong>Comandos do editor Visual</strong>: Negrito, Itálico, Riscado, Lista não ordenada, Lista ordenada, Citação, Alinhar à esquerda, Centralizar, Alinhar à direita, Inserir/editar link, Remover link, Inserir/editar imagem, Inserir a tag Mais (more), Ativar/desativar a correção ortográfica, Ativar/remover modelo de tela inteira, Mostrar/ocultar opções avançadas.</p>
<p style="text-align: justify">- <strong>Opções avançadas do editor Visual </strong>(da esquerda para a direita): Tipo de fonte, Sublinhado, Justificar, Selecionar a cor do texto, Colar como texto simples, Colar do Word, Remover formatações, Inserir/editar mídia incorporada, Inserir símbolo, Diminuir recuo, Aumentar recuo, Desfazer, Refazer, Ajuda.</p>
<p></p>
<h2 style="text-align: justify">Escrever Post</h2>
<p style="text-align: justify">Para escrever um post (conteúdo), é necessário clicar na aba Posts / Adicionar Novo (sempre que que clicarmos nesta aba, ela seleciona a opção de criação de um post). Deve-se entender que um post é diferente de uma página.</p>
<p style="text-align: justify">Um post é a criação de um conteúdo que será publicado de forma cronológica em seu blog, enquanto escrever uma página é fixar o conteúdo de forma estática, que não será disponibilizada na página principal, e sim numa página que surgirá separadamente das postagens.</p>
<p style="text-align: justify">Clicando na opção Adicionar Novo, você irá visualizar novamente o editor de conteúdo para criar o assunto com as informações desejadas. No campo <strong>Título</strong> você irá incluir o nome do assunto em questão que será publicado, já no box <strong>Post</strong> você deverá incluir as informações que achar necessário com todos os recursos oferecidos pelo editor.</p>
<p style="text-align: justify">Antes de publicar este simples conteúdo, é necessário complementar o post que está sendo criado com os recursos oferecidos pelo WordPress. Observe a figura abaixo que irá exibir uma lista de opções que serão disponibilizadas para complementar a criação de um post. Estas opções se encontram abaixo do editor de conteúdo:</p>
<p style="text-align: justify"><img class="size-full wp-image-128 alignleft" title="publicar" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/publicar.jpg" alt="publicar" width="250" height="451" /> <strong>Tags: </strong>A função das Tags é para facilitar a classificação de assuntos do conteúdo. É como se fossem etiquetas. A gente marca Tags para etiquetar um post sobre determinado assunto. São como categorias menos importantes. São palavras-chaves que serão relacionadas a todos os assuntos que estiverem vinculados a esta informação, ou seja, em seu primeiro post é criado um determinado assunto (tutorial de ajuda) e definirá uma única tag (dicas) neste post.</p>
<p style="text-align: justify">Os demais posts que forem criados e possuírem esta mesma tag, neste caso a tag (dicas), vão possuir um vínculo, e toda vez que você clicar na tag (dicas) todos os posts que possuírem esta tag serão listados na sua página principal. Esse tutorial está com as tags: tutorial, manual, wordpress. Separe as tags por vírgula e clique em Add.</p>
<p style="text-align: justify"><strong>Categorias: </strong>Através das categorias é possível subdividir o conteúdo que será exposto no sistema em diferentes temas. Quando for efetuada a postagem você poderá selecionar uma, duas ou diversas categorias para que todas as postagens sejam encontradas sob os temas desejados.</p>
<p style="text-align: justify">Como é o seu primeiro post, vamos criar uma categoria para ele. Clique na opção + Adicionar nova categoria e no box que irá surgir abaixo escreva o nome da categoria que estamos criando. Defina se esta será a Categoria mãe (responsável por outras futuras Categorias que serão criadas e vinculadas a esta) ou se ela é uma Categoria Não Classificado, após definir estas informações, clique em Adicionar.</p>
<p style="text-align: justify">Esta Categoria será encaminhada para o box Todas as categorias e basta selecioná-la utilizando o seu marcador de seleção, que se encontra ao lado esquerdo.É importante você marcar ou adicionar uma categoria a que se refere o post. Por exemplo, este post está nas categorias Tutorial  (As categorias funcionam como uma espécie de Menu. Quando você cria uma categoria, ele cria um link como um menu no seu blog automaticamente). Não há limite para o número de categorias para marcar em um conteúdo.</p>
<p style="text-align: justify">Desta forma você adicionou uma Categoria para o seu post com sucesso.</p>
<p style="text-align: justify"><strong>Resumo:</strong> Como é descrito abaixo do box de mesmo nome, você poderá utilizar o recurso Resumo para dar uma descrição do conteúdo do post que você está escrevendo.</p>
<p style="text-align: justify"><strong>Trackbacks:</strong> Inclua no box Trackbacks as URL’s dos blogs que você conhece, desta forma você terá o link do blog desejado listado em seu sistema.</p>
<p style="text-align: justify"><strong>Campos personalizados:</strong> São responsáveis por armazenar um conteúdo adicional sobre a informação que está sendo postada. Metadados são dados sobre dados. Informações sobre a própria informação.</p>
<p style="text-align: justify"><strong>Comentários e pings: </strong>Você define se o usuário poderá efetuar um comentário em seu post ou não através da opção Permitir comentários. A opção Permitir pings serve para que o seu blog avise aos sistemas de gerenciamento que o mesmo foi atualizado sempre quando for incluída uma nova postagem.</p>
<p style="text-align: justify"><strong>Proteger com senha:</strong> Definimos aqui uma senha que deverá ser utilizada pelos usuários para que estes possam comentar e visualizar os Comentários em seu blog.</p>
<p style="text-align: justify"><strong>Após definir as configurações do post que você está criando, salve o conteúdo através do comando Publicar que se encontra ao lado direito do editor de conteúdo.</strong></p>
<p></p>
<h2 style="text-align: justify">Escrever uma página</h2>
<p style="text-align: justify">Escrever uma página é tão simples quanto criar um post, porém você estará criando um local de conteúdo estático no WordPress. O editor de conteúdo utilizado para a criação de uma página não é modificado, portanto você terá muita facilidade durante o desenvolvimento. Vamos então desenvolver uma página e ficar atentos para a complementação das Opções avançadas que veremos abaixo.</p>
<p style="text-align: justify">Desenvolva o conteúdo desejado utilizando todos os recursos do editor de texto, como se fosse desenvolver um post. Concluído o conteúdo da página desejada, vamos complementá-la com os recursos oferecidos pelas Opções avançadas.</p>
<p style="text-align: justify">Vamos ver os recursos oferecidos por cada uma destas opções:</p>
<p style="text-align: justify"><img class="size-full wp-image-131 alignleft" title="atributos" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/atributos.jpg" alt="atributos" width="250" height="434" /></p>
<p style="text-align: justify"><strong> Campos personalizados:</strong> Possui a mesma função da categoria post. São responsáveis por armazenar um conteúdo adicional sobre a informação que está sendo postada. Metadados são dados sobre dados. Informações sobre a própria informação.</p>
<p style="text-align: justify"><strong>Comentários e pings</strong>: Definimos aqui se o usuário poderá escrever um comentário em seu post ou não, através da opção Permitir Comentários. A opção Permitir pings serve para que o seu blog avise aos sistemas de gerenciamento que o ele foi atualizado, isto ocorrerá sempre quando você incluir uma nova postagem.</p>
<p style="text-align: justify">Esta página é <strong>protegida por senha</strong>: Definimos aqui uma senha que deverá ser utilizada pelos usuários, para que possam visualizar a sua página e os Comentários em seu blog e assim adicionar um comentário nesta página.</p>
<p style="text-align: justify"><strong>Página Mãe</strong>: É possível que uma página esteja dentro de outra, ou seja, é possível fazer uma página filha, neta, e assim por diante.</p>
<p style="text-align: justify"><strong>Modelo da Página</strong>: De acordo com o tema do seu site podem ser oferecidos diferentes modelos para visualização de conteúdo. Na maioria das vezes o modelo padrão atende a todas as necessidade do site, ou seja, só é necessário modificar o modelo em um nível de uso avançado.</p>
<p style="text-align: justify"><strong>Ordem da página:</strong> A disposição do menu geralmente obedece a uma ordem, que é definida nesta configuração. Isso altera a sequência e disposição das páginas no menu, se ele estiver configurado pelo administrador para atender essa ordem.</p>
<p style="text-align: justify">Após incluir estas informações, salve o conteúdo da página através do comando &#8220;<strong>Publicar</strong>&#8220;.</p>
<p></p>
<h2 style="text-align: justify">Adicionando um link</h2>
<p style="text-align: justify">É possível adicionar alguns links (atalhos) para outros sites em seu blog. Em todos os Temas do WordPress você irá visualizar, na lateral esquerda do seu blog, um pequeno menu listando os sites favoritos existentes em seu blog, esta listagem é conhecida como Blogroll (iremos lhe ensinar como modificar este título ainda neste tutorial).</p>
<p style="text-align: justify">Você poderá adicionar os links para outros sites e blogs conforme desejar.</p>
<p style="text-align: justify">Vamos adicionar um link seguindo as orientações abaixo:</p>
<p style="text-align: justify">Clique na aba Escrever e, depois na opção nomeada como Link. Você estará no setor nomeado como Adicionar Link.</p>
<p style="text-align: justify"><img class="aligncenter size-full wp-image-134" title="linkd" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/linkd.jpg" alt="linkd" width="500" height="347" /></p>
<p style="text-align: justify"><strong>Nome</strong>: Informe aqui o nome do link que será exibido na lista do Blogroll, por exemplo, o nome do site, o tipo ou o nome pelo qual é conhecido.</p>
<p style="text-align: justify"><strong>Endereço (URL)</strong>: Aqui informamos a URL do site que será acessado, por exemplo http://seuwebsite.com.</p>
<p style="text-align: justify"><strong>Descrição: </strong>O texto acima será mostrado quando alguém passar o cursor do mouse em cima do link, na lista de sites favoritos ou, opcionalmente, abaixo do link.</p>
<p style="text-align: justify">Complemente a criação dos links utilizando os recursos disponibilizados pela opção <strong>Categorias</strong> e pelas <strong>Opções avançadas</strong>.</p>
<p style="text-align: justify"><strong>Categorias: </strong>Possui a mesma função das categorias de um Post ou de uma Página. Através das categorias é possível subdividir o conteúdo que será exposto no sistema em diferentes temas. Quando for efetuada a postagem você poderá selecionar uma, duas ou diversas categorias para que todas as postagens sejam encontradas sob os temas desejados.</p>
<p style="text-align: justify"><strong>Opções avançadas</strong></p>
<p style="text-align: justify"><strong>Destino: </strong>Nesta opção nós configuramos de que forma o link que estamos criando será acessado/visualizado, ou seja, de que forma ele será aberto em seu navegador. Veja o que cada configuração poderá fazer: _blank (o link será aberto em uma nova janela), _top (o link configurado será aberto na mesma janela) e nenhum (não disponibiliza nenhum conteúdo).</p>
<p style="text-align: justify"><strong>Relação de Links (XFN)</strong>: Se o link que estamos criando é para uma pessoa, você pode especificar a sua relação com ela usando os recursos do formulário desta opção. Se você quiser saber mais sobre esta idéia consulte XFN.</p>
<p style="text-align: justify"><strong>Avançada: </strong>São complementos dos links, onde podemos incluir algumas imagens, endereço do Feed RSS e entre outras opções de sua escolha.</p>
<p style="text-align: justify"><strong>Após o preenchimento destas opções, salve as configurações que foram incluídas utilizando o comando &#8220;Adicionar Link&#8221; que se encontra no lado direito da sua página.</strong></p>
<p style="text-align: justify"><em>A opção Manter este link privado não irá expor este conteúdo em sua página. Portanto,vale apenas como um recurso onde será possível manter os links criados até que possam ser publicados por você.</em></p>
<p></p>
<h2 style="text-align: justify">Gerenciar Arquivos de Mídia<em> </em></h2>
<p style="text-align: justify"><em>Todos as mídias aplicadas em seu blog serão gerenciadas por esta opção.</em></p>
<p style="text-align: justify">Você irá se deparar com uma tabela administrativa que contém os seguintes recursos:</p>
<p style="text-align: justify"><img class="aligncenter size-full wp-image-137" title="midias" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/midias.jpg" alt="midias" width="500" height="91" /></p>
<p style="text-align: justify">- <strong>Procurar mídia: </strong>É um box que tem a função de procurar uma determinada mídia que será especificada por você.</p>
<p style="text-align: justify">- <strong>Botão Excluir / Filtrar: </strong>Possuem a função de remover uma determinada mídia que for selecionada na tabela administrativa ou então filtrar uma determinada seleção.</p>
<p style="text-align: justify">- <strong>Tabela administrativa:</strong> É a tabela que lista as mídias selecionadas por intermédio de uma das opções anteriores. Você poderá interagir com estas mídias utilizando os recursos que serão disponibilizados na tabela.</p>
<p style="text-align: justify">
<p style="text-align: justify">
<p style="text-align: justify">
<p style="text-align: justify">
<p style="text-align: justify">
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/manual-de-utilizacao-do-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
