aula02 tópicos em ambiente web - produção de páginas web (conceitos)
TRANSCRIPT
![Page 1: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/1.jpg)
Produção de Páginas para Web
CURSO DE CIÊNCIA DA COMPUTAÇÃODISCIPLINA TÓPICOS EM AMBIENTE WEB
PROF. MESSIAS R. BATISTA
![Page 2: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/2.jpg)
Agenda Avaliação e Projeto
Partes importantes de uma página web;
Fases de desenvolvimento de um website;
Fases de projeto de um website;
2
![Page 3: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/3.jpg)
Avaliação e Projeto
3
![Page 4: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/4.jpg)
NP1
Composição da NP1 (10,0 pontos)
▫ Projeto – 3,0 pontos▫ Avaliação escrita – 7,0 pontos
Projeto consiste:
Entrevistar uma pessoa que tenha um negócio e deseje desenvolver um site para sua empresa ou organização.
▪ (1,0) Realizar entrevista de requisitos;▪ Pesquise um modelo de briefing na internet e
aplique;▪ O professor vai disponibilizar um modelo no
moodle;
▪ (1,0) Faça um resumo dos requisitos pedidos pelo seu cliente;
▪ (1,0) Crie um sketch com base no resumo e no briefing do cliente;
4
![Page 5: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/5.jpg)
Assunto da Avaliação
TUDO!
5
![Page 6: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/6.jpg)
Partes importantes de uma página web
6
![Page 7: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/7.jpg)
Usabilidade
▫ Facilidade de aprendizado: a utilização do sistema requer pouco treinamento;
▫ Fácil de memorizar: o usuário deve lembrar como utilizar a interface depois de algum tempo;
▫ Maximizar a produtividade: a interface deve permitir que o usuário realize a tarefa de forma rápida e eficiente;
▫ Minimizar a taxa de erros: caso aconteçam erros, a interface deve avisar o usuário e permitir a correção de modo fácil;
▫ Maximizar a satisfação do usuário: a interface deve dar-lhe confiança e segurança.
7
![Page 8: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/8.jpg)
Usabilidade
8
![Page 9: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/9.jpg)
Usabilidade
9
![Page 10: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/10.jpg)
Usabilidade
Apresentação de TrabalhoAinda sobre...
10
![Page 13: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/13.jpg)
Responsividade
13
![Page 14: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/14.jpg)
O Fluxo
Princípio de Responsividade
14
![Page 15: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/15.jpg)
Unidades Relativas
Princípio de Responsividade
15
![Page 16: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/16.jpg)
Breakpoints
Princípio de Responsividade
16
![Page 17: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/17.jpg)
Max e Min-Width
Princípio de Responsividade
17
![Page 18: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/18.jpg)
Objeto Filho
18
![Page 19: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/19.jpg)
Mobile ou Desktop First
19
![Page 20: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/20.jpg)
WebFonts vs Fontes do Sistema
20
![Page 21: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/21.jpg)
Imagens Bitmap vs Vetores
21
![Page 22: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/22.jpg)
Fases de Desenvolvimentode um Website
22
![Page 23: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/23.jpg)
Fases Principais
▫Planejamento;
▫Criação;
▫Estruturação;
▫Desenvolvimento;
23
![Page 24: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/24.jpg)
Fases de um projeto de website
24
![Page 25: Aula02 Tópicos em Ambiente Web - Produção de Páginas Web (conceitos)](https://reader036.vdocuments.site/reader036/viewer/2022062503/58ee4d471a28ab81428b4621/html5/thumbnails/25.jpg)
Fases Principais
1.Entrevista de Requisitos;
2.Reunião de Sketch;
3.Desenvolvimento de Protótipo;
4.Validação;
5.Entrega;
25