Prévia do material em texto
FÓRUM FÓRUM FÓRUM PROPOSTA DO FÓRUM Olá Aluno! Seja bem-vindo ao fórum de discussão da disciplina de “Programação para Web” Temática: A importância dos estilos na criação de página Web. Nós conhecemos o poder do trabalho conjunto entre HTML5 e CSS3 sobre a criação de páginas web e sua importância nesse processo dado que a parte visual de uma pagina é fundamental nos dias de hoje. Com o surgimento de conceitos como UX Design que visa, por exemplo, pensar a criação de uma pagina web com foco na experiência do usuário, a busca pela satisfação desse usuário tem sido o horizonte de muitas organizações de tecnologia. O CSS nos permite realizar trabalhos incríveis em uma página web de modo a garantir um maior grau de interação e, consequentemente, maior interesse por parte do usuário. Isso faz total diferença em um site de E-commerce que apresenta como um de seus produtos, um dispositivo celular. Note que o celular é apenas um exemplo. Sem dúvida que esse conceito se aplica a tudo que está relacionado com websites. Além disso, permite o ganho de tempo e economia de esforço uma vez que você pode padronizar a formatação de um site que conta com mais de 30 páginas, utilizando para isso, um único arquivo de estilos. Diante disso, crie um script em HTML5 e CSS3 que crie uma página Web com uma única foto e nesta foto tenha uma legenda formatada. Esta legenda deverá ter formatação de negrito, cor azul e tamanho de 40px. O CSS deverá ser inserido internamente. Na própria página HTML. Se for necessário, ou seja, caso a imagem seja muito grande, altere o seu tamanho utilizando o estilo. Desenvolva seu aprendizado, participe! Abraço, Leonardo Rocha. FÓRUM ORIENTAÇÕES PARA O/A TUTOR(A) Caro(a) Tutor(a), Segue uma possibilidade de resposta. Note que a ordem do código CSS não interfere no resultado final. Parâmetros como o font-weight do CSS que é responsável por aplicar efeito de negrito não necessariamente precisa estar com bold (como no código que verá abaixo) para estar correto. O aluno pode utilizar peso que é aplicado com números que variam de 100 a 900. Veja a possibilidade de resposta proposta: <!DOCTYPE html> <html lang="pt-br"> <head> <title>Forum de conhecimento</title> <meta charset="UTF-8"/> <style media="screen"> figure.forum img{ width: 30%; height: 30%; } figure.forum figcaption { color: blue; font-size: 40px; font-weight: bold; } </style> </head> <body> <figure class="forum"> <img src="_imgs/work.jpg" id="imagens" width="320px" height="240px"/> <<figcaption> <h3>Fórum de Conhecimento</h3> </figcaption> </figure> <body> </html> FÓRUM Como pode ver, é um código bem simples com HTML5 e CSS3 interno, ou seja, o CSS está sendo inserido dentro do próprio arquivo HTML5 criado para esta atividade. Desejo sucesso nessa atividade.