You are on page 1of 11

Portable document format

Origem: Wikipdia, a enciclopdia livre.

'

Extenso do arquivo MIME Type code Desenvolvido por Variante de

.pdf application/pdf
'PDF ' (incluindo um nico espao) Adobe Systems XML

PDF (Portable Document Format) um formato de arquivo, desenvolvido pela Adobe Systems em 1993, para representar documentos de maneira independente do aplicativo, do hardware e do sistema operacional usados para cri-los. Um arquivo PDF pode descrever documentos que contenham texto, grficos e imagens num formato independente de dispositivo e resoluo. O PDF um padro aberto, e qualquer pessoa pode escrever aplicativos que leiam ou escrevam neste padro. H aplicativos gratuitos para Linux, Microsoft Windows e Apple Macintosh, alguns deles distribudos pela prpria Adobe. PDF pode ser traduzido para portugus como formato de documento portvel. possvel gerar arquivos em PDF a partir de vrios formatos de documentos e imagens, como DOC (do Microsoft Word) e PNG. No entanto, a qualidade do oco gerado, no que se refere exibio do contedo, pode variar de acordo com o formato do arquivo matriz, a partir do qual o PDF foi criado. Portanto, a escolha do formato mais adequado pode ser um esforo vlido, principalmente em se tratando de PDFs que contm informaes institucionais ou corporativas. Um bom mtodo para conseguir o mximo de qualidade gerar PDFs diretamente dos programas grficos onde as peas foram produzidas (ocos), por exemplo, no Photoshop(tambm da Adobe), Illustrator, Freehand ou CorelDraw. Se o usurio no tem esses programas ou no tem os arquivos fontes do material em questo (PSD, AI, FH* ou CDR), segue a lista com os formatos mais populares e que permitem alta qualidade ao serem convertidos para PDF:

PNG
Origem: Wikipdia, a enciclopdia livre.

PNG

Extenso do arquivo MIME Type code Desenvolvido por Tipo de formato Variado para

.png image/png
PNGf W3C Imagem APNG, JNG e MNG

