MS1122 v3.0 Procedimentos para acesso pelo protocolo HTTP. para um desenvolvedor ter referência no desenvolvimento de suas próprias páginas...

Tamanho: px
Começar a partir da página:

Download "MS1122 v3.0 Procedimentos para acesso pelo protocolo HTTP. para um desenvolvedor ter referência no desenvolvimento de suas próprias páginas..."

Transcrição

1 MS1122 v3.0 Procedimentos para acesso pelo protocolo HTTP O conteudo deste documento é destinado a quem já possui algum conhecimento do protocolo http e serve para um desenvolvedor ter referência no desenvolvimento de suas próprias páginas... V3.0 R1 O módulo MS1122 possui sua própria página armazenada internamente em uma mémoria, sempre que alguem acessar o módulo através do comando GET solicitando algum arquivo, o módulo envia o conteudo deste arquivo no padrão http. O comando GET solicita a abertura de um socket no módulo e no corpo do comando descrimina que acesso ele deseja, em seguida o módulo envia o arquivo solicitado e fecha a conexão. Um exemplo de solicitação pode ser visto a baixo, cosiderando que o módulo esteja no endereço de IP: de sua rede interna ou intranet: Solicitação de um navegador... Linha no navegador: GET HTTP/1.1 Host: Proxy-Connection: keep-alive Referer: User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-us) AppleWebKit/ (KHTML, like Gecko) Chrome/ Safari/ Accept: application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,/;q=0.5 Accept-Encoding: gzip,deflate,sdch Accept-Language: pt-br,pt;q=0.8,en-us;q=0.6,en;q=0.4 Accept-Charset: ISO ,utf-8;q=0.7,;q=0.3 O módulo responde HTTP/ OK Connection: close Content-Type: text/html Cache-Control: no-cache <!--#include file="header.inc" --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>altamira Tecnologia TCP/IP Stack</title> <link href="/mchp.css" rel="stylesheet" type="text/css" /> <script src="/mchp.js" type="text/javascript"></script> </head> <body> <div id="shadow-one"><div id="shadow-two"><div id="shadow-three"><div id="shadow-four"> <div id="page"> <div style="padding:0 0 5px 5px"><img src="/logonew.png" /></div> <div id="title"><div class="right">ms Interface FX/TP</div><span id="hello"> </span></div> ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 1/13

