10

Click here to load reader

Web design 3 d dreamweaver cs5 - class 1

Embed Size (px)

DESCRIPTION

Primeira aula do Curso de Web Design 3D, lecionado pela professora Luciana Alves.Este material

Citation preview

Page 1: Web design 3 d   dreamweaver cs5 - class 1

Luciana Alves

Luciana Alves - Web Design 3D

Page 2: Web design 3 d   dreamweaver cs5 - class 1

Criando e Gerenciando Websites

Luciana Alves - Web Design 3D

Page 3: Web design 3 d   dreamweaver cs5 - class 1

Luciana Alves - Web Design 3D

Page 4: Web design 3 d   dreamweaver cs5 - class 1

Luciana Alves - Web Design 3D

Etapas iniciais na construção de um Website:

Briefing do Cliente;

Arquitetura da informação.

Organização e estruturação do conteúdo:

Criar estrutura organizacional dos arquivos;

Mapeamento;

Criando sua primeira página para web;

Estruturando um texto simples;

Inserindo e manipulando imagens;

Projeto simples de uma página

Page 5: Web design 3 d   dreamweaver cs5 - class 1

Luciana Alves - Web Design 3D

Aproveite este momento para conhecer o

cliente do seu cliente, ou seja, o usuário

que vai utilizar o Websites, todo o projeto

deve ser direcionado a este público alvo.

Defina claramente o objetivo do

Websites, é comum o cliente falar que

precisa de um site simples, quando na

verdade precisa de um E-commerce

(Comércio Eletrônico), saiba interpretar

qual a melhor solução web para a

necessidade e objetivo deste cliente e dos

seus clientes em potencial.

Page 6: Web design 3 d   dreamweaver cs5 - class 1

Luciana Alves - Web Design 3D

Este é o momento para pensar, refletir e

planejar o seu Website. Com os dados

levantados anteriormente, você deve

criar a estrutura e o esqueleto do seu

projeto. Os produtos finais desta etapa

são, geralmente, o Site Map e o

Wireframe. Tais documentos tem bases

estabelecidas através de regras de

navegabilidade, acessibilidade e

usabilidade.

Page 7: Web design 3 d   dreamweaver cs5 - class 1

Luciana Alves - Web Design 3D

Hierárquico Tópicos

Page 8: Web design 3 d   dreamweaver cs5 - class 1

Luciana Alves - Web Design 3D

http://www.gliffy.com/examples/wireframes/

Page 9: Web design 3 d   dreamweaver cs5 - class 1

Luciana Alves - Web Design 3D

Com base no

conhecimento obtido até o

momento, desenvolva um

SITE MAP (Mapa do Site),

e após o termino do mesmo

elabore um wireframe

(Esqueleto das páginas que

compõem o site).

Page 10: Web design 3 d   dreamweaver cs5 - class 1

Twitter: @luwebarts

Facebook: lu.webarts

Email: Contato @ luwebarts.com.br

Website: www.luwebarts.com.br

Luciana Alves - Web Design 3D