ESCOLA TÉCNICA E PROFISSIONAL DE MAFRA ANO LETIVO: 2022/2023 Cursos Profissionais: Técnico de Mecatrónica Técnico de Eletrónica Técnico Auxiliar de Farmácia Técnico de Restauração, Variante de Cozinha e Pastelaria Técnico de Gestão de Equipamentos Informáticos Técnico de Comunicação, Marketing, Relações-Públicas e Publicidade TIC 10º Ano CADERNO DE EXERCÍCIOS Módulo 3 Criação de Páginas Web Professor: Élvio Meneses
FICHA DE TRABALHO Nº 01 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 2/17 Objetivos: ➢ Criar um sítio web ➢ Fazer configurações iniciais Instruções: 1. Inicie sessão em www.wix.com com o seu email institucional 2. Crie um novo sítio web a partir do modelo em branco do tipo Clássico 3. Modifique o nome das páginas já criadas no seu sítio web e/ou acrescente as que faltarem: • Início • Sobre mim • Curriculum Vitae • Portefólio • Contactos 4. Modifique o Cabeçalho da página Início, de forma a conter o nome do seu sítio web e formate o aspeto do menu utilizando as oções de configuração de design e o layout 5. Configure o fundo da página Início com uma cor, imagem, animação a seu gosto 6. Guarde o seu sítio web com o nome TIC – Modulo3
FICHA DE TRABALHO Nº 02 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 3/17 Objetivos: ➢ Inserir e formatar texto em páginas web ➢ Inserir imagens Instruções: 1. Abra o sítio web TIC-Modulo3 criado na aula anterior 2. Abra a página Sobre Mim e reproduza o que está apresentado na imagem abaixo, utilizando a informação relativa a si, recorrendo às seguintes ferramentas apresentadas no final da página:
FICHA DE TRABALHO Nº 03 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 4/17 Objetivos: ➢ Inserir caixas container e mapas em páginas web ➢ Inserir e formatar texto ➢ Organizar a disposição dos elementos sobrepostos Instruções: 1. Abra o sítio web TIC-Modulo3 criado na aula anterior 2. Abra a página Curriculum Vitae e reproduza o que está apresentado na imagem abaixo, utilizando a informação relativa ao seu próprio Curriculum Vitae: 3. Faça as configurações necessárias nas caixas container, de forma a ficar como acima ilustrado, utilizando as opções disponíveis para o efeito alterando o design: 4. Formate o texto com as ferramentas de edição de texto disponíveis, ilustradas abaixo:
FICHA DE TRABALHO Nº 03 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 5/17 5. Continue a inserir a informação abaixo na página Curriculum Vitae, da mesma forma que fez anteriormente:
FICHA DE TRABALHO Nº 03 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 6/17
FICHA DE TRABALHO Nº 04 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 7/17 Objetivos: ➢ Inserir imagens ➢ Inserir galerias de imagens Instruções: 6. Abra o sítio web TIC-Modulo3 criado na aula anterior 7. Aceda à gestão de páginas e modifique o nome da página Portefólio para Portefólio - Imagens 8. Crie agora uma Pasta (Cabeçalho de menu) com o nome Portefólio. 9. Configure a página Portefólio-Imagens para que seja uma subpágina de Portefólio 10. Adicione imagens e galerias de imagens, ilustrativas de trabalhos realizados por si, no âmbito do seu percurso formativo (Adicionar -> Galeria):
FICHA DE TRABALHO Nº 05 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 8/17 Objetivos: ➢ Inserir vídeos a partir de ficheiros armazenados no computador ➢ Inserir vídeos alojados na Internet em plataformas independentes Instruções: 1. Abra o sítio web TIC-Modulo3 criado na aula anterior 2. Aceda à gestão de páginas e adicione a página Portefólio – Vídeos 3. Configure a página Portefólio-Vídeos para que seja uma subpágina de Portefólio 4. Adicione um vídeo que tenha guardado no computador relacionado com o seu percurso formativo ou profissional (Adicionar -> Vídeo e Música -> Player de vídeo único);: 5. Configure o vídeo utilizando as ferramentas disponíveis de design e layout:
FICHA DE TRABALHO Nº 05 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 9/17 6. Adicione agora dois vídeos, um do Youtube e outro do Vimeo, relacionados com a área de formação do seu curso (Adicionar -> Vídeo e Música -> Player de vídeo único);:
FICHA DE TRABALHO Nº 06 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 10/17 Objetivos: ➢ Inserir ficheiros de áudio a partir de ficheiros armazenados no computador ➢ Inserir audios alojados na Internet em plataformas independentes Instruções: 1. Abra o sítio web TIC-Modulo3 criado na aula anterior 2. Aceda à gestão de páginas e adicione a página Portefólio – Música 3. Configure a página Portefólio-Música para que seja uma subpágina de Portefólio 4. Adicione um ficheiro de áudio a seu gosto, que tenha guardado no computador (Adicionar -> Vídeo e Música -> Player de áudio). 5. Adicione dois áudios a seu gosto, a partir do spotify e a partir do soundcloud (Adicionar -> Vídeo e Música -> Player Spotify / Player Soundcloud): 6. Faça as configurações nos áudios utilizando as ferramentas abaixo:
FICHA DE TRABALHO Nº 06 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 11/17 7. Adicione uma galeria de áudio do Wix e configure a mesma (Adicionar -> Vídeo e Música)
FICHA DE TRABALHO Nº 07 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 12/17 Objetivos: ➢ Inserir botões para ficheiros a partir de ficheiros armazenados no computador Instruções: 1. Abra o sítio web TIC-Modulo3 criado na aula anterior 2. Aceda à gestão de páginas e adicione a página Portefólio – Outros trabalhos 3. Configure a página Portefólio-Outros trabalhos para que seja uma subpágina de Portefólio 4. Adicione botões que abram documentos guardado no computador relacionado com o seu percurso formativo ou profissional (Adicionar -> Botão -> Documentos):
FICHA DE TRABALHO Nº 08 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 13/17 Objetivos: ➢ Inserir hiperligações para endereços web, endereços de correio eletrónico, telefone ➢ Inserir e configurar formulários de contacto ➢ Incorporar elementos externos através de iframe ➢ Inserir mapas Instruções: 1. Abra o sítio web TIC-Modulo3 criado na aula anterior 2. Aceda à gestão de páginas e adicione a página Contactos 3. Adicione os contactos da escola, como abaixo apresentado: 4. Adicione hiperligações nos endereços web, de email e telefone, utilizando a funcionalidade abaixo apresentada: 5. Adicione o formulário de contacto abaixo apresentado e configure-o com o mesmo aspeto:
FICHA DE TRABALHO Nº 08 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 14/17 6. Adicione o sítio web da escola, através das ferramentas de incorporação, de forma a ficar semelhante ao abaixo ilustrado, inserindo o endereço web na janela à esquerda (Adicionar -> Incorporar Código -> Incorpore um site): 7. Adicione uma barra de ícones de redes sociais e configure de forma a ficar como apresentado abaixo: (Adicionar -> Redes Sociais -> Barra de redes sociais)
FICHA DE TRABALHO Nº 08 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 15/17 8. Adicione um mapa com a localização da escola, e faça as configurações para ficar como apresentado abaixo: (Adicionar -> Contacto e formulários -> Google Maps) 9. Adicione um serviço de chat, e faça as configurações para ficar como apresentado abaixo: (Adicionar -> Contacto e formulários -> Botão Wix Chat)
FICHA DE TRABALHO Nº 09 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 16/17 Objetivos: ➢ Inserir listas, faixas, elementos de janela e de pesquisa no site ➢ Configurar cabeçalho e rodapé ➢ Configurar um sítio web multilingue Instruções: 1. Abra o sítio web TIC-Modulo3 criado na aula anterior 2. Aceda à gestão de páginas e abra a página Início 3. Adicione o texto abaixo no início da página: 4. Adicione uma faixa e configure como abaixo apresentado (Adicionar -> Faixa): 5. Adicione uma lista como apresentado abaixo (Adicionar -> Lista):
FICHA DE TRABALHO Nº 09 TIC (Tecnologias da Informação e Comunicação) Módulo 3: Criação de Páginas Web Turmas: 1-TGEI / 1-TCMRPP / 1-TCP / 1-TE / 1-TAGD / 1-TAE IMP.DP.021-01 17/17 6. Faça as hiperligações na lista anterior, para que abram as respetivas páginas. 7. Adicione uma janela como apresentado abaixo (Adicionar->Interativo->boas Vindas): 8. Adicione um elemento de busca no site e posicione-o no cabeçalho, como apresentado abaixo (Adicionar -> Menu e âncora -> Busca no site): 9. Configure o rodapé do sítio web, da forma como está abaixo apresentado: 10. Configure o sítio web para que seja multilingue (Configurações -> Multilingue): • Seleccione o idioma principal como Português e escolha a bandeira de Portugal • Adicione um segundo idioma 11. Configure os botões para mudar de idioma, para que fique no cabeçalho com o aspeto abaixo apresentado: 12. Publique o seu sítio web 13. Envie através do classroom o endereço do sítio web publicado, na tarefa criada para o efeito.