Fundamentos em CSS: Folhas de Estilo e Estruturação de Páginas

Prévia do material em texto

2
CENTRO UNIVERSITÁRIO DA GRANDE DOURADOS
 INCLUDEPICTURE "cid:image003.gif@01C7CF96.A11D1430" \* MERGEFORMATINET 
Curso: TECNOLÓGICO EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
Disciplina: Desenvolvimento Voltado à Web I - Semestre: 3º
Professora: Eliza Claudia Hahn
Acadêmico(a): Rainer Viguini Machado 
RGM: 343.4924
Polo: SERRA - ES
AULA 07 – FUNDAMENTOS EM CSS
1. Leia atentamente o guia de estudos e marque apenas as alternativas verdadeiras 
a) Uma mesma folha de estilos pode ser usada por várias páginas. 
b) Uma mesma página pode usar várias folhas de estilo. 
c) Se um browser não suportar uma folha de estilos requerida pela página, poderá ha-ver uma degradação na qualidade da apresentação, mas nunca haverá perda de in-formação. 
d) É possível construir um site inteiro usando apenas CSS. 
e) A linguagem CSS usada para construir folhas de estilo é uma recomendação do W3C – consórcio de empresas que estabelece os padrões para a Web. 
A, C , E
2. Em CSS, qual a diferença entre um id e uma classe? Dê exemplos de cada um deles.
ID: É como se representa um elemento e tem de ser um para cada elemento. Por ela é quem atribuímos formatação aos elementos. 
Ex.
css:
#topo{background-color:#222;
}
html:
<div id=”home”> Inicio da página</div>
CLASSE: É como se identifica um grupo de elementos. Com ela podemos atribuir formatação a vários elementos de uma só vez.
Ex.
Css:
azul{color:#0000FF;}
html:
<h1 class=”azul”> Azul</h1>
3. De forma a praticar os conceitos abordados na aula, modifique a index.html, criada na aula 4, para que a mesma passe a conter a estrutura a seguir:
Para realizar a atividade deverá criar uma folha de estilos, chame-a de estilos.css, e a carregue no arquivo index.html. Na folha de estilos, usando os recursos CSS defina: 
a) uma cor de fundo para a página index.html
b) menu do tipo dropdown
OBS: Envie um único portfólio para cada aula. Devem ser enviados todos os arquivos que fazem parte de sua atividade (.doc, .html, .php, imagens). Todos devem ser enviados em um único arquivo compactado (.zip/.rar). Se enviadas em arquivos avulsos não serão aceitas e nem corrigidas. Nos exercícios práticos, deve enviar as páginas web (.html, .php, .css), não será aceito caso seja apenas enviado o script colado no arquivo .doc. 
As propriedades CSS para o desenvolvimento da questão 3 podem ser consultadas no link: � HYPERLINK "http://maujor.com" �http://maujor.com