Sistemas WEB

Campinas (SP) Unidade 2 TECNOLOGIA EM ANÁLISE DE DESENVOLVIMENTO DE SISTEMAS

FERRAMENTAS PARA SISTEMAS WEB

TUTOR A DISTÂNCIA JOÃO ALEXANDRE BALDOVINOTTI
ADRIANO GARCIA GERALDO – RA 6747345112
CLAUDIO ROBERTO JUNIOR – RA 6949481282
JACKSON DE OLIVEIRA SILVA – RA 6506278775
ROBERT MARRAU DE SOUZA – RA 6730335319
VALDIR LINDEMUTE DE ARAÚJO JÚNIOR – RA 6057475288

Campinas/SP
2013

SUMÁRIO
1 RELATÓRIO 1 2
1.1 PÁGINA HISTÓRIA DA EMPRESA. 2
1.2 PÁGINA PRODUTOS. 3
1.3 PÁGINA DICAS E CURIOSIDADES. 4
1.4 PÁGINA LOCALIZAÇÃO. 5
1.5 PÁGINA CONTATO. 6
1.6 PÁGINA PRINCIPAL. 7
1.7 RELATÓRIO DE ANÁLISE E LAYOUT 7
1.7.1 Resumo do artigo e lista de sites visitados para a modelagem. 7
2 RELATÓRIO 2. 9
2.1 HISTÓRIA DA EMPRESA: 9
2.1.1 HTML da página da história da empresa: 9
2.2 PRODUTOS: 11
2.2.1 HTML da página lista de produtos: 11
2.3 DICAS E CURIOSIDADES: 16
2.3.1 HTML da página dicas e curiosidades: 16
2.4 LOCALIZAÇÃO: 18
2.4.1 HTML da página localização: 18
2.5 CONTATO: 19
2.5.1 HTML da página contato. 19
2.6 PÁGINA PRINCIPAL: 20
2.6.1 HTML da Página principal. 20
2.7 RELATÓRIO DE DESENVOLVIMENTO, 21
2.7.1 Imagens da página história da empresa. 21
2.7.2 Imagens da página produtos. 22
2.7.3 Imagens da página dicas e curiosidades. 22
2.7.4 Imagens da Página Localização. 23
2.7.5 Imagens da Página Contato. 23
2.7.6 Imagens da Página Principal 24
3 RELATÓRIO 3. 24
3.1 FOLHAS DE ESTILO (CSS) 24
3.1.1 Código CSS. 25
3.2 VALIDAÇÃO DO FORMULÁRIO DA PÁGINA CONTATO. 29
3.2.1 Validação do formulário da página contato. 29
3.3 RELATÓRIO CSS E JAVASCRIPT 33
3.3.1 Código CSS. 34
3.3.2 Código JavaScript. 38
4 RELATÓRIO 4 (RELATÓRIO FINAL) 38
4.1 RELATÓRIO FINAL. 38
4.1.1 Link visualização do site. 38

1 RELATÓRIO 1
Fazer a proposta/definição do layout de seu site, com base nos sites de lojas de Informática visitados, focando nas seguintes páginas: Utilizar, para a criação do layout do site, o software MockingBird.
1.1 Página