0

Como perder peso no Browser

supermanComo perder peso no Browser

Consultado algumas boas práticas de uso de Javascript e CSS em projetos esbarrei com o site http://browserdiet.com/pt/ que é uma iniciativa de grandes profissionais que criaram um  guia de referências com as boas práticas na hora de expor seu conteúdo na web. O site conta com grandes profissionais do mundo web. Vale a pena conferir!

Iniciativa dos profissionais:

Briza Bueno (Americanas.com),  Davidson Fellipe (Globo.com),  Giovanni Keppelen (ex-Peixe Urbano)Jaydson Gomes (Terra)Marcel Duran (Twitter)Mike Taylor (Opera)Renato Mangini (Google) e Sérgio Lopes (Caelum) .

0

Formulários sem Tabelas com CSS

cssFormulários sem Tabelas com CSS

Na maioria das vezes quando queremos usar um formulário em que suas labels fiquem alinhadas aos respectivos campos fazemos o uso de tabelas, porém esta prática deixa o código muito extenso além de ficar muito organizado na hora de alterar algum campo ou incluir um campo novo. Uma outra forma de alinhar labels e campos é com o uso de CSS. Esta postagem ilustra uma abordagem de como trabalhar só com CSS e esquecer o uso de tables na criação de formulários.

Segue a Implementação:

O código fica muito melhor visualmente se utilizarmos o CSS para customizar a exibição do formulário, além de continuarmos com o mesmo resultado.

form_sem_table

0

Listas em HTML

Listas em HTML

As listas são formas de estruturar documentos em forma de sumário, menu ou resumo de conteúdo. São muito boas na hora da criação menus ou tópicos de uma página HTML. Existem dois tipos de listas: as ordenadas e as não ordenadas. As listas ordenadas obedecem a uma ordem numérica, e as não ordenadas não obedecem a nenhuma ordem.

LISTAS ORDENADAS

Para definirmos uma lista ordenada, utilizamos a tag <OL> </OL>que determina o marcador ordenado para a nossa lista. Para definir os itens da lista por sua vez utilizamos o marcador <LI></LI>.

Sintaxe:

Podemos escolher o tipo de marcador de nossa lista, podendo ser numérico (1,2,3), romano, (I, II, III) ou caracter (a, b, c). Para isso utilizamos o atributo type na tag <OL></OL>.

Sintaxe:

Exemplo Prático:

LISTAS NÃO ORDENADAS

Para definirmos uma lista não ordenada, precisamos utilizar a tag <UL></UL>. Para definir os itens da lista por sua vez utilizamos o marcador <LI></LI>.

Sintaxe:

Podemos escolher o tipo de marcador de nossa lista, podendo ser um quadrado ou um círculo.

Sintaxe:

Exemplo Prático:

LISTA DE DEFINIÇÃO

Uma lista de definição é utilizada quando existem diversos tópicos curtos acompanhados de alguma descrição para o mesmo. Uma lista de definição é composta de três tags básica: <dl>, <dt>, <dd>, onde a tag <dl> delimita a área da lista, <dt> define um tópico e <dd> define a descrição do tópico.

Sintaxe:


Exemplo Prático:
0

Integrando Formulários HTML com PHP

phpFORMULÁRIOS HTML – PARTE 01

 Os formulários HTML são utilizados para fazer interação com páginas HTML, através de envio de informações (dados) e requisições. Os formulários podem enviar informações através de métodos os mais comuns são o GET e o POST. Leia mais sobre formulários na apostila de HTML.
Sintaxe:
  • name: o identificador do formulário.
  • action: nome do script que receberá os dados do formulário ao ser submetido.
  • method: método de envio dos dados: get ou post;

Métodos GET e POST

GET: O método GET utiliza a própria URL para enviar dados ao servidor, quando enviamos um formulário pelo método GET, o navegador pega as informações do formulário e coloca junto com a URL de onde o formulário vai ser enviado e envia, separando o endereço da URL dos dados do formulário por um “?” (ponto de interrogação).
POST: O método POST envia os dados colocando-os no corpo da mensagem. Ele deixa a URL separada dos dados que serão enviados e com isso podemos enviar qualquer tipo de dados por esse método.
Exemplo:

