#aula 9

[geobrasilep-blog]

Aula 09 - Dia 03/09/2015

Aspectos Físicos e Sociais da Região Sudeste !!

[webdesignbysephi]

Aula #9 - CSS Básico - Posicionamento de elementos

Hello, aulinha atrasada, porém, como só a sof do oficina me entregou a tarefa, então provavelmente não fez falta a aula. Quem me acompanha sabe que eu me afastei do tumblr por causa de muitos problemas, mas, vou continuar com as aulas aqui. Bom, vamos pra aula (espero que tenha alunos aqui ainda).

Uma parte super importante de qualquer página é o posicionamento dos elementos. Uma das últimas aulas de css básico (a penúltima pra falar a verdade). Depois iremos para uma parte mais legal.

As propriedades que vamos usar para posicionar são:

position (absolute, relative, fixed)

top (unidades de medida)

bottom (unidades de medida)

left (unidades de medida)

right (unidades de medida)

Vamos entender a propriedade Position

position: absolute;

O valor absolute define pro elemento uma posição absoluta (ah vá!), ou seja, independente de qualquer outro elemento, onde você mandar ele vai ficar.

EXEMPLO

position: relative;

O valor relative define um posicionamento em relação ao elemento anterior, ou seja, as distâncias serão calculadas a partir das margens do último elemento antes dele no html.

EXEMPLO

position: fixed;

O fixed é igual o absolute, o que difere é que esse elemento nunca vai sair do lugar, por mais que tenha uma barra de rolagem na página.

EXEMPLO

Como definimos as distâncias? 

Usando as propriedades top, bottom, left, right (topo, fundo, esquerda e direita, respectivamente) com os valores numéricos equivalentes a distância em px (pixels), cm (centímetros), % (porcentagem), etc.

Exemplo de um css para posicionar uma div com class chamada "umadiv"

.umadiv {

position: absolute;

top: 50px;

right: 400px; }

Outro exemplo 

.umaoutradiv {

position: fixed;

bottom: 3px;

left: 10px; }

Acho que por hoje é isso.

Fácil né? Pelo menos parece. 

Tem os códigos nos exemplos para vocês analizarem. Qualquer dúvida, ask.

Vou postar a próxima aula na quinta então.

[blue-skin]

My Interpretation (Mika)

Nosso cérebro é condicionado. Nascemos, crescemos, vivemos em uma sociedade bem delimitada. O que é bom, o que é ruim. Tudo está a mostra. Tudo é imposto a nós. Temos barreiras e limites que não podem (devem) ser sobrepujados. Esse controle permite a ordem social. Cria o bom-senso. Mas também nos limita.

Pessoas de uma certa realidade tendem a ter um pensamento semelhante. Existem inúmeras realidades no mundo e a comunicação entre elas nada mais causa que um caos. O caos de ideias novas, como duas galáxias se fundindo. O resultado: novas ideias, novas perspectivas.

Mas, para tal, os envolvidos têm que estar dispostos a abrir mão de seu pensamento lógico quadrado. Se colocar no lugar do outros. O que é regra para um, é exceção para o outros. E a realidade e perspectiva mudam.

As vezes pode parecer impossível inovar, criar, sair da casinha. Muitos que acham pensar fora ou por conta própria não conseguem passar desse ambiente delimitado. A imaginação é um local que não deveria ter muros. Se em algum lugar é possível quebrar todas as regras da sociedade, este lugar é o pensamento de cada um. Em nossas cabeças podemos matar, roubar, voar, nos teletransportar. Tudo é possível. Por que não aproveitar esse potencial criativo?

Mais do que isso: por que não extrapolar isso para outras realidades? A multidisciplinaridade pode ser uma ferramenta poderosíssima. Por que não perguntar a um ferreiro ideias novas para se realizar uma cirurgia? Com certeza muitas ideias novas surgiriam. Boas ou ruins, barreiras seriam quebradas. E o fluxo criativo seria aumentado. E todos ganhariam com essas ideias 'malucas'.