Exercício F05 – Parte 2 da competição
Carregando…
Arquivos para o mês: maio, 2009
Exercício F05 – Competição!
Carregando…
Aula 10 – Propriedades CSS – Fonte
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 [...]
Exercício O05 – Turma V e U1
Carregando…
Aula 09 – Seletores do CSS 2.1
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 [...]
Divulgação: BrGames 2009 (data limite: 25/6/2009)
Adaptado de: http://www.brgames2009.com.br/
O BRGAMES é um Programa da Secretaria do Audiovisual do Ministério da Cultura, Secretaria de Políticas Culturais do Ministério da Cultura e Sociedade Brasileira para Promoção da Exportação de Software – SOFTEX, que tem o apoio institucional do Festival Internacional de Linguagem Eletrônica – FILE e da Associação Brasileira das Desenvolvedoras de Jogos [...]
Desenvolvido na aula de CSS 1.0 seletores – Turma U1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
p, div { background: red; }
.c1 { color: yellow; }
#p2 {font-size: xx-large;}
p em { background: green; } /* todos os em dentro de p*/
a:link { font-size: xx-small; background: orange; }
a:visited { font-size: xx-large; background: white; }
a:active { font-size: medium; background: black;}
p:first-letter { font-size: 60px; [...]
Exemplo trabalhado em Sala Turma V – Seletores
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
/* Seletor Elemento */
p, div {
color: red;
background: white;
}
.c1 { color: green; background: yellow; }
#p1 { font-size:xx-large; }
/* altere todos os em filhos (dentro) de #p1 */
#p1 em { background: white; }
/* link quando a pagina eh visitada e o link
* não foi clicado [...]
Exercício O04 – Seletores do CSS 1.0
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 [...]
Aula 08 – Seletores do CSS 1.0
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 [...]
Presenças – Favor verificar
Pessoal,
No menu à esquerda, e abaixo, segue planilha com as presenças de vocês até agora.
Cada um de nossos encontros é formado por duas aulas.
Verifiquem e reportem possíveis problemas via Correio do Eureka com o título “Verificar Presenças”.
Link: http://spreadsheets.google.com/ccc?key=pD5xiFKE9oj3zjpUy8k94Ow
Notas – Favor verificar (2o aviso)
Pessoal,
Coloquei no menu à esquerda e abaixo as notas do 1o Bimestre.
Qualquer problema, entre em contato via Correio do Eureka com o título “Verificar Nota”.
Turma V:
Creio que quase todos já verificaram suas notas comigo.
Quem ainda não o fez, no fim da aula de terça ainda há tempo. Observem que farei o lançamento no iger [...]
Código gerado em sala na aula sobre Formulários (Turma U2)
<form method="POST"
action="http://www.brunocampagnolo.com/2009li/tools/forms/testform.php">
<fieldset>
<legend>Obrigatorio</legend>
<label for="txtNome">Nome:</label>
<input type="text" value="Jamanta"
id="nome" accesskey="N" name="nome">
<input type="radio" id="rbMasculino" name="sexo"
value="M">
<label for="rbMasculino">Masculino</label>
<input type="radio" id="rbFeminino" name="sexo"
value="F">
<label for="rbFeminino">Feminino</label>
</fieldset>
<fieldset>
<legend>Opcional</legend>
</fieldset>
<input type="submit" value="Ok!">
</form>
Código gerado em sala na aula sobre Formulários (Turma U1)
<form method="POST"
action="http://www.brunocampagnolo.com/2009li/tools/forms/testform.php">
<fieldset>
<legend>Obrigatorio</legend>
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome"
accesskey="N">
<input type="radio" id="masc" name="sexo"
value="M">
<label for="masc">Masculino</label>
<input type="radio" id="fem" name="sexo"
value="F">
<label for="fem">Feminino</label>
</fieldset>
<fieldset>
<legend>Opcional</legend>
</fieldset>
<input type="submit" value="Ok!">
</form>
Exercício F04 – Formulários
Neste exercício você deverá gerar uma interface para um formulário. O objetivo é que você conheça os principais componentes de formulário.
1) Obtenha o seu código de aluno a partir do link a seguir. Este código é numérico e está ao lado de seu nome.
http://spreadsheets.google.com/pub?key=pD5xiFKE9oj3zjpUy8k94Ow&gid=1
2) Clique no botão abaixo para gerar seu exercício. Você deverá digitar [...]
Exemplo da aula – 5/5
<form method="post"
action="http://www.brunocampagnolo.com/2009li/tools/forms/testform.php">
<fieldset>
<legend>Obrigatorio</legend>
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome"
accesskey="N">
</fieldset>
<fieldset>
<legend>Opcional</legend>
</fieldset>
<input type="submit" name="enviar" value="Ok!">
</form>
Aula 07 – Formulários
A aula de hoje tratará de um dos assuntos mais importantes para o desenvolvedor web: a criação de formulários.
A linguagem HTML possui um conjunto de tags que permite a interação com o usuário de um site tanto com o JavaScript quanto com o Servidor Web.
Sobre este tema, a leitura mais recomendada é a própria tradução [...]
Comentários