Exercício CSS 1 - Página Web com Imagem de Fundo e Div Centralizada

EXERCÍCIO CSS 1 OBJETIVO Comprovar entendimento da inserção de uma imagem de fundo e da criação de uma div com largura cor de fundo borda e posicionamento centralizado na página AO FINAL DA PÁGINA INSIRA UM PARÁGRAFO EM HTML COM OS SEGUINTES DADOS EXERCÍCIO CSS 1 DIA DA AULA HORÁRIO DE SUA AULA exemplo 2A FEIRA MATUTINO RGM Seu código de aluno NOME COMPLETO Seu nome ATENÇÃO A falta da identificação adequada como a solicitada acima reduzirá a pontuação da entrega da atividade pela metade DESCRIÇÃO DA ATIVIDADE Desenvolva uma página web com uma figura de fundo à sua escolha Crie um texto explicativo que tenha pelo menos 5 linhas colocandoo numa div Esta div deve estar com uma largura menor que a página que ocupe no máximo 80 Ela deverá ter uma borda e ficar horizontalmente centralizada na página Seu nome e RGM deve aparecer no final do texto da div Caso Eu encontre duas páginas entregues iguais textos ou imagens todos os alunos que entregaram o trabalho de forma igual terão seus trabalhos zerados É DE RESPONSABILIDADE DE CADA UM FAZER O SEU PRÓPRIO EXERCÍCIO SE PERMITIR A CÓPIA PARA UM COLEGA E ELE ENTREGAR ALGO PARECIDO VOCÊS DOIS OU SE HOUVEREM MAIS PERDERÃO O PONTO DO EXERCÍCIO Segue um exemplo aproximado do que está sendo pedido Observação se você já teve aula de transparência a div deve estar semitransparente mostrando a imagem de fundo da página Forma de entrega Crie uma pasta chamada CSS Exercicio 1 Coloque todos os arquivos lá dentro ZipeCompacte o arquivo Entregue este arquivo no BLACKBOARD em Exercícios até o prazo definido A imagem de fundo foi uma montagem de várias imagens advindas do PIXABAY Homem Digitalizado httpspixabaycomillustrationsartificialintelligencethink7078914 Boneca httpspixabaycomillustrationswomanfuturesunglassestechnology7910449 Androide feminina httpspixabaycomillustrationsgirlfighterrobotandroid7827275 Robô 1 httpspixabaycomillustrationsaigeneratedrobot7847688 Robô 2 httpspixabaycomillustrationsaigeneratedchatbotrobotchatgpt7927887 EXERCÍCIO CSS 2 OBJETIVO Comprovar entendimento da inserção de uma imagem de fundo e da criação de uma divs com imagens e textos inseridos internamente AO FINAL DA PÁGINA INSIRA UM PARÁGRAFO EM HTML COM OS SEGUINTES DADOS EXERCÍCIO CSS 2 DIA DA AULA HORÁRIO DE SUA AULA exemplo 2A FEIRA MATUTINO RGM Seu código de aluno NOME COMPLETO Seu nome ATENÇÃO A falta da identificação adequada como a solicitada acima reduzirá a pontuação da entrega da atividade pela metade DESCRIÇÃO DA ATIVIDADE Desenvolva uma página web com uma figura de fundo à sua escolha Esta imagem e as demais devem seguir algum tema exemplo super heróis natureza ficção científica esportes etc Veja exemplo abaixo Insira três áreas de conteúdo divs com largura máxima de 500 pixels e altura mínima de 80 pixels Cada uma delas deverá ter uma imagem de fundo relacionada ao tema escolhido Ao menos uma das imagens deverá ter um texto Você poderá colocar outros elementos na página como tabelas títulos etc Caso Eu encontre duas páginas entregues iguais textos ou imagens todos os alunos que entregaram o trabalho de forma igual terão seus trabalhos zerados É DE RESPONSABILIDADE DE CADA UM FAZER O SEU PRÓPRIO EXERCÍCIO SE PERMITIR A CÓPIA PARA UM COLEGA E ELE ENTREGAR ALGO PARECIDO VOCÊS DOIS OU SE HOUVEREM MAIS PERDERÃO O PONTO DO EXERCÍCIO Segue um exemplo aproximado do que está sendo pedido EXEMPLO MAR Imagens usadas Fundo da tela httpspixabaycomptillustrationsmarpeixespolvoilha673764 Arquivo div 1 Baú de Tesouro httpspixabaycomptillustrationspeitotesouromarpeixedesenhando805006 Arquivo div 2 Sereia httpspixabaycomptillustrationssereiafantasiaembaixodaaguamar2409376 Arquivo div 3 Mitologia do mar httpspixabaycomptvectorsmarinhopeixelinhaartemitologia5206940 Segue outro exemplo aproximado do que está sendo pedido EXEMPLO ESPAÇO Imagens usadas Fundo da tela httpspixabaycomptillustrationsterraluaespac3a7oviagemespacial1151659 Arquivo div 1 Millennum Falcon httpswwwhiclipartcomfreetransparentbackgroundpngclipartxersa Arquivo div 2 Tie Fighter httpswwwhiclipartcomfreetransparentbackgroundpngclipartmfqqbdownloadwidth800 Arquivo div 3 Astronauta httpspixabaycomptillustrationsastronautaespac3a7oficc3a7c3a3ocientc3adfica6384598 Vocês podem usar o editor de imagens PAINTNET para alterar o tamanho altura e largura das imagens caso queira bem como retirar o fundo delas como ensinei O editor é gratuito e está disponível no site a seguir httpswwwgetpaintnetindexhtml Forma de entrega Crie uma pasta chamada CSS Exercicio 2 Coloque todos os arquivos lá dentro ZipeCompacte o arquivo Entregue este arquivo no BLACKBOARD em Exercícios até o prazo definido