0793+-+Scripts+e+Folhas+de+Estilo

=0793 - Scripts CGI e Folhas de Estilo =

**Referencial da UFCD**:


 * Diapositivos UFCD: ** [[file:Diapositivos 793.pdf]]


 * **Lista de tags, atributos e cores utilizados no HTML:[[file:lista_tags_html.pdf]]**
 * (com acentos)**

** Exercícios DHTML ** Exercício 1 - Altera texto - **parte do** **código**: Exercício 4** - Imagem com reflexo - **parte do código: **
 * Exercício 2** - Alterar posicionamento - **parte do código**: [[file:2_alterar_posicionamento.html]]
 * Exercício 3** - Hora (relógio) - **parte do código: [[file:3_hora.html]]
 * Exercício 5** - Inserir texto - **parte do código: [[file:5_inserir_texto_html.html]]**
 * Exercício 6** - Mudar cor do texto - **parte do código: [[file:6_mudar_cores.html]]**
 * Exercício 7 -** Texto dinâmico - **parte do código: [[file:7_texto_dinamico.html]]**
 * Exercício 8 -** Texto oculto - **parte do código: [[file:8_texto_oculto.html]]**
 * Exercício 9 -** Texto a subir - **parte do código: [[file:9_texto_subir.html]]**
 * Exercício 10 -** Imagem a cair - **parte do código: [[file:10_imagem.html]]**
 * Exercício 11 -** Entrada de página - **parte do código: [[file:11_entrada_pagina.html]]**
 * Exercício 12 -** Texto que segue o cursor - **parte do código: [[file:12_texto_que_segue_cursor.html]]**


 * Colocar em todos os exercícios tag e alterar cores e tipos de letra** || [[image:css.jpg width="208" height="154" align="center"]]

**EXT****RA: PARA CURIOSOS**

código: Imagem do círculo para utilizar na projecção:**
 * Página sob efeito de um projector de luz

Menu que desce: || =** Formulários **=

Formulário:

Formulário 2: Formulário 3:

página de Formulário

= Folhas de Estilo =
 * Folha de Estilo - método 1 //in-line// (atributo style)**: [[file:css_método1_atributo style.html]]


 * Folha de Estilo - método 2 interno (tag style): [[file:css_metodo2_tag_style.html]]

Folha de Estilo - método externo (hiperligação para a folha de estilos): **


 * Apontamentos de Folhas de Estilos: [[file:css_apontamentos.pdf]]

Exercícios de Folhas de Estilos: **

= Links úteis: =
 * Manual de HTML: Manual on-line de html
 * Manual de HTML: Manual_completo_HTML
 * Mais exemplos práticos de DHTML: []
 * Criar formulários: []