Projeto prático

módulo II

  • Design Visual Web
  • Desenvolvimento Web I
  • Desenvolvimento Web II
  • Desenvolvimento Web III
  • Banco de Dados
  • CMS

O PROJETO

Módulo II

Criação de um SITE / BLOG

O PROJETO

Módulo II

1 - Escolher um ASSUNTO:

  • EMPRESA / INSTITUIÇÃO
  • PRODUTO
  • PESSOAL (currículo)
  • EVENTO
  • PROJETO SOCIAL / CAUSA / MOVIMENTO
  • PORTAL DE NOTÍCIAS (bairro, comunidade)

O PROJETO

Módulo II

2 - O Site / blog deverá ter

PÁGINA INICIAL

BLOG

ÁREA DO USUÁRIO

O PROJETO

Módulo II

  • BARRA DE NAVEGAÇÃO
  • BANNER
  • SERVIÇOS / CARACTERÍSTICAS
  • SOBRE
  • EQUIPE
  • CONTATO
  • RODAPÉ

PÁGINA INICIAL

O PROJETO

Módulo II

  • TODOS OS POSTS
  • CADA POST

BLOG

O PROJETO

Módulo II

  • ENTRAR
  • EDITAR CONTA
  • CRIAR POST
  • EDITAR POST
  • GERENCIAR POSTS

ÁREA DO USUÁRIO

MÃO NA MASSA

DESIGN VISUAL WEB

Módulo II

GIMP

INKSCAPE

  • Manipulação de Imagens e Fotografias
  • Paisagens, Molduras, Brilho, Recorte...
  • Criação e Manipulação Vetorial
  • Logos, Design Flat, Identidade Visual

DESIGN VISUAL WEB

Módulo II

GRID

1 Linha possui 12 Colunas

DESIGN VISUAL WEB

Módulo II

E NO SMARTPHONE?

DESIGN VISUAL WEB

Módulo II

DESIGN VISUAL WEB

Módulo II

3 - CRIAR O LAYOUT

  • O Aluno fica livre utilizar as cores e a ordem de conteúdo que preferir.
  • Avaliar a argumentação do Aluno para cada preferência.

DESIGN VISUAL WEB

Módulo II

3.1 - BARRA DE NAVEGAÇÃO

PÁGINA INICIAL

DESIGN VISUAL WEB

Módulo II

3.2 - BANNER

PÁGINA INICIAL

DESIGN VISUAL WEB

Módulo II

3.3 - SERVIÇOS / CARACTERísticas

PÁGINA INICIAL

DESIGN VISUAL WEB

Módulo II

3.4 - SOBRE

PÁGINA INICIAL

DESIGN VISUAL WEB

Módulo II

3.5 - EQUIPE

PÁGINA INICIAL

DESIGN VISUAL WEB

Módulo II

3.6 - CONTATO

PÁGINA INICIAL

DESIGN VISUAL WEB

Módulo II

3.7 - RODAPÉ

PÁGINA INICIAL

DESIGN VISUAL WEB

Módulo II

3.8 - BARRA DE NAVEGAÇÃO

BLOG

DESIGN VISUAL WEB

Módulo II

3.9 - BANNER

BLOG

DESIGN VISUAL WEB

Módulo II

3.10 - TODOS OS POSTs

BLOG

DESIGN VISUAL WEB

Módulo II

3.10.1 - último post da página

BLOG

DESIGN VISUAL WEB

Módulo II

3.11 - CADA POST

BLOG

DESIGN VISUAL WEB

Módulo II

3.12 - ENTRAR

ÁREA DO USUÁRIO

DESIGN VISUAL WEB

Módulo II

3.13 - BARRA DE NAVEGAÇÃO

ÁREA DO USUÁRIO

DESIGN VISUAL WEB

Módulo II

3.14 - EDITAR CONTA

ÁREA DO USUÁRIO

DESIGN VISUAL WEB

Módulo II

3.15 - GERENCIAR POSTS

ÁREA DO USUÁRIO

DESIGN VISUAL WEB

Módulo II

3.16 - NOVO POST

ÁREA DO USUÁRIO

DESIGN VISUAL WEB

Módulo II

  • BANNER: 815 x 351
  • IMAGEM POST: 530 x 300

DESIGN VISUAL WEB

Módulo II

  • BARRA DE NAVEGAÇÃO
  • BANNER
  • SERVIÇOS / CARACTERÍSTICAS
  • SOBRE
  • EQUIPE
  • CONTATO
  • RODAPÉ
  • 0.5 pt
  • 0.5 pt
  • 1.0 pt
  • 1.0 pt
  • 0.5 pt
  • 1.0 pt
  • 0.5 pt

TOTAL: 5.0 pt

PÁGINA INICIAL

DESIGN VISUAL WEB

Módulo II

 

  • BANNER
  • POSTS
  • CADA POST

 

  • 0.5 pt
  • 1.0 pt
  • 0.5 pt

BLOG

TOTAL: 2.0 pt

DESIGN VISUAL WEB

Módulo II

 

  • ENTRAR
  • EDITAR CONTA
  • GERENCIAR POSTS
  • NOVO POST

 

  • 0.5 pt
  • 0.5 pt
  • 1.0 pt
  • 1.0 pt

ÁREA DE USUÁRIO

TOTAL: 3.0 pt

PRONTO!

Title Text

[e-Jovem][MDII] - Projeto Prático

By Alessandro Feitoza

[e-Jovem][MDII] - Projeto Prático

Explicação e Detalhes do Projeto Prático a ser desenvolvido nas turmas de Módulo II do Projeto e-Jovem

  • 584
Loading comments...

More from Alessandro Feitoza