Visual Oficial

Olá! Se você leu o post anterior O Boom da Internet , sabe que dei início a uma série de matérias ensinando a criar um site. Dando continuidade a isso, vou falar nesse post sobre o famoso HTML, que é a base de todo Website que você já acessou em toda a sua vida. O que é HTML? Sendo bem sucinto, HTML é uma sigla que significa H yper T ext M arkup L anguage (em tradução livre, Linguagem de Marcação de Hipertexto). É com ela que começamos nossa jornada, porque ela é com ela que criamos cada elemento que se vê em qualquer site e a primeira parte a ser desenvolvida. Como o meu interesse é explicar como criar um site, não vou me ater a origem da linguagem ou versões anteriores. Vou apenas explicar do que é composta e exemplificar criando uma marcação simples para o nosso projeto. Ela é composta por marcações (não me diga?) que são chamadas de Tag's, cada tag é composta do nome da Tag entre < e > (símbolo menor que) e o seu oposto (maior que). E, de modo geral, devem ser ...

Muita gente quer entrar na área de Desenvolvimento Web e não encontra bons materiais online e gratuitos para começar a estudar, então achei que seria interessante escrever uma série de artigos, ensinando o passo a passo do desenvolvimento de um Website simples, dinâmico, e com layout responsivo, e ainda com: sistema de login, efeitos com CSS3 e/ou Javascript/jQuery, e se quiserem que eu incremente algo, comentem e eu farei o possível para incluir no projeto. Conteúdo programado: O Boom da Internet e a Guerra dos Navegadores HTML CSS JavaScript PHP Algumas curiosidades sobre a internet... Antes de entender como um site funciona de fato, é interessante sabermos como começou a internet. A história da World Wide Web é muito interessante e começa num passado não tão distante onde a comunicação via satélite não era algo que todos tinham acesso, era ainda uma grande novidade, eram os anos 90. Foi quando explodiu a maior bomba tecnológica que afetaria todo o desenvolviment...

O que é mesmo esse tal de Framework? A melhor definição que já encontrei de Framework foi no WhatIs , que o define como sendo uma estrutura real ou conceitual planejada para servir de suporte ou guia na construção de algo que expande a sua estrutura.

Novas Tag's, Novos Problemas Com a chegada do HTML5 e suas novas Tag's, nós desenvolvedores HTML, voltamos a entrar em guerra com um antigo vilão: O Internet Explorer, vulgo IE. O motivo? Até a versão 9, ele não reconhecia essas novas Tag's e com isso não renderizava nenhum dos novos elementos, interessante não?

Clique aqui e veja aqui o código em funcionamento. Como Criar um Menu com Sub-menu? No princípio das minhas peripécias com front-end, eu tive bastante dificuldade para criar até mesmo um simples menu horizontal com CSS seguindo nossos amados tutoriais nas "interwebs" da vida. Criar um menu com Drop-down então, com o que eu sabia, era impensável! Antes de estudar bem o CSS, eu nem imaginava a capacidade que ele tinha. Se você não sabe o que é drop-down: Drop-down em tradução livre e literal significa suspenso. Mas no caso de um menu com  função  drop-down, é um menu com um sub-menu acoplado para determinados items, que se revela ao passar o mouse ou clicar nesses mesmo itens. Quebrei muito a cabeça com tutoriais e códigos prontos e não conseguia entender a lógica do sistema e sem entender essa lógica não era possível adaptá-lo para meus fins e acabava por utilizar outras saídas que até resolviam o problema, porém davam muito trabalho para pouco resultado. Ut...

Uma solução simples. Pense numa galeria de imagens, vídeos ou textos, seja como for ela sempre pede um pouco do estilo quando a visualizamos em uma tela com o tamanho a qual ela não foi projetada para ser exibida.