Para criar CSS precisamos de um Site

11 de setembro de 2008

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

2 comentários:

By Maria disse...

Oi
Estou estudando sobre código CSS,encontrei informações bem legais em seu blog.
Um abraço

Marcelo R. Souza disse...

@By Maria - Obrigado pela visita e disponha. Qualquer dúvida é só perguntar.

Postar um comentário

Faça seu comentário ou sua pergunta. Quando for possível postarei a resposta.
Obrigado!
Para deixar o link da sua última postagem coloque este código:

<em><strong>Seu nome</strong> publicou um post sobre.. <a href="seu link do último post">Título do Post</a></em>

Ficará assim:
Marcelo publicou um post sobre.. Alguma coisa