Apostila – HTML

Oi Pessoal!

Estou postando aqui conforme prometido a apostila de HTML que trabalho em curos de web design e programação web.
é uma apostila básica e pode ser baixada diretamente no site do Slideshare (basta se logar com uma conta de Facebook para autenticação).

Segue o link: http://www.slideshare.net/DanielBrando3/introducao-programacao-webhtml

Anúncios

Qual a diferença entre blog, site e portal?

Muitos falam em site, blog, portal. Mas poucos sabem a diferença entre eles. Essa dificuldade acontece pois não existe nem um Site órgão regulamentador e a comunidade não consegue entrar em um consenso.
Abaixo vou passar as definições referentes a minha visão.

Site

Qualquer projeto na web é um site, a palavra site vem da variação da palavra sítio que é utilizada no português de portugal para referenciar os espaços na web. Porém a palavra site lembra modelos mais tradicionais na web onde a linguagem utilizada é mais formal, geralmente são utilizados para representar uma empresa ou produtos. Possui páginas abertas com conteúdos atualizados em tempos maiores. A maioria dos sites mantém um espaço classificado como blog para que seja uma área com maior interatividade.

Blog

Basicamente um blog tem as mesmas funções de um site, porém sua dinamicidade é muito maior. E a linguagem usada é, geralmente,  menos formal. Atualmente existem blogs dos mais variados assuntos e segmentos que pensarmos, tem blog que trata do assunto de forma séria, outros de forma divertida. Alguns blogs podem se diferenciar de sites também pelo seu tempo de vida útil que pode ser menor que de um site.

Portais

Como o próprio nome nos passa a ideia, portais são sites que possuem várias “portas”, para diferentes tipos de conteúdos de diferentes assuntos, sendo assim podemos classificar os portais como espaços que aglomeram e distribuem conteúdos variados. O G1 é um bom exemplo de portal no seguimento de notícias.
*Baseado no texto de Juliana Basilio da Silva/Portal GSTI

Web – Acessibilidade e Cores

Oi Pessoal! Estou postando um texto que fala sobre este tema: Utilização de cores na web. Com as multiplataformas que temos hoje (Computadores de mesa, notebooks, tablets e celulares), o conceito de desenvolvimento web vai além de criar uma página robusta e confiável. Hoje vamos além, adaptando os conceitos para atender pessoas de diferentes formas e estilos. O texto a seguir é do blog do pessoal da agência Princi Web.

img-coresE aí, pessoal! Vamos falar sobre a Acessibilidade Web, mas desta vez vamos focar no assunto cores. Sim, pois muita gente ainda não sabe que adaptar certas mudanças no seu layout, em relação às cores, podem fazer muita diferença para quem está acessando o seu site.

As cores são interpretações que nossa visão leva até o cérebro da luz refletida nos objetos. Cores podem transmitir sensações diferentes dependendo de sua aplicação, podem indicar um segmento de mercado (por exemplo infantil e alimentício) e muitas outras funções. Como designers, precisamos aprender a usá-las com sabedoria para que elas não virem inimigas do seu negócio, mas sim favoreçam-no. Como já dissemos nos posts anteriores, usar boas práticas de acessibilidade no seu layout, tanto em tipografia como em cores, beneficia e facilita o acesso a todos os usuários de uma maneira geral, não apenas os menos aptos, até porque a percepção de cores varia de pessoa para pessoa. Continue Lendo “Web – Acessibilidade e Cores”

Trabalho Final – Programação Visual Gráfica

Olá pessoal, tudo tranquilo?

Irei postar alguns trabalhos feitos na finalização do curso de Assistente de Programação Visual Gráfica, da escola SENAI em Vilhena-RO. Os trabalhos foram baseados na identidade visual de uma marca/empresa/instituição, onde deixei livre para os alunos escolherem as marcas a serem desenvolvidas.

De antemão dou PARABÉNS à toda a turma que desenvolveu bem, de um modo geral, suas habilidades na prática de edição visual gráfica. Continuem neste mesmo pique e irão longe.

Imagem inline 3
Aluna: Talessa
Aluna: Marilene
Aluna: Marlene Costa
Aluna: Stelany
Imagem inline 11
Aluno: William

EAD: E o professor, onde fica?

Cheguei a algumas indagações estudando a respeito dos cursos à distancias, também conhecidos como EAD. Vemos muito a respeito da “Nova Educação”, “Nova Escola” e etc. Ainda mais hoje, com o avanço da Educação à distância (EaD) e a utilização da tecnologia na forma de educar, tornando as salas de aula em um mundo completamente novo e interativo, despertando pessoas de todas as idades a aprenderem coisas novas, línguas e conhecimentos que antes não estavam tão a disposição.

ead

Lembro-me do meu segundo grau (hoje ensino médio), onde poucos recursos virtuais eram utilizados. Vivi na época em que as enciclopédias de papel estavam se atualizando para CDs e informações digitais, mas a internet ainda engatinhava. Era para poucos ter uma boa conexão em casa, a disposição 24 horas, então um bom conteúdo ainda era raríssimo.

Hoje a internet popularizou um método de ensino antigo, utilizado no Brasil desde 1900 mais ou menos, com estudos pelo rádio ou correios. Quem não se lembra das revistinhas  da IUB (Instituto Universal Brasileiro), que hoje já se modernizou e virou conteúdo virtual? Quem não se lembra é porque já nasceu em um mundo “online”, onde tudo e todos estão a disposição quase a todo momento. Continue Lendo “EAD: E o professor, onde fica?”

Modelo de trabalhos – mídia impressa e digital

Olá for all!

Como trabalho final, passei a meus alunos dicas de como montar a identidade visual de uma empresa, em uma campanha de divulgação de produtos e/ou serviços. Postarei aqui, alguns exemplos de panfletos e banners, em formato para web e impressão, para que sigam e entendam como montar estes trabalhos.

Panfleto formato padrão
Modelos de banner para web

 

Modelo de banner impresso
Modelo capa da rede social FACEBOOK
Modelo Backgroud (fundo) para rede social TWITTER