Codificar

Aumentando o limite de usuários do IIS, erro HTTP 403.9 - Acesso proibido

2010-09-23T22:01:00.004-03:00

Você cria um “sisteminha” para rodar na rede da empresa que trabalha. Seu chefe gosta e pede algumas melhorias. Todo mundo da empresa gosta e começa a usar bastante, mas, em um dia tranqüilo você recebe uma ligação do pessoal do setor financeiro dizendo que algo de errado não esta certo no sistema. Você checa e percebe o erro “HTTP 403.9 - Acesso proibido: número excessivo de usuários conectados” e não sabe o que fazer.

Não se desespere, pois isto está acontecendo porque nossa amiguinha Micro$oft bloqueia o IIS, para no máximo 10 conexões simultâneas, em versões do Windows, que não são voltadas para trabalharem em servidores (Windows 200, Windows XP, Windows Vista, Windows 7, etc.).

A saída e burlar este bloqueio editando a Metabase do IIS, isto pode ser feito através do IIS MetaEdit 2.2 utility.

Basta editar o ID 1014, mudando o valor 10 para 40 conforme figura abaixo.

Mas o valor não pode ser maior que 40, pois há um bloqueio no fonte do IIS que limita em 40 o numero de conexões simultâneas, mas já e uma baita melhora e caso precise de mais que 40 acessos simultâneos você precisará instalar o seu “sisteminha” em uma maquina com Windows Server.

Booklet 3G o netbook da Nokia

2009-08-25T20:51:00.006-03:00

