Gostou do nosso conteúdo? Te ajudou?
Nos ajude também! Faça um PIX, de qualquer valor:
programacao.progressiva@gmail.com

HTML, Web 2.0 e Imagens

Na seção passada de nosso curso de HTML online e gratuito, dedicamos vários tutoriais para falar sobre a escrita e formatação de textos em HTML. Ensinamos a alterar fonte, criar listas, usar caracteres especiais e outras coisas.
Sim, textos são importantes. Mas na chamada "Web 2.0", não basta só textos, as imagens se tornaram essenciais.
Nesse artigo de nossa apostila iremos falar um pouco da Web 2.0, das imagens e sua importância para a criação de sites.

Não iremos falar de HTML propriamente dito, mas se pretende ser um Webmaster profissional, é necessário que entenda a história da internet, sua evolução e seu principal bem: os usuários.



Como era a internet e os sites antigamente

Qual o último site que você visitou que não tinha uma imagem?
Um menu que muda de cor quando você passa o mouse ou um site em que você não pudesse curti-lo ou compartilhar seu conteúdo ?
Se é novo no mundo da internet, provavelmente isso tudo é novo para você.

Mas o objetivo inicial da grande rede de computadores sempre foi o compartilhamento de informações, que era sinônimo de textos e números. Quem usava eram militares, engenheiros e cientistas da computação.
E durante muito tempo, até mesmo depois que se popularizou, na década de 90, a internet foi assim.

Não era fácil, tinha que entender de informática, não existiam aqueles 'primos' na família que sabiam 'tudo' de computadores para ajudar os leigos. Aliás, nem existia um público mais leigo.
Os primeiros a usar computadores foram estudantes, professores e pesquisadores universitários, pois não era fácil e era algo muito caro.

Existia muito texto, era algo quase que puramente científico e profissional.
Ninguém entrava na internet pra relaxar ou como entretenimento. O mais 'despojado' que existia era falar com os amigos pelo e-mail.

Lembrando que a velocidade da internet era de 14kb/s, depois algumas máquinas modernas tinham modens que aguentavam 28kb/s, e no Brasil o mais popular e usado foi a conexão de 56kb/s, onde usávamos a conexão do telefone.

Com conexões assim, não existia isso de imagens pesadas, vídeos, fotos de celular e praticamente nada que se refere a mídia, era tudo baseado em texto.

O site http://web.archive.org/ armazena os sites, ao longo do tempo.
Veja como era o Google em 1998: http://web.archive.org/web/19981202230410/http://www.google.com

O Gizmodo fez um artigo sobre sites antigos ainda na ativa, veja algumas imagens:
http://img.gawkerassets.com/img/185dq13cf6t1kgif/ku-xlarge.gif
http://img.gawkerassets.com/img/185dq0xfc7uh6jpg/ku-xlarge.jpg
http://img.gawkerassets.com/img/185dq0nk1rv5yjpg/ku-xlarge.jpg
http://img.gawkerassets.com/img/185dpzg5ef6dbjpg/ku-xlarge.jpg

Notem como eram. Eram links estáticos, pouca coisa mudava de cor, nada se mexia, nada de vídeo, banners...afinal, para a época, ter imagens em um site era algo lento e demorado.
Vídeos e sons então, nem pensar.

Sim, a internet era estática. Não havia muita interação, você entrava lia e saia.
Não comentava, não curtia, não conversava com ninguém, não compartilhava e foi assim durante muito tempo.

Web 2.0 - Um novo jeito de ver a internet

Se antes para abrir uma imagem, levava alguns segundos, hoje a velocidade das bandas de internet, é possível ver vídeos de alta qualidade em tempo real. Sim, a internet mudou, e muito.
E não adianta ensinarmos HTML como se fosse o modo antigo de internet, precisamos estar atualizados.

E a verdade é simples: todos estão na internet.
Não é mais algo difícil, até uma idosa como nossas mães, conseguem entrar facilmente na grande rede (e nos fazer passar vergonha no Facebook, colocando fotos nossa de criança).

Se forem em uma comunidade de pessoas mais simples, vai ver dezenas de lan houses e absolutamente todos com celulares, e várias pessoas com computadores. É comum as pessoas deixarem de pagar o reboco da casa, mas não deixarem de pagar um aplicativo ou deixar de botar crédito para navegar na internet. É a realidade, todos estão aqui.
E para nós, Webmasters, isso é ótimo. Quanto mais gente, mais pessoas acessando nossos sites.

Ou seja, não adianta escrever longos textos. Não é esse o foco da maioria das pessoas.
A maioria quer imagem, interatividade, querem postar suas fotos, suas opiniões, seus comentários, receberem curtidas e outros tipos de interação.