Recuperando valores dos Formulários

$_GET
O comando $_GET é uma entidade superglobal do php que tem como função recuperar dados enviados através de uma URL através do método get do HTML
Exemplo:
$nome = $_GET[“txtnome”];  // Recupera o valor passado por uma input chamada txtnome
$_POST
O comando $_GET é uma entidade superglobal do php que tem como função recuperar dados enviados através de uma mensagem HTTP através do método post do HTML.

Exemplo:


Exemplo Prático: 

  • Construa o formulário HTML a seguir e salve o mesmo no diretório C:/Xampp/htdocs com o seguinte nome: formaluno.html.

  • Após Construir o formulário HTML devemos criar o script que receberá os dados enviados pelo mesmo. O nome do script está definido no atributo action do formulário html (action=”exibirdados.php”) . Crie o script  a seguir e salve o mesmo no diretório C:/Xampp/htdocs com o seguinte nome: exibirdados.php 
0

Introdução a Linguagem HTML

Introdução a Linguagem HTML

O HTML (HYPERTEXT MARKUP LANGUAGE) é uma linguagem dedicada a modelagem de páginas web. Um arquivo HTML consiste de um texto comum de códigos especias chamados tags, essas tags representam as marcações da linguagem HTML. O HTML é bastante simples e tem como finalidade formatar o texto exibindo em um navegador e criar ligações entre documentos web, por isso é conhecido com HyperText ou seja hipertexto.
 
AS TAGS DA LINGUAGEM HTML
 
As tags HTML são especificadas em pares e tem como finalidade a formatação de textos, criação de hyperlinks, inserção de vídeos e imagens, e etc. Além dos pares de tags existem algumas que possuem uma especificação individual é o caso da tag, utilizada para inserir uma quebra de linha. As tags são especificadas entre o sina< > para representar o inicio da marcação e do sinal < / > para representar o fim de uma marcação.
Sintaxe de um elemento(TAG):
element
Sintaxe de um Documento HTML:
struture

Definição:

  • <HTML> : Delimita o inicio e fim de uma página ou documento HTML.
  • <HEAD> : Delimita o inicio e fim do bloco de cabeçalho de uma página HTML.
  • <TITLE> : Delimita o texto a ser exibido na barra de títulos da janela do navegador.
  • <BODY> : Delimita o inicio e fim do corpo do documento HTML. É nele que a maioria das tags da linguagem HTML são definidas.

Estrutura Básica do HTML

A estrutura básica de um documento HTML é especificada através do uso de pares de tags, para delimitar o conteúdo que sofrerá alguma alteração. Além da definição de pares de tags o HTML também trabalha com algumas tags individuais.

Os pares de tags devem obedecer a seguinte estrutura:

As tags dever ser endentadas, ou seja, uma não deve atrapalhar o fechamento da outra. O HTML não diferencia o uso de letras maiúsculas ou minúsculas. As tags são interpretadas independente do tamanho, tipo, cor ou efeitos aplicados a sua fonte durante a digitação do código fonte da página.

Implementação do HTML

Para construirmos páginas HTML precisamos de um Editor de texto (exemplo, bloco de notas, notepad ++, Nvu, Adobe Dreamweaver) e de um navegador (exemplo: Google Chrome, Mozilla Firefox, Opera, Safari e pra quem é adepto ao mundo microsoft o Lixonet Explore). 

Os arquivos criados no editor de texto deverá ser salvo com a extensão .html ou .htm . Salve os seus arquivos em um diretório de sua preferência e para abri-los basta um duplo clique.

O padrão da linguagem HTML é mantido pelo W3C – World Wide Web Consortion, que é orgão que mantêm os padrões de algumas linguagens web.

DOWNLOAD DE ALGUNS EDITORES DE TEXTO

NOTEPAD ++ 5.9.8


Download 

 

NVU
 
NOTEPAD GNU