<?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>Alexandre Mattos Blog &#187; Estrutura</title>
	<atom:link href="http://www.alexandremattos.com.br/blog/category/estrutura/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.alexandremattos.com.br/blog</link>
	<description>Design Web</description>
	<lastBuildDate>Fri, 09 Apr 2010 14:12:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Como organizar seu projeto Web</title>
		<link>http://www.alexandremattos.com.br/blog/2009/12/como-organizar-seu-projeto-web/</link>
		<comments>http://www.alexandremattos.com.br/blog/2009/12/como-organizar-seu-projeto-web/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 15:17:10 +0000</pubDate>
		<dc:creator>Alexandre Mattos</dc:creator>
				<category><![CDATA[Estrutura]]></category>

		<guid isPermaLink="false">http://www.alexandremattos.com.br/blog/?p=77</guid>
		<description><![CDATA[Por muito tempo venho aprimorando os conhecimentos para organização e encontrei um meio muito bom para organizar os meus projetos Web. Costumo fazer uma análise dos Sistemas com gerenciamento de conteúdo e vejo a organização deles, que é muito bem projetada. E para quem não tem conhecimento ou está entrando na área agora, o que [...]]]></description>
			<content:encoded><![CDATA[<p>Por muito tempo venho aprimorando os conhecimentos para organização e encontrei um meio muito bom para organizar os meus projetos Web. Costumo fazer uma análise dos Sistemas com gerenciamento de conteúdo e vejo a organização deles, que é muito bem projetada. E para quem não tem conhecimento ou está entrando na área agora, o que fazer?</p>
<p><span id="more-77"></span>Existe pouco conteúdo na internet que fale a respeito de organização de<br />
pastas para desenvolvimento. Eu irei explicar o que eu costumo utilizar para desenvolver meus sistemas. Primeiramente como uso o XAMPP, deixo meus projetos dentro da pasta htdocs.</p>
<p>Então cada site possui uma pasta dentro da pasta htdocs.</p>
<p>Ex: H:\xampp\htdocs\sitedofulano<br />
H:\xampp\htdocs\sitedociclano<br />
H:\xampp\htdocs\sitedobeltrano</p>
<p>Cada site possui sua estrutura, bem como sites em flash são diferentes de sites feitos em html e css. Com certeza eles não terão a mesma estrutura de pastas. A estrutura abaixo é para sistemas feitos com html e php.</p>
<p>Ex: na pasta do sitedofulano existem 2 pastas:</p>
<div id="attachment_78" class="wp-caption aligncenter" style="width: 372px"><a href="http://www.alexandremattos.com.br/blog/wp-content/uploads/2009/12/foto1.jpg"><img class="size-full wp-image-78" title="foto1" src="http://www.alexandremattos.com.br/blog/wp-content/uploads/2009/12/foto1.jpg" alt="Estrutura 1" width="362" height="62" /></a><p class="wp-caption-text">Estrutura 1</p></div>
<p>A pasta /www guardará todo o conteúdo do site e a pasta documentacao, armazenará toda documentação do site, senhas do servidor mysql, senha de administradores, ftp, configurações, imagens cedidas pelo cliente, tudo que for informação do cliente para o site e documentos do site do seu cliente você colocará dentro desta pasta.</p>
<p>Isso é bom pois quando for enviar o conteúdo html para a hospedagem, você enviará somente o conteúdo da pasta /www</p>
<p>Na pasta www, temos mais outras pastas que fará a separação de conteúdo da animação, dos scripts, dos estilos, etc.</p>
<p>Abaixo tem uma imagem das pastas que costumo usar: class, flash, javascript, css, functions, includes, docs, images.</p>
<div id="attachment_79" class="wp-caption aligncenter" style="width: 560px"><a href="http://www.alexandremattos.com.br/blog/wp-content/uploads/2009/12/foto2.jpg"><img class="size-large wp-image-79" title="foto2" src="http://www.alexandremattos.com.br/blog/wp-content/uploads/2009/12/foto2-550x224.jpg" alt="Pastas de um projeto simples" width="550" height="224" /></a><p class="wp-caption-text">Pastas de um projeto simples</p></div>
<p>/class: é a pasta que deve conter todas as classes do seu projeto<br />
/flash: é a pasta que armazenará os arquivos em flash do projeto<br />
/javascript: Todos os scripts do site ficarão dentro desta pasta<br />
/css: esta pasta é responsável por guardar as folhas de estilos do projeto<br />
/functions: responsável por armazenar as funções do projeto<br />
/includes: os arquivos que serão inclusos no site serão guardados dentro desta pasta<br />
/docs: documentos de texto, pdf, entre outros arquivos estarão aqui nesta pasta<br />
/images: guardará todas as imagens do site</p>
<p>Esta é geralmente a que eu uso, outras pessoas adicionam pastas para cms, uploads, xml, entre outras. Eu listei a mais simples para desenvolvimento.</p>
<p>Outra coisa a se falar é a nomeclatura dos arquivos, mantenha sempre um padrão, até mesmo para auxiliar no desenvolvimento de um projeto grande ou com grande quantidade de arquivos.</p>
<p>EX: jQuery.edit-in-place.js<br />
jQuery.gallery.js<br />
mootools.edit-in-place.js<br />
mootools.galery.js</p>
<p>E você que estrutura usa?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.alexandremattos.com.br/blog/2009/12/como-organizar-seu-projeto-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
