Pesquisar aqui

domingo, 21 de março de 2021

História do HTML

Tim Berners-Lee(1) criou o HTML numa estação NeXTcube usando o seu ambiente de desenvolvimento. Naquela época a linguagem não era uma especificação, mas sim uma coleção de ferramentas para resolver um problema de Tim: a comunicação entre ele e o seu grupo sobre pesquisas. A sua solução ganhou atenção mundial.
 Ao longo do tempo, a utilização de ferramentas para autoria de HTML aumentou, e assim aumentou a necessidade de melhorar o HTML em si, apesar disso, por questões históricas, todos os navegadores conseguem ainda nos idas de hoje interpretar páginas web que estão longe de ser um código HTML válido.
A linguagem foi definida em 1990, inspirada nas propostas originais de Tim Berners-Lee em criar uma linguagem baseada em SGML para a Internet. 
A primeira ação foi esboçada por Tim(1) e Dan Connolly, e foi então lançada em 1993 na IETF como uma aplicação formal de SGML. 
Desde 1996, com a ajuda de fabricantes de software o World Wide Web Consortium (W3C). as especificações HTML vêm sendo mantidas.
Desde a publicação da versão 3.5 do HTML, no final de 1997, o grupo de trabalho da W3C tem cada vez mais ,de 2002 a 2006, se focado no desenvolvimento do XHTML, uma espécie de especificação HTML baseada apenas em XML que é considerada pela W3C como um sucessor do HTML.
                                                             (1)Tim Berners-Lee           

HTML para jogos

Sim, o html pode ser usado para criar jogos e apesar de  não terem a melhor qualidade não deixa de ser algo interessante ao qual vale a pena dar olhada. É definitivamente uma forma criativa de pormos em prática aquilo que aprendemos e ainda ganhar um pouco de motivação para possíveis melhorias e descobertas.

Aqui está um exemplo de um jogo  que encontrei no w3schools :

sites consultado em (21/03/2021) :

https://www.w3schools.com/graphics/game_intro.asp

PT05 - Passo 10(Entrada)

 O GitHub faz parte da família Git,e foi uma ferramenta utilizada ao longo de toda a Proposta de Trabalho 05, onde os alunos fariam enviariam para o site todos os pedaços de trabalho que desenvolvessem, mas afinal o que é a família Git? Bem, a família Git consiste no GitHub, GitPages, GitHub Desktop e Atom, esta família é destinada a programadores mas serve para toda a gente como é óbvio.O GitHub é uma plataforma que serve para o upload de projetos esta funcionalidade permite aos utilizadores partilharem os seus projetos com os outros.
    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.

Memória descritiva:
  1. 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. 


  1. 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 .


  1. 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.


  1. 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.


  1. 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.

  2. 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.

  1. O link do meu site criado nesta PT05 é: http://miguellorga.ml/

  2. E aqui está o certificado do meu curso do sololearn

    


PT05-passo 10

-Nesta PT05 uma ferramente que utilizámos muito foi o GithHub e o GitPages, com o GitHub podemos armazenar vários trabalhos em repositórios sendo assim mais fácil os outros poderem ver o nosso trabalho , neste caso o professor
Foi uma experiência nova, já conhecia mas nunca tinha posta á prova.

-Nesta Pt o que mais gostei de elaborar foi a tabela, como deve ter sido para todos, foi um passo giro e como envolveu o css, gostei. O mais difícil provavelmente foi as hiperligações era um bocado confuso.
Aprendi praticamente tudo pois nunca tinha trabalhado com html nem css, o que me deu mais trabalho foram as fotos e fazer o "resize" de muitas fotos porque vários alunos não o souberam fazer.
O que melhor aconteceu foram os bons resultados, da tabela por exemplo.

Dominio publico que criei: queendasopa.tk




Curso finalizado do SoloLearn:





HTML - A sua história (Passo 0 - PT05)

O HTML, em inglês, HyperText Markup Language tem uma história riquíssima, começando desde 1980.


Em 1980, o físico Tim Berners-Lee, um empreiteiro do CERN, propôs  o ENQUIRE, um sistema para os investigadores do CERN utilizarem e partilharem documentos. Em 1989, Berners-Lee escreveu um memorando propondo um sistema de hipertexto baseado na Internet. Berners-Lee especificou então o  HTML e escreveu o browser e o software do servidor em finais de 1990. Nesse ano, Berners-Lee e Robert Cailliau, engenheiro de sistemas de dados do CERN, colaboraram num pedido conjunto de financiamento, mas o projecto não foi formalmente adotado pelo CERN. Nas suas notas pessoais de 1990, ele enumerou "algumas das muitas áreas em que o hipertexto é utilizado" e colocou uma enciclopédia em primeiro lugar.

