INSTITUTO DO EMPREGO E FORMAÇÃO PROFISSIONAL I.E.F.P CENTRO EMPREGO E FORMAÇÃO PROFISSIONAL DE ÉVORA. Ficha Formativa

Transcrição

1 Ficha Formativa Técnico de Informática e Sistemas UFCD: 0793 Nome Formando: Data: / / Formador: João Leitão 1. Crie um ficheiro com o nome index.html com as seguintes indicações: A. Título (h1) com o seu nome, ao centro, tipo de letra: fantasy, com tamanho 40px e com uma cor a seu gosto. B. Parágrafo com a indicação do nome do curso, local e UFCD s leccionadas. Deverá formatar o parágrafo com tamanho de letra 20, cor a seu gosto, tipo de letra: serif e justificado. C. Título (h2) com a data actual: cursive, com tamanho 24, sublinhado e com uma cor a seu gosto. 2. Crie um ficheiro CSS com o nome style.css com as configurações que definiu para cada elemento no exercício anterior. Exemplo: Para os h1 a formatação deverá ser o alinhamento ao centro, tipo de letra: fantasy, com tamanho 40px e com uma cor a seu gosto. 3. Crie um documento HTML igual ao criado no ponto 1 com o nome indexcss.html em que deverá fazer a ligação ao ficheiro css e não deverá ter nenhuma formatação no próprio código HTML (a formatação é carregada pelo css). A estrutura de pastas e ficheiros deverá ser a seguinte: Ficha 1 - index.html - indexcss.html style -style.css As palavras a negrito são pastas

2 Ficha Formativa Técnico de Informática e Sistemas UFCD: 0793 Nome Formando: Data: / / Formador: João Leitão 1. Crie um site no weebly com o nome TesteCSS NOMEFORMANDO com um tema a seu gosto 2. Altere o ficheiro css para suportar: a. h5: times new roman, vermelho, negrito com tamanho 24px 3. Crie as seguintes páginas: a. HOME (Título + elementos a seu gosto) b. A EMPRESA (Título + texto) c. GALERIA (3 imagens) d. RECURSOS (pdf + zip) e. TESTECSS (h5 a demonstrar que o css funciona) 4. Exporte o seu site de modo a que este fique a funcionar em: 5. Remova qualquer publicidade nas suas páginas e acrescente: Teste CSS NOME FORMANDO 6. Altere a estrutura de pastas para que fique a funcionar com a nova estrutura: Uploads (eliminar) Ficheiros Imagens Outros - zip - pdf - outros

3 Ficha Formativa Técnico de Informática e Sistemas UFCD: 0793 Nome Formando: Data: / / Formador: João Leitão 1. Crie uma página HTML com o seu nome utilizando o elemento h1. O nome do ficheiro deverá ser index.html 2. Altere o index anterior para que a formatação do elemento h1 seja feita diretamente no código HTML e passe a ter tamanho 18px cor a seu gosto. 3. Faça uma cópia do ficheiro anterior para o nome indexcss.html 4. Remova todas as formatações de HTML/CSS do index anterior 5. Crie um ficheiro css (dentro de uma pasta com o nome style) para suportar: a. h5: times new roman, vermelho, negrito com tamanho 24px 6. Altere o ficheiro HTML indexcss.html de forma a que este possua um elemento h5 e que prove a ligação ao ficheiro css anterior.

4 Ficha Formativa Técnico de Informática e Sistemas UFCD: 0793 Nome Formando: Data: / / Formador: João Leitão 1. Crie um ficheiro com o nome ficha3.html com as seguintes indicações: A. Fundo da página a azul. B. Título (h4) com o texto: Ficha 3 e com as seguintes indicações: a. Alinhado à direita b. Tipo de letra: Serif c. tamanho 80px d. Vermelho. C. Parágrafo (p) com o texto: Exemplo de um parágrafo. Exemplo de um parágrafo. Exemplo de um parágrafo. Exemplo de um parágrafo. com as seguintes indicações: a. Justificado b. Tipo de letra: Verdana c. Tamanho 20px d. Verde. D. Título (h2) com o texto UFCD: 0793 Scripts CGI e Folhas de Estilo e com as seguintes indicações: a. Centrado b. tipo de letra: Georgia c. tamanho 30px d. Preto. E. Imagem a seu gosto a. Centrado b. Largura: 250px c. Altura: 300px d. A localização da imagem deve estar numa pasta à parte com o nome img Exemplo: 2. Crie um ficheiro CSS com o nome style.css com as configurações que definiu para cada elemento no exercício anterior. O ficheiro css deve estar numa pasta com o nome Style. 3. Crie um documento HTML igual ao criado no ponto 1 com o nome ficha3css.html em que deverá fazer a ligação ao ficheiro css e não deverá ter nenhuma formatação no próprio código HTML (a formatação é carregada pelo css).

5 Ficha Formativa Técnico de Informática e Sistemas UFCD: 0793 Nome Formando: Data: / / Formador: João Leitão 1. Crie um site no weebly com o nome TesteCSS NOMEFORMANDO com um tema a seu gosto 2. Altere o ficheiro css para suportar: a. h5: times new roman, vermelho, negrito com tamanho 24px 3. Crie as seguintes páginas: a. HOME (Título do trabalho + logo IEFP) b. A EMPRESA (Título + texto) c. GALERIA (3 imagens) d. RECURSOS (pdf + zip) e. TESTECSS (h5 a demonstrar que o css funciona) 4. Exporte o seu site de modo a que este fique a funcionar em: 5. Remova qualquer publicidade nas suas páginas e acrescente: Teste CSS NOME FORMANDO

