Curso Profissional de Técnico de Multimédia Ficha de Trabalho Nº 1 Sistemas de Informação - 10º Ano

Curso Profissional de Técnico de Multimédia
Ficha de Trabalho nº 1
Sistemas de Informação – 10º Ano
UFCD 0153 – FINALIZAÇÃO DE UM SÍTIO PARA A INTERNET
Conteúdos:
 Aplicação de Estilos – ficheiro externo
 Para consultar: https://www.w3schools.com/html/default.asp
Instruções: Criar uma pasta com o nome 0153 e dentro a pasta Ficha1 e guarde aí os seus exercícios
Coloque nessa pasta as imagens que estão em anexo na tarefa.
Exercício 1:
1. Digite o seguinte código numa página nova:
a. Guarde o exercício com o nome ex1.htm.

b. Abra o ficheiro no browser.
a. Guarde o exercício com o nome ex2.htm.

b. Abra o ficheiro no Internet Explorer.
Página 1 de 4
a. Guarde o exercício com o nome estilo1.css.

4. Aplique o estilo criado no ponto 3, às páginas ex1.htm e ex2.htm, colocando o seguinte código dentro da tag head de
cada um dos ficheiros.
a. Guarde as alterações efetuadas em cada um dos ficheiros.

b. Abra ambos os ficheiros browser e verifique as alterações.
5. Acrescente ao ficheiro estilo1.css, as seguintes linhas de código:
Página 1 de 4
6. Guarde as alterações e pré-visualize o documento ex2.htm no seu browser.
Compacte a pasta Ficha1 e envie pelo Teams
Página 2 de 4
Resumo da ficha de trabalho:
Estilos HTML – CSS
 CSS significa Cascading Style Sheets.
 O uso de CSS economiza muito trabalho. Com a utilização de CSS podemos controlar o layout de
várias páginas da Web de uma só vez.
O que é CSS?
 Cascading Style Sheets (CSS) é usado para formatar o layout de uma página da web.
 Ao utilizar CSS, podemos controlar a cor, a fonte, o tamanho do texto, o espaçamento entre os
elementos, como os elementos são posicionados e dispostos, quais imagens de fundo ou cores de
fundo devem ser usadas, diferentes resoluções para diferentes dispositivos e tamanhos de ecrã e
muito mais.
Dica: A palavra em cascata significa que um estilo aplicado a um elemento pai também será aplicado
a todos os elementos filhos dentro do pai. Portanto, se definir a cor do corpo do texto como "azul",
todos os títulos, parágrafos e outros elementos de texto no corpo também terão a mesma cor (a
menos que especifique outra coisa)!
Usando CSS
O CSS pode ser adicionado a documentos HTML de 3 maneiras:
 Inline - usando o atributo style dentro dos elementos HTML
 Interno - usando um <style>elemento na seção <head>
 Externo - usando um <link> elemento para vincular a um arquivo CSS externo
A maneira mais comum de adicionar CSS é manter os estilos em arquivos CSS externos.
Página 3 de 4

Curso Profissional de Técnico de Multimédia Ficha de Trabalho Nº 1 Sistemas de Informação - 10º Ano

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Curso Profissional de Técnico de Multimédia Ficha de Trabalho Nº 1 Sistemas de Informação - 10º Ano

Enviado por

Direitos autorais:

Formatos disponíveis

Curso Profissional de Técnico de Multimédia

a. Guarde o exercício com o nome ex1.htm.

a. Guarde o exercício com o nome ex2.htm.

a. Guarde o exercício com o nome estilo1.css.

a. Guarde as alterações efetuadas em cada um dos ficheiros.

Compacte a pasta Ficha1 e envie pelo Teams

Você também pode gostar