Pronto Atps - Ferramentas de Sistema Web..

UNIVERSIDADE ANHANGUERA - UNIDERP
TECNOLOGIA EM ANLISE DE DESENVOLVIMENTO DE SISTEMAS

FERRAMENTAS PARA SISTEMAS WEB

TUTOR A DISTNCIA JOO ALEXANDRE BALDOVINOTTI
ANDERSON JOEL PORTES 6579314013
DOUGLAS LUIS CALZA 6814008743
DOUGLAS ALVES DOS SANTOS - 6782379057

PASSO FUNDO/RS
2013
RELATRIO DE ANLISE E LAYOUT
RESUMO DO ARTIGO: COMO FUNCIONA A INTERNET

A internet existe h poucas dcadas mas viver sem ela inevitvel, cada vez mais a
mais dispositivos para interagir tendo para funcionar dois componentes principais o Hardware
e Protocolos, juntos criam a rede e podem ser estticos e perifricos assim tendo o mtodo e a
lngua comum que as maquinas usam para transmitir dados.
possvel at que voc no saiba que se tratam apesar de us-los todos os dias. Por
exemplo, protocolo de transferncia de hipertexto o que usamos para ver sites no navegador
sendo isso o HTTP na frente de qualquer endereo webmas os mais importantes so o
protocolo de controle de transmisso (TCP) e o protocolo de internet (IP) sendo eles que
estabelecem as regras de como a informao passa pela internet atingindo os servidores de
nomes de domnio (DNS) pois ele aponta a requisio na direo certa o servidor alvo
recebera a requisio ele pode enviar uma resposta ao computador do usurio tendo uma
abordagem flexvel para transferir dados tornando a internet uma ferramenta poderosa, ai
temos tambm o termo chamado de endereo IP que se baseia em um endereo de 32 bits
(IPV4) e 128 bits (IPV6).
Em poucas palavras compreendemos o funcionamento da internet mais de perto com
seus vrios complementos que assim fica mais complexa.

LISTA DOS SITESDE LOJAS DE INFORMTICA VISITADOS:
A seguir, a lista dos sites visitados pelos componentes do grupo para verificar a forma
de modelagem e layout:
http://www.lmrs.com.br/
http://www.techclube.com.br/
http://www.kalunga.com.br/
http://www.lognetinfo.com.br/
http://domicro.com.br/
http://www.xmaster.com.br/
http://www.duotech.inf.br/
http://www.fgtec.com.br/

LAYOUT DO SITEUTILIZANDO O SOFTWARE MOCKINGBIRD
A seguir ser demonstrado o layout de cada pgina, utilizando o software
MOCKINGBIRD:
Pgina principal:

Produtos:

Histrico da empresa:

Dicas e curiosidades:

Localizao:

Contato:

RELATRIO DE DESENVOLVIMENTO
A seguir, sero demonstradas todas as pginas do site desenvolvido pelo grupo,
juntamente com o seu respectivo cdigo fonte.
A estrutura do relatrio ir funcionar da seguinte forma, primeiramente ser
demonstrado um PRINTSCREEN da pgina completa, em seguida ser demonstrado por parte
do cdigoHTML e sua principal funo na pgina, visando assim facilitar o entendimento.

PGINA PRINCIPAL/ INDEX

A imagem acima, se refere a pgina principal do site. Est pgina consiste em:um
logotipo em formato de imagem, banner animado para demonstrar os destaques das
promoes e uma barra de menus superior, onde se localizam os botes com links para as
outras pginas. Agora vamos explicar os cdigos fontes e suas respectivas funes na pgina.

CDIGO FONTE:

<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content=
"HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org" />
<title>DSI - Informática</title>
<script language="JavaScript" type="text/javascript">
//<![CDATA[
if (screen.width>= "1024") {
window.resizeTo(1024, 768);
}
if (screen.width == "800") {
}
if (screen.width<= "800") {
}
//]]>
</script>
</head>
<frameset rows="28%,6%,80%" frameborder="0">
<frame src="logo.html" name="sup" scrolling="no" marginwidth="0" marginheight="0" />
<frame src="dsi.html" name="meio" scrolling="no" marginwidth="0" marginheight="0" />
<frame src="tudo.html" name="baixo" scrolling="yes" marginwidth="0" marginheight="0"
/>
<noframes>
<body>
</body>
</noframes>
</frameset>
</html>

PGINA PRINCIPAL - LOGOTIPO

CDIGO FONTE:
<html>
<head>
<meta name="generator"
content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-
html5/tree/c63cc39" />
<title>DSI - Informtica</title>
</head>

<body background="pro/topo.gif" />

<table border="0" align="center" scrolling="no" CELLSPACING="0" WIDTH="60%">
<tr>
<td><img height="180" width="850" src="pro/logdsi.gif" /></td>
</tr>
</table>
</body>
</html>>
PGINA PRINCIPAL- MENUS

CDIGO FONTE:
<html>
<head>

<script language="JavaScript" type="text/javascript">
if (screen.width>= "1024") {
}
if (screen.width == "800") {
}
if (screen.width<= "800") {
}
</script>
<FRAMESET ROWS="28%,6%,80%" FRAMEBORDER="0">
<FRAME SRC="logo.html" name="sup" SCROLLING="NO" marginwidth="0"
marginheight="0">
<FRAME SRC="dsi.html" name="meio" SCROLLING="NO" marginwidth="0"
marginheight="0">
<frame src="tudo.html" NAME="baixo" SCROLLING="yes" marginwidth="0"
marginheight="0">
</FRAMESET>
</head>
<body>
</body>
</html>

PGINA PRINCIPAL - BANNER ANIMADO

CDIGO FONTE:
<html>
<head>
<link rel="StyleSheet" href="dsi.css" type="text/css" />
</head>
<body>
<br />
<br />
<table align="center" border="0" cellspacing="0" WIDTH="60%">
<tr>
<tdcolspan="3">
<center>
<h2>Promoes</h2>
</center>
</td>
</tr>
<tr>
<td>
<center>
<img height="130" width="130" src="Novapasta2/not3.gif" />
<br />
<h5>NOTEBOOK PHILCO
<br />SLIM 14" 4GB/ 500GB/
<br />LINUX R$ 1550,00</h5>
</center>
</td>
<td>
<center>
<img height="130" width="130" src="Novapasta1/pc5.gif" />
<br />
<h5>PC HOME - SEMPRON
<br />145/ 2GBDDR3/ 500GB/
<br />FREEDOS R$ 999,00</h5>
</center>
</td>
<td>
<center>
<img height="130" width="130" src="pro/web.jpg" />
<br />
<h5>CAMERA IP WIRELESS
<br />CLOUD - DCS-930LZ
<br />D-LINK R$ 155,00</h5>
</center>
</td>
</tr>
<tr>
<td colspan="3">
<marquee scrolldelay="50">
<img height="150" width="150" src="pro/tab.jpg" />.
<img height="150" width="150" src="pro/aple.jpg" />.
<img height="150" width="150" src="pro/logo.gif" />.</marquee>
</td>
</tr>
<tr>
<td colspan="3">
<div align="center">ATPS FERRAMENTAS WEB COPYRIGHT 2013.</div>
</td>
</tr>
</table>
</body>
</html>

CDI GO CSS

A partir desta pgina foi implementado o uso de cdigo CSS, para ordenar a cor de
fundo, tipo e cor de fonte, sendo que so utilizados cinco tipos de configuraes dentro de um
nico de CSS, separando estas configuraes pelas TAGS H2 at H6.

