Postagens

Exemplo de formulário em HTML

Imagem
É muito fácil criar um formulário em HTML, veja abaixo um formulário com dois campos, uma lista suspensa com duas opções e um botão enviar. Criando um formulário HTML Exemplo: Criando um formulario HTML Nome: Sobrenome: Gênero: Masculino Feminino Resultado:

Exemplo de tabela em HTML

Imagem
Quando temos um padrão de informações e quisermos organizar de forma mais estruturada, podemos fazer uso de tabelas. Exemplo de uma tabela Exemplo de uma tabela Produto Peso Preço Quantidade Total Arroz 1kg R$4,56 4 R$18,24 Queijo 1kg R$25,00 1 R$25,00 Açúcar 1kg R$2,00 3 R$6,00 Resultado:

Exemplo de lista de links em HTML

Que tal criar um menu para o seu site? O modo mais simples e melhor organizado seria criar uma lista de links, pode ser os links do próprio site ou de qualquer outro que esteja disponível na internet. O exemplo abaixo mostra uma forma simples de criar um menu de departamentos de uma loja virtual. Exemplo de uma lista de links Exemplo de uma lista de links DEPARTAMENTOS Games Eletrodomésticos Celulares e Smartphones Tablets Eletroportáteis Informática e games TV e Vídeo Resultado: DEPARTAMENTOS Games Eletrodomésticos Celulares-e Smartphones Tablets Eletroportateis Informática e games TV e Video

Exemplo de lista em HTML

Imagem
As listas são muito úteis, elas podem ser usadas para organizar um menu tanto na horizontal quanto na vertical que é muito usado em qualquer tipo de site e até mesmo aplicativos. Podemos também criar listas como imagens ou uma lista de vídeos entre outros. Exemplo de uma lista não ordenada Exemplo de uma lista não ordenada Calçados Roupas Eletrônicos Eletroportáteis Móveis Resultado:

Conheça Alguns elementos do HTML

As tags são simples de identificar, tags de abertura do HTML começa com símbolo de menor que < , e termina com símbolo de maior que > . As tags de fechamento inicia com símbolo de menor que e uma barra, </ , e termina com símbolo de maior quer >. Na tabela abaixo, estão algumas das tags mais usadas na criação de sites. Elementos Descrição <!DOCTYPE html> Elemento que diz ao navegador qual tipo de documento será renderizado. <html> Elemento que define a raíz do documento <head> Elemento que contém metadados / informações para o documento <title> Elemento que define um título para o documento. <!--...--> Define um comentário <body> Todo conteúdo do site deve ser colocado dentro deste elemento. <p> Elemento que define um parágrafo. <h1...

Lab – Inkscape: Desenhando Ativos Do Jogo Corrida De Coelhos

Imagem
Vamos desenhar os recursos gráficos para um jogo simples, titulado corrida de coelhos. Ideal para criar jogos simples a até mesmo, pode ser usado em projetos didáticos nos cursos básicos de programação de jogos 2D. Neste lab, será usado o programa Inkscape, um ótimo programa para criar artes vetoriais. Vamos usar formas básicas como: Retângulos, Círculos etc..  O que vamos desenhar?  Vamos desenhar três coelhos nas cores: preto, marrom e cinza  Uma faixa tipo tabuleiro de xadrez para representar a linha de chegada, na cor preto e branco  Um plano de fundo na cor verde azulado   Arte final Começando Ferramentas do Inkscape Desenhando Coelho Desenhando Linha de Chegada Montando o preview do jogo Preparando as artes para exportação Começando Antes de tudo e necessário que você tenha o Inkscape instalado em seu computador. É só fazer download no site oficial do Inkscape , o mesmo é gratuito e está disponível para os sistemas operacionais: Windows, Linux e ...

Web Scraping

Uma breve introdução ao Web Scraping Muitos dizem... Web Scraping, Web Crawler, Screen Scrapers, Spider, WebBots . Podemos dizer que todos eles são a mesma coisa, quando o assunto é analisar, coletar e processar dados. Pelo que se vê! Existem variações, mas o termo mais usado hoje em dia é Web  Scraping, por se tratar de coleta de dados da web. O que é Web Scraping? Web Scraping ou traduzindo para o português ( Raspagem da Web ). Nada mais é que coletar dados da internet de forma automatizada. Obviamente, trata-se de um programa escrito em alguma linguagem de programação tais como: Java, Python, C/C++/C#, entre outras linguagens . A raspagem da Web é um campo diversificado e mudanças acontecem o tempo todo. Seu raspador, hoje funciona, amanhã pode não funcionar! A mudança nas estruturas das páginas web, sites com restrição de acesso etc. Pode ser um empecilho para que seu raspador funcione corretamente. Quando os administradores dos sites descobrem que tem um bot acessando o site...