Pesquisar aqui

sábado, 23 de maio de 2020

CSS - Fontes

O CSS, como já anteriormente discutido, é essencialmente a aparência da pagina web. Em qualquer texto online, até o que lês no preciso momento, tem uma fonte. Estes diferentes estilos de grafia é obra da linguagem de CSS, que usa diferentes propriedades para criar diferentes tamanhos e estilos.

Guia Completo de CSS: Inicie seus estudos sobre CSS

Algumas destas propriedades são as seguintes:

font-family - especifica que fonte vais usar para um elemento;
font-size - especifica que tamnho queres para a tua fonte;
fonr.style - especifica se queres a tua fonte normal, italico ou obliquo;
font-weight - controla a espessura  da tua fonte
font-variant - especifica se queres a tua fonte com "inherit" ou "small-caps" (essencialmente especifica se queres o teu texto todo escrito em letras maiúsculas "pequenas").

Espero que isto tenha te sido útil. Até à próxima!

Iniciação ao HTML: Anchor

A tag <a>, de anchor (ancora em português). É a tag utilizada para colocar links em páginas Web. 

Código



Resultado



Como podem ver, é muito simples, basta colocar o link para o qual queremos que o utilizador seja redirecionado dentro da tag, a seguir ao "href=" e dentro de aspas. Para além disso, temos que colocar o texto ou a imagem que queremos que contenha a hiper-ligação.

Imagens produzidas pelo autor.

sexta-feira, 22 de maio de 2020

CSS - Comentários

Sempre que trabalhamos com código devemos seguir as boas praticas da programação. Esta aborda seis regras, que eu já falei anteriormente quando falei sobre HTML. Uma destas regras é indentar o código, para que qualquer programador que lei-a o teu código o possa compreender. Outra regra também muito importante é a adição de comentários relevantes ao longo do código. Esta é muito importante para explicar o código, ajudar-te a organizar-lo e até a ajudar-te mais tarde se fores edita-lo. Os comentários são extremamentes úteis porque são ignorados pelos browsers e só as pessoas que leiam o código é que poderão os vê-los. E então como é que se escreve um comentário no CSS?

Follow these steps to become a CSS Superstar - freeCodeCamp.org ...


É na verdade extremamente simples. Seguindo a seguinte estrutura o teu comentário devera parecer como o seguinte:

/* Comentário */

Colocando a tua mensagem dentro de duas barras e dois asteriscos (os asteriscos devem estar dentro das barras, como se pode ver no exemplo a cima) transformas-a num comentário. Espero que isto tenha sido útil. Até à próxima!

CSS/ HTML - Algo fundamental

CSS/ HTML - Algo fundamental


Vivemos num mundo em que há muita competição, sobre tudo e mais alguma coisa e uma dessas coisas são websites. Muitos deles bastante bem feitos. 
Queres mudar a forma como interages com o teu código HTML?
Insere este link no head e abre no teu telemóvel.

<meta name="viewport" content="width=device-width, initial-scale=1.0">



Iniciação ao HTML: DIVs

A tag <div>  é uma das mais famosas e úteis. Esta define uma secção ou divisão num documento HTML. Porque é que isto é tão bom, porque a tag em si não altera nada no documento, mas, em conjunto com CSS, possibilita que certos pedaços do mesmo sofram certas estilizações. Dando não só muita liberdade, como também muitas possibilidades.




Como viram, nada aconteceu ao texto quando colocado dentro da tag div.





A tag deu-nos a possibilidade de utilizar o CSS para editar o texto. Desta maneira, colocando-o a bold e aumentando o tamanho.

Imagens produzidas pelo autor.

Javascript - Primeiro script


Comecemos por criar uma página com um script que escreve "Hello World", como é costume fazemos em todas as linguagens de programação.

Assim como no CSS, o nosso código Javascript pode ser colocado diretamente no código HTML dentro da tag <script>, que pode ser colocada em <head> ou <body>.
Para escrever na página, usamos document.write("");, dentro das aspas colocamos a mensagem.

<html>
    <head>

    </head>

    <body>
        <script>
            document.write("Hello World");
        </script>
    </body>
</html>

