Laboratório de Informática 1 e 2 (2009)

(entrega máxima até 16/11)
Este exercício está baseado na aula sobre layout CSS e nos exemplos fornecidos na aula referente a este assunto.
1) Faça o download do arquivo a seguir:
Exemplos de layout
2) Este arquivo contém um conjunto de pastas. Em cada pasta há uma imagem que representa um layout a partir da imagem Resposta_1.png. Verifique que [...]

A aula de hoje é uma continuação da aula anterior. Na aula anterior trabalhamos com o embasamento necessário para construir layouts em CSS: as propriedades float, clear, position e width.
O objetivo agora é realizar alguns estudos de caso relacionados a tipos de layout que podem ser implementados através destas propriedades.
Apresentação referente à aula

Nas próximas 3 semanas, descansamos um pouco de nosso trabalho com a linguagem JavaScript.
Voltamos hoje a nosso último tópico referente a CSS: como posicionar nossos layouts.

CSS Sprite é uma técnica comum para a criação de menus, botões e montagem em geral de sua interface.
Dois exemplos da técnica vão a seguir:

Exemplo CSS Sprite
Exemplo CSS Sprite 2

A) Crie um botão em HTML/CSS utilizando a imagem em anexo.
Observe que o botão possui 3 estados: normal, visitado e quando o mouse passa sobre ele.
Para [...]

O Box Model é a maneira que o CSS representa as dimensões e espaçamentos dos elementos da tela. Esta aula é sobre este modelo. As principais propriedades relacionadas ao box model são:

margin-top, margin-right, margin-bottom, margin-left, margin: determina a margem de um elemento;

padding-top, padding-right, padding-bottom, padding-left, padding: determina o “enchimento” (espaçamento) de um elemento.

border-top-color, border-top-style, border-top-width, [...]

Arquivos para o Exercício!
Enunciado do exercício
http://docs.google.com/View?id=ajggmrkzh2pb_1051hrhcnqfg
Entrega em: http://spreadsheets.google.com/viewform?formkey=cmFlYmhkeHgybTdpd1BwNG04N2oydnc6MA..
Carregando…
Entrega até: 16/jun às 18:00h

O objetivo agora é trabalhar com as propriedades de alteração de texto em CSS.
Algumas destas propriedades são:

letter-spacing: espaçamento das letras do texto;
word-spacing: espaçamento das palavras do texto;
line-height: altura das linhas;
text-align: alinhamento horizontal;
text-decoration: efeitos em texto;
text-indent: distanciamento da 1ª linha do texto;
text-transform: controla a capitalização do texto;
text-shadow: especifica o efeito de sombra em um texto;
vertical-align: alinhamento [...]

Carregando…

Nas últimas semanas, conhecemos os seletores do CSS 1.0 e CSS 2.1. Voltaremos, futuramente, a lidar com os seletores do CSS 3.0. Hoje, começaremos a aplicar, na prática, os seletores aprendidos com as diferentes propriedades do CSS.
O objetivo da aula de hoje é trabalhar com as propriedades do CSS referentes a tipografia, ou seja, que [...]

Após a exposição acerca dos seletores do CSS 1.0 na aula passada, nosso objetivo hoje é continuar o trabalho com linguagem de seletores.
Desta vez, os seletores que trabalharemos serão os seletores do CSS 2.1.
Tais seletores são aceitos pela maior parte dos navegadores do mercado. Destaca-se, porém, que o Internet Explorer 6 (ie6) não os suporta [...]

O objetivo deste exercício é o treino dos seletores que aprendeu na aula de hoje.
Para a resolução destes exercícios você trabalhará apenas com o arquivo exercicio_css.html, disponibilizado no link.
Em momento algum você alterará esse arquivo, mexendo apenas dentro da seção marcada no código:
<style type=”text/css”>
/* Alterar apenas aqui o seu arquivo */
</style>
Na entrega de seu exercício [...]

Na aula de hoje, começaremos nosso trabalho com a linguagem CSS. Um dos componentes principais desta linguagem e que permite sua ligação com os elementos de uma página HTML é a linguagem de seletores.
Nosso objetivo será conhecer esta linguagem de seletores nesta e nas próximas aulas.
Destaca-se que a linguagem de seletores não está integrada apenas [...]

O objetivo de hoje é trabalhar com listas e links em HTML.
Existem 3 tipos de listas: ordenadas, não-ordenadas e listas de definição.
Veremos futuramente que as listas não serão úteis apenas para a exibição listagem de itens, mas também serão úteis na criação de menus e barras de navegação.
Os links, por sua vez, são um dos [...]

Na aula de hoje vamos conhecer a linguagem CSS.
Tal linguagem nos será útil para alterações no layout e formatação de nossas páginas Web.

Responda o exercício O02.
Este é um exercício opcional para ser desenvolvido em classe e que pode (ou não) ser usado em uma avaliação.
Exercícios opcionais servem para ilustrar conceitos e exemplificar o estilo dos exercícios de prova.
Especificação aqui.