A 24 de novembro de 1995, o HTML 2 foi lançado. Depois, a 14 de janeiro de 1997 foi lançado o HTML 3. E no mesmo ano, a 18 de dezembro, foi lançado o HTML 4.

E finalmente, a 28 de outubro de 2014, foi lançado a famosíssima versão, o HTML 5.

Plugin de Manutenção dos Vips

  A maioria dos servidores, para conseguir fazer dinheiro e manter o servidor no ar, vende VIP's. Esta ferramenta é muito comum e útil, mas para a fazer funcionar é preciso um sistema para controlar os VIP's e tudo mais. Com o VipZero é possível recriar este sistema.
  É um plugin muito fácil de usar e tem diversas funções. Por exemplo, para além ser possível definir um jogador como VIP a partir de comandos, também é possível gerar chaves que os jogadores podem usar para receberem um VIP.


PT-05 Passo 10

    A família GIT é composta pelo GitHub, GitHub Pages, GitHub desktop e Atom esta família tem como público alvo programadores, mas qualquer um é livre da a utilizar.
    Começando pelo GitHub que é o "personagem principal", este é uma plataforma onde os utilizadores podem publicar os seus projetos, e também permite aos utilizadores partilharem os seus desenvolvimentos, bem como a visualização de projetos de outros.
    Embora seja bastante boa para programadores, e utilizadores com experiência no GitHub, alguns iniciantes do GitHub sem uma ajuda de uma pessoa mais experiente, é bastante provável que se vão
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.
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, até ao dia de hoje.

Memória descritiva:
1- A ideia deste trabalho surgiu do enunciado de PT's do professor, uma vez que esta PT faz parte do programa de AIB.
2- Para este trabalho tive de instalar os softwares Atom Notepad++, utilizei também o GitHub, o freenom e o sololearn para completar os passos da PT apenas houve constrangimentos no freenom no qual não era possível usar o email da escola e assim tive de usar o pessoal.
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 o 9, 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 5 e no 7, primeiro na tabela, precisei de saber como meter a imagem num formato link isto é por exemplo images/1.afonso-kirkby e no passo 7 precisei de ajuda a configurar o site do freenom e pedi ajuda aos meus colegas Tomás Perdigão, Tiago Farinha e Luís Canossa.
4-Como já referi pedi ajuda a esses 3 colegas.
5-Não tive de tomar nenhuma decisão que fosse contrária ao enunciado apenas algumas mudanças simples para melhorar a PT.
6-O que gostei mais de elaborar neste trabalho foi a tabela, porque foi o desafio onde tínhamos de aplicar o nosso conhecimento de HTML.
  -Acho que correu tudo bem apenas podia ter melhorado a PT a nível de estética.
  -Aprendi muito sobre HTML em geral e também sobre o Github.

O domínio do meu site criado no freenom é este:Jsilva.ga

Printscreen da conclusão do curso Sololearn:



  

PT05 (passo 10) - Entrada 27

    O GitHub, que faz parte da família Git, foi uma ferramenta utilizada ao longo de toda a Proposta de Trabalho 05, onde os alunos fariam enviariam para o site todos os pedaços de trabalho que desenvolvessem.
    Mas o que é a família Git? Bem, a família Git consiste no GitHub, GitHub Pages, GitHub Desktop e Atom. Esta família é destinada a programadores.
    O GitHub é uma excelente plataforma que permite o upload de variadíssimos tipos de projetos. Esta funcionalidade permite aos utilizadores partilharem os seus desenvolvimentos, bem como a visualização de projetos de outros.
    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.
 
   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, até ao dia de hoje.

    Para começar, nesta proposta de trabalho, entrámos em contacto com o site W3Schools, um website que nos permitiu o primeiro contacto com o HTML, através de projetos já existentes. Tudo o que foi necessário fazer foi recriá-los, e traduzi-los.
    De seguida, a parte mais desafiante do trabalho, a criação de uma tabela com as caricaturas da turma.
    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.
    Após obter o diploma, partimos para a criação de um novo mini-projeto: a tabela caricaturada da turma.     

    A ideia de construir uma tabela em HTML foi bastante motivadora, e facilitou a progressão do trabalho, pelo que penso que não houve nenhum impedimento. No entanto, a tarefa foi ficando um pouco entediante, pois o mesmo processo teve de ser repetido 28 vezes.
    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.
    Recorrendo ás ajudas fornecidas pelo professor no passo 4 tornei um trabalho com um aspeto aborrecido, um trabalho com um aspeto interessante e atrativo.

    O meu URL público, criado nesta PT05 é: https://afonsteixeira.tk
    
    SoloLearn terminado:


    

Certificado SoloLearn:



Memória descritiva:
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.



   E é tudo por esta PT05.