6 Ficha de Avaliação Sumativa EFA Tecnológico - Técnico de Informática e Sistemas UFCD:0793 Scripts CGI e Folhas de Estilo Duração: 120 minutos Nome Formando: Data: / / Formador: João Leitão Classificação: Notas Gerais: Esta prova de natureza prática contém três grupos e tem a duração de 120 minutos. Utilize apenas caneta ou esferográfica de tinta indelével, azul ou preta. Não é permitido o uso de corrector. Em caso de engano, deve riscar, de forma inequívoca, aquilo que pretende que não seja classificado. Não é permitido o uso de auxiliares. As respostas ilegíveis ou que não possam ser identificadas são classificadas com zero pontos. Rubrique no canto superior direito todas as folhas da prova. Qualquer tentativa de cópia será punida com a anulação da prova. As cotações dos itens encontram-se descritas no quadro seguinte: Grupo Questão Alínea Cotação (Pontos) TOTAL A. 1 B. 1 C. 1 Grupo I 1. D. 1 E. 2 F. 1 G. 1 Grupo II

7

8 Grupo I 1. Descompacte o ficheiro grupo1.zip e realize os procedimentos necessários para ter a seguinte estrutura (note que os ficheiros que não possui e que estão na figura são para ser desenvolvidos no decorrer deste grupo): teste0793 grupo1 a.html a_css.html style img style.css x.jpg Notas: Crie os procedimentos necessários para obter o esquema acima ilustrado. As indicações de cada ficheiro (HTML e CSS) encontram-se na página seguinte.

9 Ficheiro a.html A. Fundo da página: #E0FFFF B. Título principal, com o seguinte texto: NOME_FORMANDO, centrado, com tipo de letra: Courier, sublinhado, a piscar com tamanho 50px e cor verde. C. Título terciário, com o seguinte texto: Teste 0793 Scripts CGI e Folhas de estilo, alinhado à esquerda, com tipo de letra: Serif, negrito com tamanho 25px e cor vermelho. D. Parágrafo com o seguinte texto Exemplo de um parágrafo várias vezes repetido em HTML. Exemplo de um parágrafo várias vezes repetido em HTML. Exemplo de um parágrafo várias vezes repetido em HTML. Exemplo de um parágrafo várias vezes repetido em HTML. Exemplo de um parágrafo várias vezes repetido em HTML.. Deverá formatar o parágrafo com tamanho de letra 18px, cor azul, tipo de letra: monospace e justificado. E. Imagem x.jpg com 864x576 (LxA) alinhada à direita Ficheiro a_css.html F. Ligação ao ficheiro style.css com título principal, terciário e parágrafo igual ao anterior sem formatação. Ficheiro style.css G. Formatações do ficheiro a.html

10 ! INSTITUTO DO EMPREGO E FORMAÇÃO PROFISSIONAL I.E.F.P Grupo II 1. Descompacte o ficheiro grupo2.zip de forma a ter a seguinte estrutura: teste0793 grupo2 grupo1 index.html apps files Altere o conteúdo do(s) ficheiro(s) CSS para que: Imagem de Fundo: a.jpg (localizada na pasta Files/theme/novaimagem) Aplique a mesma imagem de fundo se existirem várias áreas com imagens. Retire a imagem da caneta do canto superior esquerdo. Títulos h5: Centrado Tamanho: 20px Cor: azul Sublinhado Fonte: Garamond Títulos h6: Alinhado à direita Tamanho: 30px Cor: amarelo Itálico Fonte: Arial 3. Altere o que for necessário para provar que os elementos anteriores estão bem definidos.

11 Ficha de Avaliação Sumativa EFA Tecnológico - Técnico de Informática e Sistemas UFCD:0793 Scripts CGI e Folhas de Estilo Duração: 120 minutos Nome Formando: Data: / / Formador: João Leitão Classificação: Notas Gerais: Esta prova de natureza prática contém três grupos e tem a duração de 120 minutos. Utilize apenas caneta ou esferográfica de tinta indelével, azul ou preta. Não é permitido o uso de corrector. Em caso de engano, deve riscar, de forma inequívoca, aquilo que pretende que não seja classificado. Não é permitido o uso de auxiliares. As respostas ilegíveis ou que não possam ser identificadas são classificadas com zero pontos. Rubrique no canto superior direito todas as folhas da prova. Qualquer tentativa de cópia será punida com a anulação da prova. As cotações dos itens encontram-se descritas no quadro seguinte: Grupo Questão Alínea Cotação (Pontos) TOTAL Grupo I

12 Grupo I 1. Exporte o seu site de modo a que este fique a funcionar em: x representa o seu num. de aluno. 2. Remova qualquer publicidade nas suas páginas e acrescente: Teste Produzido por: NOME_FORMANDO 3. Altere a estrutura de pastas para que fique a funcionar com a nova estrutura eliminando qualquer ficheiro duplicado que exista: Uploads (eliminar) Src793files Objects Img Others Pdf Swf Zip Pages (esta pasta fica vazia) 4. Altere as imagens de headers das páginas 1, 2 e 3 para que a página 1 e 2 fiquem com a imagem pag1e2 e a página 3 fique com a imagem pag3. 5. Altere o ficheiro css para suportar: a. h5: sans serif, 20px, azul, itálico b. h6: serif, 10px, vermelho, negrito e sublinhado.. 6. Adicione à página index.html dois elementos (h5 e h6) por baixo do ficheiro swf com os textos: a. H5: Isto é um H5 b. H6: Isto é um H6 7. Adicione um elemento <p> na página index.html com a resposta à seguinte pergunta: Se cada página tivesse a sua formatação própria de elementos HTML qual a melhor solução para a formatação de elementos?.