2 <div id="menu"> <a href="/index.htm">home</a> <!--<a href="/dynvars.htm">dynamic Variables</a>--> <a href="/forms.htm">processamento de Fomulrios</a> <a href="/auth.htm">autenticao</a> <!--<a href="/cookies.htm">cookies</a>--> <a href="/upload.htm">uploads de arquivos</a> <!--<a href="/ ">send </a>--> <!--<a href="/dyndns">dynamic DNS</a>--> <a href="/protect/config.htm">configurao de Rede</a> <!--<a href="/snmp/snmpconfig.htm">snmp Configuration</a>--> </div> <div id="content"> <div id="status"> <div id="loading" style="display:none">erro:<br />Coneco da placa perdida.</div> <div id="display"> <span style="float:right;font-size:9px;font-weight:normal;padding-top:8px;text-indent:0px">(click para alterar)</span> <p>leds:<br /><span class="leds"> <a id="led7" onclick="newajaxcommand('leds.cgi?led=7');"> </a> <a id="led6" onclick="newajaxcommand('leds.cgi?led=6');"> </a> <a id="led5" onclick="newajaxcommand('leds.cgi?led=5');"> </a> <a id="led4" onclick="newajaxcommand('leds.cgi?led=4');"> </a> <a id="led3" onclick="newajaxcommand('leds.cgi?led=3');"> </a> <a id="led2" onclick="newajaxcommand('leds.cgi?led=2');"> </a> <a id="led1" onclick="newajaxcommand('leds.cgi?led=1');"> </a> <a id="led0"> </a></span></p> <p> Botões :<br /> <span id="btn3">?</span> <span id="btn2">?</span> <span id="btn1">?</span> <span id="btn0">?</span></p> <p> Potenciômetro: <span id="pot0" style="font-weight:normal">?</span> </div> </div> <h1>bem vindo!</h1> <table width="300" height="69" style="padding-left: 10px;"> <tr> <td width="200" height="30"><b> <strong>versão do TCP/IP Stack</strong> :</b></td> <td width="100">v5.20</td> </tr> <tr><td height="31"><b> <strong>data de Construção</strong> :</b></td> <td>apr :34:35</td> </tr> </table> <p> Este site mostra o poder, flexibilidade e escalabilidade da unidade MS1111 com um servidor web embutido. Tudo que você vê é alimentado por um microcontrolador executando o protocolo TCP/IP Stack. </p> </div> <script type="text/javascript"> / Parses the xmlresponse from status.xml and updates the status box / function updatestatus(xmldata) { // Check if a timeout occurred if(!xmldata) { document.getelementbyid('display').style.display = 'none'; document.getelementbyid('loading').style.display = 'inline'; return; ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 2/13

3 // Make sure we're displaying the status display document.getelementbyid('loading').style.display = 'none'; document.getelementbyid('display').style.display = 'inline'; // Loop over all the LEDs for(i = 0; i < 8; i++) { if(getxmlvalue(xmldata, 'led'+i) == '1') document.getelementbyid('led' + i).style.color = '#090'; else document.getelementbyid('led' + i).style.color = '#ddd'; // Loop over all the buttons for(i = 0; i < 4; i++) { if(getxmlvalue(xmldata, 'btn'+i) == 'up') document.getelementbyid('btn' + i).innerhtml = 'Λ'; else document.getelementbyid('btn' + i).innerhtml = 'V'; //update the POT value document.getelementbyid('pot0').innerhtml = getxmlvalue(xmldata, 'pot0'); settimeout("newajaxcommand('status.xml', updatestatus, true)",500); </script> <script type="text/javascript"> document.getelementbyid('hello').innerhtml = ""; </script> <!--#include file="footer.inc" --> <div class="spacer"> </div> <div id="footer">copyright Altamira Tecnologia, Inc.</div> </div></div></div></div></div> </body> </html> ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 3/13

4 Observe que o arquivo index.htm solicita o carregamento de mais 2 arquivos do módulo... Um arquivo contendo o estilo da página e um outro arquivo contendo um java script... GET HTTP/1.1 Host: Proxy-Connection: keep-alive Referer: User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-us) AppleWebKit/ (KHTML, like Gecko) Chrome/ Safari/ Accept: text/css,/;q=0.1 Accept-Encoding: gzip,deflate,sdch Accept-Language: pt-br,pt;q=0.8,en-us;q=0.6,en;q=0.4 Accept-Charset: ISO ,utf-8;q=0.7,;q=0.3 Resposta HTTP/ OK Connection: close Content-Type: text/css Content-Encoding: gzip Cache-Control: max-age=600 body { font-family: Verdana, Arial, sans-serif; background: #5b5b5b; margin: 0px auto; padding: px 0; #shadow-one { width: 760px; border: 1px solid #555; border-top: 0; margin: 0px auto; #shadow-two { border: 1px solid #4b4b4b; border-top: 0; #shadow-three { border: 1px solid #444; border-top: 0; #shadow-four { border: 1px solid #3a3a3a; border-top: 0; #page { border: 1px solid #333; background: #fff; border-top: 0; padding: 20px; font-size: 10pt; #page td { font-size: 10pt; ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 4/13

5 #title { background: #c00; padding: 4px; font-weight: bold; color: #fff; margin-bottom: 15px; height: 16px; #title.right { float: right; width: 300px; text-align: right; #menu { float: left; width: 150px; padding-right: 20px; #menu a { width: 140px; display: block; background: #c00; color: white; padding: 8px; font-weight: bold; border-bottom: 1px solid #fff; text-decoration: none; #menu a:hover { background: #d33; #content { width: 525px; float: right; padding-right: 10px; #content a { color: #c00; text-decoration: none; #content a:hover { color: #d33; text-decoration: underline; #content h1 { margin-top: 0px;.spacer { clear: both; #footer { font-size: 0.8em; color: #666; text-align: center; ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 5/13

6 margin: 10px 50px 0 50px; padding-top: 10px; border-top: 1px dotted #666; #status { width: 175px; float: right; padding: 10px; margin: 10px; border: 1px dotted #666; font-weight: bold; #status p { padding: 5px 0 5px 10px; text-indent: -10px; margin: 0; #status.leds { font-size: 14pt; #status.leds a { color: #ddd; cursor: pointer; #status.leds a:hover { color: #ddd; text-decoration: none;.examplebox { margin:10px 40px 10px 40px; padding: 8px; border: 1px dotted #333; text-align:center; background:#ddd;.code { font-family: Courier New, Courier, fixed-width, fixed;.exercise { background: #fe9; padding: 5px; margin-left: 10px; border-left: 2px solid #eb3;.error { margin-left: 10px; padding: 10px; background: #fdd; border-left: 2px solid #900; #content h6 { border-top: 1px dashed #333; margin: 15px; padding: 0px; height: 1px; ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 6/13

7 .examplebox td { text-align:left; padding-right: 15px; fieldset { margin:10px 40px 10px 40px; padding: 8px; border: 1px dotted #333; background:#ddd; fieldset div { padding: 2px 0px 2px 150px; fieldset div label { margin-left: -140px; padding-top: 2px; width: 135px; font-weight: bold; position: absolute; fieldset input { width: 250px; fieldset input.sm { width: auto; fieldset textarea { width: 250px;.result { margin: 10px 40px 10px 40px; padding: 8px; border: 1px solid #333; text-align: center; font-weight: bold; background: #eee;.ok {.fail {.unk { border-color: #6b6; background: #efe; border-color: #b66; background: #fee; border-color: #cc6; background: #ffd; ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 7/13

8 GET HTTP/1.1 Host: Proxy-Connection: keep-alive Referer: User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-us) AppleWebKit/ (KHTML, like Gecko) Chrome/ Safari/ Accept: / Accept-Encoding: gzip,deflate,sdch Accept-Language: pt-br,pt;q=0.8,en-us;q=0.6,en;q=0.4 Accept-Charset: ISO ,utf-8;q=0.7,;q=0.3 Resposta HTTP/ OK Connection: close Content-Encoding: gzip Cache-Control: max-age=600 / Altamira Tecnologia TCP/IP Stack Javascript Library Software License Agreement Copyright Altamira Tecnologia Technology Inc. All rights reserved. Altamira Tecnologia licenses to you the right to use, modify, copy, and distribute: (i) the Software when embedded on a Altamira Tecnologia microcontroller or digital signal controller product (Device) which is integrated into Licensees product; or (ii) ONLY the Software driver source files ENC28J60.c and ENC28J60.h ported to a non-altamira Tecnologia device used in conjunction with a Altamira Tecnologia ethernet controller for the sole purpose of interfacing with the ethernet controller. You should refer to the license agreement accompanying this Software for additional information regarding your rights and obligations. THE SOFTWARE AND DOCUMENTATION ARE PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION, ANY WARRANTY OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE AND NON-INFRINGEMENT. IN NO EVENT SHALL ALTAMIRA TECNOLOGIA BE LIABLE FOR ANY INCIDENTAL, SPECIAL, INDIRECT OR CONSEQUENTIAL DAMAGES, LOST PROFITS OR LOST DATA, COST OF PROCUREMENT OF SUBSTITUTE GOODS, TECHNOLOGY OR SERVICES, ANY CLAIMS BY THIRD PARTIES (INCLUDING BUT NOT LIMITED TO ANY DEFENSE THEREOF), ANY CLAIMS FOR INDEMNITY OR CONTRIBUTION, OR OTHER SIMILAR COSTS, WHETHER ASSERTED ON THE BASIS OF CONTRACT, TORT (INCLUDING NEGLIGENCE), BREACH OF WARRANTY, OR OTHERWISE. Author Date Comment ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Elliott Wood 6/25/07 Original Elliott Wood 12/5/07 Updated newajaxcommand / / ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 8/13

9 Determines when a request is considered "timed out" / var timeoutms = 15000; //ms / Stores a queue of AJAX events to process / var ajaxlist = new Array(); / Initiates a new AJAX the url to the document ID to fill, or a function to call with response XML true to repeat this call indefinitely a URL encoded string to be submitted as POST data (optional) / function newajaxcommand(url, container, repeat, data) { // Set up our object var newajax = new Object(); var thetimer = new Date(); newajax.url = url; newajax.container = container; newajax.repeat = repeat; newajax.ajaxreq = null; // Create and send the request if(window.xmlhttprequest) { newajax.ajaxreq = new XMLHttpRequest(); newajax.ajaxreq.open((data==null)?"get":"post", newajax.url, true); newajax.ajaxreq.send(data); // If we're using IE6 style (maybe 5.5 compatible too) else if(window.activexobject) { newajax.ajaxreq = new ActiveXObject("Microsoft.XMLHTTP"); if(newajax.ajaxreq) { newajax.ajaxreq.open((data==null)?"get":"post", newajax.url, true); newajax.ajaxreq.send(data); newajax.lastcalled = thetimer.gettime(); // Store in our array ajaxlist.push(newajax); / Loops over all pending AJAX events to determine if any action is required / function pollajax() { var curajax = new Object(); var thetimer = new Date(); var elapsed; // Read off the ajaxlist objects one by one for(i = ajaxlist.length; i > 0; i--) { curajax = ajaxlist.shift(); if(!curajax) continue; elapsed = thetimer.gettime() - curajax.lastcalled; ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 9/13

10 // If we suceeded if(curajax.ajaxreq.readystate == 4 && curajax.ajaxreq.status == 200) { // If it has a container, write the result if(typeof(curajax.container) == 'function'){ curajax.container(curajax.ajaxreq.responsexml.documentelement); else if(typeof(curajax.container) == 'string') { document.getelementbyid(curajax.container).innerhtml = curajax.ajaxreq.responsetext; // (otherwise do nothing for null values) curajax.ajaxreq.abort(); curajax.ajaxreq = null; // If it's a repeatable request, then do so if(curajax.repeat) newajaxcommand(curajax.url, curajax.container, curajax.repeat); continue; // If we've waited over 1 second, then we timed out if(elapsed > timeoutms) { // Invoke the user function with null input if(typeof(curajax.container) == 'function'){ curajax.container(null); else { // Alert the user alert("command failed.\nconnection to development board was lost."); curajax.ajaxreq.abort(); curajax.ajaxreq = null; // If it's a repeatable request, then do so if(curajax.repeat) newajaxcommand(curajax.url, curajax.container, curajax.repeat); continue; // Otherwise, just keep waiting ajaxlist.push(curajax); // End pollajax // Call ourselves again in 10ms settimeout("pollajax()",5); / Parses the xmlresponse returned by an XMLHTTPRequest the xmldata the field to search for / function getxmlvalue(xmldata, field) { try { if(xmldata.getelementsbytagname(field)[0].firstchild.nodevalue) return xmldata.getelementsbytagname(field)[0].firstchild.nodevalue; else return null; catch(err) { return null; //kick off the AJAX Updater settimeout("pollajax()",500); ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 10/13

11 Em seguida a própria página PRINCIPAL carregada em seu navegador, começa a executar o Java Scriopt que solicita ao módulo, em intervalos pré-estabelecidos, o arquivo de STATUS.XML... NOTA: neste momento temos o seu navegador efetuando solicitações pelo seu meio de Internet a intervalos de 500ms em média, caso seu meio de acesso a REDE de Internet possua uma latência muito grande, como é o caso da maioria das conexões feitas através da rede de telefonia móvel, a sua página poderá ficar sem atualização para STATUS do múdulo e consequentemente será exibido uma menssagem de aviso sobre a perda de conexão na página... GET HTTP/1.1 Host: Proxy-Connection: keep-alive Referer: User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-us) AppleWebKit/ (KHTML, like Gecko) Chrome/ Safari/ Accept: / Accept-Encoding: gzip,deflate,sdch Accept-Language: pt-br,pt;q=0.8,en-us;q=0.6,en;q=0.4 Accept-Charset: ISO ,utf-8;q=0.7,;q=0.3 ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 11/13

12 Resposta HTTP/ OK Connection: close Content-Type: text/xml Cache-Control: no-cache <response> <Saida1>Sada 1</Saida1> <Saida2>Sada 2</Saida2> <Saida3>Sada 3</Saida3> <Saida4>Sada 4</Saida4> <Saida5>Sada 5</Saida5> <Saida6>Sada 6</Saida6> <Saida7>Sada 7</Saida7> <Saida8>Sada 8</Saida8> <led0>1</led0> <led1>1</led1> <led2>0</led2> <led3>0</led3> <led4>1</led4> <led5>1</led5> <led6>0</led6> <led7>1</led7> <entrada1>entrada 1</entrada1> <entrada2>entrada 2</entrada2> <entrada3>entrada 3</entrada3> <entrada4>entrada 4</entrada4> <entrada5>entrada 5</entrada5> <entrada6>entrada 6</entrada6> <entrada7>entrada 7</entrada7> <entrada8>entrada 8</entrada8> <btn0>0</btn0> <btn1>1</btn1> <btn2>0</btn2> <btn3>0</btn3> <btn4>0</btn4> <btn5>0</btn5> <btn6>0</btn6> <btn7>0</btn7> <config_analogica1>analogica 1</config_Analogica1> <config_analogica2>analogica 2</config_Analogica2> <config_analogica3>analogica 3</config_Analogica3> <config_analogica4>analogica 4</config_Analogica4> <config_analogica5>analogica 5</config_Analogica5> <config_analogica6>analogica 6</config_Analogica6> <Analogica1>0</Analogica1> <Analogica2>0</Analogica2> <Analogica3>0</Analogica3> <Analogica4>0</Analogica4> <Analogica5>0</Analogica5> <Analogica6>0</Analogica6> </response> ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 12/13

13 A página que o desenvolvedor ira criar poderá simplesmente efetuar a solicitação tão somente do arquivo de STATUS para o módulo status.xml... Acionando suas saídas pelo protocolo http: Para acionar alguma saída do módulo sua página deverá somente enviar um comando POST para o módulo conforme podemos ver através do item de MENU da sua página principal Processamento de Formulários ou no exemplo a baixo: Exemplo de comando POST para acionar qualquer saída: ms1122 v3.0 procedimentos para o protocolo http.doc 6/4/ :57 Página: 13/13

TABLELESS E PROJETO ESTRUTURAL

TABLELESS E PROJETO ESTRUTURAL Barra Lateral 1 Barra Lateral 2 Barra Lateral 2 Barra Lateral Barra Lateral DISCIPLINA: FUNDAMENTOS E TECNOLOGIA EM WEB Professora: Adriana Silva TABLELESS E PROJETO ESTRUTURAL O termo TABLELESS refere-se

Leia mais

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem

Leia mais

José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript. EmpregoWeb-Registo de pessoas

José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript. EmpregoWeb-Registo de pessoas José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript EmpregoWeb-Registo de pessoas Elabore um sítio Web de nome EmpregoWeb, recorrendo à linguagem HTML utilizando folhas de estilos (CCS) que registe

Leia mais

Aula 4 Modelo CSS. Efeito cascata. Ordem em cascata. Declarações normais e importantes. Exemplo. Especificidade de um seletor 30/08/2013

Aula 4 Modelo CSS. Efeito cascata. Ordem em cascata. Declarações normais e importantes. Exemplo. Especificidade de um seletor 30/08/2013 Efeito cascata Aula 4 Modelo CSS Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Fontes das folhas de estilo Autor Usuário Agente do usuário

Leia mais

#Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio samus@samus.com.

#Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio samus@samus.com. #Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Apresentar os conceitos de utilização do CSS, Sintaxe, Seletores

Leia mais

CSS Cascading Style Sheets Folhas de Estilo em Cascata

CSS Cascading Style Sheets Folhas de Estilo em Cascata CSS Cascading Style Sheets Folhas de Estilo em Cascata Conjunto de instruções que controla a aparência de uma página Web 1. Regra CSS seletor { propriedade1: valor; propriedade2: valor; 2. Aplicação 2.1

Leia mais

CSS. Sérgio Nunes. Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2012/13

CSS. Sérgio Nunes. Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2012/13 CSS Sérgio Nunes Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2012/13 1 Objetivos Conhecer as origens e os objetivos da linguagem CSS. Conhecer a estrutura base de uma regra CSS. Compreender

Leia mais

CSS -Cascading Style Sheets - Introdução

CSS -Cascading Style Sheets - Introdução CSS -Cascading Style Sheets - Introdução Como surgiu a tecnologia CSS? De início, a linguagem HTML foi criada para a construção de páginas Web, que exibiam apenas documentos científicos. Com a evolução

Leia mais

Compêndio códigos. {css}

Compêndio códigos. {css} Compêndio códigos {css} ADVERTÊNCIA: A que se segue é apenas uma lista com as propriedades de CSS, não pretende de modo algum ser um manual. Pressupõe, portanto, que já se saiba de antemão o signi cado

Leia mais

#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.

#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com. #Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver

Leia mais

Criando conta de usuário

Criando conta de usuário Criando conta de usuário 1- No menu a esquerda da tela.viewable { background-color:#ff6666;.creatable { background-color:#66ff66; #rightinfo{ padding: 10px; border: 1px solid; border-color: #CCCCCC; background-color:#ffffff;.form{

Leia mais

neste tutorial, iremos abordar as folhas de estilo em cascata, mais conhecidas como cascading style sheets. por que usar css?

neste tutorial, iremos abordar as folhas de estilo em cascata, mais conhecidas como cascading style sheets. por que usar css? neste tutorial, iremos abordar as folhas de estilo em cascata, mais conhecidas como cascading style sheets. por que usar css? O html inclui uma tag para praticamente todos os elementos de design comumente

Leia mais

CSS (Style Sheets - Folhas de Estilo)

CSS (Style Sheets - Folhas de Estilo) Anuncie nesse espaço da Aprendendo HomePage, clique aqui e veja como e porque. CSS (Style Sheets - Folhas de Estilo) CSS é a mesma coisa que Style Sheets e que Folhas de Estilo. Vc já deve ter visto esses

Leia mais

Cada estilo que você cria é definido como uma regra CSS. Cada regra deve utilizar a seguinte sintaxe:

Cada estilo que você cria é definido como uma regra CSS. Cada regra deve utilizar a seguinte sintaxe: 48 10. CSS 10.1 O que é CSS? CSS é a mesma coisa que Style Sheets e que Folhas de Estilo. Você já deve ter visto esses nomes em vários lugares. CSS é mais uma forma de aperfeiçoar seus documentos, o CSS

Leia mais

Desenvolvida exclusivamente para o Apostilando.com por Marcos Paulo Furlan

Desenvolvida exclusivamente para o Apostilando.com por Marcos Paulo Furlan Desenvolvida exclusivamente para o Apostilando.com por Marcos Paulo Furlan ÍNDICE ÍNDICE... 2 JQUERY... 3 BIBLIOTECA JQUERY... 3 01 PRIMEIRO EXEMPLO... 4 02 SLIDESHOW COM JQUERY... 6 03 JANELA MODAL...

Leia mais

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO. I. Ementa HTML e XHTML, de estrutura e marcação utilizados na sua composição; CSS.

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO. I. Ementa HTML e XHTML, de estrutura e marcação utilizados na sua composição; CSS. UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO Instituto de Ciências Exatas e Tecnologia Curso: Ciência da Computação e Sistemas de Informação Série: 1º semestre Disciplina: Programação de Computadores

Leia mais

PHP: Cookies e Sessões

PHP: Cookies e Sessões PHP: Cookies e Sessões Programação de Servidores Marx Gomes Van der Linden Protocolo HTTP O protocolo HTTP não tem conceito de sessões. Modelo simples de Requisição e Resposta. http://marx.vanderlinden.com.br/

Leia mais

APOSTILA DE PROGRAMAÇÃO WEB

APOSTILA DE PROGRAMAÇÃO WEB Programação Web - CSS 1 PROFESSOR LUIS NÍCOLAS DE AMORIM TRIGO APOSTILA DE PROGRAMAÇÃO WEB CSS CASCADING STYLE SHEETS (FOLHAS DE ESTILO EM CASCATA) Programação Web - CSS 2 INTRODUÇÃO CSS, também conhecido

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 6 PHP: Include, Require, Variáveis de ambiente Prof. Teresinha Letícia da Silva leticiasfw@yahoo.com.br Inclusão de arquivos com Include e Require no PHP Uma técnica muito

Leia mais

<link rel=stylesheet type=text/css href=imagens.css /> Este código é responsável pela visualização html. exibição de Imagens

Leia mais

Programando com ASP.NET MVC. Aprenda a desenvolver aplicações web utilizando a arquitetura MVC. Alfredo Lotar. Novatec

Programando com ASP.NET MVC. Aprenda a desenvolver aplicações web utilizando a arquitetura MVC. Alfredo Lotar. Novatec Programando com ASP.NET MVC Aprenda a desenvolver aplicações web utilizando a arquitetura MVC Alfredo Lotar Novatec Copyright 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela

Leia mais

Capítulo 4. Programação em ASP

Capítulo 4. Programação em ASP Índice: CAPÍTULO 4. PROGRAMAÇÃO EM ASP...2 4.1 REGISTRAR...2 4.1.1 Códigos para configuração do objeto...2 4.1.2 Formulário para transferir dados da impressão digital...3 4.1.3 Código Javascript para registro

Leia mais

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO Instituto de Ciências Exatas e Tecnologia Curso: Ciência da Computação e Sistemas de Informação Série: 1º semestre Disciplina: Laboratório de Práticas

Leia mais

Aula 5 Cabeçalhos, Imagens e Links

Aula 5 Cabeçalhos, Imagens e Links Roteiro Aula 5 Cabeçalhos, Imagens e Links Efeitos em cabeçalhos Imagens e CSS Links Curso: Técnico em Informática / 2º Módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Efeitos

Leia mais

#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br

#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #O que é Web Standards? São padrões de desenvolvimento web recomendados pela W3C que visam a implementação de

Leia mais

Erwin Alexander Uhlmann www.institutosiegen.com.br - 15/02/08-1. Desenvolvimento de WEB I HTML Volume 2 Erwin Alexander Uhlmann

Erwin Alexander Uhlmann www.institutosiegen.com.br - 15/02/08-1. Desenvolvimento de WEB I HTML Volume 2 Erwin Alexander Uhlmann Erwin Alexander Uhlmann www.institutosiegen.com.br - 15/02/08-1 Desenvolvimento de WEB I HTML Volume 2 Erwin Alexander Uhlmann Erwin Alexander Uhlmann www.institutosiegen.com.br - 15/02/08-2 Sumário Behaviors

Leia mais

Introdução à Cascading Style Sheets

Introdução à Cascading Style Sheets Estilo e Produtividade para Websites OVERVIEW História e Significado Por que usar? Como usar? Orientações ao Desenvolvedor O que é CSS? O que é CSS? Cascading Style sheets" ou "Folhas de Estilo Encadeadas

Leia mais

Observações importantes:

Observações importantes: Fundação CECIERJ - Vice Presidência de Educação Superior a Distância Curso de Tecnologia em Sistemas de Computação Disciplina Criação de Páginas de WEB AD1 1 semestre de 2014. Observações importantes:

Leia mais

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor

Leia mais

O que é Ajax? Asynchronous JavaScript and XML (JavaScript Assíncrono e XML)

O que é Ajax? Asynchronous JavaScript and XML (JavaScript Assíncrono e XML) Ajax O que é Ajax? Asynchronous JavaScript and XML (JavaScript Assíncrono e XML) É uma técnica para criar páginas web fáceis e dinâmicas; Permite que páginas web sejam atualizadas de forma assíncrona através

Leia mais

RODRIGO C. REQUIÃO. WEBSITE VITRINE PARA A EMPRESA BUFFET GULLA.

RODRIGO C. REQUIÃO. WEBSITE VITRINE PARA A EMPRESA BUFFET GULLA. RODRIGO C. REQUIÃO. WEBSITE VITRINE PARA A EMPRESA BUFFET GULLA. Dom Pedrito 2014 RODRIGO C. REQUIÃO. WEBSITE VITRINE PARA A EMPRESA BUFFET GULLA. Trabalho de conclusão de curso apresentado à QWERTY Escola

Leia mais

Desenvolvimento Web Protocolos da Internet

Desenvolvimento Web Protocolos da Internet Instituto Federal de Educação Ciência e Tecnologia Campus Currais Novos Desenvolvimento Web Protocolos da Internet Professor: Bruno E. G. Gomes Currais Novos, 2013 Introdução Histórico da Internet Cliente

Leia mais

Introdução às Folhas de Estilo

Introdução às Folhas de Estilo Introdução às Folhas de Estilo Folhas de Estilo Cascading Style Sheets (CSS). Separa aparência e estrutura do documento. Permite maior controle sobre a apresentação das páginas Margens Tamanho / tipo de

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interativas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

Programação para Internet Flávio de Oliveira Silva, M.Sc.

Programação para Internet Flávio de Oliveira Silva, M.Sc. INTERNET Grande conjunto de redes de computadores interligadas pelo mundo. Começou como uma rede interligando Universidades no E.U.A A partir de 1993 a Internet começou a ser explorada comercialmente.

Leia mais

EXEMPLO. h1 {font-family: arial, verdana, sans-serif;} h2 {font-family: "Times New Roman", serif;}

EXEMPLO. h1 {font-family: arial, verdana, sans-serif;} h2 {font-family: Times New Roman, serif;} Fontes A propriedade font-family é usada para definir uma lista de fontes e sua prioridade para apresentação de um elemento em uma página. Se a primeira fonte da lista não estiver instalada na máquina

Leia mais

PLANNER CONSULTORIA E SISTEMAS

PLANNER CONSULTORIA E SISTEMAS Índice Adicionando a tag HTML em seu site Pág. 1 Customização da aparência da tag HTML Pág. 2 Passando valores para os campos do formulário do cliente no P-Atendimento Pág. 2 Passando valores dinâmicos

Leia mais

Programação de Servidores CST Redes de Computadores. Marx Gomes Van der Linden

Programação de Servidores CST Redes de Computadores. Marx Gomes Van der Linden Programação de Servidores CST Redes de Computadores Marx Gomes Van der Linden Programação de Servidores Aplicações cliente/servidor para web. Fundamentos de HTML+CSS. Linguagem de programação de servidor:

Leia mais

Observações importantes:

Observações importantes: Fundação CECIERJ - Vice Presidência de Educação Superior a Distância Curso de Tecnologia em Sistemas de Computação Disciplina Criação de Páginas de WEB Gabarito AD1 2 semestre de 2014. Observações importantes:

Leia mais

Cookies e sessões. HTTP é um protocolo que não mantém estado, isto é não tem memória.

Cookies e sessões. HTTP é um protocolo que não mantém estado, isto é não tem memória. Cookies e sessões HTTP é um protocolo que não mantém estado, isto é não tem memória. Cada pedido que um browser faz ao servidor web é independente do pedido anterior. Muitas aplicações necessitam de manter

Leia mais

FACULDADE PARAÍSO DO CEARÁ Jonas Pinto Esteves CRIANDO APLICAÇÕES WEB RESPONSIVAS COM INTERFACE HTML5 VOLTADAS PARA DISPOSITIVOS MOBILE

FACULDADE PARAÍSO DO CEARÁ Jonas Pinto Esteves CRIANDO APLICAÇÕES WEB RESPONSIVAS COM INTERFACE HTML5 VOLTADAS PARA DISPOSITIVOS MOBILE FACULDADE PARAÍSO DO CEARÁ Jonas Pinto Esteves CRIANDO APLICAÇÕES WEB RESPONSIVAS COM INTERFACE HTML5 VOLTADAS PARA DISPOSITIVOS MOBILE Juazeiro do Norte CE 2012 Jonas Pinto Esteves CRIANDO APLICAÇÕES

Leia mais

APLICAÇÕES E SERVIÇOS WEB

APLICAÇÕES E SERVIÇOS WEB http://tutorials.jenkov.com/web-services/message-formats.html APLICAÇÕES E SERVIÇOS WEB Laboratórios de Informática 2014-2015 João Paulo Barraca, André Zúquete, Diogo Gomes Aplicações WEB A maioria de

Leia mais

rumo ao HTTP 2.0 o que vem por aí e o que você pode utilizar já com SPDY

rumo ao HTTP 2.0 o que vem por aí e o que você pode utilizar já com SPDY rumo ao HTTP 2.0 o que vem por aí e o que você pode utilizar já com SPDY Luiz Corte Real @srsaude Sérgio Lopes @sergio_caelum m a ç n la to n e review HTTP em 5 slides $ telnet www.caelum.com.br 80 Trying

Leia mais

Input de dados a partir de formulários HTML

Input de dados a partir de formulários HTML Input de dados a partir de formulários HTML Entrada (input) de dados do utilizador é feito através de uma : tabuada tabuada dos:

Leia mais

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar

Leia mais

Web Design: Responsivo e Adaptativo. Lara Popov Zambiasi Bazzi Oberderfer

Web Design: Responsivo e Adaptativo. Lara Popov Zambiasi Bazzi Oberderfer Web Design: Responsivo e Adaptativo Lara Popov Zambiasi Bazzi Oberderfer 1 # Construindo Layouts Tableless Layouts tableless são layouts ou páginas web construídas e estruturadas sem o uso das antigas

Leia mais

Tecnologias para Web Design

Tecnologias para Web Design Tecnologias para Web Design CSS Folhas de estilo em cascata ÿ CSS Cascading Style Sheets ÿ Linguagem para definir atributos de estilo dos elementos da linguagem HTML ÿ CSS é uma linguagem independente

Leia mais

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Tag para inserir imagens e HTML O modelo CSS Noções fundamentais e funcionamento do CSS Incluindo estilos em uma página Sintaxe

Leia mais

CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata

CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS é uma linguagem para estilos (formatação) que define o layout de documentos HTML. CSS controla fontes, cores, margens,

Leia mais

Mudança de formatos no HTML. CSS - Cascading Style Sheets. A prioridade para o efeito cascata. A prioridade para o efeito cascata

Mudança de formatos no HTML. CSS - Cascading Style Sheets. A prioridade para o efeito cascata. A prioridade para o efeito cascata Mudança de formatos no HTML título CSS - Cascading Style Sheets e os problemas do HTML Para mudar a cor de uma única linha de uma página seria relativamente fácil.

Leia mais

28 de dezembro de 2003

28 de dezembro de 2003 Padrões Web e Tableless Marcelo Toledo 28 de dezembro de 2003 O HTML, HyperText Markup Language ou Linguagem de Marcação HiperTexto, foi criado para marcar um texto através

Leia mais

Ele vai localizar este código, substitua então o The Beat Was Goin' Strong pelo nome do seu tumblr.

Ele vai localizar este código, substitua então o The Beat Was Goin' Strong pelo nome do seu tumblr. Então gente, há alguns dias, disponibilizei meu theme antigo, o primeiro feito por mim, e eu não coloquei appearance nele, e quem não tem conhecimento de html fica meio tenso de editar. Então, ao invés

Leia mais

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. Ajax

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. Ajax Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Universidade Federal do Espírito Santo CCA UFES Ajax Desenvolvimento de Sistemas para WEB Site: http://jeiks.net

Leia mais

Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar

Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar tabelas (tableless), e utilizando muito . Para continuar lendo esse post,

Leia mais

Tópicos de Ambiente Web Conceitos Fundamentais Redes de Dados

Tópicos de Ambiente Web Conceitos Fundamentais Redes de Dados Tópicos de Ambiente Web Conceitos Fundamentais Redes de Dados Professora: Sheila Cáceres Computador Dispositivo eletrônico usado para processar guardar e tornar acessível informação. Tópicos de Ambiente

Leia mais

Técnicas e processos de produção. Profº Ritielle Souza

Técnicas e processos de produção. Profº Ritielle Souza Técnicas e processos de produção Profº Ritielle Souza Ferramentas Programáveis Mensagem para mais de um destinatário FALE CONOSCO Definindo

Leia mais

Desenvolvimento Web Histórico da Internet e Protocolos

Desenvolvimento Web Histórico da Internet e Protocolos Instituto Federal de Educação, Ciência e Tecnologia Desenvolvimento Web Histórico da Internet e Protocolos Professor: Bruno E. G. Gomes 2014 Introdução Histórico da Internet Cliente e servidor Introdução

Leia mais

Compêndio códigos.

Compêndio códigos. <html> Compêndio códigos ADVERTÊNCIA: A que se segue é apenas uma lista com as tags de HTML e os seus possíveis atributos, não pretende de modo algum ser um manual. Pressupõe, portanto, que já se saiba

Leia mais

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para a Internet II 2.13. PHP AJAX Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Ajax não é uma tecnologia! É um conceito! Consiste no uso do objecto XMLHttpRequest que se encontra implementado

Leia mais

Web Design Aula 15: Conhecendo CSS

Web Design Aula 15: Conhecendo CSS Web Design Aula 15: Conhecendo CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Agrupando Seletores Herança Comentários Exercício Adicionando Classes Validação Propriedades Agrupando

Leia mais

Exemplo de uso correto da semântica HTML

<!DOCTYPE html> <html lang = pt-br> <head> <meta charset = UTF-8> <title> Exemplo de uso correto da semântica HTML </title> </ head > Para um navegador exibir corretamente uma página web, devemos informar explicitamente o tipo do documento. O tipo do documento é informado com a declaração . TAG

Leia mais

Redes de Computadores Grupo de Redes de Computadores

Redes de Computadores Grupo de Redes de Computadores Redes de Computadores Grupo de Redes de Computadores HTTP HyperText Transport Protocol Introdução ao protocolo HTTP Origem Definido na iniciativa da WWW HTML e HTTP Modelo cliente servidor Protocolo sem

Leia mais

AJAX é baseado nos seguintes padrões WEB: JavaScript, XML, HTML, CSS.

AJAX é baseado nos seguintes padrões WEB: JavaScript, XML, HTML, CSS. AJAX AJAX é acrônimo de Asynchronous JavaScript And XML. É um tipo de programação que se tornou popular in 2005 pela Google (com Google Suggest). AJAX não é uma nova linguagem de programação, mas uma nova

Leia mais

CGI - http://pt.wikipedia.org/wiki/cgi HTML - http://pt.wikipedia.org/wiki/html CSS - http://pt.wikipedia.org/wiki/cascading_style_sheets

CGI - http://pt.wikipedia.org/wiki/cgi HTML - http://pt.wikipedia.org/wiki/html CSS - http://pt.wikipedia.org/wiki/cascading_style_sheets Lazarus e CGI: Criando uma janela de login - Parte 2. Silvio Clécio - 19/07/2010 Dando continuidade ao artigo anterior, neste iremos aprender como criar uma janela de login no Lazarus, usando um projeto

Leia mais

Unidade 5: Posicionamento com CSS E outras Técnicas Avançadas Prof. Daniel Caetano

Unidade 5: Posicionamento com CSS E outras Técnicas Avançadas Prof. Daniel Caetano Programação para Internet Rica 1 Unidade 5: Posicionamento com CSS E outras Técnicas Avançadas Prof. Daniel Caetano Objetivo: Apresentar recursos adicionais do CSS e como usá-lo para a construção de layout

Leia mais

Web Design Aula 13: Introdução a CSS

Web Design Aula 13: Introdução a CSS Web Design Aula 13: Introdução a CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Você lembra que HTML e XHTML são linguagens de marcação? Para organizar melhor o visual das páginas

Leia mais

Retrocomputação : do passado para o presente. Daniel Bauermann dbauermann@uol.com.br

Retrocomputação : do passado para o presente. Daniel Bauermann dbauermann@uol.com.br Retrocomputação : do passado para o presente Daniel Bauermann dbauermann@uol.com.br Agenda Retrocomputação Exemplos 712/60 Retrocomputação Da origem... Retro (latim) por detrás, atrás; (fig.) recuando,

Leia mais

HTML & CSS. Informática / LECA. Marco Costa. Departamento de Ciência de Computadores Faculdade de Ciências, Universidade do Porto 2005 / 06

HTML & CSS. Informática / LECA. Marco Costa. Departamento de Ciência de Computadores Faculdade de Ciências, Universidade do Porto 2005 / 06 HTML & CSS Informática / LECA Marco Costa Departamento de Ciência de Computadores Faculdade de Ciências, Universidade do Porto 2005 / 06 Marco Costa (DCC / FCUP) HTML & CSS 2005 / 06 1 / 157 Conteúdo Conteúdo

Leia mais

Requerimentos de Sistema do Cisco WebEx Meetings Server

Requerimentos de Sistema do Cisco WebEx Meetings Server Primeira publicação: 21 de outubro de 2012 Última modificação: 21 de outubro de 2012 Americas Headquarters Cisco Systems, Inc. 170 West Tasman Drive San Jose, CA 95134-1706 USA http://www.cisco.com Tel:

Leia mais

Edição de Setembro. Validação formulários com PHP. ... revistamensal de programação Open Source

Edição de Setembro. Validação formulários com PHP. ... revistamensal de programação Open Source Edição de Setembro... revistamensal de programação Open Source Apresentação Quem somos Submeter Pesquisar Serviços Contactos Artigo 4 / 58 Selecione o artigo pretendido Validação formulários com PHP Artigos

Leia mais

18/2013- REITORIA/IFRN

18/2013- REITORIA/IFRN P 27 Caderno de Provas WEB DESIGN Edital nº 18/2013- REITORIA/IFRN 26 de janeiro de 2014 INSTRUÇÕES GERAIS PARA A REALIZAÇÃO DA PROVA Use apenas caneta esferográfica azul ou preta. Escreva o seu nome completo

Leia mais

Colégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa

Colégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Colégio da Policia Militar do Estado do Tocantins HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Formulários Avançando no HTML e CSS Nesta aula vamos aprender como criar uma página de contato

Leia mais

<font> <DIV style= font-family: verdana; font-size: 15px;font-weight: bold; color: #FF0000; ></DIV> stylediv

Leia mais

Serviços: API REST. URL - Recurso

Serviços: API REST. URL - Recurso Serviços: API REST URL - Recurso URLs reflectem recursos Cada entidade principal deve corresponder a um recurso Cada recurso deve ter um único URL Os URLs referem em geral substantivos URLs podem reflectir

Leia mais

Manual de Utilizador e Administrador DigitalRM InstoreMedia 1.0

Manual de Utilizador e Administrador DigitalRM InstoreMedia 1.0 Manual de Utilizador e Administrador DigitalRM InstoreMedia 1.0 Direitos Reservados ABSS-Broadcast Lda 2008. Portugal: Rua do Comércio 58, 3º Sala 5, 3510-110 Viseu Tel: +351 232431249 Fax: +351 213519134

Leia mais

Validação de formulários utilizando Javascript

Validação de formulários utilizando Javascript Validação de formulários utilizando Javascript A validação de formulários é um dos usos mais comuns na programação Javascript. A validação de dados por meio da programação Javascript é muito fácil e rápida

Leia mais

MICROCAT PARA HYUNDAI INSTRUÇÕES PARA INSTALAÇÃO

MICROCAT PARA HYUNDAI INSTRUÇÕES PARA INSTALAÇÃO MICROCAT PARA HYUNDAI INSTRUÇÕES PARA INSTALAÇÃO O Microcat pode ser instalado para operar independentemente ou num ambiente de rede. As instalações do Microcat necessitam que um dongle (chave de segurança

Leia mais

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Recursos avançados com CSS Uma vez entendido o uso básico e treinado muito, chegou

Leia mais

TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD

TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Compreender a sintaxe utilizada em Folhas de Estilos em Cascata, seu uso e limitações. Apresentar as principais características das

Leia mais

CA Agile Vision. Guia de Integração do Agile Vision

CA Agile Vision. Guia de Integração do Agile Vision CA Agile Vision Guia de Integração do Agile Vision Spring 2010 Esta documentação e qualquer programa de computador relacionado (mencionados como parte que se segue como a "Documentação") destinam-se apenas

Leia mais

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,

Leia mais

CSS Luciano Otávio de Assis CSS

CSS Luciano Otávio de Assis CSS CSS O HTML tem suas limitações quando se tratar de se construir layout. É certo, você tem seis diferentes tipos s títulos e de 6 diferentes tamanhos de fontes. Quando você trabalha com tabelas, você tem

Leia mais

Aulas Práticas. Implementação de um Proxy HTTP. O que é um proxy?

Aulas Práticas. Implementação de um Proxy HTTP. O que é um proxy? Redes de Computadores Aulas Práticas Implementação de um Proxy HTTP Material de suporte às aulas de Redes de Computadores Copyright DI FCT/UNL / 1 O que é um proxy? Genericamente é um processo que actua

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interactivas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

NOVO SISTEMA DE CORREIO ELETRONICO PARA OS DOMINIOS ic.uff.br & dcc.ic.uff.br

NOVO SISTEMA DE CORREIO ELETRONICO PARA OS DOMINIOS ic.uff.br & dcc.ic.uff.br NOVO SISTEMA DE CORREIO ELETRONICO PARA OS DOMINIOS ic.uff.br & dcc.ic.uff.br A partir de 28/07/2004 (quarta-feira), ás 17:30 hs estaremos trocando nossos servidores de correio para ambos os domínios ic.uff.br

Leia mais

Aula 7 LISTAS E TABELAS. Curso: Técnico em Informática Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme

Aula 7 LISTAS E TABELAS. Curso: Técnico em Informática Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Aula 7 LISTAS E TABELAS Curso: Técnico em Informática Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Listas Prover mecanismos para listar informações Devem conter um ou mais itens Elementos

Leia mais

Programação para Internet I. 2. O protocolo HTTP. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Programação para Internet I. 2. O protocolo HTTP. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para Internet I 2. O protocolo HTTP Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Protocolos Conjunto de regras que define o modo como aplicações informáticas comunicam entre si. Permite

Leia mais

@sergio_caelum sergiolopes.org

@sergio_caelum sergiolopes.org HTTP/2 @sergio_caelum sergiolopes.org review HTTP em 5 slides $ telnet www.caelum.com.br 80 Trying 64.233.171.121... Connected to ghs.googlehosted.com. Escape character is '^]'. GET / HTTP/1.1 Host: www.caelum.com.br

Leia mais

CSS#:#Cascading#Style#Sheets#

CSS#:#Cascading#Style#Sheets# CSS#:#Cascading#Style#Sheets# Composição#Web# # Engenharia#Informá=ca#/#Informá=ca#Web#2014/15# Artur%M.%Arsénio% Style#Sheets# #Folhas#de#Es=los# CSS#(Cascading#Style%Sheet% %ou%folhas%de%es6los% encadeados)%é#um#conjunto#de#regras#de#formatação#que#

Leia mais

HTML. (Hypertext Markup Language Linguagem de Marcação de Hipertexto)

HTML. (Hypertext Markup Language Linguagem de Marcação de Hipertexto) HTML (Hypertext Markup Language Linguagem de Marcação de Hipertexto) CSS - Cascading Style Sheets CSS serve para definir propriedades de apresentação/formatação a aplicar em tags HTML. A sua utilização

Leia mais

Java Enterprise Edition. by Antonio Rodrigues Carvalho Neto

Java Enterprise Edition. by Antonio Rodrigues Carvalho Neto Java Enterprise Edition by Antonio Rodrigues Carvalho Neto Enterprise Edition Architecture O que é Java Enterprise Edition? Java EE é uma plataforma que reune diversas especificações relacionadas a computação

Leia mais

AJAX no GASweb. Mas e afinal, para que usamos o AJAX?

AJAX no GASweb. Mas e afinal, para que usamos o AJAX? Nível - Avançado AJAX no GASweb Por: Pablo Hadler AJAX (Asynchronous Javascript and XML) foi criado com o princípio de ser uma maneira rápida e otimizada de podermos fazer requisições Web, sendo esta totalmente

Leia mais

Computação na Internet HTML&CSS - Exercícios. Dicas para criação de conteúdos em HTML

Computação na Internet HTML&CSS - Exercícios. Dicas para criação de conteúdos em HTML Dicas para criação de conteúdos em HTML Apresentam-se de seguida algumas dicas para autores de conteúdos em HTML. Ao utilizar estas dicas, a manutenção das páginas ficará facilitada, ficarão mais apresentáveis

Leia mais

Home Page da Estação Automática do IF-SC

Home Page da Estação Automática do IF-SC Home Page da Estação Automática do IF-SC Ana Paula Jorge Fraga Email: anaa_fraga@hotmail.com Artur da Silva Querino E-mail: arturquerino@gmail.com Kathilça Lopes de Souza E-mail: kathii16@hotmail.com Rayana

Leia mais

Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo.

Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Como defino e escrevo uma classe? Classe é um seletor

Leia mais

COBRANÇA SITE. Instruções de Instalação e Utilização. Manual Técnico do Desenvolvedor. Segunda via do Bloqueto Digital

COBRANÇA SITE. Instruções de Instalação e Utilização. Manual Técnico do Desenvolvedor. Segunda via do Bloqueto Digital COBRANÇA SITE Instruções de Instalação e Utilização Manual Técnico do Desenvolvedor Segunda via do Bloqueto Digital Índice 1. INFORMAÇÕES TÉCNICAS - Windows... 3 1.1 URL DA 2A VIA DO BLOQUETO DIGITAL...

Leia mais

foi desenvolvida... para criar animações, manipular eventos e desenvolver aplicações AJAX

foi desenvolvida... para criar animações, manipular eventos e desenvolver aplicações AJAX foi desenvolvida... para criar animações, manipular eventos e desenvolver aplicações AJAX é uma biblioteca Java Script crossbrowser desenvolvida para simplificar os scripts que interagem com a linguagem

Leia mais

Prof. Erwin Alexander Uhlmann 1/7/2010

Prof. Erwin Alexander Uhlmann 1/7/2010 HTML 5 O html 5 é a nova versão do html 4. Foi desenvolvido para a interoperabilidade e padronização de plataformas e navegadores (motores). Compare as estruturas do html4 e do 5, abaixo: HTML 4 HTML 5

Leia mais

Utilizando as CSS Styles no Flash MX 2004

Utilizando as CSS Styles no Flash MX 2004 Utilizando as CSS Styles no Flash MX 2004 Uma nova funcionalidade do Flash MX 2004, é a habilidade de se poder importar informação CSS (Cascading Style Sheets) a partir de um ficheiro de texto. Em vez

Leia mais