Para criar CSS precisamos de um Site

Falamos muito de códigos CSS e XHTML, pois este é o foco do Blog, mas um site ou blog precisam ser criados a partir de uma organização de idéias. Então vou publicar uma receita que eu uso para criação dos meus projetos e que talvez possa ajudar algumas pessoas.

Fase de Planejamento

• 1ª fase – Organização de toda informação a ser inserida


• 2ª fase – Construção do conceito do site e da estrutura de navegação. Nessa fase se define se o site será um site padrão, um portal, um blog, etc.


• 3ª fase – Wireframe: primeiro ela é feita no papel para só depois ser desenvolvida com os softwares gráficos


• 4ª fase – Testes


• 5ª fase – Publicação do site, depois de oficializar o domínio e o seu provedor de hospedagem

Como pensar o Site
Basicamente é possível pensar um site dividindo uma página de internet em duas partes:

• O Layout


• O Conteúdo

Primeiro vamos definir o conteúdo. O primeiro passo é pensar no tema do site. Para que essa etapa fique mais completa você deve responder as seguintes perguntas:

- Qual o assunto principal do site?
- É um site de uma empresa? Ele vai vender o quê?
- É um portal sobre um assunto específico como economia, esportes etc?
- É um site pessoal que vai ser usado como portifólio?

Ao responder essas perguntas você terá claramente o principal objetivo do site. O próximo passo é definir sua estrutura:

- Quantas seções ele terá?
- Quais seções serão as principais?
- O que vai ficar em destaque nas barras de navegação?
- Quantas e como serão apresentadas as seções secundárias?
- Quantas seções serão necessárias?

Em geral os sites simples costumam ter uma página inicial que serve também de apresentação, uma página sobre a empresa ou sobre o profissional dono do site, uma terceira que mostra os produtos e os serviços e uma última de contato e/ou localização, se o site for no caso de uma empresa.

Conceito
No plano conceitual podemos dividir um site em duas partes:

• Layout: é a cara do site. O conjunto de elementos que dão identidade, navegabilidade e usabilidade à página da Web. Consiste na marca, no menu principal e no fundo das páginas. O layout é mantido em todas as páginas para criar uma identidade visual. Você deve criar páginas baseadas nesse template, acelerando o desenvolvimento e permitindo que você foque sua atenção na função das páginas.


• Função: cada página deve ter uma definida e distinta das outras páginas, por isso, antes de construir cada página do seu site, você deve definir seu objetivo e usar os elementos de design para alcança-los.

Bom, este é o processo que uso e tem me ajudado muito em relação a organização e produção.
Façam bom proveito e até a próxima.

Subscreva o CSS-Desvandado completo!
Subscreva CSS - Desvendado por Email