#aula 6

[zia-80]

[mpmagalhaes]

Observação 8o Ano 26/04

Aula: 6 - Horas Totais: 12

Os alunos estavam estudando para uma prova de matemática.

Eles se sentaram em grupos e se ajudaram a fazer os exercícios. 

No meio da aula uma pessoa que trabalha, acredito, na sala da orientação, entrou na sala para me pedir que os alunos fizessem cartazes sobre a prevenção da H1N1 para espalhar pela escola, informei que eu não poderia passar nenhum exercicio parados alunos e ela saiu da sala com cara de quem não gostou, dizendo que "Vou dar jeito nisso". Desculpa? não entendo porque é tao difícil entenderem, nessa escola, que eu não estou lá para dar aula (ainda).

Essa escola é horrivel, me sinto muito mal nela.

[geobrasilep-blog]

Aula 06 EPUFABC - Dia 06/08/2015

Aula 03 sobre Centro-Oeste. Parte Finaaaaal

[webdesignbysephi]

Aula #6 CSS Básico - Propriedades

Na aula passada vimos como escrever o css, agora vamos treinar o css daquela nossa página mesmo (pode ser o exemplo que vocês salvaram no computador pra testes, ou o blog secundário de tarefas).

Revisando:

Vamos escrever ele entre <style> e </style> nessas primeiras aulas;

Ele é escrito sempre assim: Tag do html ou class { propriedade:valor;};

O css de uma class começa com .(ponto) + o nome dela, { para abrir e } para fechar, exemplo: .exemplo {propriedade: valor; }.

As “propriedades” são as coisas que podemos “personalizar”, exemplo background (fundo), color (cor do texto), margin(margem do elemento). São sempre o nome da propriedade em inglês, se você souber um pouco de inglês prende bem fácil os nomes. 

Elas são escritas entre { e }, assim:

Propriedade: valor;

Um exemplo:

body {

background: #CDB7B5;

}

Nesse css, com body dizemos que as propriedades vão mudar o body do html (que é o corpo todo da página), combackground dizemos que ele vai mudar o fundo do elemento body e com #CDB7B5 dizemos que esse fundo será lilas. 

Aqui eu fiz uma lista de propriedades que usaremos, e os valores que elas aceitam:

Lista de propriedades

Vamos para a parte prática da coisa. No começo da página tem o link de onde encontrar código de cores, e as unidades de medidas válidas.

Talvez alguns já tenham entendido como é, e outros não, mas com a prática tudo vai clareando, por isso eu digo,testem bastante. 

Vamos começar customizando o corpo da página, o body.

Primeiro vamos abrir a tabela de cores (se você quiser usar seu photoshop para escolher a cor, na caixa de cores vai ter um código de 6 dígitos.)

Você pode testar por exemplo, o background, color, font-size e margin, para começar. Como o body é o corpo todo, coisas como position não vão ter efeitos.

Para mudar a cor dos links usamos a por causa da tag de links ser <a>, mas ele é dividido no css em 4:

a:link | o link normal

a:active | o link quando você clicar nele

a:visited | todos os links que você já visitou (tem no seu histórico do navegador)

a:hover | quando o mouse passa em cima do link

Para mudarmos a cor do link usamos essas “tags”, exemplo:

a:link {

color: #68838B;}

ou 

a:hover {

color: #473C8B;}

Testem. E com base nisso deixem a página de vocês com mais cores. Próxima aula vamos mexer com os posicionamentos e div. E talvez, se não ficar puxado, vou explicar um pouco sobre o :hover.

Esse fim de semana não vou passar tarefa, pelo fato da maioria de vocês terem começado as aulas essa semana. Mas estou aqui para responder as dúvidas. E ainda estou aceitando a tarefa #1.

Questões a serem gravadas

Como é escrito o css.

Estudar as propriedades.

[blue-skin]

Under the Gun (Electric Guest)

Quem nunca se pegou devaneando por ai? A mente voa por ai, fá duas voltas, uma cambalhota três piruetas e, quando se vê, está olhando para um horizonte distante, milhas e milhas da realidade. E se volta em paz. Num estado meio letárgico, como se acordando de um sonho. E como de um sonho, se acorda descansado, revigorado. Isso se ninguém o arrancar do país das maravilhas à força.

Quando se entra no ambiente de trabalho, a visão arcaica do mundo (trabalho como penitência, obrigação, sofrimento) impele às pessoas trabalhar focado 100% do tempo. Quando alguém - como por exemplo um chefe ou um gerente - vê seu funcionário olhando fixamente para o horizonte por mais de 30 segundos, ele segue em fúria e alvoroço para agarrá-lo do sei devaneio e traze-lo de volta à terra para ele voltar a render. Ledo engano.

Estas tão repudiadas pausas ou intervalos no processo de pensamento nada mais é do que o cérebro pedindo um tempinho. Ele precisa de vez em quando reorganizar as ideias, dar um 'loading', ainda mais com toda a conectividade e excesso de informações que temos hoje. Terminado esse processo ele volta à tona, rejuvenescido e pronto para dar 100%. Mas, se o processo for interrompido, ele (se não acabar dando tela azul) volta mal-humorado, ranzinza. Volta de mal grado não querendo trabalhar. Volta com... não sei... 60%?

Este é o detalhe que a visão antiga do laboro não entende. 20h em cima de uma mesa de trabalho pode não significar produtividade se a pessoa render uma média baixa. Pequenas pausas, devaneios, passeios, cafés, um ambiente agradável podem aumentar o rendimento do cérebro e aumentar a produtividade. Vale mais para um funcionário trabalhar 4h em rendimento máximo a 8h estressantes a 50%. O trabalho por metas e prazos (e não por horários) é muito mais humano e progressista. Falta agora o pessoal lá de cima enxergar isso.

[diariodebordodamariana-blog]

Moisés Ribeiro - Globo.com

Livros mencionados:

O design do dia a dia - Donald Norman

Não me faça pensar -Steve Krug

A startup enxuta - Eric Ries

("Sorry, it's just too hard to focus after so much exitment...")

[diariodebordodamariana-blog]

Vandal - Ricardo Dullius

T-shirts-> A importância de se comunicar com o público / Viver para fazer os outros felizes

Plataforma:

Fun Theory (VW)

Moodlinx

 Don't worry, have fun

 ("O-okay!")

pesquisa: A Fun Theory é uma campanha criada através de uma iniciativa da Volkswagem. De acordo com ela a diversão é capaz de mudar o comportamento das pessoas para melhor. Por exemplo, um funcionário que esteja se divertindo durante seu trabalho será mais eficiente.

O Moodlinx é uma proposta de busca onde os sites podem receber marcadores definindo o "humor" do site. Dessa forma é possível fazer uma pesquisa focada em um determinado sentimento, por exemplo: restaurante + alegre

Gostei muito da palestra. Acredito que o diferencial dessa marca seja exatamente os detalhes dela, a caixa em forma de foguete, as fotografias com modelos fantasiados, as formas de escrever as mensagens. Outro aspecto que também gostei muito é a facilidade para criar uma blusa com uma estampa que tenha sido feita por você. Para mim, são essas as características que tornam essa marca melhor que as demais camiseterias. 

  ("I AM sorry, but I just can't explain how perfect this is")

obs: fontes de pesquisa: Fun Theory e Moddlinx

[diariodebordodamariana-blog]

Aula 6- Vandal (Ricardo Dullius) + WEBDESIGN / Globo.com (Moisés Ribeiro)