Arquivo da Categoria 'HTML'



Contador de visitas com a procedência dos usuários

Queremos falar sobre ClustrMaps, um serviço inovador de contador, que tem a particularidade que serve para conhecer a procedência dos visitantes de sua web. É um serviço gratuito que você pode incorporar em qualquer site, sem praticamente conhecimentos HTML nem nenhum conhecimento de programação.

O sistema oferece uma página web que pode ser acessada através da URL: http://clustrmaps.com/

Estão em fase Beta, o que quer dizer que ainda estão desenvolvendo ou melhorando o sistema, porém já podemos incorporá-lo em nossa página web. Para conseguir um contador temos que nos registrar em tal página. Não nos pedem nenhuma informação pessoal, salvo a URL onde vamos incorporar o sistema e nosso e-mail. Enviarão a senha para acessar aos serviços ao nosso correio eletrônico. Uma vez recebida, podemos acessar à página através do endereço de nosso site e a senha.



Inserindo vídeos do YouTube em uma página HTML

Primeiro você vai criar a sua página HTML, de acordo com o seu gosto. Se quiser pode copiar e colar o código abaixo:

Cortada1.JPG
Em seguida, salve a página como index.htm

Após ter criado a página, acesse o site do YouTube (www.youtube.com) e encontre o vídeo que deseja colocar na página.
Quando vc clicar no vídeo para fazer a visualização logo abaixo aparecerá um campo com o seguinte nome: EMBED. Esse campo é muito importante para colocar o vídeo na nossa página, é dentro dele que está o código que deverá ser copiado para a página.



Caixa elegante e simples com HTML

Ao construir uma página web com HTML, é muito habitual querer destacar um pedaço de texto que se deseja remarcar. Muitas vezes utilizamos tabelas e lhe damos uma borda ou um fundo para destacar seu conteúdo, mas nem sempre ficam muito atraentes. Neste simples workshop apto para principiantes, vamos mostrar a maneira de fazer uma caixa bonita com poucos recursos.

Trata-se de utilizar tabelas, mas vamos decorá-las de uma maneira simples, mas que pode ser nova para os menos experientes.



Listas HTML feitas com tabelas

As listas de elementos criadas com HTML (com as etiquetas

    ou

      ) são pouco versáteis, pelo na minha opinião. Servem para fazer listas com bastante rapidez, mas se quisermos realizar algo um pouco mais complicado, não temos garantias de que vai funcionar. Por exemplo, pode ser que necessitemos de una lista de elementos ordenada que tenha vários níveis de classificação 1), 1.1), 1.2), 1.2.1), 1.2.2), 1.3), 2)… neste caso não nos servirá aninhar as etiquetas

        , porque não há maneira de especificar que a lista permita índices de tipo x.y) ou x.y.z).

        Outro exemplo para o qual não nos serve a lista, tal qual está definida em HTML, é uma onde, no lugar de pontos em cada elemento, colocamos o logo da companhia para a qual estamos desenvolvendo a página. A lista permite configurar para colocar vários tipos de pontos (bullets em inglês): círculos, circunferências, quadrados, mas se desejamos que tenham outros tipos de elementos, temos que realiza-lo a mão.



Fundos de imagem em HTML

Explicamos asuntos relativos al uso de fondos de imagen en HTML y ofrecemos algún ejemplo ilustrativo.
No presente workshop vamos tratar de explicar assuntos relativos ao uso de fundos de imagem em HTML. Indicaremos a maneira de utilizá-los corretamente, pois os fundos são capazes do pior e do melhor, ou seja, podem ser tão bonitos e atraentes como feios e incômodos, e claro, trata-se de ficarmos com a parte boa.

Colocar um fundo em uma página web



As bases do HTML

Antes de mais, importa esclarecer que para a criação de uma página em HTML não é necessário nenhum software especial. Se bem que existam programas especializados, o Notepad do Windows ou mesmo o Edit do MS-DOS são mais que suficientes para a criação de uma página.

Como disse no Capítulo I, o HTML consiste em texto formatado por ‘tags’. Embora existam várias dezenas destes ‘tags’, apenas uma pequena parte destes é utilizada normalmente. Há algumas regras básicas que é necessário compreender antes de se começar com a criação de páginas…

Todos os ‘tags’ são inseridos entre o sinal de menor e maior: