Finalizei agora a PT04 - a iniciação à programação em HTML. Estou muito satisfeito e aprendi imenso!
Memória Descritiva do trabalho
Comecei o trabalho instalando o Atom pois fiz uma pesquisa sobre os melhores IDEs e também como tinha lido que iríamos usar Git. Segui as instruções do professor na primeira aula, em que criámos o nosso primeiro ficheiro HTML - que fazia print do "Hello World" no nosso browser. Também percebemos a diferença entre um simples ficheiro de texto e um ficheiro HTML. Ainda nessa aula, comecei a "brincar" um bocado com o HTML e acabei por fazer basicamente o que é pedido no passo 4.
Fiz o que era pedido no passo 4 então e, no final, juntei um bocado de tudo o que aprendi e fiz uma "página" mais geral, que incorporava todos estes elementos que tinhamos aprendido, o meu primeiro index.html. Comecei a realizar o Passo 5, a Pauta Fotográfica da Turma e como estava a ter dificuldades, comecei a fazer o Passo 9, o curso da SoloLearn de HTML e assim, fiz os dois em simultâneo. Usei sempre o Atom para elaborar estes códigos. Quanto ao passo 5: Comecei por escrever a estrutura básica do HTML (head, body) e fiz então a tabela, com a tag <table>. Para perceber melhor como a tag <table> funcionava, revi o curso do SoloLearn mas fiquei ainda mais confuso. Portanto, vi um vídeo do YouTube de 10 minutos que me esclareceu bastante. Inseri elementos na tag <table> como <tr>, <th>, <td> e atributos como <align>, <bgcolor>, <border>, <cellpadding>, <cellspacing>, <width>, etc. Depois de ter a tabela feita, consultei o site de AIB, onde tínhamos a planta da sala aula da turma do 12º2ª - fiz um layout praticamente igual (apesar de ser muito mais simplificado, obviamente) e fiquei satisfeito com o resultado. As fotografias só "apareceram" uns dias depois mas, para a minha fotografia fiz o seguinte processo: fiz o crop no Photoshop para o formato 3:4, mantendo as dimensões altas e depois fiz um resize para 75x100 pixels. Inseri estas imagens numa pasta "imagens" dentro da do código. Inseri-as na tabela com a tag <img> e os nomes e números por baixo, com a tag <p>, que depois mudei de cores. Criei também uma pasta css e scripts, apesar de a pasta scrips não ter nada. Na pasta css inseri um style para a "border" da tabela ser uma linha. Quanto aos restantes passos, usei uma conta do GitHub que já tinha criado anteriormente (apesar de não ter nenhum repositório) e, utilizado o Atom e o GitHub Desktop, fiz push do meu trabalho (passo 5). Para complementar o repositório, criei uma GitHub Pages para o passo 5, que tem como domínio (gratuito) philippart.tk, criado no FreeNom, que faz apenas um forward (sem cloaking) para a página do GitHub Pages.
Durante o trabalho, fui fazendo vários commits para o GitHub, de forma a manter o progresso e versões do meu trabalho.
Fiquei muito satisfeito com este trabalho, apesar de ter alguns problemas, que resolvi com a ajuda do Professor maioritariamente e alguns com a ajuda do YouTube e pesquisas rápidas no Google. Aprendi bastante e, apesar de não ter feito parte da PT4, gostei imenso da parte do Git, em que aprendemos a usar o command line para executar pedidos do Git.
Fiz o que era pedido no passo 4 então e, no final, juntei um bocado de tudo o que aprendi e fiz uma "página" mais geral, que incorporava todos estes elementos que tinhamos aprendido, o meu primeiro index.html. Comecei a realizar o Passo 5, a Pauta Fotográfica da Turma e como estava a ter dificuldades, comecei a fazer o Passo 9, o curso da SoloLearn de HTML e assim, fiz os dois em simultâneo. Usei sempre o Atom para elaborar estes códigos. Quanto ao passo 5: Comecei por escrever a estrutura básica do HTML (head, body) e fiz então a tabela, com a tag <table>. Para perceber melhor como a tag <table> funcionava, revi o curso do SoloLearn mas fiquei ainda mais confuso. Portanto, vi um vídeo do YouTube de 10 minutos que me esclareceu bastante. Inseri elementos na tag <table> como <tr>, <th>, <td> e atributos como <align>, <bgcolor>, <border>, <cellpadding>, <cellspacing>, <width>, etc. Depois de ter a tabela feita, consultei o site de AIB, onde tínhamos a planta da sala aula da turma do 12º2ª - fiz um layout praticamente igual (apesar de ser muito mais simplificado, obviamente) e fiquei satisfeito com o resultado. As fotografias só "apareceram" uns dias depois mas, para a minha fotografia fiz o seguinte processo: fiz o crop no Photoshop para o formato 3:4, mantendo as dimensões altas e depois fiz um resize para 75x100 pixels. Inseri estas imagens numa pasta "imagens" dentro da do código. Inseri-as na tabela com a tag <img> e os nomes e números por baixo, com a tag <p>, que depois mudei de cores. Criei também uma pasta css e scripts, apesar de a pasta scrips não ter nada. Na pasta css inseri um style para a "border" da tabela ser uma linha. Quanto aos restantes passos, usei uma conta do GitHub que já tinha criado anteriormente (apesar de não ter nenhum repositório) e, utilizado o Atom e o GitHub Desktop, fiz push do meu trabalho (passo 5). Para complementar o repositório, criei uma GitHub Pages para o passo 5, que tem como domínio (gratuito) philippart.tk, criado no FreeNom, que faz apenas um forward (sem cloaking) para a página do GitHub Pages.
Durante o trabalho, fui fazendo vários commits para o GitHub, de forma a manter o progresso e versões do meu trabalho.
Fiquei muito satisfeito com este trabalho, apesar de ter alguns problemas, que resolvi com a ajuda do Professor maioritariamente e alguns com a ajuda do YouTube e pesquisas rápidas no Google. Aprendi bastante e, apesar de não ter feito parte da PT4, gostei imenso da parte do Git, em que aprendemos a usar o command line para executar pedidos do Git.
Domínio criado (com o FreeNom):
philippart.tk
Diploma do Curso em HTML (do SoloLearn)
Obrigado.
Sem comentários:
Enviar um comentário
Comente de forma construtiva...
Nota: só um membro deste blogue pode publicar um comentário.