Projeto 1 - Especificação
Parte FIXA no Topo da Tela:
No TOPO da tela deve ser montado um sistema de menu com os Itens do Menu sendo feitos como acessos de Navegação para páginas do Site.
Todos os itens devem acessar páginas que devem ser vistas na tela na parte de baixo da tela (PAINEL de exibição das páginas).
Os itens do menu devem aparecer um ao lado do outro em uma tabela centralizada, ocupando 100% da tela.
Os itens do menu devem ser: Entrada, Ancoras, Formulário e Relatório.
No lado direito do item Relatório deve aparecer o BOTÃO com texto voltar implementando a função history.go(-1).
O formatação do texto do botão deve ser o mesmo da lista de itens do menu.
Nas extremidades do menu devem existir duas células da linha da tabela (primeira e última célula da tabela) com largura de 10% da largura tabela.
A altura da área onde se acomoda o menu deve ser 70 pixels.
O PAINEL da parte inferior da tela (restante da tela descontado a área do menu) deve acomodar as páginas acessadas nos itens do menu.
A cor de todas as páginas deve ser a mesma e igual ao "LINEN" (#FAF0E6).
Na parte inferior do menu deve ser vista uma barra <hr>

No arquivo CSS devem ser especificados os seletores, grupos de seletores, classes e identificadores suficientes para formatar:
titulos (de páginas) com fonte: Arial sans-serif, cor: vermelha e tamanho de 16 pixels, grifado e em enfatizado.
acessos (por link) com fonte: Tahoma sans-serif, cor: azul e tamanho de 14 pixels.
textos (livres para qualquer página) com fontes:Tahoma sans-serif, cor: preta e tamanho de 12 pixels.
Todas as tabelas do site devem aparecer com largura de 95% (EXCETO a tabela que acomoda o menu no topo da tela).
Todas as tabelas devem conter uma coluna à esquerda e outra à direita com largura de 10% da tabela.
NÃO DEVEM SER EXIBIDAS BORDAS em nenhuma tabela (no menu e em todas as tabelas das páginas)

Parte 'MÓVEL' no PAINEL da Tela:
A parte de baixo da tela deve exibir páginas que irão variar de acordo com a escolha nos Itens do Menu apresentado na parte superior.
Você deve escrever as páginas em arquivos .html, acessando, quando necessário, um arquivo .css localizado no mesmo diretório onde estão os .HTML.
Os arquivos .HTML devem ter os seguintes nomes e finalidades:
site.htmlMonta os elementos Estruturante. Tendo o topo como especificado no alto desta imagem
menu.htmlApresenta o sistema de navegação (itens do menu), quando clicados, apresentam as páginas no painel inferior.
entrada.htmlApresenta uma explicação no uso do sistema de navegação e a finalidade do site.
DEVE conter o nome do desenvolvedor (completo como escrito no SiGA).
Este arquivo deve ser acessado quando se clicar no Item de Menu "Entrada".
ancora.htmlApresenta um texto longo que DEVE ter pelo menos 4 ancoras, com acessos exibidos no topo da tela. Para cada âncora acessada deve ser exibido um sub-título em azul, com tamanho de fonte de 18px, sem negrito.
Este arquivo deve ser acessado quando se clicar no Item de Menu "Âncoras".
formulario.htmlApresenta um formulário com campos para entrada de dados para a TABELA para a qual você foi designado para desenvolver os programas de gerenciamento. Além dos campos para a SUA TEBELA, você deve desenvolver os campos para dados que faltam para completar todo o padrão HTML. Os campos do formulário devem ser apresentados em uma tabela com duas colunas. Na coluna da esquerda devem constar designações dos campos e na mesma linha, na coluna da direita devem aparecer os campos do formulário.
Este arquivo deve ser acessado quando se clicar no Item de Menu "Formulário".
relatorio.htmlApresenta uma tabela com borda sólida de 1px, colapsada, na cor preta. As colunas devem conter dados referentes à TABELA que você foi designado à desenvolver os programas de gerenciamento. A tabela do relatório deve ter largura máxima de 95% da tela do navegador. SE sua tabela tiver menos de 6 campos, complete a tabela de relatório com colunas preenchidas com dados aleatórios. O Cabeçalho das colunas deve ser designado por você. A cor de fundo da linha do cabeçalho da tabela deve ter cor VERDE CLARO fonte preta e em negrito. As cores de fundo das linhas devem ser alternadas iniciando com BRANCO e trocando para Azul Claro ambas com fontes em preto e negrito.
Este arquivo deve ser acessado quando se clicar no Item de Menu "Relatório".

Ao abrir a página (sob o localhost) devemos ver a página de abertura do site (entrada.html) no painel inferior e a página de menu no topo da tela.
Em todas as páginas que são mostradas na parte de baixo a primeira linha segue a especificação do seletor TÍTULO.

© 2023 - Fatec Ourinhos - JMH