Trabalho de Programação Web

1 UNIRIO Universidade Federal do Estado do Rio de Janeiro Bacharelado em Sistemas de Informação Projeto Integrador I 012024 Prof Jobson Massollar Trabalho 2 LEIA ATENTAMENTE AS REGRAS E OS ENUNCIADOS R E G R A S Leia todas as regras descritas no enunciado para implementar o trabalho corretamente O trabalho deverá ser realizado individualmente ou em dupla O trabalho deverá ser enviado exclusivamente para o Google classroom em formato ZIP até o dia 29062025 domingo Os arquivos HTML CSS e JS deverão ser compactados em um único arquivo zipado O nome do arquivo zipado deverá ser obrigatoriamente T2 nomedoalunozip ou T2 nomedoaluno1 e nomedoaluno2zip Não serão aceitos trabalhos enviados por email nem impressos Trabalhos com estruturas eou organizações semelhantes plágio serão penalizados 2 1 Implemente uma página HTML para cadastro de uma lista de produtos com o layout a seguir a Fonte Arial para título tabela e botões b Tamanho das fontes título 20px e botões 105rem c Cores fundo beige cabeçalho da tabela 0361a1 linhas da tabela com cores alternadas cbd2e0 e e7eaf0 fundo e borda dos botões d Quando o curso passar sobre as linhas da tabela hover a cor deve ser alterada para a2e4fa e A página deve ocupar toda a altura da página sem apresentar o scroll Dica use a altura 100vh e a função calc da CSS f Não pode ser usada a tag BR para separar os elementos Tudo deve ser estilizado via CSS g Preço deve ser apresentado sempre com 2 casas decimais e alinhados à direita 2 Para excluir um produto deve ser apresentada uma mensagem de confirmação com windowconfirm Tem certeza que deseja excluir o produto DESCRIÇÃO DO PRODUTO 3 Para excluir todos os produtos deve ser apresentada uma menagem de confirmação com windowconfirm Tem certeza que deseja excluir todos os produtos 4 A inclusão ou alteração de um produto tem as seguintes regras a Deve ser apresentado um formulário com os campos descrição e preço b Inicialmente o cursor deve ser posicionado no campo de descrição c Se o usuário salvar os dados o formulário desaparece e volta para a lista de produtos com a devida inclusão ou alteração A inclusão é sempre feita no final da lista 3 d Regras de validação a descrição deve ter de 2 a 60 caracteres não podem existir dois produtos com a mesma descrição e o preço deve estar entre 001 e 999999 inclusive Se essas regras não forem observadas devem ser apresentadas as devidas mensagens de erro usando windowalert e permanecer no formulário e Se o usuário cancelar a operação o formulário desaparece e volta para a lista de produtos sem realizar a inclusão ou alteração Dicas Use typenumber para o campo preço Para definir o painel central use uma DIV com altura de 100vh Entretanto você deve levar em conta as margens do topo e base 10 cada Assim o valor final da altura da DIV deve ser calc100vh 20 Para centralizar a tabela aplique o valor auto nas margens esquerda e direita da tabela Dependendo de como vai ser o seu layout pode ser necessário limpar as margens do BODY normalmente o BODY já vem com uma margem de 5px body margin 0px Use o estilo padding para afastar os elementos uns dos outros e não deixálos colados