Curso Intensivo de Web: As tendências e desafios de uma rede de colaboração, integração e produção de conteúdo.
"É o esforço constante e determinado que quebra a resistência,
e varre todos os obstáculos." (Claude M. Bristol)
"É o esforço constante e determinado que quebra a resistência,
e varre todos os obstáculos." (Claude M. Bristol)
O Telecentro Comunitário de Flórida Paulista começou a oferecer a partir do dia 04 de fevereiro de 2012 o seu novo curso de informática.
Com a temática "Curso Intensivo de Web: as tendências e desafios de uma rede de colaboração, integração e produção de conteúdo", passamos a trazer aos nossos alunos uma maneira prática e educativa de integrar e produzir conteúdo de qualidade na internet, seja para expressar opiniões ou como forma de divulgação do seu trabalho.
O curso de internet do Telecentro é Baseado em Projetos, do qual possibilita a total interação entre aluno e professor, sem esquecer de aliar aulas teóricas e práticas, dentro e fora do laboratório de informática.
Para os alunos, seguem abaixo as normas do curso e os resumo das aulas. Bom estudo!
-----------------------
NORMAS DO CURSO INTENSIVO DE WEB
Objetivo:
- Curso baseado em projetos;
- Compreender a web e a atualidade;
- Conhecer as ferramentas disponíveis;
- Quais são as próximas tendências;
- Participar de uma rede colaborativa;
- Integrar as pessoas a web;
- Como produzir conteúdo profissional.
De 4 a 5 meses - Total: 19 aulas (38 horas) - Aulas extras: 18 aulas (22 horas).
Módulos:
- Ferramentas da Web;
- Produzindo conteúdo;
- Aplicando conteúdo;
- Avaliação final / Analisando os resultados.
Para saber mais sobre as normas, acesse:
-----------------------
RESUMO DAS AULAS DO CURSO INTENSIVO DE WEB
Aula 01: Internet: definição, surgimento e evolução
Aula 05: Mídias Digitais - Fotografia Digital (1° Parte)
Mídias Digitais: suportes eletrônicos à veiculação de conteúdos fundamentados em aparelhos de leitura digital, como é o caso de um computador, um leitor de mp3, um projetor multimídia, um celular e outros.
Resultados das mídias digitais: fotografia, áudio e vídeo digital.
Fotografia: é a técnica de criar uma imagem por meio da exposição luminosa do papel.
Evolução fotográfica:
Antigamente: Exposição – Revelação - Papel
Atualmente: Botão – Computador - Impressora
Evolução da máquina fotográfica:
Extensões de arquivos de fotografias:
Dica: Veja dez dicas de fotografia digital
http://tecnologia.terra.com.br/noticias/0,,OI830798-EI12882,00-Veja+dicas+de+fotografia+digital.html
Aula 06: Mídias Digitais - Áudio e Vídeo Digital (2° Parte)
Áudio: é a realidade de quase todo usuário de computador. Pela popularização imensurável do MP3 na última década, é comum considerarmos a extensão como a representação de um arquivo de áudio. Mas o fato é que o MP3 é apenas uma maneira de criar arquivos de músicas.
Extensões de arquivos de áudio:
Vídeo: é uma sucessão de imagens a um certo ritmo. O olho humano tem como característica ser capaz de distinguir cerca de 20 imagens por segundo. Assim, afixando mais de 20 imagens por segundo, é possível enganar o olho e fazê-lo pensar que está a ver uma imagem animada.
Extensões de arquivos de vídeos:
Obs: Os formatos de arquivos de vídeo mais recomendados para usar em sua página na internet são: MPEG e Quicktime.
Aula 07: HTML: a linguagem da internet
HTML: É uma linguagem de formatação usada para criar páginas da web.
Para criar um documento em HTML, utiliza-se dos programas: Editor de textos simples (Linux Metasys) e Bloco de notas (Windows).
Para criar as páginas, usamos as TAGS. As tags são códigos inseridos entre os sinais < e >; e podem afetar uma ou até mesmo todo conteúdo de sua página.
ESTRUTURA DOCUMENTO HTML
Confira um tutorial criado por Gustavo Guanabara no youtube.
Essa é a primeira aula, mas você pode conferir mais aulas a partir dessa. Aproveite:
Dica: Acesse o site abaixo e confira dicas de tags para sua página da web:
www.linhadecodigo.com.br/artigo/81/html-basico.aspx
Exercício: Construir um site usando as tags (HTML).------------------------------------
Aula 09: Psicologia das Cores
As cores afetam a atividade muscular, mental e nervosa. São capazes de despertar interesse do seu público alvo.
Podemos dividir as cores em:
Cores quentes: Transmitem uma sensação de atividade, de alegria, de dinamismo, de confiança e amizade. Atrevidas, excitantes, vibrantes e expansivas. Sugerem calor, fogo, luz de sol, sangue, inquietude, vivo e estimulante.
Cores frias: Transmitem ao observador uma sensação de frieza, mas também de tranquilidade, de seriedade, de distanciamento. Relaxantes. Sugerem frio, umidade, água, luz de lua e relaxe.
Cada cor pode influenciar positivamente seu site, basta combinar e/ou escolher a(s) cor(es) certas.
As cores e seus significados
Branco: Inocência, paz, divindade, calma, harmonia, para os orientais pode significar morte, batismo, casamento, cisne, lírio, neve, ordem, simplicidade, limpeza, bem, pureza.
Preto: Sujeira, sombra, carvão, fumaça, miséria, pessimismo, melancolia, nobreza, seriedade. É expressivo e angustiante ao mesmo tempo. Alegre quando combinado com outras cores.
Vermelho: Guerra, sol, fogo, atenção, mulher, conquista, coragem, furor, vigor, glória, ira, emoção, paixão, ação, agressividade, perigo, dinamismo, baixeza, energia, revolta, calor, violência.
Laranja: Prazer, êxtase, dureza, euforia, outono, aurora, festa, luminosidade, tentação, senso de humor. Flamejar do fogo.
Amarelo: Egoísmo, ciúmes, inveja, prazer, conforto, alerta, esperança, flores grandes, verão, limão, calor da luz solar, iluminação, alerta, euforia.
Verde: Umidade, frescor, bosque, mar, verão, adolescência, bem-estar, paz, saúde (medicina), esperança, liberdade, paz repousante. Pode desencadear paixões.
Roxo: Fantasia, mistério, egoísmo, espiritualidade, noite, aurora, sonho, igreja, justiça, misticismo, delicadeza, calma.
Marrom: Cordialidade, comportamento nobre, pensar, melancolia, terra, lama, outono, doença, desconforto, pesar, vigor.
Veja como a cor é utilizada na publicidade:
Dica: Sabia mais sobre as cores quentes e frias:
www.amopintar.com/temperatura-da-cor-cores-quentes-e-cores-frias#ixzz1qhnbrZ6c
Aula 10: Tipografia
A tipografia sempre foi o principal elemento da página impressa. Hoje em dia, sob o peso crescente de uma saturação visual e consequente ênfase em relação aos conceitos verbais, tipografia atinge o seu ponto de mais alta prioridade no mundo do design.
Fonte é o conjunto completo de caracteres sob o mesmo estilo e em todos os corpos: caixa alta e baixa, sinais de pontuação, acentos e numerais.
4 dicas para suas fontes:
1- Contraste
Usem fontes que facilitam a leitura;
Alinhamento adequado;
Cores que se combinem com as fontes;
Não deixe a leitura cansativa.
2 - Repetição
Utilize determinadas fontes em determinados pontos da sua página, como títulos, subtítulos e em pontos estratégicos.
3- Alinhamento
A posição do texto na página conta muito.
Dica: Centralize ou justifique quando o tema do seu site.
4 - Legibilidade
Fontes desconstruídas e modernas se encaixam bem em sites modernos e jovens;
Fontes clássicas e manuscritas muitas vezes se encaixam bem em sites clássicos/sérios;
Fontes normais e sérias se encaixam perfeitamente em sites institucionais e moderados.
Saiba mais: Confira o que é Tipografia!
http://design.blog.br/design-grafico/o-que-e-tipografia
http://www.fontesgratis.com.br/artigos/tipografia.pdf
Aula 11: TIPOS DE SITES
O QUE É UM SITE?
Um site, website ou sítio é um conjunto de páginas Web, isto é, de hipertextos acessíveis geralmente pelo protocolo HTTP na Internet.
TIPOS DE SITES
Vamos conhecer algumas definições de sites:
SITE INSTITUCIONAL: Site para instituições comerciais e/ou instituições sem fins lucrativos. Quando você vê um site de uma empresa onde se encontram links para Página inicial, A Empresa, Serviços e Contato (ou coisa parecida) você está diante de um site institucional.
SITE MIDIÁTICO: Site informativo e com atualizações frequentes. É mais dinâmico e conta com uma maior interação dos leitores. Nessa categoria se encaixam os sites de jornais e revistas, blogs, fotologs, etc.
SITE APLICATIVO: É uma ferramenta on-line que pode ser utilizada diretamente pelo usuário com aplicativos que por muitas vezes podem substituir os aplicativos insta-lados no seu computador.
SITE BANCO DE DADOS
É na verdade um catálogo de registros e é mais comum se usar na forma de motores de busca.
SITE COMUNITÁRIOS: É talvez o mais conhecido dos brasileiros, apesar da maioria não se dar conta disso (ao menos não pelo nome que recebe) uma vez que o brasileiro é quem mais utiliza o Orkut no mundo. Isso mesmo, o Orkut é um site comunitário. Assim como fóruns, chats, sites de relacionamento e afins.
PORTAIS: São a forma mais completa de site. Uma vez que um portal pode trazer em si as características de todos os outros sites que está descrito acima.
A melhor definição de portal, seria um site que tem em si a grande maioria dos serviços da web num mesmo lugar.
Dica: Confira o texto tipo de sites na íntegra:
www.ikaro.net.br/2009/10/sites-principais-tipos.html
Debate: Internet (O lado positivo x O lado negatido)
Na aula os alunos aproveitam a oportunidade para debater o lado positivo e negativo da Internet. Várias questões são apontadas, analisadas e levadas a reflexão.
Aula 12: (28/04/2012)
Próxima aula.
Internet é o conglomerado de redes, em escala mundial de milhões de computadores interligados, que permite o acesso a informações e todo tipo de transferência de dados.
O que diferencia a internet das outras invenções humanas é a rapidez com que atingiu os seus milhões de usuários. O celular, por exemplo, uma das mais “recentes” invenções, demorou 13 anos para atingir 50 milhões de usuários, enquanto a internet demorou apenas quatro.
A internet já faz parte do cotidiano da maioria das pessoas, seja para trabalho, pesquisa, entretenimento ou comunicação. Não dá para imaginar a vida sem ela, não é mesmo?
Mas nem sempre foi assim... Até chegar ao ponto em que está hoje, muitos cérebros brilhantes tiveram batalhar para colocar suas ideias em prática, mostrando que a ficção pode se transformar em realidade - a realidade virtual!
Vamos conhecer um pouco dessa história. Para saber sobre ela, clique aqui.
O que diferencia a internet das outras invenções humanas é a rapidez com que atingiu os seus milhões de usuários. O celular, por exemplo, uma das mais “recentes” invenções, demorou 13 anos para atingir 50 milhões de usuários, enquanto a internet demorou apenas quatro.
A internet já faz parte do cotidiano da maioria das pessoas, seja para trabalho, pesquisa, entretenimento ou comunicação. Não dá para imaginar a vida sem ela, não é mesmo?
Mas nem sempre foi assim... Até chegar ao ponto em que está hoje, muitos cérebros brilhantes tiveram batalhar para colocar suas ideias em prática, mostrando que a ficção pode se transformar em realidade - a realidade virtual!
Vamos conhecer um pouco dessa história. Para saber sobre ela, clique aqui.
Abaixo você confere um vídeo sobre o assunto:
A evolução da Informática, dos computadores e da internet.
Produção: Globo News - Arquivo N.
Tema: Computador, o parceiro do homem.
Enfoque: O choque do futuro foi provocado por muitos agentes, mas um personagem central dominou o cenário: o computador, um parceiro do mundo moderno. Antes dele existir, não imaginávamos um mundo vertiginosamente veloz que o computador iria impor às nossas vidas. Não imaginávamos que os avanços da tecnologia iriam nos fazer abandonar definitivamente o sentido de permanência.
O programa retrocede a um passado muito recente e que, no entanto, quase se perdeu na nossa lembrança. Um tempo em que o computador era chamado de 'cérebro eletrônico'. Sua função era uma só: o processamento de dados. Hoje, ele é imprescindível na rotina, no trabalho e até na vida pessoal.
Dica de site:
A História da Internet: Pré década de 60 até os anos 80 - [Infográfico]
Aula 03: Evolução da Web
As simples páginas, estáticas, configuradas apenas para leitura; deram lugar para páginas que proporcionam interação e compartilhamento de informações.
Fases da Web:
WEB 1.0
WEB 2.0
WEB 3.0
WEB SEMÂNTICA
Exercício: Criação da empresa.
Dica: Texto sobre A Web Atual - PUC-Rio:
http://www2.dbd.puc-rio.br/pergamum/tesesabertas/9716389_03_cap_01.pdf
Aula 04: Ética na Internet
Ética é uma reflexão sobre o valor das ações sociais consideradas tanto no âmbito coletivo como no âmbito individual, ou seja, compreensão das noções e dos princípios que sustentam as bases da moralidade social e da vida individual.
Perigos da Internet:
Temas como pornografia, violência, racismo, atividades ilegais, entre outros, são constantemente divulgados na internet, seja para o lado bom e construtivo como para a proliferação negativa dos assuntos.
Solução/Desafios:
Devemos, como sempre, verificar as deficiências e qualidades desses instrumentos e lidar somente com o que há de melhor.
Denunciar abusos, esclarecer dúvidas, manifestar indignação e enfrentar os desafios e os riscos dessa nova sociedade da informação.
Os dez mandamentos (Código de Conduta)
A discussão sobre ética na informática é muito ampla e foi reacendida quando o painel do Senado foi violado no ano passado. Com isso, o Instituto para Ética da Computação desenvolveu um código de conduta que foi chamado de "Os Dez Mandamentos para Ética na Informática". São eles:
Dica: A ética das palavras e ações
http://www.timaster.com.br/revista/colunistas/ler_colunas_emp.asp?cod=550&pag=2
Produção: Globo News - Arquivo N.
Tema: Computador, o parceiro do homem.
Enfoque: O choque do futuro foi provocado por muitos agentes, mas um personagem central dominou o cenário: o computador, um parceiro do mundo moderno. Antes dele existir, não imaginávamos um mundo vertiginosamente veloz que o computador iria impor às nossas vidas. Não imaginávamos que os avanços da tecnologia iriam nos fazer abandonar definitivamente o sentido de permanência.
O programa retrocede a um passado muito recente e que, no entanto, quase se perdeu na nossa lembrança. Um tempo em que o computador era chamado de 'cérebro eletrônico'. Sua função era uma só: o processamento de dados. Hoje, ele é imprescindível na rotina, no trabalho e até na vida pessoal.
Dica de site:
A História da Internet: Pré década de 60 até os anos 80 - [Infográfico]
Fonte:
------------------------------------
Aula 02: Internet e Profissionais da Internet
Comunicação via Internet: dados, voz, vídeo e multimídia.
Navegador (browser): programa destinado a acessar páginas da internet. Exemplos: Mozilla Firefox, Internet Explorer, Opera, Google Chrome, Netscape, Safari, etc.
O navegador permite acesso e interpretação de arquivos criados nas linguagens: HTML, CSS, JavaScript, entre outros.
URL: sigla de Localizador de recurso universal.
Formada por 3 componentes: protocolo, nome do site e caminho.
Profissionais da Informática / Internet
Podem ser divididos em:
Profissionais da informação: digitador, recepcionista, gerente de depósito, agente de viagens e profissional de DTP (editoração eletrônica).
Profissionais de TI (Tecnologia da Informação): administrador de rede, administrador de banco de dados, administrador de web, designer gráfico e escritor técnico.
Desenvolvedores: programadores, desenvolvedor de software, web designer e design de jogos.
Comunicação via Internet: dados, voz, vídeo e multimídia.
Navegador (browser): programa destinado a acessar páginas da internet. Exemplos: Mozilla Firefox, Internet Explorer, Opera, Google Chrome, Netscape, Safari, etc.
O navegador permite acesso e interpretação de arquivos criados nas linguagens: HTML, CSS, JavaScript, entre outros.
URL: sigla de Localizador de recurso universal.
Formada por 3 componentes: protocolo, nome do site e caminho.
Profissionais da Informática / Internet
Podem ser divididos em:
Profissionais da informação: digitador, recepcionista, gerente de depósito, agente de viagens e profissional de DTP (editoração eletrônica).
Profissionais de TI (Tecnologia da Informação): administrador de rede, administrador de banco de dados, administrador de web, designer gráfico e escritor técnico.
Desenvolvedores: programadores, desenvolvedor de software, web designer e design de jogos.
------------------------------------
As simples páginas, estáticas, configuradas apenas para leitura; deram lugar para páginas que proporcionam interação e compartilhamento de informações.
Fases da Web:
WEB 1.0
- Páginas iniciais estáticas;
- Surgimento da www;
- Linguagem HTML e Gifs.
- Poucos responsáveis por conteúdo;
- Aparecimento dos grandes portais:
- (Aol, Uol,Yahoo).
WEB 2.0
- Segurança geração da internet;
- Troca de informações;
- Colaboração com os sites;
- Serviços virtuais;
- Participação direta do internauta;
- Conteúdo armazenado em banco de dados.
WEB 3.0
- Dados manipulados na própria web. Ex: Google Docs;
- Caos de informação;
- O crescimento maior de ferramentas colaborativas.
WEB SEMÂNTICA
- Uma interface única;
- Compreender o sentido das palavras;
- Organização desse conteúdo;
- A “humanização” da máquina;
Exercício: Criação da empresa.
Dica: Texto sobre A Web Atual - PUC-Rio:
http://www2.dbd.puc-rio.br/pergamum/tesesabertas/9716389_03_cap_01.pdf
------------------------------------
Ética é uma reflexão sobre o valor das ações sociais consideradas tanto no âmbito coletivo como no âmbito individual, ou seja, compreensão das noções e dos princípios que sustentam as bases da moralidade social e da vida individual.
Perigos da Internet:
Temas como pornografia, violência, racismo, atividades ilegais, entre outros, são constantemente divulgados na internet, seja para o lado bom e construtivo como para a proliferação negativa dos assuntos.
Solução/Desafios:
Devemos, como sempre, verificar as deficiências e qualidades desses instrumentos e lidar somente com o que há de melhor.
Denunciar abusos, esclarecer dúvidas, manifestar indignação e enfrentar os desafios e os riscos dessa nova sociedade da informação.
Os dez mandamentos (Código de Conduta)
A discussão sobre ética na informática é muito ampla e foi reacendida quando o painel do Senado foi violado no ano passado. Com isso, o Instituto para Ética da Computação desenvolveu um código de conduta que foi chamado de "Os Dez Mandamentos para Ética na Informática". São eles:
- Você não deverá usar o computador para produzir danos em outra pessoa;
- Você não deve interferir no trabalho de computação de outra pessoa;
- Você não deve interferir nos arquivos de outra pessoa;
- Você não deve usar o computador para roubar;
- Você não deve usar o computador para dar falso testemunho;
- Você não deverá usar software pirateado;
- Você não deverá usar recursos de computadores de outras pessoas;
- Você não deverá se apropriar do trabalho intelectual de outra pessoa;
- Você deverá refletir sobre as conseqüências sociais do que escreve;
- Você deverá usar o computador de maneira que mostre consideração e respeito ao interlocutor.
Dica: A ética das palavras e ações
http://www.timaster.com.br/revista/colunistas/ler_colunas_emp.asp?cod=550&pag=2
------------------------------------
Mídias Digitais: suportes eletrônicos à veiculação de conteúdos fundamentados em aparelhos de leitura digital, como é o caso de um computador, um leitor de mp3, um projetor multimídia, um celular e outros.
Resultados das mídias digitais: fotografia, áudio e vídeo digital.
Fotografia: é a técnica de criar uma imagem por meio da exposição luminosa do papel.
Evolução fotográfica:
Antigamente: Exposição – Revelação - Papel
Atualmente: Botão – Computador - Impressora
Evolução da máquina fotográfica:
Extensões de arquivos de fotografias:
- BMP (bitmap): formato que apresenta a ilustração em sua forma mais crua, sem perdas e compressões.
- GIF: formato de imagem semelhante ao BMP, mas amplamente utilizado pela Internet, em imagens de sites, programas de conversação e muitos outros. O maior diferencial do GIF é ele permitir a criação de pequenas animações com imagens seguidas.
- JPEG ou JPG: formato de compressão de imagens, sacrificando dados para realizar a tarefa. Enganando o olho humano, a compactação, torna o arquivo final muito mais leve que em um Bitmap.
- PNG: este formato suporta canais alfa (opacidade) e apresenta maior gama de cores.
Dica: Veja dez dicas de fotografia digital
http://tecnologia.terra.com.br/noticias/0,,OI830798-EI12882,00-Veja+dicas+de+fotografia+digital.html
------------------------------------
Áudio: é a realidade de quase todo usuário de computador. Pela popularização imensurável do MP3 na última década, é comum considerarmos a extensão como a representação de um arquivo de áudio. Mas o fato é que o MP3 é apenas uma maneira de criar arquivos de músicas.
Extensões de arquivos de áudio:
- WAV: exige bastante espaço. Indicado para trabalhs profissionais;
- MP3: popular. Perda de qualidade.
- WMA: músicas de um CD;
- AAC: codificação avançada de áudio. Concorrente do MP3 e WMA. Apple. Pouco conhecido.
Vídeo: é uma sucessão de imagens a um certo ritmo. O olho humano tem como característica ser capaz de distinguir cerca de 20 imagens por segundo. Assim, afixando mais de 20 imagens por segundo, é possível enganar o olho e fazê-lo pensar que está a ver uma imagem animada.
Extensões de arquivos de vídeos:
- AVI: reproduzido na maioria dos players;
- MPEG: de filmes HDTV à transmissões simples;
- RMVB: boa qualidade, usado em filmes.
Obs: Os formatos de arquivos de vídeo mais recomendados para usar em sua página na internet são: MPEG e Quicktime.
------------------------------------
HTML: É uma linguagem de formatação usada para criar páginas da web.
Para criar um documento em HTML, utiliza-se dos programas: Editor de textos simples (Linux Metasys) e Bloco de notas (Windows).
Para criar as páginas, usamos as TAGS. As tags são códigos inseridos entre os sinais < e >; e podem afetar uma ou até mesmo todo conteúdo de sua página.
ESTRUTURA DOCUMENTO HTML
Essa é a primeira aula, mas você pode conferir mais aulas a partir dessa. Aproveite:
Dica: Acesse o site abaixo e confira dicas de tags para sua página da web:
www.linhadecodigo.com.br/artigo/81/html-basico.aspx
------------------------------------
Aula 08: HTML - 2° Parte
Exercício: Construir um site usando as tags (HTML).
As cores afetam a atividade muscular, mental e nervosa. São capazes de despertar interesse do seu público alvo.
Podemos dividir as cores em:
Cores quentes: Transmitem uma sensação de atividade, de alegria, de dinamismo, de confiança e amizade. Atrevidas, excitantes, vibrantes e expansivas. Sugerem calor, fogo, luz de sol, sangue, inquietude, vivo e estimulante.
Cores frias: Transmitem ao observador uma sensação de frieza, mas também de tranquilidade, de seriedade, de distanciamento. Relaxantes. Sugerem frio, umidade, água, luz de lua e relaxe.
Cada cor pode influenciar positivamente seu site, basta combinar e/ou escolher a(s) cor(es) certas.
As cores e seus significados
Branco: Inocência, paz, divindade, calma, harmonia, para os orientais pode significar morte, batismo, casamento, cisne, lírio, neve, ordem, simplicidade, limpeza, bem, pureza.
Preto: Sujeira, sombra, carvão, fumaça, miséria, pessimismo, melancolia, nobreza, seriedade. É expressivo e angustiante ao mesmo tempo. Alegre quando combinado com outras cores.
Vermelho: Guerra, sol, fogo, atenção, mulher, conquista, coragem, furor, vigor, glória, ira, emoção, paixão, ação, agressividade, perigo, dinamismo, baixeza, energia, revolta, calor, violência.
Laranja: Prazer, êxtase, dureza, euforia, outono, aurora, festa, luminosidade, tentação, senso de humor. Flamejar do fogo.
Amarelo: Egoísmo, ciúmes, inveja, prazer, conforto, alerta, esperança, flores grandes, verão, limão, calor da luz solar, iluminação, alerta, euforia.
Verde: Umidade, frescor, bosque, mar, verão, adolescência, bem-estar, paz, saúde (medicina), esperança, liberdade, paz repousante. Pode desencadear paixões.
Roxo: Fantasia, mistério, egoísmo, espiritualidade, noite, aurora, sonho, igreja, justiça, misticismo, delicadeza, calma.
Marrom: Cordialidade, comportamento nobre, pensar, melancolia, terra, lama, outono, doença, desconforto, pesar, vigor.
Veja como a cor é utilizada na publicidade:
Dica: Sabia mais sobre as cores quentes e frias:
www.amopintar.com/temperatura-da-cor-cores-quentes-e-cores-frias#ixzz1qhnbrZ6c
------------------------------------
A tipografia sempre foi o principal elemento da página impressa. Hoje em dia, sob o peso crescente de uma saturação visual e consequente ênfase em relação aos conceitos verbais, tipografia atinge o seu ponto de mais alta prioridade no mundo do design.
Fonte é o conjunto completo de caracteres sob o mesmo estilo e em todos os corpos: caixa alta e baixa, sinais de pontuação, acentos e numerais.
4 dicas para suas fontes:
1- Contraste
Usem fontes que facilitam a leitura;
Alinhamento adequado;
Cores que se combinem com as fontes;
Não deixe a leitura cansativa.
2 - Repetição
Utilize determinadas fontes em determinados pontos da sua página, como títulos, subtítulos e em pontos estratégicos.
3- Alinhamento
A posição do texto na página conta muito.
Dica: Centralize ou justifique quando o tema do seu site.
4 - Legibilidade
Fontes desconstruídas e modernas se encaixam bem em sites modernos e jovens;
Fontes clássicas e manuscritas muitas vezes se encaixam bem em sites clássicos/sérios;
Fontes normais e sérias se encaixam perfeitamente em sites institucionais e moderados.
Saiba mais: Confira o que é Tipografia!
http://design.blog.br/design-grafico/o-que-e-tipografia
http://www.fontesgratis.com.br/artigos/tipografia.pdf
------------------------------------
O QUE É UM SITE?
Um site, website ou sítio é um conjunto de páginas Web, isto é, de hipertextos acessíveis geralmente pelo protocolo HTTP na Internet.
TIPOS DE SITES
Vamos conhecer algumas definições de sites:
SITE INSTITUCIONAL: Site para instituições comerciais e/ou instituições sem fins lucrativos. Quando você vê um site de uma empresa onde se encontram links para Página inicial, A Empresa, Serviços e Contato (ou coisa parecida) você está diante de um site institucional.
SITE MIDIÁTICO: Site informativo e com atualizações frequentes. É mais dinâmico e conta com uma maior interação dos leitores. Nessa categoria se encaixam os sites de jornais e revistas, blogs, fotologs, etc.
SITE APLICATIVO: É uma ferramenta on-line que pode ser utilizada diretamente pelo usuário com aplicativos que por muitas vezes podem substituir os aplicativos insta-lados no seu computador.
SITE BANCO DE DADOS
É na verdade um catálogo de registros e é mais comum se usar na forma de motores de busca.
SITE COMUNITÁRIOS: É talvez o mais conhecido dos brasileiros, apesar da maioria não se dar conta disso (ao menos não pelo nome que recebe) uma vez que o brasileiro é quem mais utiliza o Orkut no mundo. Isso mesmo, o Orkut é um site comunitário. Assim como fóruns, chats, sites de relacionamento e afins.
PORTAIS: São a forma mais completa de site. Uma vez que um portal pode trazer em si as características de todos os outros sites que está descrito acima.
A melhor definição de portal, seria um site que tem em si a grande maioria dos serviços da web num mesmo lugar.
Dica: Confira o texto tipo de sites na íntegra:
www.ikaro.net.br/2009/10/sites-principais-tipos.html
Debate: Internet (O lado positivo x O lado negatido)
Na aula os alunos aproveitam a oportunidade para debater o lado positivo e negativo da Internet. Várias questões são apontadas, analisadas e levadas a reflexão.
------------------------------------
Próxima aula.