E é aí que entra a parte que nos interessa: as imagens são de suma importância para qualquer tipo de site hoje em dia.
Não só imagens, como vídeos e outros elementos de programação para web que fazem toda essa interação com os usuários.
Essa é a Web 2.0: interação e participação dos usuários.

Antes a grande rede era apenas um grande e estático banco de dados para as pessoas lerem.
Hoje ela é dinâmica, todos criam seus cadastros, colocam imagens, querem ter seu perfil em redes sociais, dar um joinha em um vídeo que gostou e convidar outros para jogar seus games favoritos.

Isso explica o motivo desta seção de nossa apostila de HTML.
Vamos aprender como colocar essas imagens, para deixar uma página em HTML mais agradável.
Colocar uma imagem de fundo, um bonequinho simpático ao lado do texto, saber como fazer isso, como mudar o tamanho da imagem, saber que formato usar, se está grande ou pequena e outras coisas mais.

Quando aprender outras linguagens, como JavaScript e PHP, por exemplo, iremos ver como criar esses menus, chats, jogos online e uma série de outras coisas. Porém, para fazer tudo isso, é necessário dominar bem a linguagem HTML.

Blogs e Redes Sociais
Uma outra característica da Web 2.0 foi a oportunidade de todos terem um blog, como este, onde o blogueiro não precisa se preocupar com o código HTML/CSS, ele simplesmente cria seu conteúdo e publica.

Isso revela uma característica bem como dessa nova maneira de ver a internet, que é a da possibilidade de todos terem seu espaço, sua vez e seu cantinho. Cada um entra, escreve, bota sua opinião e imagem que quiser.

Obviamente, isso é limitado, pois as coisas acontecem sem o blogueiro ter a mínima noção de tudo.
E é aí que entram os Webmasters, que são os criadores deste tipo de serviço. Eles que vêem essa necessidade e oportunidade na grande rede, e criam este tipo de serviço.

E rede social? Fácil ter um perfil, escrever, postar imagens, vídeos e compartilhar o que gosta.
Se notar, tudo aquilo são página com código HTML também. Ou seja, qualquer tia nossa tem milhares de páginas em HTML em redes sociais.
Ela que criou isso? Não, foram os webmasters e web developers (programadores de serviços de internet).

E aquele site famoso de vídeo? Precisa saber programar para usar?
Não, alguém programou antes a ideia e fez com que qualquer um que tenha um perfil possa fazer upload de seus vídeos para o servidor. E lá no servidor, no banco de dados e na equipe de manutenção existem diversos programadores e webmasters dando suporte à tudo isso.

Ou seja, hoje em dia ser Webmaster não é só criar sites, é também criar serviços e sistemas, mais completos e robustos. O pontapé inicial para isso é o HTML e o CSS, depois vem as linguagens de programação, como JavaScript.

Mas não tenha pressa, iremos aprender tudo!

Mídias e HTML

Resumindo, a mídia hoje em dia faz parte de um site em HTML.
É preciso saber escolher imagens, colocar sons e usar vídeos em diversos sites e redes sociais.

E para iniciar nossos estudos nessa parte, iremos aprender como colocar imagens em nossos sites.
Isso mesmo, a partir do próximo tutorial, não vamos apenas criar sites com textos, vamos colocar imagens nele.

Você poderá colocar fotos de sua banda favorita, junto com uma pequena descrição.
Poderá colocar a foto de seus amigos quando criança, com textos sobre eles e enviar para todos, esses arquivos .html, os fazendo morrer de vergonha.

Ou seja, nossos sites ficarão bem mais interessantes de se ver.
Virou um elemento obrigatório de estudo em HTML, que é a base para todo o desenvolvimento para web.

Vamos aprender como usar a tag <img>, bem como conhecer melhor os tipos de imagens e extensões, como: .jpg, .jpeg, .png, .gif e outros detalhes técnicos, como tamanho, qualidade da imagem etc.
Isso será necessário para termos um site bem rápido e otimizado.

Já entrou em um blog onde a pessoa colocou uma foto em HD, altíssima qualidade e pesadíssina, que demorou a carregar ? Pois é, vamos aprender como não fazer isso também.
Tenho certeza que também já entrou em um site que parecia mais um show do Restart, com textos verdes, fundo amarelo, título cor de rosa, ponteiro do mouse piscando e outras parafernálias.

Sim amigos, todo Webmaster precisa ter um toque de bom senso, ter noções de design.
Vamos ver também como não enfeitar demais seu site, deixar ele sempre com um aspecto bonito, legível e profissional, com os de grandes portais.
Ou você acha interessante um texto assim ?

Agora que você já tem uma noção da importância das imagens, o quanto elas são essenciais para sites e serviços da internet, vamos aprender a usá-la em nossos sites.

Um comentário:

Paulo Letro disse...

Coitado da banda Restart

Tutoriais de HTML e CSS