Isto vai resultar numa página que tem "Hello World" escrito nela.

Lembremos que isto no C++ seria equivalente a escrever na consola, que é onde podemos ver os resultados do nosso código em primeira mão.

Referências
Passo 3 do PT08, uma apresentação acerca da inicialização em CSS, deixo aqui o link do slides:
https://docs.google.com/presentation/d/1T0P5FnfALf7tRkj9eVRKvVx5OUMWCI2MwoaOnSHKuCI/edit#slide=id.p

Python - Herança de Classes (Parte 5)

JÁ APRENDEMOS SOBRE CLASSES, E A SUA HERANÇA?

  • Adicionar métodos: também podemos adicionar métodos que apenas podem ser usados com a classe derivada, como por exemplo:

class Student(Person):
  def __init__(self, fname, lname, year):
    super().__init__(fname, lname)
    self.graduationyear = year

  def welcome(self):
    print("Bem-vindo", self.firstname, self.lastname, "à turma de", self.graduationyear)

Assim terminamos mais uma publicação, espero que tenha sido útil, boa programação!


Referências:

quinta-feira, 21 de maio de 2020

PT 08

Aqui se encontra a apresentação no Google slides, pedida no passo 3 do PT 08.
Apresentação.

CSS - PT08 - Passo 3

Termino este projeto, que foi razoavelmente curto, publicando a apresentação que foi desenvolvida com o objetivo de explicar e introduzir esta linguagem a alunos do 10ºano (passo 3). Esta apresentação foi realizada no google slides no âmbito da disciplina de Aplicações Informáticas B, da escola Secundária José Gomes Ferreira. Se alguém estiver interessado esta apresentação é valida para qualquer idade. Espero que aprendam algo de novo. Até à próxima!

Apresentação CSS

 

Apresentação Sobre CSS



Publico aqui uma apresentação PowerPoint no âmbito da disciplina Aplicações Informáticas B, da escola Superior José Gomes Ferreira, para todos os interessados e buscadores de conhecimento e razões para entrar no mundo da linguagem humano-máquina! :)

                     

-GV

PT08 - Passo 3 - Apresentação CSS

Com o fim desta Proposta de Trabalho segue-se a minha apresentação sobre CSS feita em Google Slides assim como pedido no Passo 3.

PT08: Prática em CSS - passo 3

Neste post mostro-vos a apresentação que desenvolvi no passo 3 da PT08: Prática em CSS, em Google Slides. Esta apresentação tem como objetivo ser capaz de introduzir CSS a um aluno do 10º ano, tendo informações do que é o CSS, para que serve, qual a sua história, sintaxe, ... Apesar de ser uma apresentação direcionada para um jovem do 10º ano, é válida para qualquer idade. Por isso, aconselho-vos a dedicar-lhe um pedacinho do vosso precioso tempo.


PT08-CSS

PT08 - CSS


Finalizei este trabalho e por isso incluo aqui uma breve explicação sobre o que é o CSS.

Apresentação sobre a introdução ao CSS

Durante a realização do Pt08- introdução ao CSS, no passo 3 era pedido uma apresentação feita no Google Slides, para acederem basta clicarem aqui

PT08 - passo 3


PT08


  Hoje venho só colocar um link de google slides que contem uma pequena apresentação sobre o que é o CSS em que foi elaborado no âmbito da disciplina de Aplicações Informáticas B (AIB). Aqui está o link.
  Até à próxima.


PT08-CSS

Acabei o PT08 e aqui vai a minha apresentação:

https://docs.google.com/presentation/d/1nJukD6QBFjnGw3TkdWixsYeq27J0ah_LNlLvvRHlqRI/edit#slide=id.p
Link da apresentação (passo 3):  https://docs.google.com/presentation/d/1fS8yk3heAEgxmogU8rilOga4GQlZxukqwtUiKjlmO2U/edit?usp=sharing

PT 08 - CSS - Conclusão

Já terminei a minha proposta de trabalho 8 relativa ao CSS.
Aqui em baixo podem aceder á minha apresentação para ficarem a aprender um pouco mais sobre CSS.
https://docs.google.com/presentation/d/1v-fsdak4iKHJVdbudHNfDvHnC9nQyiW4pR_ic_DMK-s/edit?usp=sharing

