Blog tecnológico mantido pelos alunos da disciplina de Aplicações Informáticas (12º Ano) da Escola Secundaria José Gomes Ferreira em Lisboa.
domingo, 20 de março de 2022
PT05 - Passo 10 - Gabriel Santos nº7 12º12ª
PT05: Passo 10
Memória descritiva
Primeiramente, instalei o Notepad ++ para poder escrever os códigos que iriam ser utilizados no Trabalho.
Depois, completei o curso do SoloLearn para poder ter todos os conhecimentos necessários à cosntrução bem-sucedida de uma tabela em HTML. O curso foi bastante rápido de se fazer e bastante didático. Penso que as informações dadas no curso estão distribuídas muito bem, de maneira a que não haja uma "sobrecarga" de informação. Além do mais, o "display" do site é bastante simples, não sendo complicado navegar ao longo deste.
Sem dúvida alguma que o passo mais interessante de todo o PT05 foi escrever o código da tabela. Inicilamente foi um bocado trabalhoso, mas depois de nos habituarmos e nos familiarizarmos com o código, a programação "saíu" naturalmente.
O passo mais dificíl foi recortar as imagens em 3:4 e fazer um código para cada imagem ampliada. Na minha opinião, o mais complicado deste passo é mesmo a imensa monotonia dos processos envolventes, repetindo-os para cada aluno. No entanto, reconheço que é um passo essencial para uma boa tabela HTML.
Neste último passo recorri à ajuda dos meus colegas, quando necessário. Eles disponibilizaram-se a ajudar e a dispor as ferramanetas necessárias para a continuação do trabalho.
Com este trabalho aprendi a usar o GitHub e a criar tabelas em HTML mas, sobretudo, aprendi imesno sobre a linguagem HTML e sinto-me confiante a programar segundo ela.
Link GitHub
Este é o link para o meu portefólio no GitHub: https://github.com/bernasbenfas
PTO5 - Passo 0
PT05 - Passo 10
sábado, 19 de março de 2022
PT05 - Passo 10
A Família Git
Memória Descritiva
1 - Objetivo Do Trabalho
A Quinta Proposta de Trabalho tinha como objetivo a aprendizagem de HTML e CSS.
Foi nos pedido que realizássemos um curso no SoloLearn e que criássemos alguns ficheiros HTML básicos e de seguida um mais avançado (uma tabela).
2 - Realização Do Trabalho
Para a realização deste trabalho, utilizámos o Notepad++, o Visual Studio Code, o GitHub e o GitHub Desktop.
Comecei por criar a tabela (Passo 5) e de seguida realizei os outros passos.
3 - Algumas Curiosidades
Agora vou falar acerca dos Passos do Trabalho, como por exemplo os que mais gostei ou os mais difíceis.
Passos mais interessantes:
A realização da Tabela, pois era a parte mais complicada mas mais divertida.
Passos mais difíceis:
A organização dos ficheiros e a parte responsiva da Tabela.
Passos que deram mais trabalho:
A realização do Curso no SoloLearn e da Tabela.
4 - Problemas Durante A Realização Do Trabalho
O único problema encontrado foi o facto de o Freenom não funcionar o que impossibilitou a realização do Passo 7.
5 - Decisões Ao Longo Do Trabalho
Tive de tomar algumas decisões em relação à Tabela e ás imagens para ficar melhor e também mais responsivo.
6 - Conclusão
Com este trabalho, aumentei o meu conhecimento de HTML e CSS, assim como do GitHub e do GitHub Desktop.
Diverti-me bastante a realizar o trabalho, pois gostei muito do resultado final da minha Tabela e achei-a bastante bem feita.
Site Do PT05
sexta-feira, 18 de março de 2022
PT05-Passo 10
quinta-feira, 10 de março de 2022
PT05-Passo 0
Html é uma linguagem de programação, a linguagem foi criada para partilhar documentos científicos entre os acadêmicos, de acordo com o objetivo inicial da própria internet. Foi criada por Tim Berners-Lee, britânico que também criou a World-Wide-Web (www). A criação foi impulsionada pelo sucesso da conexão entre um cliente e um servidor na internet, em dezembro de 1990.
Lee utilizou como base a SMGL, uma linguagem de marcação da qual o HTML herda os principais componentes. A grande diferença entre ambas, na época, foi um elemento de âncora, representado por uma tag “a”. Essa pequena característica é a responsável pelos links da internet e permite conectar páginas entre si. Ou seja, ele é essencial para a construção de um site completo.
terça-feira, 23 de março de 2021
PT05 - passo 10
- "Fornecer algumas indicações sobre o processo criativo, ou seja, como surgiu a ideia de fazer desta maneira e não de outra qualquer; o que nos inspirou; os equipamentos/sites/videos que nos inspiraram, etc."
- Ao longo do trabalho tive várias indecisões de como iria fazer a tabela, porém cheguei a uma ideia de fazer como fiz e agradou-me muito então segui em frente.
- "As etapas iniciais de preparação do trabalho: Preparação e instalação de software; equipamento utilizado; constrangimentos (limitações); etc."
- Após ler o enunciado instalei o notepad++ que foi o único software que instalei para realizar a pt
- A execução do trabalho propriamente dito, com identificação dos passos:
- Os passos mais interessantes forma o passo 5 e 4
- Os passos mais difíceis foram o passo 5 e criar o produto final da minha página "jpfidalgo.tk"
- Os passos que deram mais trabalho foram o passo 5 e 4, e criar o produto final da minha página "jpfidalgo.tk"
- O passo em que tive de pedir ajuda foi no passo 5, e pedi ajuda ao Tiago Farinha e Luís Canossa.
- "Como é que foi resolvendo os problemas encontrados: Na aula com o professor, com os colegas, com ajuda de videos tutoriais no Youtube (deve listá-los), etc."
- Os problemas encontrados foram resolvidos com a ajuda dos meus colegas e com a ajuda do professor, durante a aula.
- "As decisões que teve de tomar ao longo do trabalho e porquê;"
- As únicas decisões que tive de tomar foram sobre o aspeto da tabela porque queria que ela fica-se com o melhor aspeto possível.
- "Uma conclusão final onde deve incluir:"
- O que mais gostei de elaborar na PT foi:
- "O que podia ter ficado melhor e porquê;"
- A tabela podia ter ficado um bocado melhor pois não ouve muito tempo para ser criativo.
- "o que aprendeu. Ou seja o que não sabia e que ficou a saber!"
- Aprendi a programar em HTML e CSS
- "Alegrias e tristezas. Ou seja o que de melhor e de pior aconteceu ao longo do trabalho;"
- Não houve tristezas, só alegrias e foram quando acabei o trabalho e vi o seu aspeto final.
domingo, 21 de março de 2021
PT05 - Passo 10(Entrada)
Embora seja bastante boa para programadores, e utilizadores com experiência no GitHub, toda a gente tem de começar. E a parte para iniciantes do GitHub é um pouco fraca. Sem uma ajuda de uma pessoa mais experiente, é bastante provável que o novo utilizador se vá perder nos inúmeros ramos que estão presentes no GitHub.
Este trabalho começou com a ideia de fazer um "treino" das habilidades de html começando com o passo 4 onde fizemos exemplos das coisas que dá para fazer no html como escrever um documento, como inserir uma imagem, etc.., depois seguimos para o passo 5 onde fizemos um exemplo de uma tabela, o professor aproveitou utilizar as nossas caricaturas duma pt(proposta de trabalho) anterior, neste caso a PT03, para fazer uma pauta na forma de tabela, depois a partir daqui depende da criatividade de cada um e como cada uma faz a sua tabela, ou seja, como usa as cores, a estrutura ou mesmo se acrescenta alguma coisa a mais como algumas animações, eu no meu caso não fugi muito à tabela padrão.
Para efetuarmos o passo 4 e 5, é necessário ter instalado um editor de código, no meu caso usei o notepad ++, que me foi recomendado pelo professor, mas também existem outros como o atom que funciona tão bem como o notepad, então basicamente escolhi o notepad simplesmente porque o professor falou primeiro e também houve colegas meus que já tinham utilizado o notepad, e todos falaram bem desse editor de vídeo então decidi utilizá-lo e não desgostei da experiência, é também muito fácil de utilizar, para podermos ter acesso às fotos precisámos também do software do Google fotos .
O passo mais interessante foi o passo 5, mais especificamente dentro deste passo 5 "Tabela em HTML" foi o passo 1, porque foi neste passo que usei os meus antigos conhecimentos de HTML e também aprendi novas coisas como por exemplo como usar cores em HTML e também como fazer colunas na tabela e etc..., o passo que menos gostei foi o passo 2, outra vez dentro do passo5, este passo foi também o que achei mais trabalhoso, basicamente neste passo foi onde tivemos de agrupar as fotos das caricaturas da nossa turma numa pasta e dar nomes de acordo com as boas práticas, ou seja, dar nomes só com letra minúscula, sem espaços e sem acentos.
Os problemas que encontrei neste trabalho foi no passo 5 a fazer a tabela, pedi ajuda a alguns colegas meus de como inserir por exemplo cores novas, mas este problema foi facilmente resolvido, não surgiram assim muitos mais problemas.
As decisões mais importantes que fiz neste trabalho foram feitas dentro do código, do passo 5, em si, como por exemplo mudar a cor dos nomes, centrar a tabela na página da web, inserir os links das fotos grandes através duma referência, etc, todos estes passos serviram para melhorar o aspeto da tabela em geral e também para utilizar os conhecimentos que tinha aprendido antes no passo 4, este passo 4 não é um passo incluído dentro da tabela. Outras decisões mais banais foram por exemplo a maneira como organizei os meus repositórios no GitHub e também como organizei o meu site do freenom.
Para concluir, nesta proposta de trabalho o que mais gostei de fazer e que acho que compensou mais o trabalho investido foi o passo 5, digamos que este passo é o passo principal, neste passo aprendi várias coisas novas sobre o HTML mas mesmo assim podia ter ficado melhor em geral, acho que mesmo assim podia ter personalizado a tabela, mas mesmo assim acho que ficou boa. A parte que menos gostei de fazer foi o curso do sololearn, foi muito demorado e mesmo que tenha aprendido algumas coisas sobre o HTML em geral sinto que foi muito longo, o que correu pior neste trabalho foi o passo 2 do passo 5 onde tínhamos de agrupar as fotos numa pasta e eu em vez de colocar nomes de acordo não o fiz à primeira, mais tarde corrigi, e então deu-me trabalho a mais por um erro simples, mas em geral esta pt correu bem e sinto que aprendi as bases do HTML.
- O link do meu site criado nesta PT05 é: http://miguellorga.ml/
PT-05 Passo 10
perder nos inúmeros ramos que estão presentes no GitHub. Também temos o GitHub pages que é uma extensão do GitHub no sentido, que é a página de cada utilizador e daí cada um poder publicar os seus projetos. O GitHub Desktop é uma versão app do GitHub que pode ser transferível e usada em vez do Github no browser. E por fim o Atom é um editor de texto de código disponível para várias plataformas e que permite a instalação de extensões desenvolvidos com Node.js.
PT05 (passo 10) - Entrada 27
Claro que feito depois da obtenção do diploma em HTML, na plataforma SoloLearn. Nesta plataforma, foi necessária a subscrição em 3 cursos: HTML, CSS e JavaScript. No entanto, apenas foi necessária a conclusão do curso de HTML.
Um dos passos mais interessantes foi o aspeto estético, o posicionamento das fotografias na tabela, a interação existente cada vez que o rato está em cima de um dos elementos da tabela, e a cor das linhas da tabela. Recorrendo ao CSS, foi possível melhorar o aspeto gráfico de todo o trabalho, pois desta forma fica bastante mais apelativo.
1 - O Professor deu-nos esta PT, que apareceu no enunciado de PT's do site do professor.
2- Para este trabalho precisei de instalar de instalar o software Notepad++. Utilizei também o GitHub, o freenom e o sololearn como ferramentas online para auxílio na PT.
3 - Os passos que achei mais interessante foram o 4 e o 5 porque foram os passos que requeriam mais aplicação do HTML que é o Ponto principal da PT, para além do facto de que a criação da tabela foi interessante.
- Os passos mais difíceis foram o 5 e 09, mesmo sabendo que a criação da tabela foi interessante, não muda o facto de ter sido difícil, e o passo 9, visto que o curso do Sololearn exigia vários conhecimentos, que precisávamos estudar antes de responder.
- Os passos que deram mais trabalho foram também o 5 e o 9 pelos mesmos motivos.
-Os passos onde tive de pedir ajuda foram no 6, pois tive dificuldade em enviar o meu trabalho feito para a plataforma GitHub. Tive a ajuda do João Fidalgo e do José Silva.
4-Pedi ajuda ao João Fidalgo e ao José Silva.
5-Não tive de tomar nenhuma decisão que fosse contrária ao enunciado. No entanto, fiz apenas umas alterações a nivel estético, com foco em melhorar a PT.
6-0 que gostei mais de elaborar neste trabalho foi a tabela, porque foi o desafio onde tínhamos de aplicar o nosso conhecimento
de HTML. E a partir daí, criar a tabela.
-Correu tudo bem, mas acho que poderia ter me organizado melhor, quer a nivel de tempo, quer a nivel da disposição dos repositórios no GitHub.
-Entrei em contacto com o HTML, onde aprendi bastante, e aprofundei o conhecimento do GitHub.
Finalização da PT05
PT05- Passo 10
Passo 10 da PT05 "Iniciação ao HTML" + Github + Freenome
FAMÍLIA GIT
O GitHub é considerado é uma ferramenta essencial para engenheiros inofrmaticos, com uma popularidade sem igual. Atualmente, ele acomoda mais de 36 milhões de usuários. Isso significa que há um número considerável de profissionais que usam o GitHub para melhorar o fluxo de trabalho e a colaboração.
Em resumo, o GitHub é um serviço baseado em nuvem que hospeda um sistema de controlo da versão chamada Git. Ele permite que os desenvolvedores colaborem e façam mudanças em projetos compartilhados enquanto mantêm um registo detalhado do seu progresso.
De onde vem o Git de Github ?
O Git é o coração do GitHub, é um sistema de controlo de versôes desenvolvido por Linus Torvalds (o criador do Linux).
Isto significa que qualquer desenvolvedor numa equipa pode gerenciar o código-fonte e seu histórico de mudanças usando ferramentas do Git – desde que tenha sido concedido o acesso para tal.
O que diferencia o Git é a sua propriedade que oferece ramificações de recursos (os branches). Isso significa que cada engenheiro informático na equipa pode separa uma ramificação que oferece um repositório local isolado para promover mudanças para os códigos.
De onde vem o Hub de Github?
Se o Git é o coração do GitHub, então o Hub é a alma. O hub de GitHub é o que torna uma linha de comando, como o Git, a maior rede social para desenvolvedores do mundo.
Além de contribuir em projetos específicos, o GitHub permite a socialização com pessoas que possuem os seus interesses. Pode também seguir pessoas e acompanhar o que fazem ou com quem se comunicam.
Opinião pessoal
De um ponto de vista pessoal (de acordo com as minhas experiencias ) posso dizer que o Github é certamente uma ferramenta bastante poderosa, mesmo sem o conhecer a 100% . Contudo o que eu achei mais interessante foi a sua grande acessibilade que me permitiu a mim, alguém completamente novo a este mundo, criar páginas em html expostas para o mundo, a troco de apenas alguns clices.
O único ponto menos bom que encontrei foi o tempo que demora a processar as atualizações que fazemos aos nossos ficheiros , que apesar de não ser muito, também não é exatamente pouco.
Memória Descritiva
O objetivo desta PT era ganharmos algumas báses de html, e como em todos os processos de aprendisagem, está também pode ser dividida em duas partes, parte teórica e prática.
A parte teórica engloba todas as apresentações que o professor nos deu, o enúnciado da PT, e o curso do sololearn ( apear de também ter algum prática é constituido maioritariamente por trória).
A parte prática que se seguiu em sequência contêm todos os exercícios que resolvemos como a colocação de imagens / links em html e a contrução de uma tabela. Para esta parte tivemos de fazer o download do Notepad++, onde iriamos criar os códigos.
Tendo estas duas partes concluidas só falta colocar as evidências na pasta drvie criada para esta PT, no portufolio, e colocar os nossos html em repositorios online (Github) para que todos os podessem ver.
O passo 5 foi talvez o mais interessante e difícil pois apesar de ser o mais complexo, também é um dos que parece ser mais úteis, não esquecendo que parte da sua elaboração é de estilo livre, ou seja, tivmeos chance de optar pela forma que preferissemos para a sua construção
PT05 (passo 10) - Entrada 1/Semana 15 - 21 Mar.
![]() |
| Certificado da conclusão do curso online de HTML do SoloLearn |

.jpg)
















