Nesse post você irá aprender a criar e estilizar o menu principal do seu site usando as ferramentas mais atualizadas, o HTML 5 e o CSS3.
Primeiramente, crie um <nav> com uma lista não-ordenada onde cada item deverá ser um dos itens do menu. Atribua um identificador ao e uma classe à lista como no exemplo:
Continue lendo ‘Tutorial: Como estilizar um menu com HTML5 e CSS3’
No primeiro post do blog, foi explicado como funciona a navegação na internet, onde os pacotes viajam pela rede seguindo o protocolo TCP-IP para requisitar informações, mas como eles sabem para onde ir e como voltar? Pois ele procura um endereço de IP! Endereços de IP são uma sequência de números atribuídos a um computador para que outro computador consiga localizá-lo na rede. Os IP’s dos servidores quase nucam mudam, pois possuem um IP estático, já os computadores domésticos que se conectam à internet usando um modem. recebem o IP do provedor, e geralmente possuem endereços de IP dinâmicos, que muda a cada nova conexão com a internet.
Mas você nunca digita um endereço de IP na barra de endereços do seu browser, então como o pacote chega ao 173.194.37.49 quando você digita “google.com”? Por que existe um serviço que coordena isso, o DNS, ou Sistema de Nome de Domínio.
Mídia Rica, ou rich media, é um fenômeno recente no seu sentido eletrônico, mas suas origens datam desde a primeira necessidade de ter complementos visuais e sonoros para compartilhar informações como ideias, estudos, histórias e experiências. A mídia rica vem se desenvolvendo e avançando nos últimos 25 anos, ganhando força principalmente no meio eletrônico.
Para melhor nos situarmos quanto ao assunto, primeiro precisamos estabelecer a diferença entre mídia lean-back e lean-forward, a anterior é definida por ser passiva, como rádio, televisão, jornal, etc… a posterior é ativa, onde o usuário interage com ela fazendo escolhas, navegando, respondendo e adicionando conteúdo de forma geral.
Outro ponto importante para se notar é que a Mídia Rica é composta de quatro elementos: Uma plataforma de entrega, ferramentas de criação de conteúdo, um autor para o conteúdo, e mais importante, um público.
A Mídia Rica começou a ser utilizada no meio eletrônico por volta de 1987, quando a apple introduziu interfaces gráficas no Macintosh e criou o HyperCard, a primeira ferramenta multimídia. O HyperCard foi utilizado para criar apresentações para seus alunos contendo texto, áudio e imagens, ainda sem vídeo. Essas apresentações podia ser facilmente compartilhadas usando disquetes.
Nos anos que se seguiram, as coisas mudaram, o preto e branco deu lugar ao colorido, disquetes foram substituídos pelos cd’s, e a Apple foi trocada pela Microsoft, ao menos como plataforma de entrega. E com o advento do Windows 95, muitos dos obstáculos que impediam a criação e divulgação de mídia nas versões anteriores do Windows desapareceram.
Nesse meio tempo, a Macromedia era dona do espaço de Multimídia com suas ferramentas: ***Director e Authorware***. O primeiro usado para criar praticamente todos os CDs interaticos direcionados ao consumidor e o segundo era o padrão das indústrias para treinamentos em computadores. A Adobe, com o Photoshop e o Illustrator e a Apple com as ferramentas do Quicktime também eram fundamentais no campo de ferramentas de desenvolvimento de mídia.
Por volta de 1995, O WWW começou a ser utilizado, e foi um enorme passo adiante, pois ele organizou o público em uma plataforma comum, eliminando a necessidade de CDs e Disquetes, mesmo sendo uma forma primitiva de web, com um visual primitivo e pouca capacidade de animação e vídeo.
Para superar os concorrentes, a Macromedia adquiriu um produto: o Flash, uma ágil ferramenta de autoração e plug-in de navegador que traz para o usuário uma experiência similar a do Director. Hoje em dia ferramentas como o Flash e outras tecnologias Web deram oportunidade para sites como YouTube, Facebook, Hulu e outros. Com o poder midático crescente do HTML 5 somado à necessidade de estabilidade e bateria das plataformas móveis, a necessidade de se usar o Flash passa a ser contestada. Muitos autores apostam que o flash continuará a ser usado como ferramenta de autoração, mesmo se seu potencial como plug-in se torne ultrapassado.
No fim das contas, quando se trata de Mídia Rica – desde os tempos antigos de histórias em volta da fogueira – as plataformas e ferramentas podem mudar, mas nós continuaremos os mesmo. Continuaremos a alimentar nossa fome pelo conhecer, conectar e divulgar ideias, e continuaremos usando a mídia rica como um canal para fazê-lo.
E por essa razão somente, continuaremos leaning-in.
Nesse post irei ilustrar alguns do assuntos tratados na última aula de Bases da Internet: google scholar, page rank, instant search e busca booleana. Para tornar o entendimento mais fácil vou começar do começo…
Quando você usa um mecanismo de busca, algumas vezes os termos utilizados são muito genéricos e trazem muitos resultados irrelevantes, então você deve refinar sua pesquisa e é aí que a busca booleana entra.
A Busca Booleana nada mais é do que uma busca normal que faz uso dos operadores booleanos para trazer resultados mais específicos, os operadores booleanos são E, Ou e Não (AND, OR e NOT no original). Para melhor ilustrar o que é uma busca booleana vou citar alguns exemplos:
gato + rato: Ao digitar assim num mecanismo de busca, você está usando o operador AND (+) para dizer que deseja resultados que mencionem tanto gato, quanto rato. O operador and é representado por +, AND (gato AND rato) ou simplesmente um espaço (gato rato).
gato | rato: Essa busca dará resultados relacionados apenas à gatos ou ratos, não ambos. Pode se usar tanto OR (em letras maiúsculas, ou a busca vai buscar pela palavra “or” da língua inglesa) quanto o pipe (|) para representar o operador.
gato -rato: Serão exibidos apenas resultados para gato excluindo todos os resultados que apresentam a palavra rato. É o operador não (NOT) representado pelo sinal de subtração (-).
Além dos operadores booleanos, alguns mecanismos de busca também fazem uso de outras ferramentas, como as aspas (“”) e o asterisco (*), seguem exemplos:
“gato rato”: Ao digitar isso no campo de busca, os resultados trazidos serão apenas páginas que contém a expressão (gato rato) escrita dessa forma.
gat*: O operador asterisco representa proximidade, ao buscar por gat* o buscador apresentará páginas com qualquer palavra que começa com gat, como gatinho, gatão, gatarada, gatilho, etc…
Os operadores podem ser combinados para se ter uma busca mais precisa, eles não tem ordem de prioridade, então serão lidos como escritos da esquerda para a direita.
Instant Search, à grosso modo, são os resultados que aparecem no google antes de você apertar enter ou clickar em buscar. Estudos do google chegaram a conclusão que a maioria dos internautas leem mais rápido do que digitam, assim, ao invés de o google sugerir as palavras que você quer buscar, ele sugere resultados baseados no que você está digitando agora, tornando o processo de busca mais ágil.
Sabemos que um usuário leva, em média, 9 segundos parar digitar sua busca, a busca leva em média 300 milissegundos em nosso servidor, e o usuário passa , na média, 15 segundos escolhendo o resultado mais apropriado. -Marissa Meyer, vice-presidente de Produtos de Pesquisa e Experiência dos Usuários do Google no evento de lançamento do instant search.
Próximo de seu lançamento, o Google Instant Search causou uma grande polêmica pois o número de cliques por página caiu e alguns especialistas alegam que páginas patrocinadas terão menor exposição, e que isso afetaria a ordem na qual as páginas são exibidas, o que nos leva ao próximo tópico: Page Rank.
Hoje trataremos da mais nova versão do HTML, o HTML5 o que é muito legal e moderno, mas você sabe o que é HTML?
HTML (HyperText Markup Language) é uma linguagem de marcação, não de programação, criada por Tim Berners-Lee, para facilitar o acesso à pesquisas e a troca de informações entre cientistas de diferentes instituições usando a internet. Sua função é indicar como a página deve ser exibida, um ser humano pode facilmente diferenciar um parágrafo de um título, por exemplo, mas uma máquina não, por isso usamos o HTML para fazer essas marcações de modo que o user agent consiga entender.
A internet, graças ao seu vasto e diversificado conteúdo, é indispensável hoje em dia. Com uma conexão com a internet você tem informação praticamente ilimitada sobre qualquer assunto ao seu dispor, como se fosse mágica!
Mas não é! A internet funciona… Como funciona a internet mesmo?
Primeiro vamos estabelecer a diferença entre internet e web, muitos acham que ambas são a mesma coisa e são constantemente usados como sinônimos. Internet é nome dado a várias redes de computador ligadas entre sí, a internet é física e composta de computadores, roteadores, cabos, servidores, etc… formando uma rede gigantesca de computadores. Web é parte da informação que pode ser acessada nessa rede usando os protocolos TCP/IP, a web é composta de páginas e hyperlinks que podem ser acessados por um browser. Perceba que a web acessa a internet, mas não é a internet propriamente dita, ao acessar um site, como esse blog, você está navegando na web, mas ao utilizar do serviço de um IM, e-mail, entre outros você está usando a internet mas não a web.
c0ghead 
Comentários