Marcioglei

Serviços de Informação na Internet

  HTTP: O Hyper Text Transfer Protocol (Protocolo de Transferência de Hipertexto), é o protocolo que torna possível a World Wide Web. A web é uma grande teia que interliga várias mídias tais como: texto, imagens, animações, sons e vídeo som simultaneamente, formando um imenso hipertexto.

FTP: File Transfer Protocol (Protocolo de Transferência de Arquivo) - é o serviço que possibilita o envio (upload) e o recebimento (download) de arquivos de um computador para outro através da internet, sendo recomendado para o envio de arquivos extensos. Por meio do FTP é possível copiar os programas disponibilizados na interne, a partir da grande evolução dos browsers, na maior parte das vezes a captura de arquivos já é possível ser realizada na própria Web, basta que o usuário tenha o arquivo salvo no computador e informe o diretório a ser recebido. Os serviços do FTP são: • Enviar e receber arquivos por meio de correio eletrônico (e-mail); • É um protocolo de Transferência e o Shell UNIX que tem o programa ftp. • É usado como um provedor de acessos.

DNS: opera segundo duas definições. 1° examinar e atualizar seu banco de dados. 2° Resolver nomes de domínios em endereços de redes, faz necessário um mecanismo para traduzir um nome de domínio em um endereço IP- esta e principal função do DNS. Utilização: Quando você visita um site através do seu navegador ou quando envia um e-mail, a internet precisa saber em qual servidor o site e o e-mail estão armazenados para poder responder à sua solicitação. A informação da localização destes servidor está em um servidor chamado DNS (Domain Name Server). defino por Ricardo Vaz Monteiro.

WHOIS: (cuja tradução literal para o português é: Quem é), tem como objetivo consultar e responder informações sobre os domínios,os WHOIS são amplamente utilizados para a averiguação de bases de dados que armazenam os usuários registrados. DOMÍNIOS: Tem como função relacionar os nomes de sites ao endereço, que são normalmente uma sequência de números, como nomes são mais fáceis de ser lembrados que números os domínios fazem a associação do endereço ao nome usado. O termo domínios.br, significa que o registro do domínio foi feito no Brasil

HTML: (Hiper Textos Markup Language) - Documento com texto comum, escrito no formato ASCII. Você pode criar uma página HTML em vários editores de textos como, por exemplo o Bloco de Notas, WordPad, não se esquecendo de salvar com a extensão htm ou HTML. Há o Ajaxplorer que te possibilita, com facilidade, criar e gerenciar sua página.

DOMÍNIOS: Tem como função relacionar os nomes de sites ao endereço, que são normalmente uma sequência de números, como nomes são mais fáceis de ser lembrados que números os domínios fazem a associação do endereço ao nome usado. O termo domínios. br, significa que o registro do domínio foi feito no Brasil

TAGS: São marcas utilizadas para produzir hipertextos. Usando os sinais '<' e '>' ('<' menor que e '>' maior que, sempre aos pares) e um texto dentro deles, que serão usados para texto e também formatação. Sempre ao fechar uma tag precisa-se de uma barra .

FORMATAÇÃO: temos duas maneiras de formatação, a lógica e a física. Lógica não explicitam formatos, exemplo ‘<titulo>’, informa ao Browser que é título e merece certo destaque, já a Física sim, explicita formatos. Seus principais comandos são: '<'b'>' para negrito,'<'i'>' itálico, '<'u'>' sublinhado, '<'sup'>' nota superior, '<'sub'>' nota interior. Há também tags para espaçamentos especiais, destaques, cores etc. Documentos HTML não diferenciam maiúsculas e minúsculas e em alguns casos não há a necessidade de fechamento dos pares, por exemplo, as tags '<'br'>' para quebra de linha, '<'p'>' para parágrafos e '<'hr'>' para inserção de barras.<'br'>

MAGEM: É importante lembrar sempre dos direitos autorais e também da segurança ao postar uma imagem. Há imagens disponíveis em alguns sites que poderão ser usadas, outras que podem, mas não se esquecendo de dar os devidos créditos e também as que se você usar, terá que responder judicialmente e pagar pelo uso. Ao postar uma foto em um blog ou redes sociais, deverá saber que estará disponibilizando algo que poderá ser usado, copiado e distribuído nem sempre com as melhores intenções. Para descobrir a URL original de uma imagem, clique sobre ela com o mouse direito e veja as propriedades da imagem, assim você terá o link desejado.

LINKS: São geralmente usados para acessar sites da Web, envio mensagens de email, exibição de números de telefone e também fazer chamadas, etc. Há também os links patrocinados, que são relacionados com a palavra digitada ao fazer uma busca. Usado também como anúncios, geralmente na tela direita, onde aparecem vários links, quase sempre pagos.

