Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
1.2. Intranet Intranet uma rede desenvolvida para processamento de informaes em uma empresa ou organizao. Seu uso inclui servios como distribuio de documentos e software, acesso a bancos de dados e treinamento. Uma intranet assim chamada porque ela geralmente emprega aplicativos associados Internet, como pginas da Web, navegadores da Web, sites FTP, Correio Eletrnico, grupos de notcias e listas de distribuio, acessveis somente s pessoas que fazem parte da empresa.
1.3. WWW (World Wide Web) (Ampla Rede Mundial) WWW a sigla de World Wide Web que significa Rede Mundial (a grande rede de computadores interligados no mundo todo). A World Wide Web resultado de um projeto para uma melhor distribuio de informaes a grupos de pesquisas iniciado no ano de 1989 por cientistas do CERN (Centro European Researche Nucleare) laboratrio de fsica sediado em Genebra, na Suia, com o intuito de facilitar a comunicao interna e externa. Antes da WWW, os cientistas, assim como toda a comunidade Internet, necessitavam de uma srie de programas distintos para localizar, buscar e visualizar as informaes. Ao final de 1990, os pesquisadores no CERN possuiam um browser baseado em modo texto. Durante o ano de 1991 a WWW foi liberada para uso geral no CERN. Durante o ano de 1992, o CERN comeou a anunciar o projeto WWW. No entanto, apenas em fins de 1993 a World Wide Web iniciou sua fase de crescimento explosivo, com a introduo da verso final do software NCSA Mosaic, um browser, para a comunidade Internet. Muitos browsers foram desenvolvidos para muitos sistemas de computadores. Em 1994, a WWW j havia se tornado uma das formas mais populares de acesso aos recursos da Internet. O objetivo inicial era, portanto, centralizar em uma nica ferramenta as vrias tarefas necessrias para se obter as informaes disponveis na Internet. Usurios de todo o mundo foram atrados pela forma simples e divertida que a WWW disponibilizava o contedo da Internet. A organizao World Wide Web Consortium (W3C) responsvel pela padronizao do HTML. A especificao original do HTML foi desenvolvida, no CERN, por Tim Berners-Lee atual Preisidente do W3C, que transformou sua obra em patrimnio coletivo dos internautas. A verso padro do HTML hoje a 4.0. Entretando algumas verses de Browsers ainda interpretam somente a verso 3.2 do HTML.
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
10
Internet Explorer
Netscape Navigator
1.10. Protocolo Protocolo um conjunto de regras estabelecidas com o objetivo de permitir a comunicao entre computadores. um mtodo de acesso a um documento ou servio atravs da Internet, como File Transfer Protocol (FTP) ou Hypertext Transfer Protocol (HTTP). Tambm denominado tipo. 1.11. Protocolo HTTP (HyperText Transfer Protocol) (Protocolo de Transferncia de Hipertexto) HTTP um protocolo da Internet utilizado pelos computadores ligados Web para comunicar-se entre si, ativa os navegadores da Web para recuperarem informaes de servidores da World Wide Web. O protocolo permite a um usurio usar um programa cliente para entrar em um URL (ou clicar em um hyperlink) e recuperar texto, elementos grficos, som e outras informaes digitais de um servidor da Web. Endereos URL de recursos HTTP comeam com http://. 1.12. Protocolo FTP (File Transfer Protocol) (Protocolo de Trasferncia de Arquivo) FTP um protocolo que possibilita a transferncia de arquivos de um local para outro pela Internet. Normalmente, os sites tm reas pblicas de FTP, permitindo que os usurios faam download de programas por esse processo.
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
11
O tipo mais comum de URL http://, que fornece o endereo Internet de uma
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
12
13
XYZ Nome especfico que pode conter uma ou mais palavras, separadas ou no, por hifens (ex.: XYZ-informatica). com Tipo de Domnio - Indica a natureza do Site. No caso como trata-se de um Site de uma empresa privada, ".com" vem de comercial. Outros Exemplo: .gov (governo) e .org (organizaes sem fins lucrativos). br Sigla do Pas - composta de duas letras, significa que a pgina est situada em um computador no Brasil. Pginas que no possuem terminao indicando o pas de origem esto situadas nos Estados Unidos. Outros Exemplo: .pt (Portugal) e .jp (Japo). treinamento Diretrio (pasta) onde est localizado a pgina (arquivo) cursos.htm. s vezes uma URL indica apenas o diretrio (ou o servidor). Nesse caso, o servidor se encarrega de procurar e enviar o arquivo adequado. cursos.htm Nome da pgina escrita em HTML requerida (pginas da Web geralmente tem terminao em .htm ou .html). #local Aponta para o local especfico dentro da pgina que ser exibida.
14
Acesso. o processo de identificar-se ao entrar num computador ou em uma rede de computadores. A cada entrada na Internet, voc se "loga" (faz o login) em seu Provedor, colocando nome (username) e senha (password).
15
Resoluo o numero de pixels usados para capturar ou exibir uma imagem. A resoluo VGA padro 640 pixels na horizontal e 480 na vertical. O SuperVGA (SVGA) trabalha com valores de 800x600 e 1024x768. H quem chame de SSVGA as resolues acima de SVGA, como 1600x1200. Quanto maiores os nmeros, maiores os detalhes da imagem.
2. HTML (HyperText Markup Language) (Linguagem de Formatao de Hipertexto) Originado do casamento dos padres HyTime (Hypermedia/Time-based Doumnt Structuring Language) e SGML (Standard Generalized Markup Language), o HTML, sigla para HyperText Markup Language (Linguagem de Formatao de Hipertexto), linguagem usada para criar pginas na Web, estabelece como um determinado elemento deve ser visualizado, no sendo, portanto uma linguagem de programao, e sim, uma linguagem de formatao de exibio de textos, atravs de "comandos" conhecidos como TAGs. Em suma, HTML empregado para definir as funes dos diferentes elementos das pginas (como textos, fotos ou animaes) que sero visualizadas pelo programa de navegao (Browser).
HyTime (Hyprmedia/Time-based Document Structuring Language) HyTime (ISO 10744:1992) o padro para representao estruturada de hipermdia e informao baseada em tempo. Um documento visto como um conjunto de eventos concorrentes dependentes de tempo (udio, vdeo, etc.), conectados por webs ou hiperlinks. O padro HyTime independente dos padres e processamento de texto em geral. Ele fornece a base para a construo de sistemas hipertexto padronizados, consistindo de documentos que aplicam os padres de maneira particular. SGML (Standard Generalized Marup Language) Padro ISO 8879 de formatao de textos: no foi desenvolvido para hipertexto, mas torna-se conveniente para transformar documentos em hiper-objetos e para descrever as ligaes. SGML no aplicado de maneira padronizada: todos os produtos SGML tem seu prprio sistema para traduzir as etiquetas para um particular formatador de texto.
O documento HTML pode ser escrito em qualquer editor de textos, desde que este tenha a capacidade de grav-lo como cdigo ASCII (American Standard Code for Information Interchange - cdigo utilizado para representar textos quando h computadores envolvidos), isto , como texto puro, sem formatao ou caracteres de controle. Pode-se usar, portanto, o Notepad do Windows, ou o Edit do MS-DOS. Pode-se tambm usar editores mais modernos, como o Word, sendo necessrio neste caso que o documento seja gravado no formato texto e no como um ".doc" normal do MS-Word.
Conjunto de caracteres ASCII < P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
16
2.1. TAGs
TAGs so os "comandos" do HTML. Um documento HTML composto de TAGs que faro com que o browser monte a pgina de acordo com a formatao definida pelos comando HTML.
Um TAG sempre precedido de um caracter "<" (menor que) e seguido por um caracter ">" (maior que). Exemplo de TAG: <HTML> Na maioria dos casos, um TAG deve ter um correspondente, chamado de TAG de fechamento. Ou seja, um TAG indica onde comea sua rea de influncia, enquanto o seu correspondente TAG de fechamento indica onde termina a rea de influncia. Um TAG de fechamento tem o mesmo nome do TAG de abertura, precedido do caracter "/". Exemplo de TAG de fechamento: </HTML> TAGs podem ser escritas em minsculas ou maiscula, mas nunca podem haver espaos em branco dentro de TAGs, exceto entre atributos e entre aspas. Exemplo : <HTML>, <html>, <HtMl>, <Html>, ...
17
19
20
21
22
23
24
25
Esta META TAG muito til para mudanas de endereo, levando o usurio automaticamente para o novo endereo. Para informar ao navegador que a partir da page0.htm deve recuperar a page1.htm em cinco segundos, ficaria assim: Exemplo: <html> <head> <meta http-equiv="refresh" content="5; URL=page1.htm"> <title>Ttulo da Page 0 (page0.htm)</title> </head> <body> Corpo do Documento </body> </html> A page0.htm aparecer ao acessar a sua Home Page com uma mensagem ou efeito, e aps 5 segundos, carregar a page1.htm. Outras definies de META TAG incluem informaes referentes verso do HTML, verso do navegador, ferramentas de criao Web e mecanismos de pesquisa. A maioria destas fontes de META TAG adicionais utilizam o atributo NAME, que designa informaes suplementares que no tm um cabealho HTTP relacionado. Em cada uma destas TAGs, o atributo NAME identifica o valor real, enquanto o atributo CONTENT especifiva um valor associado ao NAME. Atributo: NAME="AUTOR" Explicao: Determina o nome do autor. Exemplo: <meta name="Autor" content="William Sheakspeare">
26
27
28
Atributo: LANG="PT" Explicao: Portugus Portugal Exemplo: lang="pt" Atributo: LANG="EN-US" Explicao: Ingls Norte-Americano Exemplo: lang="en-us" Atributo: LANG="IT" Explicao: Italiano Exemplo: lang="it"
29
30
HTML permite que caracteres especiais sejam representados por seqncias de escape, indicadas por trs partes: um & (e () comercial) inicial, um nmero ou cadeia de caracteres correspondente ao caracter desejado, e um ; (ponto e vrgula) final.
Exemplo:
Caracter Entidade de Caracter ã Entidade Numrica ã Descrio a c/ til
Um caracter bastante til o espao no ignorvel, o (Non-breaking space). Este caracter importante quando desejamos forar o browser a no ignorar espaos em branco entre palavras.
Caracter Non-breaking space Entidade de Caracter Entidade Numrica Descrio Espao no ignorvel
Exemplo: <body> <p>Veja como fica com espao no ignorvel!</p> </body> Visualizao pelo Browser: Veja como fica com espao no ignorvel!
31
Outras seqncias de escape suportam caracteres ISO Latin1. Temos aqui uma tabela com as entidades mais utilizados em Portugus: Tabela de Caracteres Especiais e Acentuao
Caracter Entidade de Caracter " À Á Â Ã Ç É Ê Í Ó Ô Õ Ú Ü à á â ã ç é ê í ñ ó ô õ ú ü Entidade Numrica 	 " À Á Â Ã Ç É Ê Í Ó Ô Õ Ú Ü à á â ã ç é ê í ñ ó ô õ ú ü Descrio Tabulao Horizontal Espao no ignorvel Aspas A c/ crase A c/ acento agudo A c/ acento circunflexo A c/ til C cedilha (maisculo) E c/ acento agudo E c/ acento circunflexo I c/ acento agudo O c/ acento agudo O c/ acento circunflexo O c/ til U c/ acento agudo U c/ trema a c/ crase a c/ acento agudo a c/ acento circunflexo a c/ til c cedilha (minsculo) e c/ acento agudo e c/ acento circunflexo i c/ acento agudo n c/ til o c/ acento agudo o c/ acento circunflexo o c/ til u c/ acento agudo u c/ trema
"
32
5.1. Por que usar estas formataes ? Os browsers costumam tambm mostrar corretamente os caracteres acentuados normalmente. Essa prtica, embora facilite sobremaneira a digitao dos documentos, no recomendada "ainda", devido a um problema relativo a transmisso desses caracteres. Chama-se conjunto de caracteres uma representao digital de texto. Um caracter um smbolo cujas diversas representaes devem significar a mesma coisa para uma comunidade de pessoas. Na prtica, porm, existem alguns conjuntos que associam dois nmeros distintos a um mesmo caracter. Os Browser j permitem que se escolha a codificao adequada ao conjunto de caracteres relativo aos documentos a serem recuperados. Mas para garantir a interpretao apropriada de um documento, pode-se inserir uma indicao do esquema de codificao, atravs do campo: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> Na World Wide Web, os acentos da Lngua Portuguesa chegam a travar os Browsers de usurios em outros pases, que usam um conjunto de caracteres diferentes do ISO Latin 1 apesar do ISO Latin 1 ser padro na Web. 6. Cores Atravs de Valores Hexadecimais As cores so definidas atravs de um valor hexadecimal de 6 algarismos, ou atravs de seus nomes. Os nomes padronizados so: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white e yellow. Estes nomes foram escolhidos por serem os nomes originais das cores suportadas pelas primeiras verses do MS-Windows. Alguns Browsers implementam outros nomes no padronizados.
33
34
Exemplo: <html> <head> <title>XYZ Informtica</title> </head> <body> <!--------------------- Link para o Site da XYZ Informtica -------------------> <p><a href="http://www.xyz.com.br">Oi! Eu sou um link para o site da XYZ Informtica!</a></p> </body> </html> Visualizao pelo Browser: Oi! Eu sou um link para o site da XYZ Informtica!
35
Atributos de Hn Atributo: ALIGN Explicao: Indica se o cabealho ser alinhado a esquerda (padro), centralizado ou a direita, usando-se, respectivamente, as palvras "LEFT", "CENTER" e "RIGHT". Exemplo: <h1 align="left">Texto Um</h1> <h2 align="center">Texto Dois</h2> <h3 align="right">Texto Trs</h3>
36
37
38
P <p>...</p> Explicao: Indica que o texto influenciado um pargrafo, e possui um alinhamento prprio. Os browsers, habitualmente, deixam um espao vertical em branco de cerca de "uma linha" antes de cada pargrafo. Exemplo: <p>Esta a Home Page da XYZ Informtica. E este um exemplo de pargrafo.</p> Atributos de P Atributo: ALIGN Explicao: Indica se o pargrafo ser alinhado a esquerda (padro), centralizado, a direita ou justificado usando-se, respectivamente, as palvras "LEFT", "CENTER", "RIGHT" e "JUSTIFY". Exemplo: <p align="center">Esta a Home Page da XYZ Informtica. E este um exemplo de pargrafo centralizado.</p>
39
BR <br> Atributo: No possui atributos Explicao: Passa para a prxima linha. Exemplo: <p>Este texto ficar na mesma linha.<br> E este em outra linha.</p> Visualizao pelo Browser: Este texto ficar na mesma linha. E este em outra linha. 8.6. O TAG Blockquote <blockquote>...</blockquote> Atributo: No possui atributos Explicao: Faz a margem comear mais dentro da pgina. O efeito deste TAG pode ser acumulado, obtendo assim margens maiores. Exemplo: <blockquote>Esta a Home Page da XYZ Informtica. E este um exemplo de margem visualizada pelo Browser.</blockquote> Visualizao pelo Browser: Esta a Home Page da XYZ Informtica. E este um exemplo de margem visualizada pelo Browser. 8.7. O TAG DIV <div>...</div> Explicao: Indica que o texto influenciado uma diviso, e possui portanto um alinhamento prprio. Atributos de DIV Atributo: ALIGN Explicao: Indica se a diviso ser alinhado a esquerda (padro), centralizado, a direita ou justificado usando-se, respectivamente, as palvras "LEFT", "CENTER", "RIGHT" e "JUSTIFY". utilizado no lugar do TAG <p>, quando se deseja modificar o alinhamento sem, no entanto, uinserir-se espao vertical em branco. Exemplo: <div align="right">Esta a Home Page da XYZ Informtica. E esta a minha diviso.</div>
40
41
42
43
44
45
46
47
48
para
outro
49
50
51
GIF (Graphics Interchange Format) e JPEG (Joint Photographic Experts Group) so os dois formatos grficos padres usados na Internet, cada formato tem suas vantagens e desvantagens, como analisado a seguir. Os dois formatos de imagens so bastante utilizados, mas possuem caractersticas diferentes.
12.1. Usando o GIF (Graphics Interchange Format) O GIF apresenta um bom rendimento no tamanho e qualidade em imagens com cores "limpas", sem muito detalhes. Possui suporte para imagens animadas e com partes "transparentes". Trabalha com cores indexadas, podendo representar um mximo de 256 cores. Armazena imagens com grandes reas planas (da mesma cor) de forma bastante eficiente. No possui nveis de compreensso, apesar de j ser naturalmente compactado (GIFs tem uma compresso padro). Podem ser entrelaadas. Uma imagem entrelaada (interlaced) pode ser vista medida que vai sendo carregada (melhorando a definio aos poucos). Pode-se definir uma das cores como sendo "transparente", permitindo que se veja o que est por trs. O recurso de transparncia muito interessante, pois permite criar a sensao de que as imagens no so todas retangulares. Permite a criao de animaes (GIFs Animados). O Princpio do GIF Animado o mesmo de um filme que vemos no cinema, ou seja uma sequncia de imagens transmitida rapidamente, uma animao propriamente dita. Os anncios (chamados de banners) que se v na Web, na verdade so, GIFs Animados. 12.2. Usando o JPEG (Joint Photographic Experts Group)
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
52
53
13. Mapas Sensitivos Atravs do conceito de Mapa Sensitivo (Clickable Map), podem ser criados diversos links dentro de uma mesma imagem. O usurio ser encaminhado para uma URL determinada pelo local da imagem selecionada. MAP <map>...</map> Explicao: Indica o incio e o final do mapa. Pode ficar em qualquer parte da pgina. Exemplo: <map name="mapa1"> ... </map> Atributos de MAP Atributo: NAME Explicao: Atributo obrigatrio, indica o nome do mapa. Exemplo: <map name="mapa1"> ... </map> AREA <area> Explicao: Define as reas da imagem que esto relacionadas a links, e que links so esses. Dentro da rea de influncia de <MAP>, podemos ter um nmero qualquer de tags <AREA>. Exemplo: <area coords="0,0,29,29" href="pagina2.htm"> Atributos de AREA
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
54
55
Exemplo: <html> <head> <title>XYZ Informtica</title> </head> <body> <img src="imagem.gif" width="600" height="60" alt="imagem.gif" border="0" usemap="#mapa1"> <map name="mapa1"> <area shape="rect" coords="300,2,600,60" href="http//www.xyz.com.br/treinamento.htm"> <area shape="rect" coords="0,0,300,60" href="http://www.XYZ.com/consultoria.htm"> </map> </body> </html> Foi criado um Mapa Sensitivo interpretado localmente. Para isso, o TAG <IMG> foi
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
56
57
58
59
60
61
62
63
64
65
66
67
Atributos de FORM Atributo: ACTION Explicao: Indica a localizao (URL) do script que ir receber e interpretar os dados enviados pelo formulrio. Exemplo: <form method="POST" action="http://www.xyz.com.br/cgi-bin/script"> Atributo: METHOD Explicao: Indica o formato no qual os dados sero enviados. Pode assumir os valores "GET" (indica como os dados sero passados pelo script) ou "POST" (envia os dados para entrada padro do sistema operacional). <form method="POST" action="http://www.xyz.com.br/cgi-bin/script"> INPUT <input> Explicao: Indica um objeto (campo texto, checkbox, etc). Exemplo: <input type="text" size="30"> Atributos de INPUT Atributo: TYPE Explicao: Especifica que tipo de objeto deve ser: "TEXT", "PASSWORD", CHECKBOX", "HIDDEN", "RADIO", BUTTON", "SUBMIT" e "RESET".
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
68
69
70
17.2.2. Scolling Text Box Exemplo: <form method="POST" action="_URL_"> <textarea rows="2" name="S1" cols="20"></textarea><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2">
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
71
17.2.3. Check Box Exemplo: <form method="POST" action="_URL_"> <input type="checkbox" name="C1" value="ON">Tpico 1<input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"> </form>
Exemplo com CHECKED: <form method="POST" action="--WEBBOT-SELF--"> <input type="checkbox" name="C1" value="ON" checked><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"> </form>
17.2.4. Radio Button Exemplo: <form method="POST" action="_URL_"> <input type="radio" value="V1" checked name="R1">Tpico 1<input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"> </form>
Exemplo:
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
72
17.2.6. Push Button Exemplo: <form method="POST" action="_URL_"> <input type="button" value="Button" name="B1"> </form>
Exerccio de Formulrio Todas as informaes fornecidas em um formulrio so agrupadas e enviadas para um programa, mais conhecido como Script CGI, que escrito especialmente para processar esses dados de acordo com alguma necessidade ou especificao. Atualizao ou consulta a base de dados, envio de dados por e-mail, ou simplesmente a construo de uma nova pgina (gerada a partir dos novos dados) so algumas das aplicaes mais comuns. Escrever um Script CGI no tarefa fcil para a maioria dos WebDesigners, mas existem vrios CGI "pr-fabricados" disponveis gratuitamente na Rede, que processam as informaes fornecidas de forma transparente. Como exerccio proposto vamos utilizar o AnyForm para ensinar como colocar um formulrio em uma pgina HTML. <html> <head> <title>Formulrio</title> </head> <body>
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
73
74
18. Som 18.1. Controles de Som do Microsoft Internet Explorer O Microsoft Internet Explorer incorpora a seu HTML nativo a capacidade de tocar arquivos de som, nos padres midi, au e wave, atravs do TAG <BGSOUND>. BGSOUND <bgsound> (Microsoft Internet Explorer) Explicao: Reproduz um determinado som em "background", isto , enquanto o usurio utiliza a pgina. O som somente iniciado quando o seu download concludo. Isto difere este TAG de produtos como o Real Audio, que reproduz o som na medida em que o arquivo correspondente chega ao browser. Atributos de BGSOUND Atributo: SRC Explicao: Indica qual o arquivo de udio a ser reproduzido. Podem ser utilizados os formatos ".wav". ".au" e ".mid". Atributo: LOOP
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
75
76
78
79
80
81
82
Comentrio no cdigo HTML que insere automaticamente texto nas pginas quando elas so buscadas por um navegador da Web. As pginas que contm SSI recebem extenses ".SHL", ".STM", ".SHTM" ou ".SHTML".
20.1. Criando Pginas Dinmicas com SSI (Server Side Include) Como criar nos Sites pginas que esto sempre mudando, sem que ningum precise alter-las? Muitos Sites na Web exibem, em pginas fixas, barras ou quadros com contedo varvel. 1. Crie uma pgina HTML coloque um texto, uma imagem - o que desejar. 2. Salve a parte que desejar da pgina, recortando-a e colondo-a num editor de texto - o Bloco de Notas por exemplo. Denomine este arquivo de "texto.txt". 3. No lugar do trecho retirado, do documento HTML, inclua as trs linhas seguintes: Exemplo: <!----- Comentrio ----------------> <!-- #includevirtual="texto.txt" --> <!----- /Comentrio ---------------> A primeira e ltima linhas so apenas comentrios. Servem para voc saber que ali entrar o contedo do arquivo "texto.txt". A linha do meio contm a chamada para o servio SSI. Entre o sinal de exclamao e o item #include coloque exatamente dois hifens ("--"). Exemplo: <!-- #includevirtual="texto.txt" --> Em lugar de escrever apenas "texto.txt", indique o diretrio onde se encontra o arquivo. Exemplo: <html> <head> <title>XYZ Informtica</title> </head> <body> <!----- Comentrio ----->
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
83
21.1. Planejamento
Definio do objetivo do site. Voc pode criar uma pgina simples com informaes bsicas ou decidir-se por fazer um comrcio eletrnico, tudo depende do capital disponvel. Lembre-se que o site ser feito para seu pblico alvo.
21.4. Design
Lembre-se que criar um site moderno no uilizar todos os tipos de tecnologia disponvel, a prioriadade deve ser as informaes. Por outro lado muito informao, com pouca preocupao no design no funcional. < P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
84
21.6. Divulgao
Cadastre o seu site nos sistemas principais sistemas de busca nacionais e internacionais. Divulgue o endereo em caixas de produtos, cartes e materias promocionais.
21.7. Manuteno
Atualize as informaes periodicamente e verifique o funcionamento de links e scripts.
22. DHTML (HTML Dinmico) Refere-se a pginas Web cujo contedo se modifica sem interveno direta do WebMaster. Uma mesma pgina pode ser vista de forma diferente, dependendo de variveis como a localizao geogrfica do Internauta, a hora da visita, pginas anteriores j vistas e as preferncias do usurio. Vrias tecnologias so usadas para produzir HTML dinmico: Scripts CGI, Server Side Includes (SSI), Cookies, Java, JavaScript e ActiveX. DHTML permite criar efeitos especiais, tais como texto em que sai da pgina uma palavra por vez ou efeitos de transio com estilo de mensagem giratria entre as pginas. 23. XML (Extensible Markup Language) O XML uma evoluo do HTML - no apenas convive, como se integra facilmente a ele. Ainda h poucas ferramentas para o trabalho em XML e poucos softwares capazes de interpret-lo. Mas a adoo dessa tecnologia pelos principais fabricantes deve mudar esse panorama em pouco tempo. O Internet Explorer 5.0, foi o primeiro produto massivamente usado a adotar a novidade. O novo browser da Netscape, tambm abraar o XML. O XML e o HTML tm uma origem comum, o SGML (Standard Generalized Markup Language), um padro internacional genrico para descrio da estrutura de diversos tipos de documentos eletrnicos. Ao contrrio do HTML, no entanto, o XML no estabelece como um determinado elemento deve ser visualizado. Seu objetivo armazenar as informaes de forma organizada. A idia que um arquivo XML possa ser apresentado em mdias diferentes - um mesmo material, por exemplo, pode receber determinado tratamento grfico para a Web e outra formatao para ser impresso. Por suas caractersticas, o XML necessita de um intermedirio para que os dados sejam visualizados.
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
85
86
26.7. Applet Programa escrito para rodar dentro de outro programa (por exemplo, macros do Word ou do Excel). Um applet no pode ser executado de forma autnoma. Os
< P r o f. G u s t a v o L o u r e i r o - g_loureiro@hotmail.com > <www.gloureiro.hpg.com.br>
87
88
89