PT05 (passo 10)
Durante a PT05, fez-se uma constante utilização da plataforma GitHub para carregarmos os mini-projetos desenvolvidos.
O GitHub é uma ótima plataforma que permite aos seus utilizadores fazerem upload dos seus projetos para que possam ser acedidos por qualquer pessoa. As vantagens são imensas: a plataforma pode ser utilizada, por exemplo, como uma nuvem onde se pode colocar ficheiros de backup de um projeto nosso, ou até como se fez na PT05, uma forma de carregarmos todos os ficheiros locais desenvolvidos, permitindo a qualquer pessoa depois descarregá-los e aceder aos projetos em HTML (e de CSS).
É sem dúvida, um ótimo website que qualquer programador ou até mesmo alguém que está a dar os seus primeiros passos nesta área deveria utilizar.
A plataforma foi lançada em 2008 e atualmente conta com mais de 36 milhões de utilizadores ativos frequentemente e mais de 100 milhões de projetos carregados.
Neste proposta de trabalho, para além do frequente contacto com a plataforma GitHub, criámos vários mini-projetos em HTML baseados em projetos já existentes no site w3schools.com e ainda uma tabela, também em HTML. Neste projeto, o professor deu-nos liberdade para construirmos uma pauta com as caricaturas dos alunos, devidamente identificadas. A preparação para o trabalho e a instalação de software foi feita em passos anteriores da proposta de trabalho. Foi necessário instalar o "Notepad++". Não houve quaisquer constrangimentos na realização do trabalho.
O passo mais interessante foi mesmo tentar criar o design da tabela. Criar algo que ficasse bem, sem complicar muito, foi sem dúvida a parte mais agradável de se fazer. O mais difícil foi talvez também a parte de "decorar" a tabela. Como a parte estética da tabela foi feita com recurso a elementos de CSS, tive que procurar nos sites que o professor sugeriu no passo 4 do enunciado da tabela pelos métodos adequados a usar. O passo que deu mais trabalho, (e que foi talvez também o mais entediante) foi o passo de renomear todas as fotografias das caricaturas dos alunos para nomes sem maiúsculas, sem espaços e sem acentos. Algo que é necessário para possuir um projeto mais "clean", para além de ser boa prática, mas que torna-se um pouco enfadonho. Foi também no passo de "decorar" a tabela, quando necessitei de inserir as cores no código que pedi ajuda a alguns colegas.
Inicialmente, a tabela tinha sido criada apenas com 3 colunas (nome/número/caricatura), posteriormente, após uma análise melhor do que era pedido no enunciado, decidi inserir mais uma para a turma dos alunos.
A melhor parte deste trabalho foi mesmo o processo criativo que esteve por trás do design da tabela, no passo 4 do enunciado da tabela. Ver quais eram as melhores cores ou bordas para usar foi bastante interessante. Com esta proposta de trabalho, ficámos a saber como se constrói uma estrutura em HTML para documentos com vários propósitos. Também ficámos a saber que há duas formas de inserir elementos estéticos (em CSS) e a forma como se inserem estes elementos.
Embora a criação da pauta envolva alguns processos um pouco menos agradáveis como o de renomear todas as imagens dos alunos, o resultado final até compensa, ainda mais sabendo que todo o esforço em tentar criar uma design bom sempre deu alguma coisa com qualidade.
O meu site de domínio público com os vários projetos criados durante esta proposta de trabalho: luiscanossa.cf
No enunciado do trabalho era pedido também que fosse feito um curso online de HTML, no site SoloLearn.
 |
| Certificado da conclusão do curso online de HTML do SoloLearn |
Fontes:
https://pt.wikipedia.org/wiki/GitHub (consultado a 21/03/2021)
https://www.w3schools.com/ (consultado a 21/03/2021)
Sem comentários:
Enviar um comentário
Comente de forma construtiva...
Nota: só um membro deste blogue pode publicar um comentário.