FORMULÁRIOS: Um formulário é uma área que pode conter elementos que permitem ao usuário entrar com informação(como campos de texto, campos de área de texto, menus, botões, caixas de seleção, etc.). Um formulário é definido pela tag <form>. (form><input><input></form> Entrada (Input) A tag de formulário mais usada é a tag <input>. O tipo de input é especificado com o atributo type (tipo). Campos de Texto Os campos de texto são usados quando você quer que o usuário digite letras, números, etc. em um formulário. <form> Primeiro nome: <input type="text" name="firstname"> Último nome: <input type="text" name="lastname"></form> Como aparece no navegador: Primeiro nome: Último nome: Botões Botões são usados quando você quer que o usuário selecione uma entre uma quantidade limitada de escolhas. <form><input type="radio" name="sex" value="male"> Masculino <input type="radio" name="sex" value="female"> Feminino</form> Como aparece no navegador:

Masculino Feminino Caixas de Seleção As Caixas de Seleção são usadas quando você quer que o usuário selecione uma ou mais opções de uma quantidade limitada de escolhas. <form> <input type="checkbox" name="bike">Eu tenho uma bicicleta <input type="checkbox" name="car">Eu tenho um carro</form> Como aparece no navegador: Eu tenho uma bicicleta Eu tenho um carro O Atributo Ação do Formulário (Form's Action) e o Botão Enviar (Submit) Quando o usuário clica no botão "Enviar", o conteúdo do formulário é enviado para outro arquivo. O atributo de ação do formulário define o nome do arquivo para o qual enviar o conteúdo. O arquivo definido no atributo action geralmente faz algo com a entrada recebida. <form name="input" action="html_form_action.asp" method="get">Nome do Usuário: <input type="text" name="user"><input type="submit" value="Enviar"></form> Como aparece no navegador: Nome do Usuário:

Tags de Formulário Tag Descrição <form> Define um formulário para entradas do usuário <input> Define um campo de entrada <textarea> Define uma área de texto (um controle de entrada de texto multi-linhas)

<label> Define um rótulo para um controle <fieldset> Define um conjunto de campos <legend> Define um título para um conjunto de campos <select> Define uma lista selecionável (uma caixa drop-down) <optgroup> Define um grupo de opção <option> Define uma opção em uma caixa drop-down <button> Define um botão para pressionar <isindex> Desaprovada. Use <input> em vez FRAMES: O uso de frames permite que diferentes arquivos HTML componham a mesma página, permitindo dividir o espaço da janela do navegador em colunas e/ou linhas e controlar o seu tamanho, determinando quantas serão as subdivisões e qual será sua distribuição na tela. É importante ressaltar que cada uma destas "partes da tela" é ocupada por arquivos diferentes, totalmente independentes. Portanto, o uso dos frames possibilita apresentar mais de uma página em cada tela. Por exemplo, um índice em uma parte pequena dela e os textos relacionados ao índice em outra parte.

Exemplos de frames Com 2 arquivos Com 3 arquivos 2 colunas 2 linhas 2 colunas a 2a. com 2 linhas 2 linhas a 2a. com 2 colunas Geralmente uma página com frames é constituída de dois ou três elementos básicos: - a página cujo nome é frameset. Ela contém os tags que especificam como as diferentes páginas aparecerão dentro da janela do navegador; ou seja,tem atributos que definem a divisão do espaço da janela do browser em colunas ou linhas. - as páginas internas normais, denominadas frames, que aparecerão de acordo com as instruções contidas no código do frameset. Cada uma destas marcações - <frameset> e <frame> - aceita extensões, valores e atributos. Características do frameset: A página frameset é um arquivo HTML que, ao invés de conter os tags <BODY> e </BODY> os quais indicam o conteúdo do documento, possui os tags <FRAMESET> e </FRAMESET>. Códigos do frameset No tag frameset são importantes os atributos "Rows" e "Cols" (Linhas e colunas) que determinam a orientação dos frames. COLS: determina a divisão da tela em colunas. ROWS: determina a divisão da tela em linhas. Tanto depois de COLS, como após ROWS aparecem, separados por vírgulas, o tamanho de cada linha ou coluna da página. Os valores poderão ser: - Numérico - pixels - Exemplo: (ROWS="30, 50"). Refere-se a quantos pixels cada frame (ou janela) deve ocupar. - Relativo - * Exemplo: (ROWS="2*,*"). O valor é relativo. Nesse caso o primeiro frame ocupará dois terços da tela e o segundo um terço. - Percentual - % Exemplo: (ROWS="25%, 25%, 50%"). O total deve somar 100%. Também poderia ser (ROWS="25%, 25%, *"), pois onde está o asterisco ( * ) o navegador colocará o valor que falta para que a soma dos valores resulte em 100%. Três atributos muito usados no frameset são: - FRAMESPACING: determina o espaçamento entre os frames (em pixels). - FRAMEBORDER: define se haverá ou não bordas entre as frames (admite os valores 1, para inserir bordas ou 0, para retirá-las). - BORDERCOLOR - especifica a cor da borda entre os frames. Cercadas pelas tags <FRAMESET> e </FRAMESET>, você deve inserir as tags <FRAME> de acordo com o número de colunas ou linhas inserido nos atributos COLS e ROWS. Os tags <FRAME> são responsáveis por definir qual página HTML será carregada dentro de cada uma das divisões do frameset. Também podem ter algumas outras configurações particulares. Além dos atributos FRAMESPACING e FRAMEBORDER, há outros: - SRC - especifica o arquivo a ser carregado no frame. - MARGINHEIGHT e/ou TOPMARGIN: especificam a altura das margens superior e inferior do frame em pixels; - MARGINWIDTH e/ou LEFTMARGIN: especificam a altura das margens direita e esquerda do frame em pixels; - NAME: indica o nome deste frame, de modo a que possa ser identificado e localizado para carregar documentos, especialmente se forem utilizadas rotinas em JavaScript para comandar as páginas do frameset; - NORESIZE: insira este atributo dentro da tag <FRAME> para que esta não possa ser redimensionada pelo usuário; - SCROLLING: define se o frame terá ou não barra de rolagem (admite YES para que o frame possua barras de rolagem e NO, em caso contrário. Note-se que atribuindo YES, o frame só apresentará barra de rolagemse realmente for necessário, ou seja, se o tamanho do arquivo o exigir). - SRC: define o caminho/nome da página HTML que será exibida dentro do frame Exemplos de código fonte: Para criar uma das seguintes páginas (ou semelhantes) clicar em "Código Fonte " na barra Modos de edição e inserir o código, fazendo as modificações que desejar. a. 2 colunas Abaixo está o código fonte de um arquivo index.htm, que pode exemplificar o frameset do tipo 2 colunas. Ou seja, orientar que um dos arquivos fique na coluna da esquerda e o outro na da direita, sendo o último bem maior que o primeiro. Supondo dois arquivos denominados coluna1.html (o menor) e coluna2.html (o maior), copiar o código abaixo No Notepad, substituindo xxxxxxxxx pelo título do aquivo e salvar como html. <html> <head> <title>xxxxxxxxxx</title> </head> <frameset border="1" borderCOLOR="#3A72BC" cols="15%,*"> <frame NAME="esquerda" src="coluna1.html" NORESIZE borderCOLOR="#3F85B8" target="main"> <frame NAME="direita" src="coluna2.html" NORESIZE borderCOLOR="#4086C6" target="direita"> <noframes> <body> </body> </noframes> </frameset> </html> Notar que a referência "cols=" que aparece logo após o elemento "frameset" determina que o documento será dividido por colunas. b. 3 linhas Abaixo está o código fonte de um arquivo index.htm, que pode exemplificar o frameset do tipo 3 linhas. Ou seja, orientar que três arquivos ocupem 3 linhas de diferentes tamanhos (o superior é o maior e o central é o menor). Supondo 3 arquivos denominados linha1.html, linha2.htm e linha3.html. <html> <head> <title>xxxxxxxxxx</title> </head> <FRAMESET ROWS="40%,*,25%" FRAMEBORDER="1" FRAMESPACING="2"> <FRAME SRC="linha1.html" NAME="superior" NORESIZE SCROLLING="NO"> <FRAME SRC="linha2.html" NAME="central" MARGINWIDTH="2" MARGINHEIGHT="3" NORESIZE SCROLLING="YES"> <FRAME SRC="linha3.html" NAME="inferior" NORESIZE SCROLLING="NO"> </FRAMESET> <noframes> <body> </body> </noframes> </frameset> </html> Notar que a referência "rows=" que aparece logo após o elemento "frameset" determina que o documento será dividido por linhas. Como está definido <FRAMESET ROWS="40%,*,25%"... - o frame superior ocupará 40% da altura da janela do navegador e seu conteúdo será o arquivo linha1.html. o frame central ocupará o restante do espaço, 100 - (40+25) = 35% e conterá o arquivo linha2.html. - o frame inferior mostrará o arquivo linha3.html, ocupando 25% da altura da janela do navegador. pois, <frameset rows="valor, valor, valor"> , definem quanto da tela cada janela vai ocupar. Assim, para cada janela a ser criada há um tamanho associado. Estes valores devem vir separados por vírgulas. c. 1 coluna e 2 linhas Nesse caso, deve-se criar primeiro dois frames em coluna e compor a segunda coluna com dois frames em linha. Portanto, é necessário definir 2 áreas "frameset". Supondo 3 arquivos denominados coluna1.html, linha1.html e linha2.html, sendo a 2a. coluna bem maior que a 1a. <html> <head> <title>xxxxxxxxxx</title> </head> <FRAMESET COLS="30%, 70%"> <FRAME SRC="coluna1.html" NORESIZE SCROLLING="YES"> <frameset ROWS="20%, 80%"> <FRAME SRC="linha1.html" NORESIZE SCROLLING="NO"> <FRAME SRC="linha2.html" NORESIZE SCROLLING="NO"> </frameset> <noframes> <body> </body> </noframes> </FRAMESET> </html> d. 1 linha e 2 colunas Nesse caso, deve-se criar primeiro dois frames em linha e compor a segunda linha com dois frames em coluna. Portanto, é necessário definir 2 áreas "frameset". <html> <head> <title>xxxxxxxxxx</title> </head> <FRAMESET ROWS="20%, 80%"> <FRAME SRC="linha1.html"> <frameset COLS="30%, 70%> <FRAME SRC="coluna1.html"> <FRAME SRC="coluna2.html"> </frameset> <noframes> <body> </body> </noframes> </FRAMESET> </html> MULTIMÍDIA: representa vários tipos de conteúdo de mídia, usados em conjunto. Se temos um texto com imagens, temos multimídia. Se adicionar um vídeo, temos multimídia também. O uso de multimídia em sites ajudou a evolução da Internet, pois várias profissões novas surgiram. E com velocidades atuais de conexão, todos nós podemos desfrutar dos recursos ricos em conteúdo de mídia permitindo assistir vídeos, ouvir músicas diretamente dos sites sem a necessidade de download, tudo isso, graças aos avanços no desenvolvimento dos recursos multimída. Recursos Multimídia (Vídeo, áudio e imagens na rede ) Antes da revolução YouTube, os vídeos tinham que ser transferidos antes que alguém pudesse vê-los. Com os avanços da tecnologia, maior velocidade para transmissão, tudo ficou muito mais rápido, o que permitiu streaming vídeo ao vivo sobre a rede. Hoje, a incorporação de um videoclipe em uma página web é mais do que fácil e pode ser compartilhado através de um blog, fórum ou site comercial. Comercialmente todas as inovações trouxeram para muitas empresas oportunidade de se tornarem conhecidas com baixo investimento se comparado com valores pagos para TV e outros meios de publicidade. Enquanto um vídeo vai exigir muito mais banda e recursos de servidor, os arquivos de áudio são mais rápidos para processar. A Facilidade encontrada na manipulação de arquivos de áudio permitiu que várias empresas migrassem para rede divulgando seus produtos, principalmente as rádios online que passaram a divulgar ao vivo seus estúdios e demais programações. Hoje, um site com um musical de fundo é algo mais do que o normal, e em um monte de sites que você pode facilmente ouvir uma faixa de áudio, que é carregado no servidor web com a ajuda de um simples leitor. Isso também ajudou muitos músicos independentes na promoção da sua música e permitiu ainda a criação de selos musicais da Internet. As imagens foram os primeiros tipos de mídia utilizados nas páginas web, tornando se indispensáveis no processo de design dos sites. Devido à lentidão da internet naquela época o uso de imagens no formato GIF era comum, já que eram pequenos e ocupando pouco espaço em disco e largura de banda. Assim surgiram os primeiros portais que passaram a oferecer notícias de última hora. Imagens nos sites passaram a fazer parte do layout da página, utilizadas em botões, menus de navegação e fundos, além da grande contribuição na criação de galerias de imagens. BIBLIOGRAFIA CRUMLISH, Cristian. Explorando a internet. São Paulo: Markon Books, 1995. EDDINGS, Joshua. Como funciona a internet. São Paulo: Quark, 1994. SOUSA, Sérgio. Tecnologias de informação. 2. Ed. Rio de Janeiro: Brasport, 2000. TAJRA, Sanmya Feitosa. Informática na educação: novas ferramentas pedagógicas para o professor na atualidade. São Paulo: Érika, 2001. Universidade Federal do Pará. Frames. <http://www.ufpa.br/dicas/htm/htm-fra.htm>. Acessado em 9 maio 2012. Formulários e entradas em HTML. www.hugoribeiro.com.br/curso_html/html/c11.htm. Acessado em 9 maio 2012.