Pesquisar aqui

segunda-feira, 25 de maio de 2020

PT08: Passo 3 - CSS

Apresentação.


Iniciação ao HTML: title

Esta tag é utilizada para definir o título da nossa página Web. Apenas funciona se for utilizada dentro do Head e não do Body, como irei demonstrar.


Código

Resultado


Imagens produzidas pelo autor.

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

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

Método Finally:
O bloco finally, se especificado, será executado independentemente se o bloco try apresentar um erro ou não.

try:
  print(x)
except:
  print("Something went wrong")
finally:
  print("The 'try except' is finished")

Assim no exemplo acima, o bloco finally vai ser sempre executado, agora de uma maneira mais prática:


try:
  f = open("demofile.txt")
  f.write("Olá, sou o Jesus!")
except:
  print("Something went wrong when writing to the file")
finally:
  f.close()

No código acima, o programa vai tentar esccrever num ficheiro que não permite ser escrito, assim vai apresentar a mensagem de erro "Something went wrong when writing to the file" e vai fechar o ficheiro sem parar o programa!

Referências:

domingo, 24 de maio de 2020

PT08-Passo 3

PT08-Passo 3

Aqui se encontra o link para a minha apresentação "Google Slides" sobre CSS.


CSS - Cores

Hoje termino a minha curadoria de CSS, pois foi nesta semana que se finalizou o PT08. Tal como no passado irei regressar ao tema principal - Robótica. Para terminar irei falar de cor e de como colocá-la no teu website.
Para mudar qualquer parágrafo ou texto no teu website irás ter de usar a propriedade "color". O método mais simples de usares está poderosa propriedade é colocando o nome da cor de queres seleccionar após a propriedade, como se pode ver no exemplo abaixo:

color: yellow;

Utilizando CSS Variables (Custom Properties) - Blog da KingHost

O segundo método é usar a forma de definir uma cor em RGB. Este diz o valor de "red", "green" e "blue" da cor duma escala de 0 a 255. Por exemplo se tu quisesses apenas a cor vermelha poderias fazer como no exemplo abaixo:

color: rgb(255,0,0);

Este método serve mais para criar cores mais complicadas de definir, no entanto podes como no exemplo criar uma simples cor como o vermelho. O ultimo método também usa-se para criar cores mais difíceis de definir, usa-se os valores hexadecimais. Estes definem as cores usando o cardinal e no máximo seis valores hexadecimais(0-F). No exemplo abaixo temos a criação da simples cor azul.

color: #000FF;

Espero que esta ultima curadoria de CSS tenha-te sido útil. Se tiveres interessado em aprender mais sobre CSS recomendo o curso de SoloLearn sobre a linguagem. Até à próxima!

CSS - Classes



Classes em CSS

  Agora vou falar um pouco das classes. Nós podemos usar diferentes estilos para as mesmas tags usando classes, o que pode ser bastante bom e giro de se utilizar. Vou mostrar um exemplo.


  Nesta imagem acima, podemos ver diferentes classes e o que têm de ter para ser uma classe é o ponto no início. Estamos a definir quatro classes diferentes que são a ".texto1", a ".texto2", a ".texto3" e a ".texto4". Em cada uma delas estamos a definir uma cor para o texto. Agora vou por um pedacinho de código para verem com se deve colocar.


  Quando colocamos a class=, vamos definir que classe é que estamos a utilizar naquela linha. Logicamente, seguindo os exemplos a cor do texto vai ser vermelha.
  Espero que tenham gostado e até à próxima.