Com o modelo Booklet 3G a empresa Nokia, uma das maiores no ramo de celulares, entra no mercado de netbook`s. Este primeiro modelo vem equipado com um processador Intel Atom, tela LCD de 10,1”, rede 3G/HSPA, WiFi, Bluetooth, saída HDMI e GPS.

Segundo o release a bateria terá autonomia de até 12 horas. O bichinho pesa pouco mais de 1 Kg e mede 20 milímetros de espessura.

Gerando PDF com páginas ASP

2009-08-23T16:06:00.002-03:00

Recentemente tive que incluir um relatório em um sistema que gerencio, tentei fazer em HTML mesmo, mas, apesar do sistema ser acessado apenas dentro da empresa houve dificuldades ao configurar o padrão de impressão.

A saída encontrada foi criar documentos em PDF, surgiu então o segundo problema, o sistema roda com ASP 3.0 e ate então eu não conhecia nenhuma ferramenta para gerar PDF sem ser necessário instalar componentes no servidor.

Vasculhando na net encontrei o FPDF, uma classe escrita em ASP puro, uma tradução de seu homônimo em PHP FPDF.

Funcionou que é uma beleza, os relatórios estão todos prontos e em produção, claro que a formatação leva um tempinho, mas o resultado é ótimo. Podemos escolher qual unidade de medida trabalhar, qual o tamanho da página, margens, utilizar cabeçalhos e rodapé predefinidos, quebras de página automáticas, alinhamento e justificar textos, inserir imagens JPEG, cores, links, etc.

Confira e comente os resultados.

Controle de usuários por níveis de acesso

2009-07-11T23:40:00.004-03:00

Estava ate esquecendo que tinha este blog aqui, fiquei muito tempo sem postar e pretendo voltar.

Neste post eu quero falar sobre um controle de usuários que fiz, estava precisando definir quem tem acesso a cada uma das paginas de um sistema em uma intranet, dai criei um campo na tabela de usuários contendo os acessos de cada um.

Utilizando uma função que lê este campo e verifica o nível da página deixando passar ou bloqueando conforme o status.

Os códigos são meio extensos e está tudo em VBScript (ASP), no próximo post eu pretendo colocar as primeiras partes.

Comprei um netbook

2009-01-28T22:19:00.007-02:00

Acho que já foram mais de três posts falando de voltar a postar, bom, pra falar a verdade este é mais um, porem agora irei tentar seguir um ritmo, postar ao menos uma vez por semana.

Para não ficar apenas no estou de volta vou deixar aqui as impressões do netbook Asus EEE PC 4G, no qual escrevo agora. Tudo na vida tem o lado bom e o lado não bom (assim é melhor), e com ele não podia ser diferente, o tamanho da tela me incomoda um pouco, podia ser um pouco maior ocupando as áreas laterais que sobram, mas ...

O lado bom e que o teclado não é ruim de digitar e que ele roda bem com seus micro processador, não vou fazer uma review completa, depois que li esta fiquei com vergonha de criar a minha.

Uma vida portatil sem notebook

2008-04-13T16:24:00.003-03:00

Estou viajando muito ultimamente, daí a necessidade de um note book, como não queria comprar qualquer um, estou juntando uma grana pra comprar um Macbook. Enquanto a maçã não chega tenho que levar vários programas no pen-drive, graças a Deus que encontrei o http://portableapps.com/.

A uma lista enorme de programas portáteis e sempre atualizados, com plataforma aberta e o melhor de tudo, grátis. Veja a lista, tem programa para todo tipo de usuário.

Agora mudando um pouco de assunto, este blog tava muito parado, esquecido em meio a um monte de coisas que tenho que fazer, vou tentar reanimá-lo, mas que fique claro, vou tentar, pois estou muito atarefado este inicio de ano.

AdSense para telefonemas

2008-04-01T21:20:00.002-03:00

Como você sabe, estamos sempre trabalhando para proporcionar a melhor experiência aos editores e desenvolver produtos específicos para suas necessidades. Para que até quem não tem um site possa obter ganhos com anúncios do Google, criamos o AdSense para ligações telefônicas. Com esse novo produto, falar ao telefone passará a ser uma atividade rentável para você!

Nossa exclusiva tecnologia de reconhecimento de voz permite o direcionamento de anúncios de acordo com o tema da sua conversa. E você não precisa se preocupar com privacidade. Todo o processo é automático e nenhuma pessoa terá acesso ao conteúdo de suas ligações, apenas nossos robôs altamente treinados.

Como funciona? Por exemplo, se você estiver contando para seu amigo as últimas estripulias do seu mico-leão de estimação, sua ligação será interrompida após um delicado sinal telefônico, e você pode ouvir anúncios sobre banho e tosa de animais, por exemplo. Ou, se você ligar para aquela garota que conheceu na balada e ela não se lembrar de você, podemos divulgar anúncios de cursos de memorização ou de relacionamento interpessoal. Depois do anúncio, sua ligação continua normalmente.

Participar é muito fácil. Basta fazer o login em sua conta do AdSense e escolher a opção "Ativar anúncios telefônicos". Depois disso, você precisa cadastrar um número de telefone, que pode ser fixo ou celular. Então é só escolher de quanto em quanto tempo os anúncios devem ser lidos (1, 3, 5 ou 10 minutos) e quais os formatos que você deseja: um anúncio ou blocos de 2 ou 4 anúncios. Você também poderá escolher o tipo de voz: feminina, masculina, adulta ou jovem.

Depois de configurar esse recurso, quando uma ligação atingir o tempo definido, ela será interrompida e tanto você quanto seu interlocutor ouvirão o anúncio. O tempo de leitura de cada anúncio é de 15 segundos e, após o final da leitura, sua ligação continua normalmente. Se a pessoa com quem você estiver conversando quiser saber mais sobre o anúncio, basta digitar o código de 18 dígitos informado no final do anúncio. Isso vai interromper sua ligação atual e direcioná-la para o telefone do anunciante. Por isso, não estranhe se seus amigos passarem a desligar na sua cara. Isso quer dizer ganhos para você!

Gostou? Então não perca tempo! Estamos divulgando esse produto em primeira mão e você só poderá ativá-lo hoje, 1º de abril, para participar de nosso teste fechado. Não esqueça, somente hoje, 1º de abril!

Tá bom, tá bom... nós estamos brincando. Primeiro de abril!

Publicado por André Pecini - AdSense Publisher Support

Eu estava quase acreditando.

Gerador de senhas aleatorias (chave)

2007-11-19T01:39:00.001-02:00

Recentemente precisei de uma função em ASP para gerar chaves em um sistema de intranet.

Criei a função abaixo que resolveu o meu problema.

O Codigo é bem simples e esta comentado, bons estudos.

Função ASP + JS para exibir uma mensagem e voltar

2007-11-14T05:20:00.001-02:00

Como mencionei anteriormente, vou explicar uma função que combina ASP e JavaScrip para exibir uma mensagem alert(); seguido de um history.back(); e mata o script ASP, segue:

sub jsback(byval msg)
 with response
  if .buffer then .clear
  .write "<"&"script type=""text/javascript"">" & vbcrlf
  if msg <> "" then .write "alert(""" & msg & """);" & vbcrlf
  .write "history.back();" & vbcrlf
  .write "" & vbcrlf
  .end
 end with
end sub

Como é triste ficar sem internet

2007-11-05T08:24:00.001-02:00

Em uma chuva forte semanas a traz meu modem queimou, como o eliminador de pilhas não queimou deduzimos que a descarga foi pela linha telefônica o que fez queimar também a minha placa de rede, fica aparecendo que uma cabo de rede esta desconectando mesmo com tudo conectado.

Minha placa mãe, que não me lembro o modelo agora, tem a rede onboard, mas não tive maiores problemas foi só colocar uma placa de rede nova e desativar a placa onboard que estava com problemas, o mais difícil é esperar o pessoal da assistência do modem dar a palavra final, isto sim é doloroso, já se passaram uns 15 dias é nada.

Fica ai a dica, em chuvas com descargas elétricas lembre-se de desligar tudo, a antena, a linha, o cabo da TV a cabo, o MP3 player, ops, este não precisa.

Função para verificar quantos registros através de uma SQL

2007-11-05T08:11:00.001-02:00

Varias vezes temos que verificar se um valor existe no banco de dados, um exemplo seria para evitar a inclusão de um valor repetido. Ficar checando isto a toda hora não é muito bom, então criei a função tem(sql) nela eu crio um recordset, executo o SQL que foi passado a função e retorno o numero de vezes que o valor foi encontrado.

'verifica se uma consulta existe e retorna a quantidade de vezes

function tem(sql)

set veri_tem = abredb.Execute(sql)
tem = veri_tem.recordcount
if veri_tem.state <> 0 then veri_tem.close
end function

Para usar basta checar se o valor é maior que zero.

if tem("select nome from usuarios where nome = 'Ronaldo'") > 0 then jsback "Usuário já cadastrado."

Acabei usando outra função, mas pelo nome já deu pra perceber a utilidade. Estou meio sem tempo agora, no próximo post eu falo sobre a "jsback".

Site ASP em vários idiomas

2007-10-27T06:12:00.001-02:00

Tive que implementar um site aqui em mais de um idioma, bom, a solicitação era pra ser em Inglês e Português, mas deixei pronto para inclusão de um novo idioma.

Em PHP há um monte de jeitos de fazer tal proeza, mas em ASP eu não achei nada muito bom, então tive que fazer eu mesmo.

O Esquema é o seguinte, no meu arquivo de inclusão que eu uso em chamo no site inteiro eu coloquei o código abaixo.

session("lang") = "pt"

if r("lang") <> "" then session("lang") = r("lang")

Na primeira linha eu seto o idioma padrão a sessão, na segunda linha eu verifico se estou recebendo uma solicitação pra mudar o idioma padrão. A função r() foi explicada no post anterior que nada mais é que um request() com alguns tratamentos.

Vale ressaltar que esquemas para verificar qual o idioma do visitante não devem ser usado em todos os casos, pois os user-agents irão catalogar seu site no idioma deles e não no idioma padrão que você determinar, deve-se analisar se isto é um problema pra você.

Para carregar conteúdos dinâmicos basta usar no seu select algo como tabela_ & session("lang") e ter uma tabela para cada idioma.

Para carregar conteúdo estático eu apenas troquei o conteúdo por uma função, que usa uma tabela para o idioma padrão e uma outra tabela para cada um dos idiomas secundários. A função checa o idioma atual é o padrão do site, se sim apenas devolve o texto recebido, se não ela pesquisa este texto recebido para achar seu ID e em seguida pesquisa na tabela correspondente ao idioma atual o texto traduzido. Há dois pontos na função onde pose-se criar um log de textos não encontrados no idioma padrão e no idioma secundário respectivamente (comentados na função.)

'usar assim <%=trasnlate("Conteúdo aqui")%>

function t(s)
'se session(lang) for pt mostra o valor recebido,
'se não, procura o valor no bd para mostra no idioma correto
'o valor passado deve estar em pt
if session("lang") = "pt" then
  trasnlate = s
else
  'se o texto existe em pt
  set lang_pt = abredb.Execute("select * from lang_pt where s = '"&s&"'")
  if not lang_pt.EOF then
   set lang_2 = abredb.Execute("select * from lang_en where id = "&lang_pt("id"))
   if not lang_2.EOF then
    trasnlate = lang_2("s")
   else
    trasnlate = s
    '===> incluir aqui um log de pedidos de tradução para textos não encontrados
   end if
   if lang_2.state <> 0 then lang_2.close
  else

   '===> incluir aqui um log de pedidos de tradução para textos não encontrados
   trasnlate = s
  end if
  if lang_pt.state <> 0 then lang_pt.close
end if
end function

Para mudar de idioma use links do tipo <a href="?lang=en" title="in English">English</a>.

Espero ter ajudado, esta função me quebrou um galho danado.

Tratando tudo que recebe via formulário

2007-10-23T15:24:00.001-02:00

Atualmente tenho codificado bastante em ASP, que não é minha linguagem favorita, mas o programador não pode ficar preso a linguagem.

Tenho criado uma serie de funções para facilitar minha vida, uma muito importante é a que trata os dados recebidos dos formulários contra injeção de SQL (SQL Injection), não vou falar sobre o assunto, pois é muito falado na web.

Em ASP para receber algum dado de um formulário utilizamos request.form(nome_do_campo), então criei a função abaixo para ser usada em todos os pontos de recepção de dados.


function rform(s)
  'Recebe dados via form
  rform = request.form(""&s&"")
  'trata os dados recebidos contra injeção de SQL
  'troca as aspas simples por aspas duplas
  rform = replace(rform, "'", """")
  'repete os replace para o que vc quiser cortar
end function

Usando a função rform(nome_do_campo) você evita esquecer de tratar algum campo.

É isso pessoal, pesquisando sobre o assunto vão descobrir como há sites bem vulneráveis na internet. Te mais.

Metas Tags para seu site

2007-10-18T05:22:00.002-02:00

Recentemente andei pesquisando muito sobre as tags meta que existem,
são milhares, então resolvi fazer uma lista das mais importantes
seguidas de uma breve explicação.

Espero ter ajudado a esclarecer este assunto de meta tags.

WinSCP Portable, SFTP pelo pen drive

2007-10-13T22:33:00.001-03:00

No post anterior falei sobre o Notepad++ Portable, outro programa bom para deixar no pen drive e o WinSCP Portable, um cliente SFTP gratuito muito útil quando se esta fora de sua estação de trabalho.

Notepad++Portable, meu editor preferido

2007-10-13T22:11:00.001-03:00

Atualmente tenho feito bastante serviços no escritório de clientes, o que pode ser um problema se você não leva um notebook. Ainda bem que conheci o portableapps.com, em expecial o Notepad++Portable, que esta quebrando um galho enorme na hora de consertar alguns arquivos.

Fica ai a dica, use as adaptações do portableapps.com e bombe o seu pendrive.

Configurando o PC para rodar ASP

2007-02-10T09:39:00.002-02:00

Escolhi ASP como linhagem visando facilitar a vida dos iniciantes. Não é o propósito deste blog ficar comparando linguagens, mas na minha opinião, o ASP tem uma curva de aprendizagem menor, alem de ser bem fácil rodar ASP no Windows.

Para rodar ASP no Windows você deve instalar o PWS (windows 98) ou IIS (Windows 2000 e superiores), e esta instalação é bem simples pois ambos já vem no CD de instalação do sistema operacional correspondente. O Caminho para instalar o IIS é: Painel de controle => Adicionar ou remover programas => Adicionar/remover componentes do Windows e marcar a opção referente ao IIS (Internet Information Services) os dados serão copiados do CD do Windows e pronto, você já pode rodar páginas ASP na sua maquina.

Para certificar-se de que a instalação foi feita corretamente basta digitar o endereço http://localhost/ na barra de endereço do seu navegador de internet preferido ().

Criando algo útil

2007-02-10T09:03:00.000-02:00

Acho que criar uma postagem para dizer porque ando meio sumido eu já criei, espero que esta seja a ultima, mas desta vez vai ser meio diferente. A minha idéia sempre foi ir desenvolvendo um projeto de exemplo e ir documentando todas as fazer aqui no blog, mas não estava dando certo, pois para um projeto de exemplos eu não ficava muito motivado a codificá-lo e devido à falta de tempo o blog foi ficando empoeirado.

Bom, deixando o passado para traz, digo agora o que vou fazer. Usarei o simples layout criado para o exemplo, veja ele aqui, e vou implementar nele um tipo de galeria de fotos, onde os visitantes, apos um pequeno cadastro, poderão mandar suas fotos, definindo quais categorias ela pertence, o projeto terá o nome de SGF, as iniciais de Super Galeria de Fotos, e pretendo ir aprimorando-o e postando os passos de sua codificação.

Não queria bater nesta tecla novamente, mas criar este blog foi à forma que encontrei para poder apreender mais; não sou muito bom para escrever, portanto se acharem algum erro, e eu sei que tem, gentileza me avisar.

Então ate a próxima!!!

Criando o site de trás pra frente

2006-12-15T23:00:00.000-02:00

Podem ate achar estranho, mas gosto de começar o desenvolvimento de um site de trás pra frente, ou seja, eu começo a codificar as páginas internas primeiro e só depois é que vou pensar na página inicial.

E não sou apenas eu, Derek Powazek também faz assim (tradução aqui), e faço as palavras dele minhas palavras também.

O layout mostrado na postagem anterior é referente às páginas internas do site e depois dele pronto é que vamos pensar na página inicial.

O layout de nosso site de exemplos

2006-12-08T22:56:00.000-02:00

Para darmos inicio a nossa codificação vou mostrar primeiramente qual será o layout,
normalmente não é preciso o layout pois ele faz parte da segunda camada, mas resolvi
mostrá-lo para termos em mente como o site deve ficar.

Para desenvolver o layout eu utilizo um editor de imagens, gosto muito do Fireworks, mas você pode usar qualquer um, não sou designer, portanto não esperem nada muito
surpreendente.

Para um layout feito em menos de 3 minutinhos está ate bom, não acham?

Agora que já temos nosso layout vamos começar a implementar o código XHTML, este
será o tema da próxima postagem, ate lá.

Porque não usar editores WYSIWYG

2006-12-05T19:48:00.001-02:00

Uma pergunta que muitos que estão começando fazem.

Primeiramente uma breve explicação sobre os editores de nome estranho. WYSIWYG, do inglês "What You See Is What You Get", quer dizer maio ou menos "O que você vê é o formato final" e trata-se de editores de HTML onde não é preciso saber codificar em HTML, para fazer uma página basta digitar os textos, movimentar as imagens pela tela e formatar o texto através de botões parecidos com os botões de um editor de texto normal (Microsoft Word por exemplo), todo o HTML é gerado pelo editor através destas "formatações".

Pode parece a melhor coisa do mundo, mas não é, pois o código HTML gerado fica muito sujo, ou seja, cheio de coisas estranhas, pois ainda não foi desenvolvido o editor WYSIWYG que realmente faça nosso trabalho.

Como mostrado nos exemplos anteriores, codificar uma página HTML é bastante simples, portanto não há porque complicar, tornando nossos arquivos muito grandes e passiveis a erro apenas pela "praticidade" de um programa que acha que pode fazer nosso trabalho.

Leia mais sobre os editores WYSIWYG clicando aqui e ate a próxima.

Definindo do Document Type Definition

2006-12-01T23:28:00.001-02:00

A proposta inicial era a da construção de um site como uma espécie de Currículo on-line, mas mudei de idéia. Tinha em mente criar um Currículo on-line para os primeiros exemplos e depois criar um site de uma empresa fictícia para explicar melhor outros pontos, mas resolvi ir direto ao site de uma empresa fictícia, pois assim terei mais opções.

Nossa empresa de mentirinha vai se chamar Carficodi (o falta de criatividade) e será nada mais nada menos que uma agencia de automóveis.

A primeira coisa a fazer é definir qual tipo de Doctype usar, para os exemplos eu usarei o "XHTML 1.0 Strict".

E de estrema importância saber o que é um Doctype e recomendo e a leitura deste post do revolucao.etc.br para que eu não tenha que reescrever tudo aqui. Ate a próxima.

Pegando fôlego

2006-11-27T19:19:00.000-02:00

Desde que tive a idéia de criar este blog muita coisa aconteceu, estou construindo uma nova casa e trabalhando muito, portanto estou meio sem tempo para postar.

Mas não se preocupem, quando eu passar pela turbulência tudo ficara mais calmo, e voltarei a postar sobre a proposta inicial deste blog que é a de ensinar pessoas normais a codificarem um site inteirinho.

Para não ficar só com minha desculpa passo aqui um link de um jogo de nossos amigos de Portugal, é um jogo de estratégia medieval onde se joga com varias pessoas pelo mundo afora. Vale a pena conferir. www.travian.com.pt

A correta metodologia do desenvolvimento de um site

2006-11-21T18:48:00.000-02:00

O desenvolvimento de um site não consiste em apenas começar a “Codificar”, tudo tem que ser muito bem estudado.

O Objetivo deste blog e o de ensinar a parte de codificação, ou melhor, programação ou um termo que melhor define o sujar as mãos com o código, seja HTML, CSS, JavaScript entre outros.

Não conheço o cara, mas ele esta escrevendo um Reality Show sobre um projeto que ele mesmo diz ser o ultimo como freelancer. Recomendo a leitura para todos os que desejam ou já estão construindo sites. Acessem www.fatorw.com

Construção da primeira camada

2006-11-15T19:23:00.000-02:00

Na postagem anterior demos uma rápida olhada nos principais componentes de uma página; Hoje vamos colocar a mão na massa e produzir nossa primeira página.

Alguns programas facilitam a edição do código, eu gosto muito do Pspad, um editor muito bom é o melhor, é grátis. Para baixá-lo acesse o endereço http://www.pspad.com/. Vou utilizá-lo para construção da primeira camada de nossa página de testes.

Para instalá-lo basta baixar o executável (clique aqui para baixar), clicar duas vazes sobre o arquivo baixado e seguir as instruções que se seguem. Estes procedimentos são bem simples mas em caso de duvidas deixe um comentário que vou esclarecer melhor.

Vale lembrar que não e preciso um editor específico para edição de uma página, pode ser usado qualquer editor de texto como o bloco de notas do Windows. Indiquei o PSPad apenas porque ele facilita o trabalho, completando algumas coisas, tem uma ajuda muito boa e colore o código como mostrado nos exemplos, assim fica mais fácil não se perder.

Deixando a conversa de lado vamos trabalhar. Nossa primeira missão é criar um Currículo on-line. No editor digite a estrutura como no exemplo abaixo.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
  </head>
  <body>
  </body>
</html>

Como já disse antes, dentro da tag BODY é que devemos colocar o conteúdo, então vamos inserir nosso conteúdo logo após a linha 6.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
  </head>
  <body>
    <h1>José Sarney</h1>
    <h2>Objetivo</h2>
    <p>
      Meu objetivo é ...
    </p>
    <ul>
        <li>Objetivo</li>
        <li>Experiências</li>
        <li>Formação</li>
        <li>Cursos</li>
        <li>Interesses</li>
        <li>Contato</li>
    </ul>
  </body>
</html>

Prontinho, a primeira página de nosso site esta pronta. A eu esqueci de explicar as tag’s, então vamos lá.

DOCTYPE = Define o tipo de documento.

HTML = Marca o inicio é fim de nosso código.

HEAD = Marca o inicio e fim do cabeçalho do código, onde inserimos as propriedades do documento.

TITLE = É o título da página, este título aparece no topo do navegador.

BODY = Marca o inicio é fim do corpo de nosso documento, ou seja, o conteúdo.

H1 = Marca o título principal do conteúdo.

H2 = Marca nosso subtítulo.

P = Marca nosso parágrafo.

UL = Início de uma lista.

LI = Marca cada item da lista.

Basta salvar o arquivo com a extensão ".htm" e abri-lo no navegador de internet que quiser.para ver o resultado. A principio achara feio, mas a primeira camada deve ser assim, sem frescuras, somente a informação.

Ate a próxima pessoal.

Marcando corretamente

2006-11-13T19:15:00.000-02:00

Como foi dito na postagem anterior o HTML serve para marcar o conteúdo, daí você me pergunta, Como assim marcar? A resposta é simples, marcar nada mais é do que dar nome aos bois, separando e definindo o que cada parte é e o que faz.

Cada "marca" do HTML recebe o nome de tag. Cada tag inicia-se com um sinal "menor que" (<) seguido pelas letras que identificam a tag, logo após vem alguns parâmetros opcionais e termina com um sinal "maior que" (>). Exemplo: <p>.

Algumas tag’s são usadas sozinhas no documento, mas na maioria das vezes é preciso um par de tag’s, uma antes do conteúdo que marcam e outra logo após. A tag que vem logo após o conteúdo é praticamente a repetição da tag de abertura, as únicas diferenças são que elas não permitem parâmetros adicionais e precisam de uma barra logo após o sinal "menor que". Exemplo: </p>

A tag usada nos exemplos acima serve para delimitar um parágrafo. Assim tudo que estiver dentro dela será tratado como um parágrafo. No exemplo abaixo temos a marcação de dois parágrafos em um documento:


<p>Primeiro parágrafo</p>
<p>Segundo parágrafo</p>

Um documento HTML deve seguir um determinado padrão para ser corretamente lido pelos diversos mecanismos que irão processá-los e mostrá-los ao usuário. Abaixo temos uma estrutura básica para um documento.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title></title>
 </head>
 <body>
 </body>
</html>

A tag DOCTYPE (linha 1) é especial e, portanto, foge um pouco a regra, ela serve para mostrar aos dispositivos que forem ler a página qual padrão eles devem usar, no exemplo acima temos um HTML versão 4.01, mas não se reocupe muito com isto agora, falaremos mais sobre os tipos de documentos posteriormente.

Logo em seguida temos a tag HTML (linhas 2 e 8), ela delimita todo o documento, iniciando logo após a definição do tipo de documento e terminando logo após a ultima tag.

O documento em si é dividido em duas partes, o HEAD e o BODY.

O HEAD (linha 3 a 5) é um cabeçalho, nele são colocadas as tag’s referentes às propriedades do documento como o titulo, a descrição, as palavras-chave, a inclusão das demais camadas, etc.

O BODY (linhas 6 a 7) envolve o conteúdo em si, dentro dele que o conteúdo será incluído.

A marcação deste conteúdo é bem simples, conheça abaixo algumas tag’s e para que elas servem.

H1 = Titulo principal do documento

H2 = Subtítulo; 2º título

H3 = Subtítulo; 3º título

H4 = Subtítulo; 4º título

H5 = Subtítulo; 5º título

H6 = Subtítulo; 6º título

P = Parágrafo

IMG = Imagem

BR = Quebra de linha

Uma tabela com todas as tag’s seria útil, vou providenciar uma, mas com os próximos exemplos creio que familiarizara com as principais tag’s e com uma vantagem, não ficara assustado com a quantidade.

Na próxima postagem vamos iniciar a construção do nosso site de testes, ate a próxima.

Entre em contato

2006-11-10T20:26:00.000-02:00

Para entrar em contato comigo utilize os comentários de cada postagem, mas se o assunto não tiver muito a ver com o tema do blog você pode enviar um e-mail para o e-mail abaixo:

Em caso de duvidas sobre alguma postagem, por favor, utilize os comentários da postagem correspondente, assim quando eu, ou alguém, o responder com o esclarecimento, poderá o fazer para todos que tenham a mesma duvida, evitando assim a repetição de uma mesma pergunta e conseqüentemente da mesma resposta.

Do que um site é feito

2006-11-09T22:32:00.000-02:00

Quando a internet nasceu sua finalidade era a troca de informações entre cientistas americanos que estavam em laboratórios distantes uns dos outros, deu tão certo que foi se expandindo ate virar na rede mundial de computadores que conhecemos hoje.

De lá pra cá aconteceu muitas coisas, muito se melhorou e padrões foram criados. Para publicar uma informação foi utilizada uma linguagem de marcação conhecida como HTML, que nada mais é do que marcas, separando as diversas partes da informação.

A informação (um texto, uma imagem, um vídeo ou um som) é separada como em outras mídias criadas anteriormente como o jornal, a revista, o radio a televisão, etc. Esta marcação serve para organizá-la facilitando a interpretação pelos diversos meios de acesso a internet.

Segundo a padronização criada por um consorcio internacional, um site deve ser dividido em camadas.

Na primeira camada temos o conteúdo, ou seja, os textos, as imagens, os vídeos e os sons que compõem a informação a ser divulgada ao mundo; nesta camada utilizamos o HTML para marcação.Deste conteúdo.

Uma segunda camada pode ser utilizada para dar estilo a este conteúdo, podemos ter vários estilos.Para o mesmo conteúdo, o mais interessante disto é que podemos definir um estilo para cada tipo de dispositivo que acessa o site, assim o site terá uma formatação completamente diferente se acessado por um celular se comparado ao mesmo site acessado por um computador, mas o conteúdo será o mesmo, pois não mudamos nada na primeira camada.

Uma terceira camada pode ser adicionada, uma camada que manipula o comportamento dos elementos da página, esta camada é muito útil, mas vou falar pouco dela agora, primeiramente temos que entender a primeira e a segunda camada.

Na próxima postagem veremos o HTML, e suas derivações para que possamos dar inicio a construção da primeira camada de nosso site de testes. Ate mais.