Forum_Tutor_programacao_web

Engenharia da Computação

•

UNINTER

0

Edgar Da Silva

28/11/2023

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Engenharia da Computação

5.446 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

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 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.