Count. This lesson will teach you how to use the aggregate function COUNT(). If you missed the Aggregate Introduction Lesson, please check it out now, as it explains many concepts used in this lesson! We will be using the "products" table that we constructed to display the use of MySQL's COUNT function. You can download the products.sql file from our website. If you are new to MySQL you will need to know how to Create a MySQL Table and Insert a MySQL Row first. Below is the MySQL table "products". Products Table: The COUNT function is an aggregate function that simply counts all the items that are in a group. Just as we did in the aggregate introduction lesson, we are going to GROUP BY type to create four groups: Music, Toy, Clothing and Food.
PHP and MySQL Code: <? Display: There are 2 Clothing items. If you would rather download the PDF of this tutorial, check out our MySQL eBook from the Tizag.com store. Report a Bug or Comment on This Lesson - Your input is what keeps Tizag improving with time! Regex Tester – RegexPal. Livro Expressões Regulares - Uma abordagem divertida. Zen-Coding – Criando HTML como um ninja! Fala pessoal! Finalmente de volta com o blog. Hoje trago até vocês uma coisinha muito da legal: o Zen-Coding, apresentado à mim pelo meu amigo implementador Bernard de Luna. O que é o Zen-Coding? Segundo o próprio site: Zen Coding é um plugin de editores para codificar e editar HTML, XML, XSL (or any other structured code format) em alta velocidade.
O “núcleo” dessa ferramenta é um sistema de abreviação poderoso que te permite expandir expressões (parecidas com a de CSS) em HTML válido e organizado. Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. Como assim? Com o Zen-Coding você digita isso no seu editor: … aperta uma combinação de teclas, normalmente CTRL+E, e isso é automaticamente transformado em: Editores com suporte ao Zen-Coding Você pode baixar o plugin do Zen-Coding no site oficial para os seguintes editores: Nem todos são plugins oficiais, mas a maioria sim. O que mais ele faz? Vejam um exemplo que criei para vocês… Sistema de busca em PHP e MySQL com paginação. Hoje vou demonstrar como podemos criar um sistema de busca simples para o seu site. O sistema de busca aqui explicado consiste em duas coisas: o formulário de busca, que pode ir em qualquer lugar do seu site (topo/lateral) e a página de resultados da busca, que exibirá um resultado parecido com o do Google.
A busca será feita no título e no conteúdo das notícias cadastradas no banco de dados, em uma tabela chamada notícias. Veja um exemplo (imagem) de como ficará o resultado da busca sem CSS. Veja o código de criação da tabela: As colunas da tabela serão: id, titulo, texto, ativa (1 ou 0), e cadastro (AAAA-MM-DD HH:MM:SS). Esta é uma estrutura simples de uma tabela de notícias, e você vai precisar adaptar o script para a sua tabela caso queira usar uma pronta. Vamos ao formulário de busca: Não se esqueça de alterar o action para o endereço certo do seu site… Se você preferir, pode definir o action usando caminho relativo, não há diferença.
E pra quem quiser o mesmo script com paginação: MooTools - a compact javascript framework. Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) W3Schools Online Web Tutorials. Posicionando texto ao redor das imagens. Antigamente muitas pessoas faziam isso com tabelas, se criava uma célula, onde se colocava a imagem, e na célula ao lado, era colocado o texto, e tinha-se a ilusão de que o texto estava fluindo ao lado da imagem. Fazer isso com CSS é muito simples, usaremos a propriedade float . O nosso HTML fica da seguinte forma: <img src="logo.jpg" alt="Pinceladas da Web" /><p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Vestibulum at purus sed erat lobortis suscipit. Cras facilisis viverra wisi. Se você quiser que a imagem fique alinhada a esquerda e o texto flua a sua direita, é só definir a propriedade float como left, isso quer dizer que a imagem irá flutuar a esquerda, seu CSS deverá ficar da seguinte forma: Aqui é importante definir valores para margin para que o nosso texto não fique colado na imagem. Veja aqui um exemplo. Gostou desse post? Hex-to-RGB Color Converter. CSS3 . Info - All you ever needed to know about CSS3. HTML5 Demos and Examples. C?digo Fonte - O melhor conte?do para programadores. Quais as vantagens do HTML5 para o usuário comum? Anteriormente, nos artigos “O que é HTML5?” E “HTML5 x Flash: uma guerra iminente?” , o Baixaki descreveu como funciona o HTML5 e quais as principais diferentes entre este e o Adobe Flash.
No entanto, o que mudará em sua vida quando a tecnologia realmente vingar? Esse é o tema deste artigo e, com ele, você entenderá a razão pela qual o HTML5 é tão bem visto pelos desenvolvedores. O que muda? Um pouco sobre a linguagem: em termos simples, o HTML usa tags para estruturar as informações de um site. O HTML 5, por sua vez, é uma tentativa de padronizar a maneira como os navegadores interpretam as informações recebidas – cada um as interpreta de maneira distinta, o que pode resultar em distorções na visualização.
Por mais que alguns dos componentes do HTML 5 sejam capazes de executar funções similares às do Flash, é preciso levar em consideração que ainda são poucos os navegadores que suportam totalmente a tecnologia. Online Apps. Hacking.