PNG (Portable Network Graphics, tambm conhecido como PNG's Not GIF[1]) um formato de dados utilizado para imagens, que surgiu em 1996 como substituto para o formato GIF, devido ao facto de este ltimo incluir algoritmos patenteados. Esse formato livre recomendado pela W3C, suporta canal alfa, tem uma maior gama deprofundidade de cores, alta compresso (regulvel), alm de outras caractersticas. Alm disso, o formato PNG permite comprimir as imagens sem perda de qualidade e retirar o fundo de imagens com o uso do canal alfa. O canal alfa, diferentemente da transparncia do GIF, capaz de definir o nvel de opacidade de cada pixel, adequando-se a qualquer fundo de um site ou apresentao, sem serrilhamento, algo que no se consegue com os outros formatos populares. Por isso um formato vlido para imagens que precisam manter 100% da qualidade para reuso. Pode ser usado na maioria dos programas de edio de imagens como o Adobe Fireworks (proprietrio) e o GIMP (livre).

ndice
[esconder]

1 Histria e desenvolvimento 2 Referncias 3 Ver tambm 4 Ligaes externas

[editar]Histria

e desenvolvimento

A motivao para criar o formato PNG surgiu do incio de 1995, quando veio a pblico que o algoritmo de compresso de dados LZW, utilizado no GIF havia sido patenteado pelaUnisys. Havia tambm outros problemas com a GIF que tornaram a substituio desejvel, como, por exemplo, a sua limitao a 256 cores num momento em quecomputadores com capacidade para exibir uma gama maior de cores tornavam-se comuns. Embora o GIF permita animaes, foi decidido que o PNG deveria ser um formato esttico de imagem. Um formato "companheiro" chamado MNG foi definido para animao.

1 de outubro de 1996 verso 1.0 da especificao PNG lanada, e depois apareceu como RFC 2083 . Tornou-se uma recomendao da W3C em 01-10-1996.

31 de dezembro de 1998 verso 1.1 com pequenas modificaes lanada. 11 de agosto de 1999 lanada a verso 1.2. 10 de novembro de 2003 PNG torna-se um padro internacional (ISO/IEC 15948:2003). Esta verso do PNG pouco difere da 1.2.

3 de maro de 2004 ISO/IEC 15948:2004.

Referncias
1. Portable Network Graphics. libpng.org. Pgina visitada em 21 de junho de 2011.

HTML
Origem: Wikipdia, a enciclopdia livre.

Trecho de cdigo HTML

HTML (abreviao para a expresso inglesa HyperText Markup Language, que significaLinguagem de Marcao de Hipertexto) uma linguagem de marcao utilizada para produzirpginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia fruto do "casamento" dos padres HyTime e SGML. HyTime um padro para a representao estruturada de hipermdia e contedo baseado em tempo. Um documento visto como um conjunto de eventos concorrentes dependentes de tempo (como udio, vdeo, etc.), conectados por hiperligaes. O padro independente de outros padres de processamento de texto em geral. SGML um padro de formatao de textos. No foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligaes.
ndice
[esconder]

1 Histria 2 Etiquetas (tags) 3 Edio de documentos HTML 4 Estrutura bsica de um documento

o o

4.1 Cabealho 4.2 Corpo

5 Cores 6 Hiperligaes 7 Caracteres especiais e smbolos 8 Editores HTML

9 Referncias 10 Ver tambm 11 Ligaes externas

[editar]Histria
Tim Berners-Lee (fsico britnico) criou o HTML original (e outros protocolos associados como o HTTP) em uma estao NeXTcubeusando o ambiente de desenvolvimento NeXTSTEP. Na poca a linguagem no era uma especificao, mas uma coleo de ferramentas para resolver um problema de Tim: a comunicao e disseminao das pesquisas entre ele e seu grupo de colegas. Sua soluo, combinada com a ento emergente internet pblica (que tornaria-se a Internet) ganhou ateno mundial. As primeiras verses do HTML foram definidas com regras sintticas flexveis, o que ajudou aqueles sem familiaridade com a publicao na Web. Atravs do tempo, a utilizao de ferramentas para autoria de HTML aumentou, assim como a tendncia em tornar a sintaxe cada vez mais rgida. Apesar disso, por questes histricas (retrocompatibilidade), os navegadores ainda hoje conseguem interpretar pginas web que esto longe de ser um cdigo HTML vlido. A linguagem foi definida em especificaes formais na dcada de 1990, inspiradas nas propostas originais de Tim Berners-Lee em criar uma linguagem baseada em SGML para a Internet. A primeira publicao foi esboada por Berners-Lee e Dan Connolly, e publicada em1993 na IETF como uma aplicao formal para o SGML (com uma DTD em SGML definindo a gramtica). A IETF criou um grupo de trabalho para o HTML no ano seguinte, e publicou o HTML 2.0 em 1995. Desde 1996, as especificaes HTML vm sendo mantidas, com o auxlio de fabricantes de software, pela World Wide Web Consortium (W3C).[1] Apesar disso, em 2000 a linguagem tornou-se tambm uma norma internacional (ISO/IEC 15445:2000). A ltima especificao HTML lanada pela W3C foi a recomendao HTML 4.01, publicada no final de 1999. Uma errata ainda foi lanada em 2001. Desde a publicao do HTML 3.5 no final de 1997, o grupo de trabalho da W3C tem cada vez mais e de 2002 a 2006, de forma exclusiva focado no desenvolvimento do XHTML, uma especificao HTML baseada em XML que considerada pela W3C como um sucessor do HTML.[2][3][4] O XHTML faz uso de uma sintaxe mais rigorosa e menos ambgua para tornar o HTML mais simples de ser processado e estendido. Em janeiro de 2008 a W3C publicou a especificao do HTML5, a prxima verso do HTML, como Working Draft. Apesar de sua sintaxe ser semelhante a de SGML, o HTML5 abandonou qualquer tentativa de ser uma aplicao SGML e, definiu explicitamente sua prpria serializao "html", alm de uma alternativa baseada em XML, o XHTML5.[5]

[editar]Etiquetas

(tags)

Esta pgina ou seco foi marcada para reviso, devido a inconsistncias e/ou dados de confiabilidade duvidosa. Se tem algum conhecimento sobre o tema, por favor verifique e melhore a consistncia e o rigor deste artigo. Pode encontrar ajuda noWikiProjeto Cincia da computao.
Se existir um WikiProjeto mais adequado, por favor corrija esta predefinio.

Ver pgina anexa: Tabela de cores Todo documento HTML possui etiquetas (do ingls: tags), palavras entre parnteses angulares (chevron) (< e >); essas etiquetas so os comandos de formatao da linguagem. Um elemento formado por um nome de etiqueta (tag), atributos, valores e filhos (que podem ser outros elementos ou texto). Os atributos modificam os resultados padres dos elementos e os valores caracterizam essa mudana. Exemplo de um elemento simples (no possui filhos):

<tag atributo="valor"/>

Exemplo de um elemento composto (possui filhos):

<tag atributo="valor">Filho.</tag>

<tag> a etiqueta de abertura </tag> a etiqueta de fechamento

Outro exemplo de elemento composto (possui filhos): <p><a href="http://pt.wikipedia.org" target="_self">Wikipdia</a></p>

p = etiqueta que define um pargrafo. a = etiqueta que define uma hiperligao. href = atributo que define a url da hiperligao. target = atributo que defini a forma como a hiperligao ser aberta. _self = valor do atributo Target que define que a hiperligao ser aberta na mesma guia. / = define o fechamento do elemento

Isso necessrio porque as etiquetas servem para definir a formatao de uma poro do documento, e assim marcamos onde comea e termina o contedo que receber a formatao ou marcao necessria, especfica. Alguns elementos so chamados vazios, pois no marcam uma regio de texto, apenas inserem algum elemento no documento Cada elemento tem seus atributos possveis e seus valores. Um exemplo, o atributo href que pode ser usado com o elemento a, com o link mas que no pode ser usado com o elemento meta. Isso quer dizer que devemos saber exatamente quais os atributos e valores possveis para cada elemento.

De uma maneira geral o HTML um poderoso recurso, sendo uma linguagem de marcao muito simples e acessvel voltada para a produo e compartilhamento de documentos, imagens, vdeos e udio via streaming.

[editar]Edio

de documentos HTML

Os documentos em HTML so arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows, ou o TextEdit, do Macintosh. Para facilitar a produo de documentos, no mercado existem editores HTML especficos, com recursos sofisticados, que facilitam a realizao de tarefas repetitivas, insero de objetos, elaborao de tabelas e outros recursos (Ver lista abaixo). Basicamente dividem-se em dois tipos:

Editores de texto fonte: inserem automaticamente as etiquetas, orientando a insero de atributos e marcaes

Editores WYSIWYG: oferecem ambiente de edio com um "esboo" resultado final das marcaes

[editar]Estrutura

bsica de um documento

A estrutura bsica de um documento HTML (Hyper Text Markup Language - Linguagem de Marcao de Hypertexto), apresenta as seguintes marcaes: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="description" content="a descrio do seu site em no mximo 90 caracteres"> <meta name="keywords" content="escreva palavras-chaves curtas, mximo 150 caracteres"> <title>Ttulo do Documento</title> </head> <body> <!-- Aqui fica a pgina que ser visvel para todos, onde pode-se inserir textos, imagens, links para outras pginas, etc, geralmente usa-se: -> <div>Tag para criar-se uma 'caixa', um bloco, mais utilizada com "Cascading Style Sheets (Folhas de Estilo em Cascata)</div> <span>Tag para modificao de uma parte do texto da pgina</span> <img src="endereo_de_uma_imagem.jpg" /> <a href="http://www.wikipedia.org">Wikipedia, A Enciclopdia Livre</a>

</body> </html> As etiquetas HTML no so sensveis caixa, portanto tanto faz escrever <HTML>, <Html>, <html> ou <HtMl>. As etiquetas bsicas de HTML, cuja presena altamente recomendada nas pginas so:

<html>: define o incio de um documento HTML e indica ao navegador que todo contedo
posterior deve ser tratado como uma srie de cdigos HTML

<head>: define o cabealho de um documento HTML, que traz informaes sobre o


documento que est sendo aberto

<body>: define o contedo principal, o corpo do documento. Esta a parte do documento


HTML que exibida no navegador. No corpo podem-se definir atributos comuns a toda a pgina, como cor de fundo, margens, e outras formataes.

[editar]Cabealho
Dentro do cabealho podemos encontrar os seguintes elementos:

<title>: define o ttulo da pgina, que exibido na barra de ttulo dos navegadores <style type="text/css">: define formatao em CSS <script type="text/javascript">: define programao de certas funes em pgina
com scripts, podendo adicionar funes de JavaScript

<link>: define ligaes da pgina com outros arquivos como feeds, CSS, scripts, etc <meta>: define propriedades da pgina, como codificao de caracteres, descrio da
pgina, autor, etc

So meta informaes sobre documento. Tais campos so muitos usados por mecanismos de busca (como o Google, Yahoo, Bing) para obterem mais informaes sobre o documento, a fim de classific-lo melhor. Por exemplo, pode-se adicionar o cdigo <meta name="description"

content="descrio da sua pgina" /> no documento HTML para indicar ao motor de


busca que texto de descrio apresentar junto com a ligao para o documento. Para o motor de busca Google, por exemplo, elementos metacomo keywords no so utilizadas para indexar pginas. Apenas <title> e a meta <description> so usadas para descrever a pgina indexada.[6] Obs: as etiquetas <style> e <script> servem tanto para delimitar os espaos usados pelos cdigos na pgina quanto para invocar cdigos existentes em outros arquivos externos.

[editar]Corpo
Dentro do corpo podemos encontrar outras vrias etiquetas que iro moldar a pgina, como por exemplo:

<h1>, <h2>, ... <h6>: cabealhos e ttulos no documento em diversos tamanhos. <p>: novo pargrafo. <br />: quebra de linha. <table>: cria uma tabela (linhas so criadas com <TR> e novas clulas com <TD>, j os
cabealhos das colunas so criados com as etiquetas <THead><TH> e os rodaps com <TFooter><TR><TD>).

<div>: determina uma diviso na pgina a qual pode possuir variadas formataes. <b>, <i>, <u> e <s>: negrito, itlico, sublinhado e riscado, respectivamente. <img />: imagem. <a>: hiper-ligao para um outro local, seja uma pgina, um e-mail ou outro servio. <textarea>: caixa de texto (com mais de uma linha); estas caixas de texto so muito usadas
em blogs, elas podem ser auto selecionveis e conter outros cdigos a serem distribudos.

<abbr>: abreviao (sigla simplesmente abreviada). <cite>: citao. <address>: endereo. <address>: endereo.

[editar]Cores
As cores devem ser declaradas com o atributo style, que funciona em diversos elementos, como por exemplo: <span style="color:COR">Texto</span> Onde COR pode ser o nome da cor em ingls, em decimal, hexadecimal, RGB, RGBA ou HSLA.

[editar]Hiperligaes
Uma possibilidade importante dos documentos HTML a de fazer hiperligaes. Para isso usa-se a etiqueta <a> (do ingls, anchor). Esta tem os atributos: href que define o alvo da hiperligao (que pode ser uma pgina de Internet, uma parte da mesma pgina ou um endereo de email) ou name que define um alvo nessa pgina (a onde se pode fazer uma hiperligao usando a etiqueta a com o atributohref). Exemplos:

<a href="http://pt.wikipedia.org/">Clique aqui para aceder pgina principal da Wikipdia em portugus.</a>

<a name="nome">texto</a>

Em que nome e texto podem ser substitudos por o que se desejar. Depois usa-se <a

href="#nome"> </a> para hiperligar a este "anchor".


Diferena entre target="_blank" e target="_new"

target="_blank" usado para abrir links em vrias janelas e target="_new" usado para
abrir vrios links em uma janela.[7]

Exemplos

<a href="URL DO LINK" target="_blank">Ttulo</a> <a href="URL DO LINK" target="_new">Ttulo</a>

Pgina em branco usado about:blank na url do link. Exemplos:

<a href="about:blank" target="_blank">Pgina em branco</a> <a href="about:blank" target="_new">Pgina em branco</a>

[editar]Caracteres

especiais e smbolos

Os caracteres especiais definem-se usando comandos que comeam com & e terminam com um ;. Alguns exemplos incluem&aacute; (), &agrave; (), &atilde; (), &acirc; (), &auml; () e &ccedil; (). Qualquer outra vogal pode ser substituda pelo a destes exemplos, incluindo maisculas.

[editar]Editores

HTML

Adobe Home Site Adobe Dreamweaver Adobe GoLive Arachnophilia Amaya Aptana Bluefish CoffeeCup HTML Editor CoffeeCup VisualSite Designer Crimson Editor EditPlus Emacs Evrsoft First Page Gedit Kate Astra Skyscraper HTML Kompozer Macromedia Dreamweaver Microsoft Expression Web Microsoft Frontpage

Microsoft Office SharePoint Designer Microsoft Visual Studio Mozilla Composer Namo Web Editor Notepad++ NVU Netscape Editor PHP Editor PSPad Quanta Plus Scite Sublime Text Trellian WebPage Vim

Referncias
1. Dave Raggett. Raggett on HTML 4. [S.l.]: Addison-Wesley's, 1998. chap. 2: A history of HTML p. ISBN 0-201-17805-2 2. HTML working group charter (20002002). World Wide Web Consortium. 3. HTML working group charter (20022004). World Wide Web Consortium. 4. HTML Working Group Roadmap. World Wide Web Consortium. 5. Karl Dubost (15 de janeiro de 2008). HTML5, one vocabulary, two serializations (em ingls). W3C. Pgina visitada em 29 de outubro de 2011. 6. Official Google Webmaster Central Blog: Google does not use the keywords meta tag in web ranking. googlewebmastercentral.blogspot.com. Pgina visitada em 21 de fevereiro de 2011. 7. target=_blank vs. target=_new(em ingls)

SICA, Carlos. HTML: Fale a Linguagem da Internet. 1 ed. Maring - PR: Independente, 1997. 50 p. 500 vol. vol. 1.

[editar]Ver

tambm

A Wikipdia possui o portal: Portal das tecnologias de informao

DHTML XHTML Cascading Style SheetsHTML5