body {
color: #000000;
font-family: arial; verdana;
font-size: 10pt;
background-color: #ffffff;

}
h4 {
color:#000000;
font-size: 11pt;
}
h3 {
font-weight: bold;
color#000000;
font-size: 10pt;
}
h5 {
font-weight: normal;
color:#000000;
font-size: 10pt;
}
h6 {
color: #000000;
font-size: 10pt;
margin:0px;
padding:2px 5px;
}
h2 {
font-style: normal;
color:#000000;
}
tr {
font-size: 10pt;
}
a:link { color:#000000; text-decoration: underline }
a:hover { color:#000000; text-decoration: none }
a:visited { color:#000000; text-decoration: underline }

PRINT SCREEN - PGINA PRODUTOS INICIAL

CDIGO FONTE:
<html>
<head>
<LINK REL="StyleSheet" HREF="dsi.css" TYPE="text/css">
</head>
<body>
<br />
<h2><marquee> Encontre o seu equipamento de preferncia no menu ao lado
!!</marquee></h2>
<table align="center" border="0" CELLSPACING="40" WIDTH="60%">
<tr>
<td><img height="80" width="80" src="pro/intel.gif" /></td>
<td><img height="80" width="80" src="pro/hp.gif" /></td>
<td><img height="80" width="80" src="pro/w8.gif" /></td>
<tr>
<td><img height="80" width="80" src="pro/giga.gif" /></td>
<td><img height="80" width="80" src="pro/amd.gif" /></td>
<td><img height="85" width="110" src="pro/of.gif" /></td>
<tr>
<td><img height="80" width="80" src="pro/nv.gif" /></td>
<td><img height="80" width="80" src="pro/ati.gif" /></td>
<td><img height="80" width="80" src="pro/dd.jpg" /></td>
<tr>
<td colspan="3"><div align="center">ATPS FERRAMENTAS WEB COPYRIGHT 2013.
</div></td>
</tr>
</table>
</body>
</html>
PGINA PRODUTOS - MENU LATERAL:

CDIGO FONTE MENU LATERAL
<html>
<head>
<title> DSI - Informtica</title>
<LINK REL="StyleSheet" HREF="dsii.css" TYPE="text/css">
</head>
<body Bgcolor="#00FFFF">
<table Bgcolor="#00FFFF" align="center" border="0" CELLSPACING="20">
<br/>
<br/>
<br/>
<br/>

<tr>
<td><h3><a href="pecas.html" target="dir">Peas</a></h3></td></tr>
<tr>
<td><h3><a href="pcs.html" target="dir">Computadores</a></h3></td></tr>
<tr>
<td><h3><a href="not.html" target="dir">Notebooks</a></h3></td></tr>
<tr>
<td><h3><a href="moni.html" target="dir">Monitores</a></h3></td></tr>
<tr>
<td><h3><a href="acess.html" target="dir">Acessrios</a></h3></td></tr>
<tr>
<td><h3><a href="monitor.html" target="dir"></a></h3></td>
</tr>
</table>
</body>
</html>

CDIGO CSS
Nesta pgina foi implementado o uso de cdigo CSS, para tipo e cor de fonte, sendo
que so utilizados dois tipos de configuraes dentro de um nico de CSS, separando estas
configuraes pelas TAGS H3 e H4.

body {
color: #000000;
font-size: 10pt;
background-color: #ffffff;

}
h4 {
color:#000000;
font-size: 11pt;
}
h3 {
font-weight: bold;
color#000000;
font-size: 10pt;
}
h5 {
font-weight: normal;
color:#000000;
font-size: 10pt;
}
h6 {
color: #000000;
font-size: 10pt;
margin:0px;
padding:2px 5px;
}
h2 {
font-style: normal;
color:#000000;
}
tr {
font-size: 10pt;
}
a:link { color:#000000; text-decoration: underline }
a:hover { color:#000000; text-decoration: none }
a:visited { color:#000000; text-decoration: underline }

PGINA PRODUTOS - PEAS

CDIGO FONTE
<html>
<head>

</head>

<body>

<table align="center" border="1" CELLSPACING="0">

<tralign="center"><h3>
<td> Produto </td>
<td> Descrio </td>
<td> Valor </td></h3></center>
</tr>
<tr><h5>
<td><imgheight="60" width="60" src="Novapasta/gabinete.gif"/></td>
<td><br> GABINETE COLETEK GAB 2T04-2121-35 GPI-200P U2IHA
PTO 2 BAIAS<br>Codigo: 24265<br> COLETEK </td>
<td> R$ 125,00 </td>
</tr>
<tr>
<td><img height="60" width="60" src="Novapasta/hd1.gif"/></td>
<td><br> HDD EXTERNO SEAGATE STBX500100 500GB USB 3.0<br>
Codigo: 23002<br> SEAGATE </td>
<td> R$ 335,00 </td>
</tr>
<tr>
<td><br> HDD SAMSUNG HN-M320MBB 320GB 5400RPM
(NOTE)<br>Codigo: 20483<br> SAMSUNG </td>
<td> R$ 280,00 </td>
</tr>
<tr>
<td><img height="60" width="60" src="Novapasta/leitor.gif"/></td>
<td><br> DVDRW SAMSUNG SH-224BB/BRDS 24X8X16X - SATA
PRETO <br>Codigo: 23351<br> SAMSUNG </td>
<td> R$ 110,80 </td>
</tr>
<tr>
<td><img height="60" width="60" src="Novapasta/leitor1.gif"/></td>
<td><br> LEITOR DE CARTAO EXTERNO MTEK CR803P USB
PTO<br>Codigo: 17872<br> MTEK </td>
<td> R$ 40,00 </td>
</tr>
<tr>
<td><img height="60" width="60" src="Novapasta/memo.gif"/></td>
<td><br> MEMORIA PATRIOT 2GB DDR3 1333MHZ<br>Codigo:
23445<br> PATRIOT </td>
<td> R$ 79,00 </td>
</tr>
<tr>
<td><imgheight="60" width="60" src="Novapasta/sd.gif"/></td>
<td><br> CARTAO DE MEMORIA SANDISK SD 64GB
MICRO+ADAPTADOR <br>Codigo: 23108 <br> SANDISK </td>
<td> R$ 310,00</td>
</tr>
</h5>
<tr>
</div></td>
</tr>
</table>
</body>
</html>

PGINA PRODUTOS - COMPUTADORES

CDIGO FONTE:

<html>>
<head>
content="HTML Tidy for HTML5 (experimental) for Windows
https://github.com/w3c/tidy-html5/tree/c63cc39" />
</head>
<body>
<td> Produto </td>
<td> Descrio </td>
</tr>
<tr><h5>
<td><imgheight="60" width="60" src="Novapasta/gabinete.gif"/></td>

<td><br> GABINETE COLETEK GAB 2T04-2121-35 GPI-200P U2IHA PTO 2
BAIAS<br>Codigo: 24265<br> COLETEK </td>
<td> R$ 125,00 </td>
</tr>
<tr>

<td><br> HDD EXTERNO SEAGATE STBX500100 500GB USB 3.0<br>
Codigo: 23002<br> SEAGATE </td>
<td> R$ 335,00 </td>
</tr>
<tr>
<td><br> HDD SAMSUNG HN-M320MBB 320GB 5400RPM (NOTE)<br>Codigo:
20483<br> SAMSUNG </td>
<td> R$ 280,00 </td>
</tr>
<tr>
<td><img height="60" width="60" src="Novapasta/leitor.gif"/></td>
<td><br> DVDRW SAMSUNG SH-224BB/BRDS 24X8X16X - SATA PRETO
<br>Codigo: 23351<br> SAMSUNG </td>
<td> R$ 110,80 </td>
</tr>
<tr>
<td><img height="60" width="60" src="Novapasta/leitor1.gif"/></td>

<td><br> LEITOR DE CARTAO EXTERNO MTEK CR803P USB PTO<br>Codigo:
17872<br> MTEK </td>
<td> R$ 40,00 </td>
</tr>
<tr>
<td><img height="60" width="60" src="Novapasta/memo.gif"/></td>
<td><br> MEMORIA PATRIOT 2GB DDR3 1333MHZ<br>Codigo: 23445<br>
PATRIOT </td>
<td> R$ 79,00 </td>
</tr>
<tr>
<td><imgheight="60" width="60" src="Novapasta/sd.gif"/></td>
<td><br> CARTAO DE MEMORIA SANDISK SD 64GB MICRO+ADAPTADOR
<br>Codigo: 23108 <br> SANDISK </td>
<td> R$ 310,00 </td>
</tr>
</h5>
<tr>
<td colspan="3"><div align="center">ATPS FERRAMENTAS WEB COPYRIGHT
2013. </div></td>
</tr>
</table>
</body>
</html>
<html>
<head>
</head>
<body>
<td> Produto </td>
<td> Descrio </td>
<tr><h5>
<td><imgheight="60" width="60" src="Novapasta1/pc.gif" /></td>
<td><br> PC HP CM 6300 MT / CORE I5 - 3470S / 500GB / 4GB / W7 PRO 64
BITS<br> HP<br>Codigo: 23643 </td>
<td> R$ 2850,00 </td>
<tr>
<td><img height="60" width="60" src="Novapasta1/pc1.gif" /></td>
<td><br> PC POWER - A6 3500/ 4GBDDR3/ 500GB/ 2BAIAS/<br>
FREEDOS<br>Codigo: 24302 </td>
<td> R$ 1290,00 </td>
<tr>
<td><br> PC WORK - DUAL CORE X2 270/ 2GBDDR3/ 500GB/<br>
FREEDOS<br>Codigo: 24332</td>
<td> R$ 1010,00 </td>
<tr>
<td><br> PC WORK - PENTIUM G2020/ 4GBDDR3/ 500GB/<br>
<td> R$ 1200,00 </td>
<tr>
<td><br> PC HP CM COMPAQ 8300 CORE I5 -3570/1TB/4GB/W7 PRO 64
BITS<br> HP<br>Codigo: 23254 </td>
<td> R$ 3400,00 </td>
<tr>
<td><br> PC HOME - SEMPRON 145/ 2GBDDR3/ 500GB/<br>
<td> R$ 999,00 </td>
<tr>
</div></td>
</h5>
</tr>
</table>
</body>
</html>

PGINA PRODUTOS - NOTEBOOKS

CDIGO FONTE:
<html>
<head>
</head>
<body>
<td> Produto </td>
<td> Descrio </td>
<tr><h5>
<td><img height="60" width="60" src="Novapasta2/not.gif" /></td>
<td><br> NOTEBOOK HP CM 14" 450 CORE I3-2370/500GB/4GB/W7PRO<br>
HP<br>Codigo: 23785 </td>
<td> R$ 2290,00 </td>
<tr>
<td><img height="60" width="60" src="Novapasta2/not1.gif" /></td>
<td><br> ULTRABOOK HP CS PAVILION ENVY 4-1150BR / CORE I5-3317U /
4GB / 500 GB / <br> WIN 8 hp<br>Codigo: 23768 </td>
<td> R$ 4500,00 </td>
<tr>
<td><br> NOTEBOOK LG 14" S460-L 1230 B980/ 2GB/ 320GB/ PTO/ W8<br> LG
<BR>Codigo: 23622 </td>
<td> R$ 1600,00 </td>
<tr>
<td><br> NOTEBOOK PHILCO SLIM 14" 14I-V744LM BRAZOS C-60/ 4GB/
500GB/<br> LINUX PHILCO VERMELHO<br>Codigo: 23799 </td>
<td> R$ 1550,00 </td>
<tr>
<td><br> NOTEBOOK SS NP550P5C-AD1 15.6" INTEL CORE I7 3630QM / 8 GB
/ 1 TB /<br> VGA 2 GB / WIN 8 SAMSUNG<br>Codigo: 23495 </td>
<td> R$ 4250,00 </td>
<tr>
<td><br> NOTEBOOK SS NP535U3C-AD1 13.3" ULTRAFINO AMD DUAL
CORE A4-4355M /<br> 2GB / 500GB / WIN 8 SAMSUNG<br>Codigo: 23871 </td>
<td> R$ 2380,00 </td>
<tr>
</div></td>
</h5>
</tr>
</table>

</body>
</html>

PGINA PRODUTOS - MONITORES

CDIGO FONTE:
<html>
<head>
</head>
<body>
<td> Produto </td>
<td> Descrio </td>
<tr><h5>
<td><img height="60" width="60" src="Novapasta3/m.gif" /></td>
<td><br> TV MONITOR LED 21.5" LG M2252D USB/HDMI/CONV
DIGITAL<br> LG<br>Codigo: 23265 </td>
<td> R$ 750,00 </td>
<tr>
<td><img height="60" width="60" src="Novapasta3/m1.gif" /></td>
<td><br> MONITOR 21,5" AOC LCD LED E2250SWN WIDESCREEN<br>
AOC<br>Codigo: 23873 </td>
<td> R$ 520,00 </td>
<tr>
<td><br> MONITOR LED 15,6'' SAMSUNG S16B110 WIDESCREEN<br>Codigo:
22270<br> SAMSUNG </td>
<td> R$ 350,00 </td>
<tr>
<td><br> TV MONITOR LED 26" LG M2631D USB/HDMI/CONV
DIGITAL<br>Codigo: 23908<br> LG </td>
<td> R$ 1000,00 </td>
<tr>
<td><br> MONITOR LED 21,5'' SAMSUNG S22B300B
WIDESCREEN<br>Codigo: 22076<br> SAMSUNG </td>
<td> R$ 545,00 </td>
<tr>
<td><br> MONITOR TV LED 27'' SAMSUNG T27B350
USB/HDMI/DTV/VESA<br>Codigo: 22448<br> SAMSUNG </td>
<td> R$ 1200,00 </td>
<tr>
</div></td>
</h5>
</tr>
</table>
</body>
</html>

PGINA PRODUTOS - ACESSRIOS

CDIGO FONTE:
<html>
<head>
</head>
<body>
<td> Produto </td>
<td> Descrio </td>
<tr><h5>
<td><img height="60" width="60" src="Novapasta4/ass.gif" /></td>
<td><br> CX DE SOM S/FIO BLUETOOTH BOOMBOX LOGITECH
6RMS<br>Codigo: 23558<br> LOGITECH </td>
<td> R$ 545,00 </td>
<tr>
<td><img height="60" width="60" src="Novapasta4/ass1.gif" /></td>
<td><br> FONTE C3TECH PSN-350S2 350W 20+4P ATX<br>Codigo: 23403<br>
C3TECH </td>
<td> R$ 95,00 </td>
<tr>
<td><br> MOUSE C3TECH M-W100BK S/ FIO OPT USB PTO<br>Codigo:
16623<br> C3TECH </td>
<td> R$ 60,00 </td>
<tr>
<td><br> FONE DE OUVIDO LOGITECH S/FIO
TABLETS/SMARTPHONES/<br> NOTE BLUETOOTH Codigo: 22773<br> LOGITECH
</td>
<td> R$ 145,00 </td>
<tr>
<td><br> ROTEADOR WIRELESS 150 MBPS INTELBRAS WRN240I<br>Codigo:
23708<br> INTELBRAS </td>
<td> R$ 82,00 </td>
<tr>
<td><br> ESTABILIZADOR APC 300VA CUBIC MONO/115V PTO
NT<br>Codigo: 21564<br> APC </td>
<td> R$ 52,00 </td>
<tr>
</div></td>
</h5>
</tr>
</table>
</body>
</html>

PGINA HISTRICO DA EMPRESA

CDIGO FONTE
<html>
<head>

</head>

<body>

<center>

<br>
<br>

<table border="0" CELLSPACING="6" WIDTH="60%">
<tr>
<td>
<center>
<h2> DSI - Informtica </h2>
<b> DALVES SOLUES EM INFORMTICA </b><br>
<br>
<br>

</center>
<h3> Quem Somos </h3>
<h6>No mercado desde 2010, a DsiInfomtica busca sempre levar aos seus
clientes produtos e servios de qualidade.<br>
Contando com colaboradores qualificados oferece servios, consultoria
e comrcio na rea de Tecnologia,<br>
abrangendo Equipamentos, Redes de
Computadores, Internet, Acessrios e Perifricos.</h6><br>
<br>
<br>
<br>
<tr>
</div></td>
</td>
</tr>
</table>
</body>
</html>

PGINA DICAS E CURIOSIDADES

CDIGO FONTE
<html>
<head>

</head>

<body>
<center>

<br />
<br />


<center>
<h2> Dicas e Curiosidades </h2>
<br>
</center>

<tralign="center">
<td><a href="http://www.baixaki.com.br/novos.htm" target="baixo">Novidades em
Programas - Baixaki</a></td>
<td><a href="http://olhardigital.uol.com.br/home.php" target="baixo">Novidades em
Tecnologia - Olhar Digital</a></td>

<tralign="center">
<td><a href="http://www.tecnologia.uol.com.br" target="baixo">Noticias em Tecnologia -
Uol</a></td>
<td><a href="http://www.tecmundo.com.br/" target="baixo">Tecmundo</a></td>

<tralign="center">
<td><a href="http://info.abril.com.br/topicos/ti/" target="baixo">Info Abril</a></td>
<td><a href="http://computerworld.uol.com.br/tecnologia/" target="baixo">Tecnologia -
Computer World</a></td>

</table>
<tr>
<br>
<br>
<br>
</div></td>
</td>

</tr>
</table>
</body>
</html>

PGINA LOCALIZAO:

CDIGO FONTE:

<html>
<head>
</head>

<body>

<br />
<center>
<h2> Localizao </h2>

<br />

<tr>
<iframe width="60%" height="350" frameborder="0" scrolling="no" marginheight="0"
marginwidth="0"
src="https://maps.google.com.br/maps?f=q&source=s_q&hl=pt-
BR&geocode=&q=Rua+Doutor+Vasconcelos+Pinto+1620,+Ibirub%C3%A1+-
+Rio+Grande+do+Sul&aq=&sll=-28.633331,-
53.095851&sspn=0.005415,0.006899&ie=UTF8&hq=&hnear=R.+Dr.+V
asconcelos+Pinto,+1620+-+Ibirub%C3%A1+-+Rio+Grande+do+Sul,+98200-000&ll=-
28.633416,-
53.100686&spn=0.010829,0.013797&t=m&z=14&output=embed"></ifra
me><br /><small><a
href="https://maps.google.com.br/maps?f=q&source=embed&hl=pt-
BR&geocode=&q=Rua+Doutor+Vasconcelos+Pinto+1620,+Ibirub%C3%A1+-
+Rio+Grande+do+Sul&aq=&sll=-28.633331,-
53.095851&sspn=0.005415,0.006899&ie=UTF8&hq=&hnear=R.+Dr.+V
asconcelos+Pinto,+1620+-+Ibirub%C3%A1+-+Rio+Grande+do+Sul,+98200-000&ll=-
28.633416,-53.100686&spn=0.010829,0.013797&t=m&z=14"
style="color:#0000FF;text-align:left">Exibirmapaampliado</a></small><br>

</center>
<br />
DALVES SOLUES EM INFORMTICA LTDA<br/ >
Rua: Doutor Vasconcelos Pinto - 1620, So Jacob<br>
Ibirub - RS, Brasil<br>
<br />

<td>
</div></td>
</td>

</tr>

</table>

</body>
</html>

PGINA CONTATO

CDIGO FONTE:

<html>
<head>
content="HTML Tidy for HTML5 (experimental) for Windows
https://github.com/w3c/tidy-html5/tree/c63cc39" />
<link rel="StyleSheet" href="dsi.css" type="text/css" />

<style type="text/css">

</style>
<script>
function validar(formulario){
if(formulario.nome.value == ''){
alert("O campo NOME obrigatrio.");
return false;
}
if(formulario.Rg.value == ''){
alert("O campo Rg obrigatrio.");
return false;
}
if(formulario.Endereo.value == ''){
alert("O campo Endereo obrigatrio.");
return false;
}
if(formulario.Telefone.value == ''){
alert("O campo Telefone obrigatrio.");
return false;
}
if(formulario.Celular.value == ''){
alert("O campo Celular obrigatrio.");
return false;
}
if(formulario.Email.value == ''){
alert("O campo Email obrigatrio.");
return false;
}

if(formulario.mensagem.value == ''){
alert("O campo MENSAGEM obrigatrio.");
return false;
}
if(formulario.mensagem.value.length < 10){
alert("A MENSAGEM est muito curta.");
return false;
}
if(formulario.enviar.value == ''){
alert('Seu email foi enviado com sucesso!');
}
if(formulario.enviar.value == ''){
window.location.href='http://www.gogle.com';

}
return true;
}
</script>
</head>

<body>

<center>
<br />
<br />
<table bgcolor="" border="0" cellspacing="6" width="60%">
<tr>
<td>
<center>
<h3>Preencha o formulrio para entrar em contato</h3>
<br />
</center>
<center>
<form id="formulario" name="contato" method="post" onsubmit="return
validar(this);" action="enviar.php">
<label>Nome: <small>*</small></label><input type="text"
name="nome" size="53" /><br class="clear" />
<label>Rg: <small>*</small></label><input type="text" name="Rg"
size="53" /><br class="clear" />
<label>Endereo: <small>*</small></label><input type="text"
name="Endereo" size="53" /><br class="clear" />
<label>Telefone: <small>*</small></label><input type="text"
name="Telefone" size="53" /><br class="clear" />
<label>Celular: <small>*</small></label><input type="text"
name="Celular" size="53" /><br class="clear" />
<label>Email: <small>*</small></label><input type="text"
name="Email" size="53" /><br class="clear" />

<label>Cpf: <small>*</small></label> <input size="53" type="text"
name="CPF" value=""id="CPF" onfocus="if (this.value == 'CPF')
{this.value=''}"
onblur="javascript: validarCPF(this.value);" onkeypress="javascript:
mascara(this, cpf_mask);" maxlength="14" />
<script>
function validarCPF( cpf ){
var filtro = /^\d{3}.\d{3}.\d{3}-\d{2}$/i;

if(!filtro.test(cpf))
{
window.alert("CPF invlido. Tente novamente.");
return false;
}

cpf = remove(cpf, ".");
cpf = remove(cpf, "-");

if(cpf.length != 11 || cpf == "00000000000" || cpf == "11111111111" ||
cpf == "22222222222" || cpf == "33333333333" || cpf == "44444444444" ||
cpf == "55555555555" || cpf == "66666666666" || cpf == "77777777777" ||
cpf == "88888888888" || cpf == "99999999999")
{
return false;
}

soma = 0;
for(i = 0; i < 9; i++)
{
soma += parseInt(cpf.charAt(i)) * (10 - i);
}

resto = 11 - (soma % 11);
if(resto == 10 || resto == 11)
{
resto = 0;
}
if(resto != parseInt(cpf.charAt(9))){
return false;
}

soma = 0;
for(i = 0; i < 10; i ++)
{
}
resto = 11 - (soma % 11);
{
resto = 0;
}

return false;
}

return true;
}

function remove(str, sub) {
i = str.indexOf(sub);
r = "";
if (i == -1) return str;
{
r += str.substring(0,i) + remove(str.substring(i + sub.length), sub);
}

return r;
}

function mascara(o,f){
v_obj=o
v_fun=f
setTimeout("execmascara()",1)
}

function execmascara(){
v_obj.value=v_fun(v_obj.value)
}

function cpf_mask(v){
v=v.replace(/\D/g,"") //Remove tudo o que no dgito
v=v.replace(/(\d{3})(\d)/,"$1.$2") //Coloca ponto entre o terceiro e o quarto dgitos
v=v.replace(/(\d{3})(\d)/,"$1.$2") //Coloca ponto entre o setimo e o oitava dgitos
v=v.replace(/(\d{3})(\d)/,"$1-$2") //Coloca ponto entre o decimoprimeiro e o
decimosegundo dgitos
return v
}
</script>
<br /><label>Mensagem: <small>*</small></label><textarea
name="mensagem" cols="40" rows="7" ></textarea><br class="clear" />
<span>(<small>*</small>) Todos os campos so obrigatrios.
</span><br class="clear" />
<input type="reset" class="botao" name="limpar" value="Enviar"
/><br class="clear" />
</form>
</td>
</tr>
</table>
<br />
<br />
<table>
<tr>
<td colspan="2">
<div align="center">ATPS FERRAMENTAS WEB COPYRIGHT 2013.</div>
</td>
</tr>
</table>
</center>
</body>
</html>

J AVASCRI PT-VALI DAO DE CPF

functionvalidarCPF( cpf ){
var filtro = /^\d{3}.\d{3}.\d{3}-\d{2}$/i;

if(!filtro.test(cpf))
{
window.alert(&amp;quot;CPF invlido. Tente novamente.&amp;quot;);
return false;
}

cpf = remove(cpf, &amp;quot;.&amp;quot;);
cpf = remove(cpf, &amp;quot;-&amp;quot;);

if(cpf.length != 11 || cpf == &amp;quot;00000000000&amp;quot;
|| cpf ==
&amp;quot;11111111111&amp;quot; ||
cpf == &amp;quot;22222222222&amp;quot; || cpf ==
&amp;quot;33333333333&amp;quot; ||
cpf ==
&amp;quot;44444444444&amp;quot; ||
cpf == &amp;quot;55555555555&amp;quot; || cpf ==
&amp;quot;66666666666&amp;quot; ||
cpf ==
&amp;quot;77777777777&amp;quot; ||
cpf == &amp;quot;88888888888&amp;quot; || cpf ==
&amp;quot;99999999999&amp;quot;)
{
window.alert(&amp;quot;CPFinvlido. Tente novamente.&amp;quot;);
return false;
}

soma = 0;
for(i = 0; i &amp;lt; 9; i++)
{
}

resto = 11 - (soma % 11);
{
resto = 0;
}
return false;
}

soma = 0;
for(i = 0; i &amp;lt; 10; i ++)
{
}
resto = 11 - (soma % 11);
{
resto = 0;
}

return false;
}

return true;
}

function remove(str, sub) {
i = str.indexOf(sub);
r = &amp;quot;&amp;quot;;
if (i == -1) return str;
{
r += str.substring(0,i) + remove(str.substring(i + sub.length), sub);
}

return r;
}
function mascara(o,f){
v_obj=o
v_fun=f
setTimeout(&amp;quot;execmascara()&amp;quot;,1)
}
functionexecmascara(){
v_obj.value=v_fun(v_obj.value)
}
functioncpf_mask(v){
v=v.replace(/\D/g,&amp;quot;&amp;quot;)
v=v.replace(/(\d{3})(\d)/,&amp;quot;$1.$2&amp;quot;)
v=v.replace(/(\d{3})(\d)/,&amp;quot;$1.$2&amp;quot;)
v=v.replace(/(\d{3})(\d)/,&amp;quot;$1-$2&amp;quot;)
return v
}

LI NK PARA VISUALIZAO DO SI TE FINALIZADO

http://www.connecttelefonia.com.br/grupo1/

Pronto Atps - Ferramentas de Sistema Web..

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Pronto Atps - Ferramentas de Sistema Web..

Uploaded by

Copyright:

Available Formats

UNIVERSIDADE ANHANGUERA - UNIDERP

TECNOLOGIA EM ANLISE DE DESENVOLVIMENTO DE SISTEMAS

You might also like