Apresentaçao PT08

Acabei o PT08 e aqui vai a apresentação criada.
https://docs.google.com/presentation/d/1EDPGiKggbIwGk6cdWo_rN4OFHRgsyl3vbq1gGVQDYD4/edit?usp=sharing

quarta-feira, 20 de maio de 2020

Python - "Try...Except" (Parte 3)

NA PUBLICAÇÃO ANTERIOR MOSTREI A BASE DESTE TEMA, NESTA IREI DEMONSTRAR ALGUNS OUTROS CASOS E MÉTODOS!


Método else:
Pode usar-se o método else para definir um bloco de código a ser executado se nenhum erro for gerado:


try:
  print("Hello")
except:
  print("Something went wrong")
else:
  print("Nothing went wrong")

Assim no código acima, se ocorrer um erro vai aparecer "Something went wrong", senão(else) ocorrer, como neste caso, aparecerá "Nothing went wrong"!

Referências:

segunda-feira, 18 de maio de 2020

Javacript - Introdução


Javascript é uma das linguagens de programação mais usadas, atuando em páginas web ao dá-las comportamento. Fá-lo em conjunto com HTML e CSS, que providenciam a estrutura e aparência, respetivamente.
Alguma das utilidades do Javascript são interacção com o utilizador, criação de efeitos especiais e até mesmo criar jogos de navegador.

Apesar de ter "Java" no nome, são linguagens completamente diferentes.

Referências

Python - Herança de Classes (Parte 4)

JÁ APRENDEMOS SOBRE CLASSES, E A SUA HERANÇA?

  • Adicionar propriedades: vamos adicionar por exemplo outra propriedade 'ano de graduação', em que estará na classe derivada, mas não na base:

class Student(Person):

def __init__(self, fname, lname):

super().__init__(fname, lname)

self.graduationyear = 2019)


Referências:

domingo, 17 de maio de 2020

CSS - Comentários


Como se introduz um comentário no CSS?


  A forma de introduzir um comentário num ficheiro CSS é muito fácil. Primeiro, o comentário que vamos deixar no código pode ser bastante útil porque vai ajudar as pessoas a entender o código em caso de algo que não esteja a funcionar com deve ser. A maneira que utilizamos para colocar um comentário é : /*comentário*/.
  Até à próxima.

CSS - diferentes formas de usar


Quais são as diferentes forma de colocar o código CSS?


  Para começar posso referir que existem três formas diferentes de colocar o nosso código CSS. São a inline, a folha de estilos interna e a folha de estilos externa.

  A inline é pormos o atributo do style na tag body.




  A folha de estilos interna é pormos uma tag style que vai definir tudo da página e esta tag do style está dentro da tag do head.



  A folha de estilos externa é usarmos um link dentro da tag head que via buscar a um ficheiro CSS externo àquele código, ou seja um ficheiro separado que deve chamar-se "meuestilo.css".



 Até à próxima.


CSS - o que é?


O que é o CSS?



  O CSS (Cascading Style Sheets) é um tipo de linguagem que serve para adicionar e definir estilos a uma página da web. O CSS funciona em conjunto com o HTML em que o HTML dá a estrutura à página da web e o CSS define a aparência dessa página. Um ficheiro CSS tem a extensão "ficheiro.css" e pode ser utilizado de três diferentes formas que irei explicar no seguinte post.
  Até à próxima.

CSS - Como trabalhar com CSS Externo

Escrevendo no HTML, o estilo e o conteúdo todo num sitio pode fazer o teu código um pouco caótico e difícil de gerir. É por isso mesmo que um dos melhores benefícios do CSS é poder separar o estilo (CSS) do conteúdo (HTML) do website. Para separar o CSS do HTML terás de dentro do código de HTML escrever o seguinte código, dentro das tags "head" (que já foi referida anteriormente):

<link rel="stylesheet" hred="example.css">


Este código pega no URL do ficheiro CSS e importa-o para dentro do HTML. E assim consegue-se separar o estilo do conteúdo e trabalhar com CSS Externo. Espero que tenhas aprendido um pouco. Até à próxima!