Manual Completo de HTML - PDF\nDownload "Manual Completo de HTML"\nCarlos Eduardo de Oliveira Caldeira\n1 Manual Completo de HTML\n2 Uma página Web simples Apesar dessa aparente sofisticação, as páginas Web não passam de documentos de texto simples. Podem ser produzidas com qualquer editor de texto, como o Notepad do Windows. A diferença é que as páginas Web contêm algumas marcas especiais para determinar o papel de cada elemento dentro do texto. Alguns elementos são marcados como títulos, outros como parágrafos. As marcações são usadas também para indicar os links que levam a outros documentos na rede. Essas marcas são chamadas de tags e estão especificadas dentro da linguagem utilizada para criar as páginas Web, HTML. O mínimo que você precisa saber sobre HTML O primeiro conceito que deve-se ter em mente ao projetar páginas Web é que HTML não foi criada para controlar a aparência dos documentos, ao contrário dos processadores de texto e programas de layout de página. Como dissemos há pouco, os tags de HTML apenas informam ao navegador o que são os elementos que estão na página. Eles dizem, por exemplo, que um determinado trecho é o título principal do documento e outro é um item de lista. A formatação do trecho é deixada para o navegador. Cada navegador mostra a página de uma forma um pouco diferente, o que dificulta o trabalho de programação visual na Web. Para complicar ainda mais, cada usuário pode modificar a configuração padrão de seu navegador para que o seu programa mostre o texto na fonte (tipo de caractere) que quiser. Em compensação é muito simples criar uma página básica para colocar na Internet com HTML. Neste capítulo, apresentamos um exemplo enxuto, que aos poucos ficará mais sofisticado. Software necessário para esta seção Como a página Web é um documento de texto comum, pode-se utilizar um editor de texto simples, como o Notepad do Windows. Existem editores de HTML que podem facilitar a confecção das páginas. É importante notar que os exemplos descritos aqui devem ser gravados no formato texto e com a extensão.htm ou.html. Portanto, se for utilizado um processador de texto, como o Word, WordPerfect ou WordStar, o arquivo deve ser salvo no formato somente texto. O navegador de Web não vai entender um arquivo gravado nos formatos específicos dos processadores de texto (.doc, por exemplo). Será necessário também um programa de desenho para criar as imagens, como o Paintbrush do Windows ou um mais sofisticado, como o Photoshop. Também é preciso cuidado na hora de gravar as imagens. O formato mais aceito pelos navegadores é o GIF. O Paintbrush do Windows grava arquivos apenas nos formatos BMP ou PCX. Será necessário um outro programa para fazer a conversão, como o Lview. Veja a lista dos programas recomendados para edição em HTML no capítulo Programas. Além disso, será necessário um navegador de Web para visualizar as páginas. Os exemplos deste livro foram testados nos seguintes navegadores: Netscape Navigator 2.0 (http://home.netscape.com/comprod/mirror/ client_download.html) Microsoft Internet Explorer 2.0 (http://www.microsoft.com/ie/download/default.htm) NCSA Mosaic (http://www.ncsa.uiuc.edu /SDG/Software/Mosaic/) Acentuação Não é recomendável que os documentos Web contenham acentos. Ainda que todos os navegadores existentes entendam a presença de um caractere acentuado, existem ocasiões em que o texto em HTML pode ficar truncado. Por exemplo, quando alguém copia uma página Web e a envia para outra pessoa através de correio eletrônico. Para contornar este problema, existe uma tabela de códigos que substituem os acentos. Os navegadores transformam estes códigos em caracteres acentuados e o documento poderá ser transmitido por qualquer meio. Sugestão: o\n3 documento pode ser escrito com os acentos e, antes de ir para o servidor de Web, ser submetido a uma macro de processador de texto para substituí-los pelos códigos HTML. O Apêndice A mostra a tabela de acentos ISO 8859 Latin-1. Para facilitar a leitura, os exemplos deste livro contêm os acentos normais de um editor de texto ao invés dos códigos. Primeiro Exemplo A melhor maneira de aprender a escrever páginas de Web é fazendo. Vamos ao primeiro exemplo:   <TITLE>Primeiro exemplo</title>
Título principal
 Este é o texto do primeiro exemplo. Para dividir os parágrafos, usa-se o tag
.
 Este é o segundo parágrafo. Para colocar um novo título depois de um parágrafo não é necessário colocar o tag
.
Título secundário
 Para abrir uma linha, usa-se o tag
,
 certo?
Uma lista

Item 1
Item 2
Item 3
   Observação: a representação dos tags
 e
 foi escrita na forma de código (
 e
, respectivamente). Do contrário, essa representação não seria mostrada na página, mas interpretada com os efeitos reais de cada um dos tags. Visualizando o exemplo no navegador Assim que o exemplo for salvo no editor de texto com a extensão.htm ou.html, pode-se visualizá-lo em um navegador. Para abrir o arquivo, deve-se escolher Open, Open File ou Open Local File no menu File do navegador. Alguns navegadores tem um botão Open na barra de botões.. Como funcionam os tags O primeiro exemplo mostra vários trechos de texto marcados por códigos colocados entre os caracteres < e >. Esses códigos, chamados de tags, são responsáveis pela marcação do texto em função de seu papel dentro do documento. O título principal é marcado com os tags
 e
, enquanto os parágrafos são separados pelo tag
. Existem dois tipos de tags. Alguns são formados aos pares, indicando o início e o fim do trecho afetado, como o par
 e
. Outros podem ser colocados individualmente, como o
, que simplesmente insere um espaço para dividir parágrafos. Mais adiante, mostraremos que os tags também podem receber atributos. Tags básicos Existem quatro pares de tags que devem ser sempre colocados na página. O par de tags  e  deve englobar todo o conteúdo da página (estar presente no início e no fim do texto) para indicar ao navegador que se trata de um documento HTML. O documento, por sua vez, está dividido em duas partes: o cabeçalho e o corpo do texto, cada um indicado por um par de tags diferente. Tudo que estiver entre o par  e  irá compor o cabeçalho, não aparecendo na página. O elemento principal do cabeçalho é o título do documento, que deve ser colocado entre o par <TITLE> e </TITLE>. Os navegadores mostram o título na barra de título do\n4 programa e na área em aparecem as páginas já visitadas. Por fim, existe o par  e , que serve para indicar o corpo do texto, ou seja, a parte mostrada na janela do navegador. Títulos No corpo do texto podem ser colocados até seis níveis de títulos. A hierarquia começa em
, como o maior título, e termina em
, como o menor. Os títulos
 e
 aparecem tão pequenos no navegador que provavelmente nunca serão usados. Parágrafos Os parágrafos são digitados normalmente. O tag
 serve para indicar o início de um novo parágrafo. Se o tag
 for colocado antes de um título (
, por exemplo), a marca de parágrafo é ignorada. Nesse caso, o próprio título se encarrega de colocar o espaço necessário. Linhas Assim como as marcas de parágrafo, as quebras de linha são indicadas por um tag simples. Para abrir uma nova linha, usa-se o tag
. Listas O início de uma lista pode ser indicado com
 e o final com
. Esse tag descreve listas não-ordenadas (unordered lists, em inglês) e simplesmente coloca um elemento gráfico (um círculo, um quadrado etc.) no começo de cada item da lista. Existem outros tipos de listas. A relação completa pode ser encontrada no Apêndice B. O início de cada item é indicado com o tag
. Melhorando a aparência Com os tags básicos do primeiro exemplo já é possível criar páginas Web para colocar à disposição dos usuários. O exemplo mostrado há pouco é completo e, se colocado em um servidor Web, pode ser identificado com sua própria URL e acessado de qualquer lugar do mundo. Porém, o primeiro exemplo deixa muito a desejar em apelo visual. Vamos melhorar a aparência deste documento. Alinhamento A primeira providência para melhorar a aparência da página é modificar o alinhamento do texto. O alinhamento padrão (com o qual vêm configurados os navegadores) é à esquerda. Para mudar o alinhamento padrão deve-se adicionar o atributo ALIGN dentro dos tags que marcam os títulos e os parágrafos.
Título

Este é um parágrafo centralizado.
 Desta vez, o tag
 ganhou uma opção (ALIGN=CENTER). Por isso, é preciso utilizar um tag de fechamento (
) para indicar que apenas aquele parágrafo receberá um alinhamento diferente. Margem Outro controle sobre o alinhamento dos elementos da página pode ser conseguido através da mudança de margem. O texto sempre começa a uma determinada distância da janela do navegador (um pouco diferente em cada navegador). Às vezes, será necessário aumentar essa margem e fazer com que o texto comece mais para dentro da página. O par de tags
 e
 serve para aumentar a margem. O efeito desse tag pode ser acumulado para conseguir margens maiores. Veja os exemplos:
Texto com mais margem
\n5

Texto com mais margem ainda

 Texto pré-formatado Existe ainda uma terceira forma de modificar o alinhamento. É a utilização do par de tags
 e
. Usando esses tags, todos os espaços e entradas de parágrafo (o resultado da tecla enter) são respeitados. Em um texto normal, qualquer espaço a mais entre duas palavras é ignorado pelo navegador. Com a pré-formatação, pode-se controlar o espaçamento com a barra de espaço e colocar o texto em praticamente qualquer lugar da página. Apesar da vantagem dessa forma de alinhamento arbitrário, o tag
 muda o tipo de caractere para uma fonte monoespaçada. Uma fonte monoespaçada é aquela na qual todos os caracteres ocupam o mesmo espaço horizontal, ao contrário da fonte proporcional, na qual o i ocupa menos espaço do que o a, por exemplo.
 Este texto está pré-formatado. A fonte é monoespaçada e as entradas de parágrafo, assim como os espaços adicionais, são respeitadas. Neste caso, a margem esquerda foi aumentada em cinco caracteres.
 O texto normal recebe fonte proporcional e ignora a presença de espaços a mais no meio do texto. Entradas de parágrafo adicionais também são ignoradas. No Netscape, é possível colocar tags de título den,tro do par
 e
, permitindo a manutenção da fonte proporcional (Times New Roman, por exemplo). Na maioria dos navegadores, porém, os tags de título são ignorados e se sobrepõem aos tags de pré-formatação, eliminando o seu efeito. Mudando os caracteres Estilos de caracteres Para dar ênfase em determinados trechos de texto, pode-se usar negrito, itálico ou mesmo a fonte monoespaçada citada há pouco. Texto em negrito
 Texto em itálico
 <TT>Texto monoespaçado</tt>
 Ao contrário de
, o tag <TT> ignora espaços em branco adicionais e entradas de parágrafo no meio do texto. Em relação ao espaçamento, o tag <TT> funciona exatamente como texto normal. Os tags de estilo podem ser usados uns sobre os outros, acumulando seus efeitos. Texto em negrito e itálico
 <TT>Texto monoespaçado em negrito</tt>
 <TT>Texto monoespaçado em itálico</tt>
 <TT>Texto monoespaçado em negrito e itálico</tt> Tamanhos de caracteres Alguns navegadores aceitam a modificação do tamanho do texto através do atributo SIZE do tag . Texto O tag  pode ser atribuído a qualquer parte do texto, com exceção dos títulos (
,
 etc.). Os valores do atributo SIZE variam de 1 a 7, O tamanho normal do texto nos navegadores é equivalente a SIZE=3. Não existe nenhuma relação entre os valores no atributo SIZE e o número\n6 de pontos (a unidade utilizada para medir os caracteres). Portanto o melhor é experimentar todos os tamanhos e avaliar o resultado. Texto com FONT SIZE=7
 Texto com FONT SIZE=6
 Texto com FONT SIZE=5
 Texto com FONT SIZE=4
 Texto com FONT SIZE=3
 Texto com FONT SIZE=2
 Texto com FONT SIZE=1 O tag  também pode ser utilizado com um atributo diferente para cada letra. A aplicação mais óbvia é a colocação de uma capitular, aquela letra em tamanho maior no início de um parágrafo. Texto Também é possível modificar o tamanho de todo o texto de uma vez só colocando o tag <BASEFONT> no topo do texto. <BASEFONT SIZE=5> Cores diferentes Alguns navegadores também aceitam modificar a cor padrão do texto e do fundo da janela do documento. Essa definição é feita em atributos do tag . Os atributos são BGCOLOR e TEXT.  ou  O exemplo acima produz uma página com fundo branco e texto na cor preta. Os valores dos atributos são definidos em uma tabela de cores no padrão RGB ou pelo nome da cor. Pode-se definir ainda a cor de determinados trechos de texto, com o atributo color no tag . Texto na cor branca ou Texto na cor branca Dessa forma, é possível ter texto de várias cores na mesma página. Texto em branco, azul, verde e vermelho Mudando o tipo de caractere O Internet Explorer, navegador da Microsoft lançado no segundo semestre de 1995, trouxe a novidade de permitir a mudança do tipo de caractere do texto. O autor de uma página Web pode definir qual será o tipo de determinada parte do texto, mas o usuário precisa ter aquela fonte instalada no computador. Sugere-se a escolha de tipos comuns, como o Arial, que vem junto com o Windows.
Título principal
 Este é o texto do primeiro exemplo. Para dividir os parágrafos, usa-se o tag
.
 Este é o segundo parágrafo. Para colocar um novo título depois de um parágrafo não é necessário (tampouco funciona) colocar o tag
.

Título secundário
 Para abrir uma linha, usa-se o tag
,
 certo?
Uma lista

Item 1
Item 2
Item 3
\n7 Hyperlinks Até agora produzimos apenas um documento bastante simples, que poderia ser composto com recursos muito mais sofisticados em qualquer processador de texto. Mas neste livro estamos falando de documentos de hipertexto, que podem fazer ligações com outros textos. Os pontos que ligam esses hipertextos são chamados de hyperlinks, links ou âncoras de hipertexto. O tag que indica a região a ser tratada como um hyperlink é o par  e . Dentro desse tag, na forma de atributo, é colocada a referência ao arquivo ligado. A referência indica a URL do documento. Quando o usuário clicar sobre o trecho realçado pela âncora de hipertexto, o arquivo ligado será requisitado ao servidor e mostrado na janela do navegador.
 Uma ligação de hipertexto:

 html Easy! Pro home page
 Neste exemplo, o texto HTML Easy! Pro home page aparece no navegador realçado de alguma forma, normalmente em uma cor diferente e sublinhado. O cursor do mouse se transforma em uma mãozinha quando colocado sobre o texto realçado. Ao clicar no link, o arquivo htmleasy.html, do diretório /~milkylin/ do servidor será transmitido pela rede e mostrado na tela. Colocando uma URL no atributo HREF do tag , pode-se ligar uma página com qualquer outro documento disponível na Internet. Pode-se fazer uma página com uma lista de páginas preferidas da rede com suas devidas ligações de hipertexto.
Lista de recursos sobre HTML

composing Good HTML
CERN's style guide for online hypertext
how to Write HTML Files
introduction to HTML
the HTML Quick Reference Guide
The official HTML specification
 este exemplo, as URLs estão entre aspas. Isso significa que o servidor vai considerar a diferença entre maiúsculas e minúsculas (o que se chama de sensitivo à caixa) na hora de localizar o arquivo. Se no exemplo acima o arquivo HTML_quick.html estiver gravado no servidor como html_quick.html, o documento não será localizado e o usuário receberá uma mensagem de erro. Nem sempre é necessário colocar uma URL completa em uma âncora de hipertexto. É possível indicar apenas o nome do servidor.

Apple Computer
The Spot
 Neste exemplo, os servidores da Apple e do The Spot se encarregarão de indicar qual é a página que deve ser carregada. Essa página principal é chamada normalmente de home page.\n8 Quando a âncora apontar para uma página armazenada no mesmo servidor, não é necessário colocar o endereço da máquina. Se o documento estiver no mesmo diretório, basta indicar o nome do arquivo. Exemplo 1 O link acima chama o arquivo exemplo1.htm, que deve estar no mesmo diretório da página. Se o documento estiver em um subdiretório de onde está o arquivo que contém a âncora, é preciso indicá-lo. Exemplo1 Digamos que agora seja necessário traçar o caminho de volta, colocando uma âncora no arquivo exemplo1.htm para a página anterior. Volta para exemplo de âncora A referência cruzada entre arquivos armazenados no mesmo computador mas em diretórios diferentes merece bastante atenção. Digamos que existam dois diretórios colocados no mesmo nível. Um chamado musica e outro, comida. Um arquivo chamado rock.htm, do diretório musica deve fazer uma referência ao arquivo feijoada.htm, do diretório comida. A âncora de hipertexto do documento rock.htm deve ficar assim: Tudo sobre feijoada Também pode-se fazer uma referência a uma outra parte do mesmo documento. Isso é particularmente útil quando se está fazendo um índice de um texto. A âncora para um texto no mesmo documento fica assim: Capítulo 1 Enquanto o alvo do link fica desta forma: Capítulo 1 Neste exemplo, quando o usuário clicar sobre o link Capítulo 1, ele será remetido ao ponto onde está a referência Capítulo 1. A parte do texto que é referenciada (o alvo de um link) não fica realçada como os hyperlinks. Além de ser invisível, não é obrigatório que exista um link apontando para ela. Pode-se colocar referências do tipo  em um documento longo apenas para que outras pessoas produzindo páginas Web possam fazer ligações para determinadas partes do texto. Para citar uma determinada parte de um outro texto, a referência é: Capítulo 1 do Exemplo Sendo que exemplo.htm é o nome do arquivo referenciado e capítulo1 é a referência a uma parte daquele texto. Cores dos hyperlinks Da mesma forma que é possível definir cores diferentes para o fundo e o texto, pode-se mudar a cor dos links. As cores das âncoras de hipertexto variam de acordo com a sua condição: visitados, nunca visitados e ativos. Os navegadores sabem quais foram os hyperlinks já visitados pelo usuário em um determinado período de tempo. Por isso, a cor dos links já visitados deve ser diferente da cor das referências nunca visitadas. Além disso, o link pisca em uma cor ainda diferente dessas duas logo depois que é clicado pelo usuário. A cor dos links é definida no tag .  Onde: LINK determina a cor dos links não visitados ALINK determina a cor que os links devem piscar quando clicados VLINK determina a cor dos links já visitados Neste exemplo, os links nunca visitados ficam em vermelho, os ativos (quando clicados) em azul, e os visitados em verde. Para não confundir os usuários, a cor dos links já visitados deve ser uma versão mais clara da cor das ligações ainda não visitadas.\n9 magens Agora que já explicamos como fazer um documento hipertexto, podemos finalmente incluir imagens nessa página Web. Para inserir uma imagem basta indicar o nome do arquivo dentro do tag . Aqui você vê uma imagem:
  Note que a imagem...
 Neste exemplo, a imagem imagem.gif aparece alinhada entre as frases Aqui você vê uma imagem: e Note que a imagem.... Se a imagem estiver em um diretório diferente do arquivo de texto, é preciso especificá-lo na referência. Recomenda-se que as imagens sejam colocadas em um diretório separado para facilitar a manutenção dos arquivos. Exemplo: Aqui você vê uma imagem:
  Note que a imagem...
 Alinhamento da imagem No exemplo anterior, a imagem ficou alinhada à esquerda da tela e o texto imediatamente posterior a ela alinhou-se com o canto inferior direito da imagem. Esse é o alinhamento padrão de textos com imagens. É possível mudar o alinhamento utilizando o atributo ALIGN= dentro do tag . Aqui você vê uma imagem:
  Note que a imagem...
 Agora a imagem ficou alinhada à esquerda e com o topo do texto Note que a imagem.... Para alinhar a imagem à esquerda, mas com o texto no centro, usa-se ALIGN=MIDDLE. O texto utilizado imediatamente depois da imagem nos exemplos anteriores é curto. Se for usado um texto mais longo, apenas uma linha ficará alinhada com a imagem. O restante será jogado para a linha seguinte. Exemplo: Aqui você vê uma imagem:
  Note que a imagem está alinhada à esquerda. O texto imediatamente posterior à imagem fica alinhado no canto superior direito. Mas apenas uma linha acompanha a imagem. O restante do texto é jogado para a linha seguinte.
 Exemplo 12: quebra de linha depois da imagem Este problema pode ser contornado utilizando outros atributos de alinhamento que fazem a imagem flutuar ao lado do texto. Exemplo: Aqui você vê uma imagem:
  Note que a imagem está alinhada à esquerda. Alguns navegadores, como o Netscape, permitem colocar o texto em torno da imagem, independente de seu comprimento. É como se a imagem estivesse flutuando no meio do texto.
 Neste exemplo, a imagem ficou alinhada à esquerda e permitiu que todo o texto imediatamente posterior ficasse alinhado à direita. Para alinhar a imagem à direita, usa-se o atributo ALIGN=RIGHT. A lista completa das formas de se alinhar uma imagem está no Apêndice B. No entanto, quando usa-se os atributos ALIGN=LEFT ou ALIGN=RIGHT, todo o texto imediatamente posterior é puxado para o lado da imagem. Se for necessário interromper o fluxo de texto ao lado da imagem, pode-se usar o tag
 com o atributo CLEAR=ALL. Aqui você vê uma imagem:
  Note que a imagem está alinhada à direita. O texto está contornando a imagem, mas somente até este ponto.
A partir daqui o texto é jogado para a próxima margem livre em qualquer um dos lados da janela.
 Borda\n10 É possível colocar uma borda em volta da imagem. O atributo é BORDER. O valor da borda é expresso em pixels. Aqui você vê uma imagem:
  Note que a imagem...
 Texto alternativo De nada vai adiantar caprichar na produção de uma imagem, se a pessoa que está vendo as páginas utiliza um navegador incapaz de mostrar imagens (sim, eles existem e são bastante utilizados, principalmente o lynx). Outros usuários também ajustam o navegador para não carregar imediatamente as imagens. Por causa de conexões lentas, algumas pessoas preferem receber o texto e depois pedir as imagens. Mas para isso elas precisam saber do que se tratam as imagens. Essa é a função do texto alternativo. Pode-se colocar o título ou a melhor descrição possível de uma imagem utilizando o atributo alt:  No exemplo acima, o navegador foi ajustado para não carregar a imagem imediatamente ao carregar a página. O texto alternativo aparece junto com o ícone de imagem. Margens Pode-se controlar o espaço em volta da imagem colocando o valor em pixels da margem desejada. É possível definir as margens separadamente ou em conjunto. Para mais espaço em cima e embaixo da imagem, o atributo é VSPACE. Se o problema for espaço dos lados da imagem, usase o atributo HSPACE para definir as margens horizontais.  Cada um desses atributos (HSPACE e VSPACE) adiciona espaço nas duas faces da imagem (em cima e em baixo e à direita e à esquerda). Não há como definir uma margem maior apenas à esquerda ou somente na parte inferior. Formatos e interlaceamento Os formatos de imagem mais aceitos pelos navegadores são GIF e JPG. A vantagem do formato GIF é que se pode gravar na opção GIF89 para conseguir que a imagem seja carregada progressivamente, um efeito conhecido como interlaceamento. Com o carregamento progressivo, o usuário tem a impressão da imagem estar sendo carregada mais rápido. O formato JPG oferece um fator de compressão maior do que o GIF. As imagens ocupam menos espaço em bytes. Mas o processo de compressão do JPG pode causar alguma perda de qualidade à imagem. Como regra geral, o formato JPG deve ser usado em imagens fotográficas e o GIF em imagens criadas em computador ou desenhadas. A compressão do formato GIF se dá ainda melhor com imagens com poucas cores e trechos contínuos de uma cor só. Dimensões Se as dimensões da imagem forem colocadas na referência, o usuário terá a impressão de que a página foi carregada mais rápido. Fornecendo as dimensões, o navegador reserva o espaço para a imagem e vai carregando o texto para que o usuário possa começar a ler. Depois de carregado o texto, as imagens começam a ser mostradas. Deve-se escrever a referência de imagem neste formato: .\n11 Tabelas Como ainda não existem formas mais sofisticadas de controlar o posicionamento de imagens e texto, o uso de tabelas tornou-se um recurso essencial para dispor os elementos da página de maneira mais criativa. Uma tabela simples As tabelas são compostas de linhas, dentro das quais são colocadas células com o conteúdo. Dentro das células pode-se colocar texto, imagens ou até mesmo outras tabelas. Uma linha pode conter várias células, formando-se então uma tabela com várias colunas. Os tags para construir uma tabela são:
 e
: para indicar o início e o fim de uma tabela e : para indicar o início e o fim de uma linha  e 	: para indicar o início e o fim de uma célula-título  e 	: para indicar o início e o fim de uma célula A única diferença entre o tag  e  é que o primeiro marca o texto da célula com ênfase. Os navegadores interpretam essa ênfase como negrito. Nos exemplos deste livro, não utilizamos o tag , já que a ênfase pode ser conseguida com tags como  e . Não é obrigatório colocar os tags de fechamento dos elementos da tabela (, 	 e 	), mas estes tags são úteis para entender melhor a estrutura de linhas e células. Nos exemplos seguintes adicionamos uma borda à tabela. O atributo da borda é colocado dentro do tag
.
 Célula 1	Célula 2	 Célula 3	Célula 4
 O exemplo acima mostra uma tabela com duas linhas e duas colunas. O número de colunas é definido pelo número de células presentes nas linhas. É possível expandir as células para que elas ocupem o espaço de mais de uma coluna ou linha.
 Célula expandida	 Célula 1	Célula 2	 Célula 3	Célula 4
 ou
 Célula expandida	 Célula 1	Célula 2	 Célula 3	Célula 4	\n12
 A solução necessária para fazer uma célula expandida é diferente em cada um dos exemplos anteriores. No caso da célula expandida na largura de duas colunas, ela ficou em uma linha diferente das células 1 e 2. No segundo exemplo, para deixar a célula expandida da altura de duas linhas foi preciso colocá-la na mesma linha das células 1 e 2. Dimensões da tabela Além de controlar a largura da borda (com o atributo BORDER), é possível definir as dimensões (em pixels) de toda a tabela, espaço entre células e as margens dentro das células. Todos esses controles são feitos através de atributos dentro do tag
. Os atributos são: WIDTH: para definir a largura da tabela HEIGHT: para definir a altura da tabela CELLPADDING: para definir a margem dentro das células CELLSPACING: para definir o espaço entre as células
 Célula expandida	 Célula 1	Célula 2	 Célula 3	Célula 4
 Os atributos width e height também podem ser utilizados para definir o tamanho de células específicas. Neste caso, devem ser colocado dentro do tag  (ou ). Alinhamento Os elementos dentro da tabela podem ser alinhados da mesma forma que um parágrafo comum. Se nenhum alinhamento for definido, o conteúdo das células é alinhado à horizontalmente esquerda e verticalmente ao centro. Os atributos ALIGN (alinhamento horizontal) e VALIGN (alinhamento vertical) devem ser usados dentro dos tags e  (além de , se for o caso). Os alinhamentos possíveis são: Alinhamento horizontal ALIGN=LEFT: alinha o conteúdo à esquerda ALIGN=RIGHT: alinha o conteúdo à direita ALIGN=CENTER: alinha o conteúdo ao centro Alinhamento vertical VALIGN=BASELINE: mantém as linhas de texto com o mesmo alinhamento (para ser usado dentro de ou no primeiro  de uma linha) VALIGN=TOP: alinha o conteúdo no topo VALIGN=MIDDLE: alinha o conteúdo ao centro VALIGN=BOTTOM: alinha o conteúdo na base da célula Vamos utilizar um texto mais longo na segunda célula da segunda coluna para demonstrar o alinhamento padrão.
 Título 1	Título 2	 Célula 1	 Célula 2
 Quando existe um texto longo, a célula é expandida até à margem da janela do navegador. Para controlar a apresentação de texto dentro da tabela,\n13 pode-se modificar as dimensões da célula.
 A largura da coluna da direita foi ampliada para que o texto da célula 2 aproveitasse até o final da margem do navegador. Se a largura da janela do navegador for diminuída, também diminui a largura da segunda coluna. Vamos melhorar a aparência da tabela ajustando a largura da célula 2 em 300 pixels. Assim, a largura de toda a segunda coluna será ajustada. Aproveitamos este exemplo para alinhar o texto da célula 1 no topo e mudar a largura da borda da tabela.
 Título 1	Título 2	 célula 1	 célula 2
 A largura de cada célula pode ser controlada individualmente utilizandose o atributo <tt>width</tt>.
 Cor de fundo das células O Internet Explorer, navegador da Microsoft, permite atribuir cores diferentes para o fundo de cada célula. Basta acrescentar o atributo BGCOLOR com a cor desejada aos tags de célula. Em algumas combinações de cores será necessário também modificar a cor das letras. Isso é feito com o atributo COLOR dentro do tag .
 Comida	 Bebida	 Arroz	 Vinho	 Dicas e Truques em HTML Truques com imagens Texturas no background Da mesma forma que é possível definir uma cor de fundo diferente para as páginas, pode-se colocar uma imagem como papel de parede. Primeiro cria-se um arquivo.gif e depois inclui-se o atributo BACKGROUND no tag . A imagem que será colocada no fundo deve ser suave o suficiente para permitir que o texto a ser colocado por cima fique legível. No exemplo que mostramos aqui, no entanto, escolhemos um padrão quadriculado para mostrar como o arquivo de imagem é repetido na tela para compor o background.  Exemplo 24: colocando uma textura no fundo da página\n14 Neste exemplo, o arquivo textura.gif é utilizado como padrão de fundo da página. Várias cópias da imagem são colocadas lado a lado até ocupar toda a área do documento. Imagem de um pixel Deve-se ter outros cuidados ao escolher as imagens para o fundo. O principal problema é o tamanho em bytes destes arquivos. As dimensões da imagem influem no tamanho do arquivo. Para criar um arquivo o mais econômico possível pode-se fazer uma imagem de apenas um pixel quadrado. Esse pixel, que estará ocupando um tamanho mínimo em bytes, será reproduzido em todo o fundo da página, dando a impressão de ser um arquivo único. Baixa resolução Outra forma de melhorar a performance da página Web é enviar primeiro uma versão em baixa resolução das imagens. Esse truque é mais útil quando a imagem é de grandes proporções. Digamos que a imagem seja bastante complexa, ocupando acima de 30 Kbytes. Cria-se uma versão simplificada da mesma imagem (em preto e branco, por exemplo) e informa-se ao navegador para carregá-la antes. Assim, o usuário pode ter uma idéia da ilustração antes de ter que esperar pela imagem em alta resolução. Criado para o Netscape, esse truque é chamado de low/high resolution flip trick. A inclusão da imagem de baixa resolução é conseguida com a colocação do atributo LOWSRC, que indica o arquivo que será carregado primeiro.  No exemplo acima, o arquivo altareso.gif é a imagem definitiva, de alta resolução. O arquivo baixares.gif é a imagem de baixa resolução, que será carregada antes. A principal utilidade desse truque é nos imagemaps. Sem ter que esperar pela imagem de alta resolução, o usuário pode escolher uma área da versão menos definida e seguir a sua navegação. Alguns lugares da rede aproveitam o recurso para criar uma pequena animação. Fundo transparente Os programas de desenho, independente do formato da figura, gravam uma imagem no formato retangular. Mesmo que a imagem seja um círculo, quando a ilustração for colocada na página Web, ela irá ocupar um espaço retangular. Se esse círculo tiver sido desenhado sobre um fundo branco, esse fundo acompanhará a imagem. É possível fazer uma imagem ficar com o fundo transparente. Digamos que o fundo da página tenha uma textura e é preciso colocar uma imagem que deixe ver o fundo em volta dela. Pode-se definir que determinada área da imagem não tenha cor nenhuma e dar a impressão de vazado. Para fazer uma imagem com fundo transparente é preciso utilizar um programa como o LViewPro, que seleciona uma determinada cor como a cor de fundo. Ao carregar a imagem no navegador, essa cor não será mostrada, dando o efeito de transparência. Por isso é preciso que a área que se pretende deixar transparente seja de uma cor só. Essa cor não pode se repetir em qualquer outra parte da imagem. Do contrário essa parte também ficará transparente. No exemplo a seguir, a imagem foi criada sobre um fundo cinza. A intenção é colocar a figura sobre uma textura. Abre-se o arquivo no LViewPro e escolhe-se Background Color no menu Options. O programa mostra uma tela com todas as cores presentes na imagem. Seleciona-se a cor que ficará transparente (neste caso, o cinza) e clica-se em OK. Ao salvar o arquivo, o programa pede uma confirmação de gravação no formato GIF89. Clica-se em OK. Ao carregar a imagem no navegador, a área que estava na cor cinza ficou transparente e por baixo da imagem apareceu a textura. Anti-alias O efeito anti-alias, disponível em alguns programas de desenho, como o Photoshop, suaviza as bordas de uma imagem. O efeito mistura os pixels da borda com os pixels do fundo. Por exemplo, se a borda está na cor preta e o fundo na cor branca, o anti-alias coloca na borda uma gradação de tons de cinza. Assim, o contorno da imagem fica com maior resolução. Dependendo do tamanho, é difícil notar as diferenças entre imagens com ou sem-anti-alias. Mas se olharmos mais de perto, veremos como é construído o anti-alias.\n15 No exemplo acima, a primeira imagem, sem anti-alias, tem contorno cheio de degraus. A segunda imagem, com o efeito, mistura os pixels da borda com os do fundo, gerando alguns pontos acinzentados para fazer a transição de forma mais suave. Uma desvantagem do anti-alias é que a área de transição entre o contorno e o fundo aumenta a complexidade da imagem e, conseqüentemente, gera arquivos com mais bytes. Quando possível, deve-se evitar o efeito para que os arquivos de imagem fiquem com um tamanho menor. Combinação com o background As imagens com anti-alias também dificultam o uso do fundo transparente. Na verdade, os dois truques são praticamente incompatíveis. Como é preciso escolher apenas uma cor para fazer uma imagem com fundo transparente, os tons da transição no contorno aparecem como se fossem um borrão. Quando o uso do anti-alias é indispensável, recomenda-se que a imagem seja produzida já sobre o fundo definitivo. Por exemplo, se o fundo da página for preto, a imagem deve ser criada no programa de desenho sobre um fundo da mesma cor. Se as cores forem idênticas, nem é preciso converter a imagem para fundo transparente. Mas, se for necessário fazer a transparência, os tons da borda combinarão com a cor de fundo da página. Outra situação em que se deve coordenar o fundo da página e o da imagem que está sendo produzida é quando se utiliza uma textura como background. Nem sempre uma imagem com fundo transparente funciona sobre uma textura. A dica de novo é criar a imagem já sobre a textura que será utilizada. É preciso que a textura escolhida seja uniforme para que não haja problemas de encaixe quando a imagem for colocada na página. Letreiro O Internet Explorer implementa uma forma muito simples de dar movimento ao texto. O recurso funciona como um letreiro luminoso de bolsa de valores, no qual o texto corre da direita para a esquerda. No caso do letreiro produzido para o Internet Explorer, utiliza-se o tag <MARQUEE> para marcar o trecho de texto que será animado. Uma série de atributos permitem controlar o tipo de rolagem do texto (da esquerda para a direita ou vice-versa), a velocidade e o tamanho do letreiro, entre outras coisas. Um letreiro simples seria: <MARQUEE HEIGHT=30 WIDTH=300 DIRECTION=LEFT SCROLLAMOUNT=50>Este texto rola pela tela da direita para a esquerda.</marquee> No exemplo acima, uma área de 30 pixels de altura (HEIGHT=30) por 300 pixels de largura (WIDTH=300) será criada para a exibição do texto em movimento, que será apresentado da direita para a esquerda (DIRECTION=LEFT). A velocidade é expressa também em pixels pelo atributo SCROLLAMOUNT. Quanto mais pixels, mais rápido correrá o texto na tela. Trechos de vídeo No Microsoft Internet Explorer 2.0 é possível incluir um trecho de vídeo numa página. A Microsoft inventou um atributo chamado DYNSRC (de dynamic source, fonte dinâmica) para ser incluído dentro do tag . O formato de arquivo de vídeo suportado é o AVI (Audio Video Interleave). Para que os demais navegadores, incapazes de entender o atributo DYNSRC, possam também receber a imagem, ainda que estática, inclui-se no mesmo tag o atributo SRC com o arquivo de imagem comum correspondente.  O exemplo acima implementa numa página lida com o Internet Explorer 2.0 o arquivo de vídeo video.avi. Outros navegadores (como o Netscape) irão mostrar apenas a imagem imagem.gif. O atributo START=MOUSEOVER indica que o trecho de vídeo começará a ser executado quando o usuário passar o mouse sobre ele. O atributo LOOP=INFINITE declara que o vídeo será exibido continuamente até que o usuário mude de página. Outros atributos são: START=FILEOPEN: o vídeo começa a ser exibido assim que a página é carregada CONTROLS: adiciona um conjunto de botões para controlar a execução do vídeo\n16 LOOP=n: Executa o trecho de vídeo n vezes. Se for colocado LOOP=5, o vídeo será exibido cinco vezes. LOOPDELAY=n: especifica, em milisegundos, de quanto em quanto tempo o trecho de vídeo será executado quando colocado em loop. Trilha sonora O Internet Explorer 2.0 também aceita colocar uma trilha sonora em uma página Web. Como no tag que implementa a execução de vídeo, é possível utilizar um dispositivo de looping, que pode manter o arquivo tocando constantemente ou por um número definido de vezes. Para colocar uma trilha sonora, a Microsoft criou o tag BGSOUND. Pode-se incluir trechos de áudio nos formatos WAV, AU ou MIDI. <BGSOUND SRC=som.wav LOOP=INFINITE> Neste exemplo, o arquivo de áudio som.wav será executado constantemente até que o usuário troque de página. Só depois que a página é carregada que o som começa a tocar. É possível também fazer com que o som seja tocado por um número determinado de vezes. Exemplo: <BGSOUND SRC=som.wav LOOP=5> No exemplo acima, o arquivo som.wav será executado cinco vezes. Marca d'água No Internet Explorer pode-se controlar o comportamento da imagem de fundo, o background. A empresa criou um atributo para o tag  chamado BGPROPERTIES. Com a opção BGPROPERTIES=FIXED, a imagem de fundo fica fixa quando o usuário rola o texto para cima. O recurso dá a impressão da página ter uma marca d'água e de que o texto flutua sobre o fundo.  Mapas clicáveis O mapa clicável é uma imagem que contém várias ligações de hipertexto. Numa mesma figura, pode-se oferecer ao usuário a opção de clicar em regiões diferentes para escolher onde ele quer ir. A primeira tarefa para criar um mapa clicável é produzir a imagem. Depois, é preciso utilizar um programa de edição de mapas. O Mapedit, para Windows 3.1 e 3.11, e o MapThis!, para Windows 95, são os mais conhecidos. Deve-se carregar o arquivo de imagem no editor de mapas e utilizar as ferramentas disponíveis para marcar as áreas da imagem que poderão ser clicadas pelo usuários. Os editores de mapas têm ferramentas para desenhar áreas na forma de círculos, retângulos, polígonos (forma livre) ou pontos. O próximo passo é definir qual arquivo cada uma dessas regiões irá chamar. Clicando com o botão direito do mouse sobre as áreas, obtém-se uma janela onde pode ser escrito o nome do arquivo. Se o arquivo estiver em um diretório diferente, é preciso incluí-lo no nome do arquivo. Além disso, é necessário indicar o nome do arquivo default, que o navegador deve carregar quando o usuário clicar em uma área da imagem fora das áreas com links. O arquivo default pode ser uma página Web com uma mensagem do tipo você clicou em uma área sem ligação de hipertexto. Por favor, tente de novo. No Mapedit, a definição do arquivo default é feita em uma opção do menu File. No MapThis!, o arquivo default é indicado toda vez que se marca uma região sensível. Depois de marcar todas as regiões sensíveis, basta salvar o arquivo do mapa com a extensão.map. Com o arquivo do mapa pronto, é hora de colocar a imagem na página e fazer a referência ao mapa.   Onde:\n17 é o endereço do servidor onde estão as páginas. É preciso confirmar com o administrador do servidor a necessidade deste endereço. Alguns servidores mais recentes, como os da Netscape, exigem apenas a colocação do nome do arquivo. /CGI-BIN/IMAGEMAP é a localização do programa imagemap, que irá processar as informações do mapa. Essa localização deve ser confirmada com o administrador do servidor. Alguns servidores mais recentes, como os da Netscape, exigem apenas a colocação do nome do arquivo. /mapa.map é o nome do arquivo de mapa. Neste caso, o arquivo deve estar no diretório principal das páginas Web. Se estiver em um diretório diferente, deve-se acrescentar a informação. Exemplo: /mapas/mapa.map. IMG SRC=mapa.gif é a referência à imagem ISMAP indica que esta imagem é um mapa clicável Para testar o mapa, é preciso que todos os arquivos sejam transferidos para o servidor. É um bom momento para checar com o administrador do servidor todos os diretórios referenciados. O principal é a localização do programa imagemap, que normalmente está no diretório /cgi-bin. Deve-se checar também com o administrador se é necessário que ele modifique o arquivo imagemap.conf para incluir a localização dos mapas novos. Esse arquivo informa ao programa imagemap onde estão os mapas. Alguns servidores mais recentes, como os da Netscape, exigem apenas a colocação do nome do arquivo. Mapas processados no cliente Em 1995 (com o Internet Explorer e o Netscape 2.0), tornou-se possível criar mapas que não precisam de programas instalados no servidor para funcionar. É o que se chama de mapas processados no cliente. Assim pode-se testar os mapas antes de enviá-los ao servidor e diminuir o tempo de resposta quando o usuário clica na imagem. O truque inventado para processar os mapas clicáveis no navegador foi colocar as informações sobre as áreas quentes da imagem na própria página Web. O processo de produção do mapa continua o mesmo: criar a imagem, carregá-la no editor de mapas, marcar as áreas com ligação de hipertexto e salvar o arquivo.map. Para colocar as informações do mapa na página, deve-se copiar o conteúdo do arquivo.map para a página Web dentro de um novo tag chamado <MAP>. O conteúdo do mapa criado pelo Mapedit no exemplo anterior é o seguinte: circle circulo.htm 74,76,96,121 rect quadrado.htm 270,123,179,32 poly triangul.htm 375,27,428,124,321,124,375,27 Onde: circle, rect e poly são os formatos das regiões sensíveis. circulo.htm, quadrado.htm e triangul.htm são os arquivos associados a essas regiões. e os números são as coordenadas das regiões sensíveis. Apenas duas coordenadas definem a região circular do mapa. A primeira coordenada marca o centro e a segunda aponta o raio da circunferência (74,76,96,121). O quadrado também só precisa de duas coordenadas, uma indicando o canto superior esquerdo e outra localizando o canto inferior direito do retângulo (270,123,179,32). Já o polígono precisa de uma coordenada para cada um pontos que ligam as retas que o formam (375,27,428,124,321,124,375,27). Por isso, primeiro e o último ponto são iguais. É preciso reordenar as informações contidas no arquivo gerado pelo editor de mapas para criar um mapa processado no cliente. As informações sobre as áreas sensíveis são colocadas como atributos do tag <AREA>, que por sua vez deve ser colocado entre o par de tags <MAP> e </MAP>. <MAP NAME=MAPA> <AREA SHAPE=CIRC COORDS=74,76,96,121 HREF=CIRCULO.HTM> <AREA SHAPE=RECT COORDS=270,123,179,32 HREF=QUADRADO.HTM> <AREA SHAPE=POLY COORDS=375,27,428,124,321,124,375,27 HREF=TRIANGUL.HTM> </MAP> Onde: <MAP> e </MAP> indicam o início e o fim de uma descrição de mapa processado no cliente. NAME=MAPA indica o nome do mapa.\n18 SHAPE indica o formato da região. COORDS indica as coordenadas que formam a região. HREF indica o arquivo associado à região O mapa processado no cliente também recebe um nome, definido no atributo NAME do tag <MAP>. Esse nome é utilizado no tag , que agora informa também, através do atributo USEMAP, qual mapa deve ser utilizado para o processamento.  O atributo USEMAP, seguido do caractere #, indica o nome do mapa. No exemplo acima, somente os navegadores capazes de processar mapas no cliente (Internet Explorer e Netscape 2.0), poderão utilizar a imagem clicável. Para fazer mapas que todos os navegadores possam entender, deve-se mesclar as duas técnicas, utilizando os atributos ISMAP e USEMAP, simultaneamente no tag . Não deve-se esquecer, no entanto, de executar os procedimentos normais de um mapa processado no servidor, ou seja, enviar o arquivo do mapa (.map) para o diretório onde ficarão armazenadas as páginas e verificar se é necessário referenciá-lo no arquivo de configuração imagemap.conf do servidor. O exemplo completo de um mapa processado no cliente é o seguinte: <MAP NAME=MAPA> <AREA SHAPE=CIRC COORDS=74,76,96,121 HREF=CIRCULO.HTM> <AREA SHAPE=RECT COORDS=270,123,179,32 HREF=QUADRADO.HTM> <AREA SHAPE=POLY COORDS=375,27,428,124,321,124,375,27 HREF=TRIANGUL.HTM> </MAP>   É importante que a descrição do mapa apareça na página antes que a referência da imagem. Erros mais comuns Esquecer de fechar as aspas Às vezes defeitos estranhíssimos aparecem no documento HTML. Por exemplo, simplesmente uma parte do texto desaparece. É preciso conferir se não foi esquecido de fechar as aspas utilizadas em um nome de arquivo dentro de uma referência. Colocar os nomes dos arquivos em maiúsculas Os servidores que utilizam o sistema operacional Unix a maioria dos servidores Internet fazem diferença quando o nome de um arquivo é escrito em maiúsculas ou minúsculas (caixa alta e caixa baixa). Para o servidor, os arquivos TEXTO.TXT e texto.txt são diferentes. É o que se chama de sensitivo à caixa (case sensitive, em inglês). A sensitividade à caixa também é mantida quando o nome do arquivo é colocado entre aspas na referência. Se o arquivo foi nomeado como imagem.gif e dentro do documento HTML a referência é para imagem.gif, o servidor não irá achá-lo. Por isso, deve-se escolher um padrão para os nomes dos arquivos (sempre em maiúsculas ou sempre em minúsculas). Esquecer de citar o diretório em uma referência Clica-se no link e aparece uma mensagem dizendo que o documento não foi encontrado. Basta checar os links para descobrir se não faltou colocar o diretório onde está o arquivo. Em mapas clicáveis, o cuidado deve ser ainda maior. Deve-se checar as referências das áreas com ligação de hipertexto (no editor de mapas), a localização do arquivo imagemap (normalmente /cgibin/imagemap) e o nome do mapa. Fechar uma célula em um parágrafo diferente É ridículo, mas o Netscape insiste em incluir espaços em branco entre as células se o tag de fim de célula 	 ficar separado por uma marca de parágrafo do conteúdo da célula. O tag 	 deve ser colocado imediatamente depois do conteúdo da célula. Exemplo: Errado\n19   	 Certo  	 Fechar uma referência em um parágrafo diferente Uma variação desse erro acontece com os links de imagem. É preciso encerrar a âncora de hipertexto no mesmo parágrafo do conteúdo da referência. Do contrário, o navegador adiciona um traço da cor do link. A solução é a mesma do exemplo anterior: colocar o tag  imediatamente depois do conteúdo do link. Exemplos de páginas Web Neste capítulo mostramos páginas que utilizam algumas das dicas apresentadas neste livro e contornam de forma criativa as limitações de HTML. c net Um dos sites mais acessados de 1995, o c net combina gráficos simples para aumentar a velocidade de carregamento com uma formatação discreta, permitindo que um grande número de navegadores sejam capazes de visualizar a página da mesma forma. carregamento rápido Imagens As imagens utilizados no c net têm sempre poucas cores e formato é simples, normalmente retangular ou redondo, sem sombreados nas letras. Cada página recebe apenas uma imagem sofisticada, como vemos acima. O fundo também recebeu uma imagem para dar o tom de amarelo característico do site. Texto monoespaçado Como alternativa à fonte padrão dos navegadores, a c net usa bastante o texto monoespaçado, inclusive nos links de títulos de reportagens. Alinhamento O alinhamento centralizado, além de fugir do padrão (à esquerda) garante um bom balanceamento à página indepentemente da largura da janela do navegador. Um trecho do documento HTML da c net   <title>c net online front door</title>
  <tt>  292,297 registered members and growing
  Minc Um bom exemplo de como combinar imagens com o fundo da página.\n20 A imagem da camiseta com um trator desta página foi produzida com o fundo transparente. Criada no programa de desenho sobre um fundo de uma cor que não aparece em nenhuma parte do desenho, a imagem passou por um programa como o LView Pro para determinar a cor de fundo. O arquivo de imagem, na verdade, é assim: Southern Utah Esta página mostra uma combinação simples de uma tabela com imagens dentro das células. A tabela tem quatro linhas, cada uma com três células. Dentro de cada célula existe uma imagem. As imagens contém referências. Ao clicar em uma imagem, o usuário é levado para outra página. Como as imagens são links para outras páginas, as bordas das imagens foram eliminadas com o atributo BORDER=0 para que não recebessem uma borda da cor dos links. O atributo ALT foi utilizado para permitir que mesmo navegadores sem capacidade de mostrar imagens pudessem aproveitar a página. As imagens também receberam os atributos VSPACE e HSPACE para adicionar espaço entre ela.  <Title>Southern Utah</Title>  Southern Utah
  	  	  	  	  	  	  	  	  0
   Gallery A é um bom exemplo de como utilizar texto pré-formatado. Com o texto pré-formatado pode-se controlar o alinhamento da porção de texto e das imagens.\nHTML Prof.Leonardo INTRODUÇÃO Uma das características mais interessantes da Internet é a oportunidade que todos os usuários têm de disseminar informações. Tanto um vencedor do prêmio Nobel, quanto um estudante


Quatro pacientes de UTI tiveram alta em SP com uso de hidroxicloroquina - Cidade Azul Notícias\nHome Notícias Quatro pacientes de UTI tiveram alta em SP com uso de hidroxicloroquina\n“Até onde sabemos, fomos o primeiro hospital no Brasil a utilizar o medicamento”, Senra ainda afirma que, apesar de esperançosos, os resultados ainda são iniciais. A impressão é muito favorável, mas como se trata ainda de um número pequeno, não há como estabelecer uma relação de causa e efeito.”\nAté porque não há estudos multicêntricos ainda.” Senra explicou que os resultados não fazem parte da coalizão covid-19, feita pelo Hospital Israelita Albert Einstein, HCor, Sírio Libanês e BRICNet, uma rede que realiza estudos clínicos na área de medicina intensiva. O especialista ainda fez questão de ressaltar que não há comprovação de causa e efeito do uso da hidroxicloroquina. Ou seja, não é possível garantir que os pacientes foram curados graças ao medicamento.\nAté o momento, tudo ainda é muito controverso. Enquanto alguns estudos trazem bons resultados, como o realizado pelo Instituto Mediterrâneo de Marselha (França), o primeiro estudo controlado feito com a hidroxicloroquina revelou que o medicamento não teve efeitos diferentes dos cuidados usuais. Apenas 30 pessoas participaram da pesquisa, feita em Xangai, na China. Metade recebeu 400 mg/dia de hidroxicloroquina por cinco dias, além dos cuidados usuais, enquanto os outros pacientes receberam apenas cuidados usuais. Após sete dias, o teste para o vírus foi negativo em 86,7% casos no grupo que tomou hidroxicloroquina e em 93,3% casos no grupo controle.\nOs cientistas concluíram que são necessários estudos com mais pessoas para investigar os reais efeitos do medicamento no tratamento da covid-19. Não teste em casa Na coletiva de imprensa de ontem (25), o ministro da Saúde, Luiz Henrique Mandetta, afirmou que a hidroxicloroquina não deve ser utilizada de forma irresponsável e em casa. “Usar esse medicamento fora do ambiente hospitalar não é seguro. Deve ser feito em condições de segurança e acompanhamento médico, porque pode ter alterações no ritmo do coração”. Além disso, o medicamento é muito importante para tratar pacientes com artrite reumatóide. Se pessoas sem a doença começarem a usar sem indicação, vai faltar medicação para quem realmente precisa.\nGCM fecha bar no Mãe Preta que descumpriu decreto\nCunha deixa a cadeia e vai para prisão domiciliar para evitar...


Para adicionar uma observação genérica sobre um integrante da equipe para a planilha de horas inteira (por exemplo, para incluir uma mensagem de lembrete), na coluna Integrante da equipe, clique no nome do integrante da equipe. No painel Detalhes que é aberto, clique em Observações e adicione sua mensagem. Um indicador de observações é exibido na coluna Integrante da equipe para a linha do integrante da equipe, conforme mostrado na imagem a seguir:\nNo vídeo a seguir, você aprenderá como revisar e aprovar as planilhas de horas dos integrantes da sua equipe e de outras equipes sobre as quais você tem direitos de aprovação de planilha de horas.\nRevisar planilhas de horas enviadas\nAprovar ou rejeitar planilhas de horas enviadas na guia Revisar e aprovar\nAprovar ou rejeitar planilhas de horas enviadas na guia Planilhas de horas\nClique no nome de um integrante da equipe para visualizar um painel contextual exibindo a planilha de horas do integrante da equipe. A opção Revisão está disponível para as planilhas de horas enviadas. Use a opção para revisar a planilha de horas detalhada do integrante da equipe antes de aprovar ou retornar a planilha de horas. Use as setas de navegação na parte superior da janela da planilha de horas detalhada para continuar revisando mais planilhas de horas enviadas por outros integrantes da equipe.\n(Opcional) Para filtrar as planilhas de horas enviadas a outros gerentes de recursos, clique em Gerente de recursos e selecione o gerente de recursos.\nA imagem a seguir ilustra como é possível aprovar ou retornar uma planilha de horas enviada na guia\nA imagem a seguir ilustra como é possível aprovar ou retornar todas as planilhas de horas enviadas na guia\nAprovar ou rejeitar planilhas de horas enviadas no layout de grade\nSe você tiver direitos de aprovador, use as ações em massa para aprovar ou retornar várias planilhas de horas de uma só vez. Esse é um recurso eficaz quando você tem vários colaboradores de projeto enviando planilhas de horas.\nNo layout de planilhas de horas, selecione a Visualização em grade.\nNo seletor de coluna, selecione\nO período está aberto\nAplique filtros e selecione as opções de filtro, conforme necessário.\nPor exemplo, defina o Status como Enviado para ver todas as planilhas de horas que estão no estado enviado.\nSelecione as planilhas de horas que deseja aprovar ou retornar.\nVocê pode usar as ações em massa para clicar em\nAs ações em massa serão exibidas apenas se você selecionar as planilhas de horas com o status\n. Não é possível usar o menu de contexto para aprovar várias planilhas de horas.\nA imagem a seguir ilustra como você pode usar as ações em massa para aprovar ou retornar várias planilhas de horas de uma vez.\nUma lista dos integrantes da sua equipe será exibida com o período atual.


Políticas públicas favorecem desmatamento da Amazônia - Carta Maior\nPolíticas públicas favorecem desmatamento da Amazônia\nBrasília – O combate ao desmatamento da Amazônia só alcançará êxitos mais significativos quando as políticas públicas estimularem a preservação das florestas tanto quanto estimulam a devastação. Quem faz a projeção é o diretor de florestas do Instituto Brasileiro de Meio Ambiente e Recursos Naturais Renováveis (Ibama), Antônio Carlos Hummel.\n“O conjunto de políticas públicas aplicadas pelo poder público favoreceu e ainda segue favorecendo o desmatamento”, pontuou Hummel à reportagem da Agência Carta Maior. Nesse contexto desfavorável, o órgão federal enfrenta uma complicada dupla missão: cumprir a política de descentralização das competências em parceria com os órgãos estaduais e intensificar a eficiência do combate ao desmatamento da Amazônia.\nEssa questão é justamente o ponto central da confusa negociação que vem se desenrolando entre o Ibama e o governo do Estado do Mato Grosso acerca das responsabilidades pelo licenciamento de desmatamentos e queimadas (leia mais: Ibama e governo do MT batem cabeça. Desmatamento continua).\nO governo federal, reiterou o funcionário do Ibama, está extremamante preocupado com os altos índices de desmatamento. “A participação de 11 ministérios no Plano de Combate ao Desmatamento da Amazônia [leia também: Governo promete investir R$ 394 milhões contra desmatamento] é uma prova disso. Essa descentralização de responsabilidades não implica na retirada do Ibama do processo. Ações com a finalidade de combater o desmatamento continuarão sendo supervisionadas”.\nA integração e o trabalho conjunto com os órgãos estaduais de meio ambiente (OEMAs) é, portanto, a principal aposta da União. “Para o pacto com o Mato Grosso, teremos reuniões regulares de acompanhamento e podemos até incluir a possibilidade de convocação de auditorias externas independentes em caso de denúncias de irregularidades”, declarou o diretor de florestas. “O mais importante no momento é melhorar a metodologia de trabalho e viabilizar os intercâmbio de dados entre a Fema e o Ibama. O pacto criará avanços e deixará o sistema mais transparente”.\nIntercâmbio e transparência, contudo, não bastam. “O grave problema do desmatamento reuqer um conjunto complementar de medidas. É fundamental que haja a consolidação desses vários instrumentos, inclusive o fortalecimento do controle social pelo Ministério Público e pela sociedade civil, por meio de organizações não-governamentais (ONGs) e outros”.\nApenas o Acre, além do Mato Grosso, já tem um sistema integrado de controle de desmatamentos. Os outros dois Estados campeões de desmatamento ainda estão longe de alcançar tal estágio: Rondônia acabou de apresentar uma proposta de acompanhamento; o Pará, nem isso.\n“A participação dos 11 ministérios no Plano já foi um passo muito importante. Se não fortalecermos os OEMAs e o Ibama não haverá resultados”, previu Hummel. São 600 mil pequenas propriedades em toda Amazônia, assentadas em um território em que caberia a Europa, com exceção da parte da Rússia.\n“Queremos inaugurar uma nova geração de políticas públicas voltadas para manter as florestas em pé. Já publicamos um edital envolvendo recursos no valor de R$ 10 mil para manejo florestal”, destacou o diretor do Ibama. A própria dimunuição efetiva da devastação, porém, ainda não passa de uma previsão. “No curto prazo, será difícil alcançar melhoras significativas na redução do desmatamento. Mas temos certeza que, com as ações que estão sendo desenvolvidas, a devastação diminuirá”.\n> Floresta Amazônica perde uma Macedônia em 2003


Viciadinhas em esmaltes\nFaz algum tempo que eu tomei gosto de fazer minhas unhas em casa, só vou ao salão beeem de vez em quando...\nE ai, quando a gente começa a fazer, meio que a gente fica viciadinha em esmaltes, né? Eu não posso passar nos mercados, farmácias, loja de cosméticos, pois quando olho para o lado lá estão eles, os pobrezinhos, me implorando para levá-los pra casa. E como tenho bom coração, eu levo kkkkk. Você também é assim?\nBem, resolvi fazer esse post para mostrar algumas das minhas cores preferidas (e outras nem tanto), por exemplo... Eu adooooro os tons rosas e um pouco mais claros. Antigamente eu usava só o Renda, o Paris, principalmente quando trabalhava em TV, pois era recomendado usar cores menos chamativas... E também por eu ser muito branquinha, sempre achei que ficava um contraste muito grande do tom das minhas mãos com as cores escuras das unhas. Mas agora estou dando "chance" para os mais escurinhos e estou gostando rs\nChocolate Quente – Ana Hickmann\nBem, esse é o Chocolate Quente, da Ana Hickmann. Os esmaltes dessa linha eu sempre gostei. Acho que tem uma ótima cobertura, tranquilo para passar, seca rápido e dura bastante. Mas essa cor escura, marrom, eu quase não compro. Só que entrei no clima do inverno e chocolate quente combina muito.\nGostei da cor. Mas ele fica um pouco fosco depois que seca, por isso passei um brilho extra por cima (geralmente eu passo esse brilho em todos) e com o brilho ficou bem mais bonita essa cor. Que tal?\nAmo não nego – Colorama\nAi, essa cor <3 Quando eu vi em uma foto no Instagram fiquei doidinha para ter e chamar de meu. Procurei umas duas semanas, tá?! Quando achei, morri de alegria, quase abracei o menino da farmácia (mentira! rs). Ele é uma gracinha, mas na minha unha ele ficou um pouquinho mais para o lilás que para o rosa (na foto que vi ele ficava mais rosinha), mas mesmo assim é uma gracinha. Daqueles que você usa e nossas amigas falam: “que cor linda essa”. Além de ter uma ótima cobertura e durar bastante. Lindo!\nEntão, como o “amo não nego” não ficou tão rosa como eu gostaria, fui à caça de um rosa (rosa meixxmo rs) e encontrei esse da Impala. A cor é uma graça, mas achei ele um pouco “ralinho” teria ficado melhor com três camadas, acho. Só passei duas e o extra-brilho. Mas é bonitinho, né? <3\nE aí quando você quer sair do básico, aposta em uma cor dessas. Super CHEGUEI né? E linda! É um tipo de verde azulado (ou seria um azul esverdeado? Kkk), acho que, mesmo quem não gosta muito de esmaltes metálicos e cintilantes, vai gostar dessa cor. Até meu humor mudou um pouco usando essa cor! Fiquei mais alegre! rs\n216 - Kiko\nEsse esmalte fofo, rosa clarinho com um brilho bem sutil, eu comprei em Londres. Me arrependi de não ter comprado mais cores, viu! Comprei só três esmaltes. Essa marca, Kiko, é “nova” pra gente, mas já é sucesso na Europa. Até porque os produtos são bons e é bem mais barato que as outras do mesmo segmento. Tem uma variedade de produtos de beleza, no estilo MAC, mas beeem mais em conta e inaugurou loja no Brasil no início desse ano, em São Paulo.\nCavalo Marinho - Ana Hickmann\nAh, eu sou muito fã desses esmaltes da marca Ana Hickmann. E o vermelho não pode ficar de fora né? E eu gosto assim, um vermelho mais “aberto”, mais “vivo”, parece que muda até o nosso astral usar uma cor assim, não é verdade? E esse é aquele esmalte que você passa, seca rápido e dura muuuito! Adoro!\nE quais são as suas cores preferidas?


Blog do Rafael Oliveira 2017 - 9 anos: Novidades na Zona Portuária do Rio de Janeiro...\nSairá esta semana edital oficializando as obras para revitalizar a Zona Portuária do Rio\nNesta terça-feira (23 de Junho) será publicado um edital de licitação da prefeitura para finalmente (depois de muitos governos prometendo) a revitalização da Zona Portuária do Rio de Janeiro.\nO projeto tem o nome de ''Super Rio Cidade'' e recuperará o plano viário e urbanístico de 13 ruas e avenidas que vem do Cais do Porto até a Praça Mauá e Avenida Barão de Teffé.\nO primeiro ato será modificar a Avenida Rodrigues Alves, no qual a praça Mauá será ampliada até a beira do mar.\nO centenário Palacete Dom João VI será desapropriado com apoio da Fundação Roberto Marinho e se tonará uma Pinacoteca (museu que reúne um conjunto de quadros de grandes pinturas). A Fundação Roberto Marinho também apoiará a construção de um museu nomeado de Museu do Amanhã (Um espaço para exposições interativas com o tema: Relação do Homem com o Planeta) e do prédio da Polinter.\nO Píer Mauá também será reurbanizado, ganhando chafarizes, quiosques, pérgulas (uma espécie de galeria, para passeio, com plantas e flores), um espaço multiuso e até mesmo um Anfiteatro.\nAs obras iniciarão em Outubro e deverá ser concluída em dois anos.\nFoto do projeto para a Zona Portuária\nSilvia 22 de junho de 2009 11:24


Política de Privacidade - Evolução Web\nPolítica de privacidade Bau dos Artigos\nTodas as suas informações pessoais recolhidas, serão usadas para o ajudar a tornar a sua visita no nosso site o mais produtiva e agradável possível. A garantia da confidencialidade dos dados pessoais dos utilizadores do nosso site é importante para o Bau dos Artigos. Todas as informações pessoais relativas a membros, assinantes, clientes ou visitantes que usem o Bau dos Artigos serão tratadas em concordância com a Lei da Proteção de Dados Pessoais de 26 de outubro de 1998 (Lei n.º 67/98). A informação pessoal recolhida pode incluir o seu nome, e-mail, número de telefone e/ou telemóvel, morada, data de nascimento e/ou outros. O uso do Bau dos Artigos pressupõe a aceitação deste Acordo de privacidade. A equipa do Bau dos Artigos reserva-se ao direito de alterar este acordo sem aviso prévio. Deste modo, recomendamos que consulte a nossa política de privacidade com regularidade de forma a estar sempre atualizado.\nO Bau dos Artigos possui ligações para outros sites, os quais, a nosso ver, podem conter informações / ferramentas úteis para os nossos visitantes. A nossa política de privacidade não é aplicada a sites de terceiros, pelo que, caso visite outro site a partir do nosso deverá ler a politica de privacidade do mesmo. Não nos responsabilizamos pela política de privacidade ou conteúdo presente nesses mesmos sites.


Olha eu na mídia de novo!!! - @Motite\nDe Diego - Cipó a 23 de Maio de 2009\nSoh uma palavra... ABSURDO!\nDe Octavio a 23 de Maio de 2009\nÔ, Tite. Valeu. É isso aí. Quem tem amigo, não morre pagão. A matéria, com o teu pitaco - sempre pertinente - ficou mais completa. Muito obrigado. O post, além de informativo, ficou bem simpático. E Doc-Oc- TOC por moto foi genial. Abração e até a próxima - seja matéria, ou posto.\nDe motite a 23 de Maio de 2009\nHhahahha, Oc, vamos fundar um novo motoclube:\nMO_TOC CLUBE! O clube de quem tem TOC por moto!\nDe Octavio a 24 de Maio de 2009\nDe Gustavo C Augusto a 23 de Maio de 2009\nTite brilhante seu texto realmente vc abordou um tema interessante tenho uma amiga que trabalha comigo que me chamou de louco quando me viu comprando um shark em 12 vezes e me disse o meu de 45 conto faz o mesmo serviço, acho que só pensa assim quem nunca precisou realmente da proteção do capacete e essa lei ridícula só para variar. Abração\nDe Paulo Ricardo a 23 de Maio de 2009\nÉ, antes eu ficaria revoltado ao ler esses absurdos lisarbianos, agora, só me resta rir, e deixar um recado aos países "pouco" mais desenvolvidos que nosso querido Lisarb...\n"MOOOORRRAM DE INVEJA DO NOSSO COLETE!!!"" (se for aprovado é claro, coisa que já não duvido)\nDe Maurício Fontes a 23 de Maio de 2009\n"Em nenhum país do mundo esse equipamento é obrigatório. O rico, desenvolvido, próspero e socialmente elevado Lisarb será o primeiro a exigir que motociclistas paupérrimos usem coletes com air-bag. Imagino que os Suecos, Alemães, Ingleses morrerão de inveja!"\nHahahahaha, muito bem colocado!\nJá disse Charles de Gaulle... ;-)\nDe Lu a 23 de Maio de 2009\nAs pessoas precisam saber se o alimento contém glúten pq existe uma doença chamada celíaca e essa doença caracteriza-se pela intolerância permanente ao glúten (o glúten ataca a mucosa do intestino delgado). Como não existe cura, o indivíduo tem que retirar o glúten da dieta... até o momento é o tratamento mais eficaz.\nBom, então respondendo a sua pergunta... é ruim... afinal, eu não queria ter essa doença não... acho q nem vc! risos....\nAdoro seu blog. Você é muitooooo engraçado!\nTaí, explicado...confesso que eu tbm queria saber!\nObrigado, Lu! :-)\nPow, Lu, Obrigado pelo esclarecimento...\nE aquele outro chamado fenilaninanaiuainaijanaianainainaianaininaina, um palavrão impronunciável! Tb é por causa de alergia?\nAh, obrigado pelo "engraçado" em vez do tradicional "palhaço". O pelo BEIJO!!! hheheheh\nVc só faz pergunta difícil...risos\nÉ uma doença tbém... se vc já achava “fenilalanina” um palavrão impronunciável, que tal: “feniceltonúria”? + risos\nA feniceltonúria é uma doença hereditária e é diagnosticada quando o exame do pezinho dá positivo.\nLembra do exame do pezinho né? Aquele que a gente faz na maternidade quando nasce... bom, vc não deve lembrar do seu, mas de alguém próximo... huahuahuahua\nPois é... todo mundo faz, masss aposto que ninguém sabe pra que. kkk\nA fenilalanina é um aminoácido que está presente em todas as proteínas (leite, carne, ovos, queijos, feijão, soja, lentilha). Indivíduos que sofrem de feniceltonúria não possuem no organismo uma enzima que participa da digestão e eliminação da fenilalanina. Aí vc deve se perguntar, mas pq eu preciso eliminar a fenilalanina? A resposta é simples: Quando essa eliminação não ocorre, o excesso se torna tóxico, atacando o cérebro. Por isso, se a doença não é identificada e tratada, pode causar sérios problemas mentais em crianças e distúrbios intelectuais em adultos.\nPor isso, ao dar positivo no teste do pezinho, o tratamento deverá começar imediatamente para que a criança se desenvolva normalmente sem que haja seqüelas no sistema nervoso.\nViu? Que simples!!!!!!!!!!! Huahuahua\nEspero ter ajudado e que vc tenha entendido direitinho...\nAhhhhhh não tem do que agradecer... vc é muito hilário... dou risada pra caramba com seu blog... a diferença é que antes eu só lia... agora eu comento tbém.. rsrsrs\nCaramba, Lu, vc pesquisa no Google ou sabe tudo isso???\nVc é médica? bióloga ou só inteligente mesmo!\nOba, ganhei mais DOIS beijos!\nDe Lu a 24 de Maio de 2009\nDo glúten eu já sabia, aprendi com uma gastroenterologista durante uma consulta (ela suspeitou que eu pudesse ter intolerância ao glúten e pediu um exame e acabou me explicando tudo – coisa rara né? Geralmente os médicos não explicam nada pra gente). Como sou curiosa, na época procurei bastante na internet, tbém. Porém, para a minha sorte o exame deu negativo... Ebaa!!! Senão estaria perdida... as melhores comidas contém glúten...macarrão... pão... pizza... Nhammm!!! \nDa “fenilalanina” eu não sabia não... nem tinha idéia... haha Mas, não é do meu feitio deixar as pessoas sem resposta... então... fui pesquisar... pesquisei no google e consultei meu pai que trabalha com remédio há anosss e tem muito conhecimento na área da saúde.\nE eu não sou médica e nem bióloga, sou advogada... huahuahuahua\nInteligente... eu acho que sim...pelo menos eu me considero inteligente.... rsrsrs\nDe motite a 25 de Maio de 2009\nPow, obrigado de novo...\nAdvogada, huuummm, na minha idade é sempre bom ter dois ótimos profissionais ao lado: dentista e advogado!\nAh, AVISO IMPORTANTE A TODOS (hehe, aviso importante é idiotice, todo aviso é importante): quando vires a hora do post no blog não pense que somos uns bandos de desocupados que vara a madrugada na internet. O provedor fica em Lisboa, portanto tem o fuso horário, que nesse período, é de 4 horas à frente de Brasília.\nDe Anderson a 7 de Junho de 2009\nRapaz, o Motite está uma cultura só! Além de motos agora estou aprendendo sobre remédios, dicas de saúde e nomes estranhos! uhauhauhauhae.\nNão vou te mandar beijos como a Lu, mas deixo aqui um grande abraço. :)\nDe Diego a 25 de Maio de 2009\nOpa Tite.. como vai?\nBom, faz um tempo que vejo muita coisa tua pela internet, mas este blog, pra dizer a verdade, conheci apenas há algumas semanas.\nPois bem, gostei desse post.\nPrimeiro no que diz respeito a capacetes, pois sou totalmente partidário do uso correto de equipamento de segurança, de qualidade.\nJá vi capacetes que caem do balcão da loja e se racham ao meio... e tem gente que usa...\nParticularmente, gasto 400 ou 500 pilas em um capacete, sem sentir dor nenhuma no bolso... e se tivesse condições, certamente gastaria mais, pois é, pra mim, o equipamento fundamental.\nFora isso, quanto ao colete... UFH! é a unica expressão que consigo usar para definir essa iniciativa IDIOTA dos nossos governantes...\ne quanto ao "Contem Glutem" hehehe... durante tempos também tive essa dúvida, mas é o mesmo esquema do "diet" e "light" para os diabeticos, só que neste caso, para Celíacos...\nAhhhhhhhhhhh deixa o povo achar q somos um bando de desocupados que posta de madrugada!!!!!!!!!!!! huahuahuahuahua\nPq vc diz q na sua idade é sempre bom ter um advogado e um dentista do lado??? O.O\nNão entendi.... sou loira e esqueci de pensar com a sobrancelha hoje... kkkkkkkkkkkkkkkkkkkkkkkkkkk\nBom, se precisar de um dentista, conheço um ÓTIMOOOOO!!!!!!! kkkkk\nBom, advogado porque nesta altura da vida a gente coleciona algumas ex-mulheres que podem esquartejar nossas finanças.\nUm bom dentista porque nesta altura da vida a gente já estaria banguela se vivesse na Idade Média, e os dentes comaçam a fraquejar... assim como outras partes do corpo!!!\nAhhhhhhhhhhhhh tá!!!!!!! rs\nAchei que vc quisesse um bom advogado para fazer seu testamento... huahuahuahuahua\nAinda bem que não é o caso! hehehe :oP


Grande quantidade de veneno era transportada junto a remédios, bebidas, roupas e eletrônicos\n16/11/2021 - 15h58min Ascom PRF RS Corrigir\nNa manhã desta terça-feira (16), a Polícia Rodoviária Federal (PRF), prendeu dois homens e apreendeu duas carretas carregadas com mercadorias importadas ilegalmente do Uruguai. Os veículos foram abordados em Vila Nova do Sul.\nEm uma operação com participação do serviço de inteligência da PRF, os policiais interceptaram duas carretas que transitavam na BR-290 em direção à capital. Uma Scania emplacada em Santana do Livramento era dirigida por um homem de 49 anos de idade sem antecedentes, e uma outra emplacada em Bagé por um de 51 com passagens por porte ilegal de arma e disparo de arma de fogo em via pública.\n#Blog do Juares#BJ News#BR-290#capital#PRF#mercadorias


Bizarro: cavalo mecânico coreano ajuda a fortalecer os músculos - TecMundo\nEstá cansado daqueles longos comerciais de TV que tentam vender produtos estranhos a um preço absurdo? Pois, provavelmente, é porque você ainda não conhece a propaganda acima. Trata-se de um equipamento revolucionário para ginástica, capaz de despertar gargalhadas até na mais inocente das pessoas.\nO Horse Riding Fitness Ace Power promete fortalecer os músculos das pernas e do abdômen por meio da simulação do trote equino. Basta montar nesse “cavalo mecânico” e galopar para deixar o seu corpo novinho em folha para a próxima estação.\nE não é só isso! De acordo com a descrição do vídeo no YouTube, esse “revolucionário sistema mecânico-equestre doméstico” é ideal para a família toda e pode até mesmo ser usado em frente à televisão, permitindo que seus parentes tonifiquem os músculos ao mesmo tempo em que assistem a séries e filmes. Incrível, não é?\nPor isso, se quiser trazer um pouco mais de felicidade ao seu dia, não se esqueça de assistir a esse comercial, no mínimo, inusitado.\nBizarro Novidade Mega Curioso Publicidade Esporte\nTumblr reúne os pôsteres de fliperamas mais bizarros do mundo [galeria]


Como Chegar Serapicos - Mapas Rotas e Distâncias Braganza\nViagem de carro para Serapicos\n06°45′43″W longitude 759 m.s.n.m. 0.0 UTC/GMT\nA seguir poderás organizar uma guia para saber como ir a Serapicos desde diferentes estados e cidades de Portugal, visualizarlo num mapa de rotas com distâncias e Waypoints para GPS e arquivos KML para Google Earth\nPara calcular as estradas e rotas até Serapicos faz favor selecciona desde qual municipio e cidade de Portugal queres planificar a viagem em carro.\nComo Chegar Serapicos, Braganza\nLocalização GPS: 41°37′03″N y 06°45′43″W\n¿De onde você viaja de carro para Serapicos?\nSerapicos para Google Earth e GPS Waypoint\nLugares para conhecer cerca de Serapicos com posição para GPS\nApeadeiro de Fermentãos\nO Apeadeiro de Fermentãos foi uma interface ferroviária da Linha do Tua, que servia a povoação de Fermentãos, no Concelho de Bragança, em Portugal. (...)\nPinela é uma aldeia e freguesia portuguesa do concelho de Bragança, com 22,65 km² de área e 219 habitantes (2011). A sua densidade populacional é de 9,7 hab/km². Pinela é um nome próprio usado como apelido no concelho de Bragança, Alentejo, Espanha, Itália e América Latina. (...)\nBagueixe é uma antiga freguesia portuguesa do concelho de Macedo de Cavaleiros, com 9,88 km² de área e 156 habitantes (2011). A sua densidade populacional era 15,8 hab/km². Foi extinta (agregada) pela reorganização administrativa de 2012/2013,. Anexo I. Diário da República, 1.ª Série, n (...)\nParagem de Chãos\nA Paragem de Chãos foi uma gare de caminhos de ferro da Linha do Tua, que servia a localidade de Chãos, ficando também próxima à aldeia de Sendas, no Concelho de Bragança, em Portugal. (...)\nSendas é uma aldeia e freguesia portuguesa do concelho de Bragança, com 19,17 km² de área e 183 habitantes (2011). A sua densidade populacional é de 9,5 hab/km². (...)


Avaliação Betwinner 2022 - Apostas Online no Brasil\nEsse operador começou a trabalhar no ramo das apostas esportivas online recentemente, em 2018, e se tornou conhecida pelo público brasileiro em grande parte devido ao seu embaixador ser o ex-jogador da Seleção Brasileira Roberto Carlos.\nSite atraente e organizado\nPossibilidade de apostar em esportes virtuais e fazer apostas em eSports\nCurta experiência no mundo das apostas desportivas\nAvaliação de Betwinner\nVocê já conhece a casa de apostas Betwinner?\nDescubra mais sobre a parceria entre essa casa e o eterno lateral-esquerdo da seleção em nosso artigo: Roberto Carlos e Betwinner – Uma parceria entre craques!\nA Betwinner é um operador licenceado em Curaçao. E apesar de nova no mercado, a Betwinner já conta com 150 mil apostadores ativos, sendo que a maioria dos clientes são de países da Europa Oriental.\nDevido ao bom serviço prestado, a marca Betwinner cresceu e tem se tornado cada vez mais popular em países como Alemanha, Portugal e Índia. Desde 2019 a casa atua no mercado brasileiro, aonde tem ganhado cada vez mais clientes graças à boa qualidade da casa e às promoções.\nÉ confiável fazer apostas com Betwinner?\nA empresa é um operador licenceado em Curaçao. Além disso, no site eles fazem questão de deixar bastante claro os direitos dos apostadores e seus termos e condições.\nComo falaremos a seguir, a Betwinner também inspira confiança ao fornecer um bom serviço de atendimento ao consumidor. Com isso, o apostador pode ficar tranquilo.\nAlém disso, a plataforma da Betwinner conta com certificado HTTPS e utiliza o sistema de criptografia SSL, que é o mesmo utilizado pelo internet banking. Assim os depósitos e saques são efetuados de modo seguro, assim como seus dados pessoais permanecem protegidos.\nPor tudo isso, é possível afirmar que é confiável fazer apostas em Bet Winner.\nVocê pode aprender a fazer o cadastro na Betwinner em nosso artigo: como registrar-se na Betwinner.\nAs apostas esportivas incluem as modalidades tradicionais e outras mais incomuns. Há futebol, futebol ao vivo, tênis, basquetebol, hóquei no gelo, voleibol, Pingue Pongue, Corrida de Barcos, UFC, entre outros.\nPara os amantes dos eSports interessa saber que a Betwinner conta com apostas em vários games, dentre eles Mortal Kombat, FIFA e Dota 2. Além disso, é possível dar palpites em política, previsão do tempo etc.\nNa Betwinner não faltam tipos de apostas, todos com cotações justas, em consonância com os valores encontrados nos concorrentes.\nHá apostas do tipo 1×2, Chance Dupla, Ambas equipes marcam, Total, Total Asiático, Handicap, Handicap Asiático, Próximo Gol, Como Será Marcado o Gol, Placar correto, etc.\nÉ claro que as apostas ao vivo se destacam.\nAs estatísticas das partidas são atualizadas em tempo real, bem como as escalações e a colocação de cada time.\nA Betwinner oferece a possibilidade de apostar em esportes virtuais e fazer apostas em eSports.\nA Betwinner também oferece jogos virtuais, cassino, pôquer, bingo, entre outras opções para se divertir.\nO cassino online da Betwinner é completo. Há jogos de cassino como Slots, Roleta, Blackjack…\nBônus e promoções em Betwinner\nBetwinner oferece bônus de boas-vindas no primeiro depósito. Você ganha 100% de bônus no primeiro depósito até R$700 . Para garantir o presente da Betwinner basta cadastrar-se no site preenchendo todos os campos de informações pessoais e recarregar sua conta até valor equivalente a 100 euros. O bônus será creditado automaticamente na sua conta após efetuar o depósito.\nOs termos e condições da promoção podem ser acessados no site da Betwinner. Destacamos que o depósito mínimo exigido para ativar o bônus é de 1 EUR e que você deverá escolher o tipo de bônus preferido: “Esportes” ou “Slots”.\nOutra regra a se frisar é o rollover de 5x em apostas acumuladoras, isto é, é preciso que você aposte 5 vezes o valor do bônus em apostas acumuladoras. Além disto, está definido que cada aposta acumuladora deve conter 3 ou mais eventos com cotações de 1.40 ou superiores.\nAlém disso, a Betwinner tem várias outras promoções constantemente atualizadas. Por isso, é bom ficar sempre de olho nas novidades para não perderbônus para apostas perdedoras, apostas grátis em TOTO os melhores bônus.\nHá bônus para apostas perdedoras, apostas grátis em TOTO, e muitas outras promoções.\nNa Bet Winner, você tem diversas opções de métodos de pagamento. Para saber quais métodos estão disponíveis basta clicar no ícone de “$Pagamentos”, na área superior do site.\nMas atenção, nem todos os métodos são aceitos no Brasil. Verifique os detalhes, pois cada método tem sua vantagem e sua desvantagem. Você, portanto, deve considerar todos e avaliar o que melhor se adapta às suas necessidades.\nAvalie por exemplo: quanto tempo demorará para o depósito ou saque ser processado e qual o valor mínimo de depósito.\nSão aceitos na Betwinner os seguintes métodos de pagamento:\nCartões bancários: Visa, MasterCard, Maestro;\nCarteiras eletrônicas (QIWI, Perfect Money, B-Pay + 9 outras);\nDinheiro depositado nas Lotéricas;\nNeteller e ecoPayz,\nQIWI UZ, UzPay,\nO site apresenta um design simples e funcional. A casa é capaz de agradar até mesmo os mais experientes no mundo das apostas, mas também consegue ser bastante acessível a novos jogadores e apostadores.\nAs páginas em são verde e amarelo, o que torna o ambiente virtual bastante familiar para nós brasileiros. A navegação é rápida e o site não demora para carregar ou não trava.\nAlém disso, a Betwinner já tem seu aplicativo disponível para Android e iOS. No entanto, o site também pode ser acessado pela versão mobile, que já assegura uma boa experiência de navegação.\nO Betwinner app é leve, não ocupa muita memória do equipamento. O layout do app segue o design do site.\nTodos os recursos do site podem ser encontrados facilmente, pois o site e o app são bem organizados.\nConfira nosso guia sobre como se registrar na Betwinner!\nO cliente da Betwinner pode contar com diferentes opções de atendimento. E-mail, telefone ou chat online, fica a seu critério.\nA vantagem do chat é que ele está sempre à mão, 24h por dia. Além disso, é fácil acessá-lo, já que a janela de conversa está presente em todas as páginas da Betwinner. Basta clicar na aba no canto inferior direito.\nA ligação telefônica é uma opção interessante também, pois é rápida e gratuíta.\nCaso a questão não seja tão urgente, clique em “Contatos” no menu inferior do site. Lá você descobrirá os endereços de e-mail da casa de apostas e pode optar por enviar um formulário diretamente no site.


Blog do Cidade em Foco : Segmento do couro também passa dificuldades em face da pandemia da Covid – 19\nSegmento do couro também passa dificuldades em face da pandemia da Covid – 19\nA exemplo de praticamente todos os segmentos econômicos mundiais, o setor do couro vive, hoje, certamente a pior fase em todo mundo desde a crise de 1929 - também conhecida como Grande Depressão -, que provocou uma forte recessão econômica atingindo o capitalismo internacional.\nPara Rafael Coelho, que também é diretor do Curtume Moderno, em Petrolina, a recuperação do setor está diretamente vinculada à abertura das lojas no Brasil e no exterior, que atuam como canais de distribuição das indústrias. “É preciso iniciar a modulação do fim da quarentena. Não é um decisão fácil diante da gravidade, sobretudo pelas consequências do problema. Não gostaria de estar na posição de quem deve tomar essa decisão. Mas como todo grande problema, fatiar a responsabilidade seria uma boa forma de resolver”, sugeriu.\nCoelho argumentou ainda que as decisões da quarentena estão sendo tomadas olhando os números das cidades de São Paulo, Rio de Janeiro, Manaus, Recife, Fortaleza - que têm características e riscos muito diferentes de cidades do interior. “É hora de flexibilizar a quarentena em cidades que não apresentam casos ou ainda com disponibilidade de leitos. E assim fazer com que parte do País volte a funcionar gradativamente, cuidando das pessoas idosas e de risco”, concluiu.\nSegundo o presidente das Indústrias de Calçados do Estado de Pernambuco (Sindical-PE), Luiz Grimaldi, o problema maior do setor é o alto índice de valor agregado das matérias-primas e os efeitos dos impostos sobre elas. “Se já era uma dificuldade antes dessa crise, agora, é ainda mais, porque os produtos ficam mais caros e sofrem com a falta de demanda”, analisou.\nGrimaldi destacou a questão do custo Brasil e como isso tem levado muitas empresas para outros países, a exemplo do Paraguai. “No Brasil, o custo para fazer um sapato ou uma bolsa é quase três vezes maior que em países como o Paraguai. É uma competitividade desleal para os itens produzidos aqui”, lamentou o presidente, que relatou ainda o sentimento de perda pelo qual os empresários do segmento em Pernambuco vêm passando, com redução de postos de trabalho e encerramento das atividades. “A mudança desse quadro depende, além das medidas emergenciais dos governos, de uma reforma tributária que vise à competitividade”, opinou. Ao todo, Pernambuco conta com 87 indústrias do setor, que, de certa forma, estão em dificuldade.\nAlém de estudar alternativas que tragam eficiência neste período de pandemia, Martins acredita que a aposta deva ser nas vendas pelos canais online para manter, o mínimo, de presença no mercado. “Torço também para que a atividade produtiva volte o mais rápido possível, pois o nosso segmento será um dos últimos a sentir as melhoras, pois tratam-se de bens não essenciais a vida humana. Então, quanto mais rápido, melhor”, comentou. O empresário também disse temer pela saúde financeira dos seus fornecedores, cujas relações são primordiais para a natureza do seu negócio. Atualmente, 80% dos insumos vêm do Rio Grande do Sul, da Paraíba e de Pernambuco.


Programa "Se Liga na Rede" da Sabesp contempla Casa Branca e Olaria em Caraguá\nCom investimentos na ordem de R$ 3,4 milhões, o programa "Se Liga na Rede", da Sabesp, visa executar toda a adequação interna do imóvel para conexão à rede coletora de esgotos sem qualquer custo para o cliente. Agora, a população do Casa Branca e Olaria, na região norte de Caraguatatuba, será beneficiada.\nO programa "Se Liga na Rede" é fruto de uma parceria entre o Governo do Estado e a Sabesp e já está em fase de cadastramento de interessados nos dois bairros, beneficiando 1.520 famílias serão beneficiadas. Até o momento, os bairros contemplados são Morro do Algodão, Perequê-Mirim, Travessão, Casa Branca e Olaria, de Caraguatatuba, e Canto do Mar, Enseada e Jaraguá, de São Sebastião.\nPara garantir o benefício é necessário comprovar uma renda familiar total de até 3 salários mínimos, e o imóvel deve estar no nome do morador (proprietário), não valendo para inquilinos. Conforme explica o gerente da Sabesp em Caraguatatuba, Pedro Fernando Ponce, os bairros são contemplados de acordo com o Índice Paulista de Vulnerabilidade Social - um indicador que fornece dados sobre a população por grupo de vulnerabilidade incluindo renda, escolaridade e ciclo de vida familiar. "É importante ressaltar também, que além de seguirmos esse índice, todos os bairros selecionados possuem sistemas de esgotos, bastando adequar o imóvel e conectar às redes, sem custo para o cliente", enfatizou Ponce.\nSeu imóvel está na região contemplada? Solicite uma visita dos agentes de cadastramento. Após a assinatura do termo de adesão entre a Sabesp e o cliente, o imóvel recebe a primeira vistoria e o agendamento da obra, cujo prazo de execução é de dez dias após o seu início. Mais informações pelos telefones (12) 3883-5507 e 99746-4924.


Como transformar meu PC em um servidor público - Redes e Internet - Clube do Hardware\nComo transformar meu PC em um servidor público\nRESOLVIDO Como transformar meu PC em um servidor público\nPor Gabriel Ziller, 30 de junho de 2018 em Redes e Internet\nGabriel Ziller 0\nBom dia, boa tarde, boa noite, seres humanos provavelmente constituídos principalmente de carbono\nUltimamente eu tenho vontade de criar servidores públicos dedicados para jogos, como Rust, Minecraft etc\nJá vi inúmeros tutoriais e artigos sobre hospedar um servidor, configurações de modem (abrir portas, redirecionamento de portas etc), mas até hoje eu não consegui resolver meu problema.\nComecei tentando abrir as portas do modem, e não funcionou, porque diferente de muitos casos que eu já vi, a minha operadora (NET) não permite que os usuários façam isso com um plano normal, eu precisaria de contratar um plano que me permite ter um IP estático e abrir as portas do modem, mas tem a velocidade única disponível para esse tipo de contrato de 10Mbps (o que para mim é pouco)\nDepois que experimentei trocar para esse plano, continuei tentando mas ainda sim tive alguns problemas com o redirecionamento de portas, normalmente com os sites que testam isso, quando eu testava uma porta como 8080 ou 447 algumas vezes me aparecia que aporta estava aberta, e horas que ela estava fechada.\nTambém já tentei fazer toda aquela gambiarra com o no-IP mas também não consegui fazer dar certo\nAgora uma questão separada:\nNa minha casa eu tenho 2 modems, um da NET e um da TP-Link que eu comprei para conectar con o cabo e transmitir Wi-Fi pelo 2º andar, porque o da net não pega bem aqui em cima.\nMeu computador é conectado por cabo nesse segundo modem, eventualmente criando uma sub-rede (Ex: 192.168.0.X & 192.168.1.X)\nIsso me deu muitos problemas enquanto estava tentando hospedar um servidor, mas não pode ser o motivo de não estar dando certo porque eu já tentei fazer os mesmos procedimentos com meu PC conectado no modem principal, sem essa sub-rede.\nSe o problema for falta de conhecimento sobre algo ou algo que eu estou fazendo de errado, por favor me indiquem algum tutorial ou curso que eu possa fazer (podem ser cursos pagos também)\nSim, isso pode ser um dos problemas, até certo ponto.\nAo acessar as configurações do modem da NET, qual é o IP chega até você no campo WAN?\n@ciro-mota Você diz o IPV4 WAN que aparece nas configs do modem?\nO recurso CGNAT está ativo na sua linha e com isso vai inviabilizar o redirecionamento de portas.\nEntão aparentemente isso tudo é culpa do meu provedor w eu não posso fazer nada a respeito disso...\nTambém é por isso que meu Hamachi tem problemas de encapsulamento transmitido!\nCaramba... De qualquer forma, obrigado pela sua atenção @ciro-mota\nMe pare que isso é previsto em contrato, porém você pode tentar via atendimento, conseguir receber um IP público novamente.\nSuportefleming - 14 minutos\n777MarcioJosé - 17 minutos\nMajor Tão - 21 minutos\nJosé H - 41 minutos\nfredkissfree - 55 minutos\nHenrique Mapa - 6 minutos\nfenixcload - 7 minutos