ATPS - Magnata Info - Site - 2ºB

ANHANGUERA EDUCACIONAL S.A.
CAMPUS MARTE
TECNOLOGIA DE ANLISE E DESENVOLVIMENTO DE SISTEMAS FERRAMENTAS PARA WEB
CARLOS ALBERTO DE OLIVEIRA - RA 1299875714 FBIO DOS SANTOS DE OLIVEIRA RA 3776762381 JLIO CSAR GUIMARES RA 4251822680 MARCOS VINCIUS CASTRO E SILVA RA 3708614962 RACHEL MIYUKI ODAGIMA SHIRAISHI RA 1299910125 SAMUEL DA SILVA BARBOSA JNIOR RA 4243836339 TANIA MORENO PRADO DE CARVALHO RA 1299931938 VINICIUS TADEU DA SILVA RA 4206796562
RELATRIO DO SITE DESENVOLVIDO EM HTML E CSS ORIENTADOR MARCOS MONTEIRO
So Paulo 2012
CARLOS ALBERTO DE OLIVEIRA - RA 1299875714 FBIO DOS SANTOS DE OLIVEIRA RA 3776762381 JLIO CSAR GUIMARES RA 4251822680 MARCOS VINCIUS CASTRO E SILVA RA 3708614962 RACHEL MIYUKI ODAGIMA SHIRAISHI RA 1299910125 SAMUEL DA SILVA BARBOSA JNIOR RA 4243836339 TANIA MORENO PRADO DE CARVALHO RA 1299931938 VINICIUS TADEU DA SILVA RA 4206796562
RELATRIO DO SITE DESENVOLVIDO EM HTML E CSS
ORIENTADOR MARCOS MONTEIRO
So Paulo 2012
INTRODUO Neste trabalho consta todo o material referente s etapas do desenvolvimento do site da loja de informtica Magnata Info, com todas as informaes necessrias: cdigo fonte de todas as pginas criadas em HTML, print Screen das pginas criadas e as inseres em CSS. No site desenvolvido, o cliente encontra informaes essenciais sobre a empresa, com a sua histria de sucesso, os produtos oferecidos, importantes dicas e curiosidades sobre a informtica, a localizao da loja, em um importante ponto de So Paulo e, sem dvida, permite que o visitante entre em contato tambm pelo chat, dando a opinio ou tirando as dvidas.
ILUSTRAES FIGURA 1 FIGURA 2 FIGURA 3
FIGURA 4
FIGURA 5
FIGURA 6
FIGURA 7
FIGURA 8
FIGURA 9
FIGURA 10
FIGURA 11
FIGURA 12
FIGURA 13
FIGURA 14
FIGURA 15
FIGURA 16
FIGURA 17
FIGURA 18
FIGURA 19
FIGURA 20
FIGURA 21
FIGURA 22
FIGURA 23
FIGURA 24
FIGURA 25
FIGURA 26
FIGURA 27
FIGURA 28
FIGURA 29
FIGURA 30
FIGURA 31
FIGURA 32
FIGURA 33
FIGURA 34
CDIGOS FONTE index.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Magnata Info</title> <link href="Site de Informática/style.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#999999"> <div align="center"><img src="Site de Informática/banner - Cópia.jpg" alt="banner" width="75%" height="156" /><br/> <a href="Site de Informática/index.html"><img src="Site de
Informática/cooltext704839414.png" onmouseover="this.src='cooltext704839414MouseOver.png';" onmouseout="this.src='cooltext704839414.png';" /></a> <a href="Site de Informática/historia.html"><img
height="60"
src="Site
de
Informática/cooltext704840999.png" onmouseover="this.src='cooltext704840999MouseOver.png';" onmouseout="this.src='cooltext704840999.png';" /></a> <a href="Site de Informática/produtos.html"><img
height="60"
src="Site
de
Informática/cooltext704843283.png" onmouseover="this.src='cooltext704843283MouseOver.png';" onmouseout="this.src='cooltext704843283.png';" /></a> <a href="Site de Informática/dicasecuriosidades.html"><img
height="60"
src="Site
de
Informática/cooltext704843592.png" onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a>
height="60"
<a
href="Site
de
Informática/localizacao.html"><img
src="Site
de
Informática/cooltext704843931.png" onmouseover="this.src='cooltext704843931MouseOver.png';" onmouseout="this.src='cooltext704843931.png';" /></a> <a href="Site de Informática/contato.html"><img
height="60"
src="Site
de
Informática/cooltext704844094.png" onmouseover="this.src='cooltext704844094MouseOver.png';" onmouseout="this.src='cooltext704844094.png';" /></a></div> <center><table width="680" height="461" border="0" class="table"> <tr>
height="60"
<td width="675"><p align="center">Ol! Ns da Magnata Info apreciamos o seu bom gosto, e disponibilizamos os melhores produtos, com as melhores ofertas para voc. Temos timos servios para voc cliente que gosta de apreciar um otimo atendimento, sempre se preocupando com o seu conforto, e com a sua realizao. Pessoas especializadas e a sua espera, sempre dispostos a atende-lo da melhor maneira e apresentando os nossos produros. Uma empresa nomeada procurando sempre agradar o cliente, e resolver seus problemas e suas dvidas, procurando lhe informa dos nossos novos produtos. Trabalhamos com Notebook 3D, Computador Megaware Megahome, Multifuncional, Notebook Acer Aspire, Monitor LCD LED, Notebook Samsung RV415-CD1, Computador Positivo Premium PCTV, Webcam 1.3Mpixels, entre outros produtos. Alem disso disponibilamos servios para voc a manuteno de hardware, software, com um preo acessvel, para voc e sua familia. Dvidas, sugestes, reclamaes, elogios, informaes? somente se dirigir ao nosso contato, e estaremos pronto para te atender. Querendo ampliar seus conhecimentos? aqui voc encontra dicas e curiosidades. Sempre procurando te deixar por dentro de tudo que se passa no mundo da informatica. localizao acessivel. esperamos sempre suprir as suas necessidades. Magnata Info agradece a sua visita! </p> <p align="center"><img src="Site de Informática/main_02.jpg" alt="texto" width="290" height="114" /> <img src="Site de Informática/main_03.jpg"
alt="texto" width="290" height="105" /><img src="Site de Informática/main_04.jpg" alt="texto" width="470" height="127" /><img src="Site de Informática/main_01.jpg" alt="texto" width="180" height="219" /></p></td>
</tr> </table> </center> </body> </html> historia.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>Magnata Info</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-.style5 {font-size: 24px} --> </style> </head>
<body bgcolor="#999999"> <div align="center"><img src="banner - Cópia.jpg" alt="banner" width="75%" height="156" /><br/> <a href="index.html"><img src="cooltext704839414.png" height="60"
onmouseover="this.src='cooltext704839414MouseOver.png';" onmouseout="this.src='cooltext704839414.png';" /></a> <a href="historia.html"><img src="cooltext704840999.png" height="60"
onmouseover="this.src='cooltext704840999MouseOver.png';" onmouseout="this.src='cooltext704840999.png';" /></a> <a href="produtos.html"><img src="cooltext704843283.png" height="60"
onmouseover="this.src='cooltext704843283MouseOver.png';" onmouseout="this.src='cooltext704843283.png';" /></a> <a href="dicasecuriosidades.html"><img src="cooltext704843592.png" height="60"
onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a>
<a
href="localizacao.html"><img
src="cooltext704843931.png"
height="60"
onmouseover="this.src='cooltext704843931MouseOver.png';" onmouseout="this.src='cooltext704843931.png';" /></a> <a href="contato.html"><img src="cooltext704844094.png" height="60"
onmouseover="this.src='cooltext704844094MouseOver.png';" onmouseout="this.src='cooltext704844094.png';" /></a></div> <center><table width="680" height="461" border="0" class="table"> <tr> <td class="style1"><p align="center" class="style3 style5"><strong>Magnata ™ </strong></p> <p align="center">A <strong>Magnata info ™</strong> é uma empresa brasileira. Especializada no comércio eletrônico, fundada em maio de 2000, e hoje é líder neste segmento.<br /> Sua história começou, quando um grupo de alunos da faculdade Info
anhanguera, tiveram a ideia de ter um próprio negocio, porém sem muitos fundos, foram desenvolvendo aos poucos e investindo cada centavo que entrava, os primeiros modelos foram criados em abril 1999 e finalizados em março de 2000.<br /> Era uma estratégia arriscada, porém inovadora, na época o maior meio de comunicação era as lojas físicas e televisivas, e a internet estava surgindo aos poucos e não tinha ganhado mercado.<br /> O nome ‘MAGNATA’ surgiu numa roda de conversas
descontraídas, e por significar riqueza, poder e sucesso.<br /> Hoje a empresa líder no mercado, é referencia nas feiras de tecnologia, e por ganhar pelo sexto ano consecutivo o premio de melhor loja virtual.<br /> Com uma sede e duas lojas físicas, em são Paulo e no rio de janeiro, conta com 1.000 funcionários, e com uma estrutura moderna e sofisticada.<br /> Após 12 anos de existência, nosso maior prazer é satisfazer nosso cliente amigo, buscando sempre oferecer o melhor atendimento e o melhor lugar para se comprar.</p> <p align="center"><strong>Magnata info ™ – nosso maior prazer é satisfazer você.</strong></p> </tr> </table> </td>
</center> </body> </html>
produtos.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Magnata Info</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-.style2 {font-size: 24px} .style5 { color: #FFFFFF; font-weight: bold; } .style6 { color: #0000FF; font-weight: bold; } .style7 {color: #FFFFFF} --> </style> </head>
<a
href="historia.html"><img
height="60"
onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a> <a href="localizacao.html"><img src="cooltext704843931.png" height="60"
onmouseover="this.src='cooltext704844094MouseOver.png';" onmouseout="this.src='cooltext704844094.png';" /></a></div> <center><table border="0" align="center" bgcolor="#FFFFFF"> <th><div align="center" class="style3 style2">Notebooks</div></th> <th><div align="center" class="style3 style2">Desktops</div></th> <th><div align="center" class="style3 style2">Peas e Acessrios</div></th> <tr> <td><div align="center"><img src="n1.jpg" height="200px" width="180px"/><pre> Notebook 3D Positivo SIM 3210 c/ Intel Celeron 2GB RAM 500GB HD, LED 14" Windows 7 Starter HDMI <span class="style5">R$999,90</span></pre> </div></td> <td><div align="center"><img src="d1.jpg" height="200px" width="180px"/><pre> Computador Megaware Megahome Com AMD Dual Core C-50, 2GB RAM, 500GB HD Gravador de DVD e Windows 7 <span class="style6">R$989,90</span></pre>
</div></td> <td><div align="center"><img src="i1.jpg" height="200px" width="180px"/><pre> Multifuncional HP Officejet J3680 CB071M <span class="style6">R$: 219,00</span></pre> </div></td> <tr> <td><div align="center"><img src="n2.jpg" height="200px" width="180px"/><pre> <b>Notebook Acer Aspire c/ AMD Dual Core 2GB 320GB LED 15,6" Windows 7 Placa de Vdeo Radeon <span class="style6">R$999,00</span></b></pre> </div></td> <td><div align="center"><img src="d2.jpg" height="200px" width="180px"/><pre> iMac Apple c/ Intel Core i5, 4GB RAM 1TB HD Leitor de Carto, FireWire, Thunderbolt, Wi-Fi, Bluetooth, Cmera HD, AMD Radeon 6750, LED 27" e OS X <span class="style6">R$ 6.399,00</span></pre> </div></td> <td><div align="center"><img src="m1.jpg" height="200px" width="180px"/><pre> Monitor LCD LED Samsung 20" Preto <span class="style6">R$:299,00 </span></pre> </div></td> <tr> <td><div align="center"><img src="n3.jpg" height="200px" width="180px"/><pre> Notebook Samsung RV415-CD1 AMD Dual Core 2GB 320GB LED 14" HDMI Windows 7 <span class="style6">R$1100,00</span></pre>
</div></td> <td> <div align="center"><img src="d3.jpg" height="200px" width="180px"/><pre> Computador Positivo Premium PCTV D3700 c/ Intel Pentium E5800, 2GB RAM, 500GB HD, Leitor de Cartes Receptor de TV e Windows 7 + Monitor LCD Positivo 18" <span class="style6">R$ 899,00</span></pre> </div></td> <td> <div align="center"><img src="cam.jpg" height="200px" width="180px"/><pre> Webcam 1.3Mpixels com boto Snapshot{fotos instantneas). Ideal para notebooks possui clip de fixao. Molduras e efeitos para os vdeos e funo de rastreamento de face. <span class="style6">R$ 30,00 </span></pre> </div></td> </table> </center> </body> </html>
dicasecuriosidades.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Magnata Info</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head>
<body bgcolor="#999999">
<div align="center"><img src="banner - Cópia.jpg" alt="banner" width="75%" height="156" /><br/> <a href="index.html"><img src="cooltext704839414.png" height="60"
onmouseover="this.src='cooltext704844094MouseOver.png';" onmouseout="this.src='cooltext704844094.png';" /></a></div> <center><table width="680" height="461" border="0" class="table"> <tr> <td><span class="style1"> </span> <h1><p><span class="style1"><b><i> </i></b></span></p> </h1> <h1 align="center"> <p align="center"><span class="style3">Amplie os seus conhecimentos com nossas dicas e curiosidades.</span></p> </h1> <span class="style1"></span> <p align="center" class="style4"><span class="style1"><b><i>RECUPERE
ARQUIVOS DANIFICADOS</i></b></span></p>
<span class="style1"><p>Quem que nunca se deparou com um arquivo do Word danificado ao ponto de no abrir corretamente ou sequer abrir? Se isso acontecer com voc, saiba que h um meio de tentar recuperar o arquivo. Para isso, abra o Word vazio, isto , sem nenhum arquivo aberto nele. Na verso 2007, menu Office, opo Abrir.</p>
Na janela que surgir, procure pelo arquivo danificado e selecione-o. Em seguida, clique na pequena seta localizada ao lado do boto Abrir e escolha a Opo Abrir e reparar. Esse procedimento suficiente para recuperar um arquivo danificado. Recupere arquivos danificados Quem que nunca se deparou com um arquivo do Word danificado ao
ponto de no abrir corretamente ou sequer abrir? Se isso acontecer com voc, saiba que h um meio de tentar recuperar o arquivo. Para isso, abra o Word vazio, isto , sem nenhum arquivo aberto nele. Na verso 2007, menu Office, opo Abrir.
Na janela que surgir, procure pelo arquivo danificado e selecione-o. Em seguida, clique na pequena seta localizada ao lado do boto Abrir e escolha a Opo Abrir e reparar.
Esse procedimento suficiente para recuperar um arquivo danificado. Administrando os elementos de uma tabela
? ? ?
Para limpar o contedo de uma tabela, selecione a tabela e pressione DELETE. Para remover uma tabela e seu contedo, selecione a tabela e pressione BACKSPACE. Para adicionar uma linha ao final de uma tabela, clique na ltima clula e pressione a
tecla TAB. ? Para inserir um caractere de tabulao em uma clula de tabela, clique na clula e
pressione CTRL+TAB.
Para numerar as linhas em uma tabela, selecione a coluna esquerda e, na guia Incio,
no grupo Pargrafo, clique em Numerao. ? Para numerar as colunas em uma tabela, selecione a linha superior e, na guia Incio, no
grupo Pargrafo, clique em Numerao. ? Para inserir uma linha em branco antes de uma tabela, clique antes de qualquer texto
na clula superior esquerda da tabela e pressione ENTER. Para mover uma linha de tabela e seu contedo para cima ou para baixo, selecione a linha e pressione ALT+SHIFT+SETA PARA <p align="center" class="style3"><b><i>ACELERANDO SUA BANDA
LARGA</i></b></p> Para quem tem barda larga em casa e no est satisfeito com a velocidade (e nem tem dinheiro para contratar um servio mais rpido), o Full Speed pode ser uma luz no fim do tnel.
O Full Speed altera e atualiza algumas configuraes de rede e do navegador que, segundo o fabricante do programa, deixam a internet um pouco mais rpida no computador.
Para internautas desconfiados da capacidade do Full Speed, o programa oferece um recurso de comparao, que mostra como a conexo antes e depois dele ser instalado. Os nmeros costumam corresponder fielmente.
O programa compatvel com internet discada, tambm. E se o internauta no gostar do desempenho do programa, tem uma ferramenta para voltar s configuraes antigas.
O Full Speed tem uma interface um pouco feia. Mas isso no tira o brilho do programa, que cumpre bem o que promete.</span> <h2 align="center"><p align="center"><span
class="style3"><b><i>CURIOSIDADES</i></b></span></p> </h2> <span class="style1"></span><span class="style1"> <p align="center" class="style3"><b><i>FUNCIONAMENTO DAS PLACAS DE SOM</i></b></p>
Antes da inveno da placa de som, um PC conseguia reproduzir um nico som: um bip. Embora o computador fosse capaz de alterar a freqncia e a durao do bip, no havia como alterar o volume ou criar outros sons.
Inicialmente, o bip agia como um sinal ou uma advertncia. Posteriormente foram desenvolvidas msicas para os primeiros jogos de computador utilizando bips com diferentes espaamentos e duraes. Essas msicas no eram muito realsticas. Voc pode ouvir uma amostra de algumas dessas trilhas sonoras em Crossfire Designs (em ingls).
Felizmente, a capacidade de som dos computadores evoluiu significativamente nos anos 80, quando diversos fabricantes introduziram placas adicionais dedicadas ao controle do som. Hoje, um computador com uma placa de som pode fazer muito mais do que um bip. Pode reproduzir udio 3D para jogos ou som surround para reproduo de DVDs, alm de poder capturar e gravar sons de fontes externas. <p align="center" class="style3"><b><i>Som 3D x som surround sound</i></b></p> Projetistas de jogos utilizam som 3D para oferecer um som rpido e dinmico que muda de acordo com a posio de um jogador dentro do jogo. Alm de utilizar sons de diferentes direes, essa tecnologia permite reprodues de som realsticas que desviam ou atravessam obstculos. O som surround tambm utiliza o som de diversas direes, mas no muda baseado nas aes do usurio. Ele mais comum em home theaters. <p align="center" class="style3"><b><i>Analgico x digital</i></b></p> Os sons e os dados do computador so fundamentalmente diferentes. Os sons so analgicos, feitos de ondas que viajam pela matria. As pessoas escutam sons quando essas ondas fazem vibrar seus tmpanos. Computadores, no entanto, comunicam-se digitalmente utilizando impulsos eltricos que representam 0 e 1. Assim como uma placa de vdeo, a placa de som traduz a informao digital de um computador para informaes analgicas do mundo exterior e vice-versa.
O som feito de ondas que viajam por um meio, como a gua e o ar. A placa de som bsica uma placa de circuito impresso que utiliza quatro componentes para traduzir as informaes analgicas e digitais : um conversor analgico/digital (ADC) um conversor digital/analgico (DAC)
uma interface ISA ou PCI para conectar a placa de som placa-me conexes de entrada para o microfone e de sada para os alto-falantes
Em vez de conversores A/D e D/A separados, algumas placas de som utilizam um chip codificador/decodificador, tambm chamado de CODEC, que realiza as duas funes.
Uma placa de som tem que realizar a traduo entre ondas de som e bits e bytes. Na prxima seo, abordaremos as converses analgico/digital e digital/analgico que acontecem na placa de som.
Mtodos de produo de som Computadores e placas de som podem utilizar diversos mtodos para produzir sons. Um deles a sntese por modulao de freqncia (FM), na qual o computador sobrepe mltiplas ondas sonoras para criar formatos de onda mais elaborados. Outro mtodo a sntese por tabela de ondas, que utiliza amostragens de instrumentos reais para replicar sons musicais. Esse mtodo utiliza normalmente vrias amostragens do mesmo instrumento em diferentes timbres para proporcionar sons mais reais. Geralmente, a sntese por tabela de ondas cria reprodues de som mais fiis do que a sntese FM. <p align="center" class="style3"><b><i>HOTMAIL E GOOGLE</i></b></p> Essas duas palavras no so exatamente termos de informtica, so denominaes de empresas de informtica. Tendo sido um dos primeiros programas de e-mail disponveis, o nome Hotmail (Correio Quente) foi criado por um dos seus fundadores, Sabeer Bhatia. Quando teve que resolver sobre um nome para o seu novo servio, Bhatia chegou palavra Hotmail porque ela continha as letras HTML, da linguagem bsica para a criao de pginas da web. Alis, o nome do servio, originalmente, era escrito HoTMaiL (com as letras HTML em maisculas), para o caso de algum usurio no ter percebido claramente o trocadilho. J a origem da palavra Google no assim to surpreendente. O nome veio para destacar a quantidade de informaes que o novo mecanismo de busca seria capaz de indexar e fornecer. Google uma palavra que tem o mesmo som de googol, que um nmero gigantesco, simbolizado por um 1, seguido de 100 zeros. Quando voc sabe que o nome anterior que seria dado mesma empresa era Backrub, Google parece ter sido realmente uma escolha bem melhor. <p align="center" class="style3"><b><i>BIT</i></b></p>
Um bit um componente fundamental na informtica. Ao desenvolver as primeiras linguagens para computadores, a binria provou ser a mais simples e eficaz para oper-los. Um bit uma abreviao das palavras binary digit (dgito binrio). A mesma explicao foi dada palavra byte, que se refere a vrias unidades de informao. Mas, como byte uma derivao de bit, nossa lista se focou nesta ltima palavra. <p align="center" class="style3"><b><i>WIKI</i></b></p> Talvez voc no saiba que um wiki um conjunto de sites interligados, construdos a partir de interaes dos usurios. A Wikipdia e a Desciclopdia so dois exemplos deste modelo wiki. A origem do nome bem simples. No idioma havaiano, wiki wiki significa rpido. Ward Cunningham (*) decidiu que um wiki online seria uma forma rpida e fcil de acessar e manipular vrios sites e informaes. (*) Howard G. Ward Cunningham um programador de computador americano que desenvolveu o primeiro wiki. Pioneiro nos padres de design e Extreme Programming, ele comeou a programar o software WikiWikiWeb em 1994 e instalou-o no site de sua consultoria de software, a Cunningham & Cunningham (vulgarmente conhecida por seu nome de domnio, c2.com). (Wikipdia) <p align="center" class="style3"><b><i>FIREWALL</i></b></p> Um firewall um dispositivo que protege as redes contra acesso e manipulao no autorizados. No nosso cotidiano, firewalls (paredes de fogo) so estruturas destinadas a evitar a propagao de incndios e outras foras destrutivas. No mundo da informtica, firewalls no so muito diferentes. Em vez de incndios, eles protegem contra vrus, hackers e worms. Worms so semelhantes aos vrus, mas no precisam unir-se a dados existentes e, portanto, so muito mais capazes de se espalhar por uma rede de computadores, de forma parecida com a maneira como o fogo se espalha. <p align="center" class="style3"><b><i>VRUS</i></b></p> Um vrus de computador bem semelhante a um vrus biolgico. Ambos inserem seu prprio cdigo em sistemas a fim de danific-los e se reproduzir. A palavra vrus foi usada pela primeira vez, como um termo de informtica, em 1984, por Fred Cohen, em seu artigo Experimentos com Vrus de Computador. No entanto, antes da publicao deste artigo, a palavra j tinha sido usada pelo escritor de fico cientfica David Gerrold, na dcada de 1970, e tambm apareceu em uma revistinha do X-Men, em 1982. </span></td> </tr>
<tr> <td> </td> </tr> </table> </center> </body> </html>
localizao.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Magnata Info</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-.style5 {font-size: 24px} .style6 {font-size: 18px} --> </style> </head>
<a
href="dicasecuriosidades.html"><img
height="60"
onmouseover="this.src='cooltext704844094MouseOver.png';" onmouseout="this.src='cooltext704844094.png';" /></a></div> <center><table width="680" height="1017" border="0" class="table"> <tr> <td height="842"><p align="center" class="style3 style5">Venha conhecer a nossa empresa </p> <p align="center">Para você que quer ser o mais novo membro Magnata ou que quer apenas conhecer nossa empresa e produtos.</p> <p align="center" class="style3 style6">Sao Paulo</p> <p align="center"><img src="Endereço Magnata Info em São Paulo.png" alt="texto" width="506" height="353" /></p> <p align="center"><strong>Endereço: </strong>Avenida Paulista, 1890 -
São Paulo 03121-098 </p> <p align="center"><strong>Telefone:</strong> (0xx11) 2908-9987 </p> <p align="center"> </p> <p align="center" class="style3 style6">Rio de Janeiro</p> <p align="center"><img src="Endereço Magnata Info no Rio de Janeiro.png" alt="texto" width="559" height="381" /> </p> <p align="center"><strong>Endereço:</strong> Rua Itaiara, 1299 - Centro Belford Roxo - RJ 26113-109</p> <p align="center"><strong>Telefone:</strong> (0xx) 21 2155-4456 </p> <p align="center"> </p></td> </tr> </table> </center> </body> </html>
contato.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Magnata Info</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-.style5 {font-size: 24px} --> </style> </head> <body bgcolor="#999999"> <div align="center"><img src="banner - Cópia.jpg" alt="banner" width="75%" height="156" /><br/> <a href="index.html"><img src="cooltext704839414.png" height="60"
<a
href="contato.html"><img
height="60"
onmouseover="this.src='cooltext704844094MouseOver.png';" onmouseout="this.src='cooltext704844094.png';" /></a></div> <center><table width="680" height="461" border="0" class="table"> <tr> <td><p align="center"><span class="style3 style5">Fale Conosco</span></p></td> </tr> <tr> <td> <p align="center">Nome <input type="text" name="nome"/> </p> <p align="center">Sobrenome <input type="text" name="sobrenome"/> </p> <p align="center">E-mail <input type="text" name="email"/> <br/> </p> </td> </tr> <tr> <td> <div align="center"> <select> <option value="sugestao">Sugesto</option> <option value="informacao">Informao</option> <option value="duvida">Dvida</option> <option value="reclamacao">Reclamao</option> <option value="elogios" selected="selected">Elogios</option> </select> </div></td> </tr> <tr> <td><div align="center">Digite aqui sua mensagem: <textarea name="digiteaqui"></textarea> </div> </td> </tr> </table> </center> </body> </html>
style.css body { background-image:url(contato2.jpg); background-repeat:repeat; } .table { background-image:url(MAGNATA5.jpg);} .style1 {font-family: "Times New Roman", Times, serif}
.style3 { font-family: "Times New Roman", Times, serif; color: #FF0000; font-weight: bold; font-style: italic; } .style4 {color: #FF0000} .style5 {font-size: 24px}
CONCLUSO O desenvolvimento deste site proporcionou o reforo no aprendizado de ferramentas para web, alm de nos envolver ainda mais com um material que ser constante em nossa carreira profissional, que a internet, fonte de todas as informaes, positivas ou negativas. Quanto ao site Magnata Info, foi desenvolvida uma histria com intuito de passar que possvel vencermos e criarmos um futuro de sucesso, procurando sempre aprimorar os nossos conhecimentos, oferecer produtos e servios com qualidade e bom preo aos clientes, ter uma empresa com fcil localizao, utilizar meios rpidos e eficientes de contato, alm do atendimento fidelizado, o que garantir que o cliente volte a comprar em nossa empresa. Um bom marketing a chave para o sucesso.
BIBLIOGRAFIA
www.maujor.com/tutorial/joe/cssjoe3.php/botoes do menu
http://cooltext.com/dicas e curiosidades
www.bitpointonline.com.br/pgdiccur/dicas0001.php

ATPS - Magnata Info - Site - 2ºB

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

ATPS - Magnata Info - Site - 2ºB

Hochgeladen von

Copyright:

Verfügbare Formate

ANHANGUERA EDUCACIONAL S.A.

TECNOLOGIA DE ANLISE E DESENVOLVIMENTO DE SISTEMAS FERRAMENTAS PARA WEB

RELATRIO DO SITE DESENVOLVIDO EM HTML E CSS ORIENTADOR MARCOS MONTEIRO

RELATRIO DO SITE DESENVOLVIDO EM HTML E CSS

ORIENTADOR MARCOS MONTEIRO

ILUSTRAES FIGURA 1 FIGURA 2 FIGURA 3

Inform&aacute;tica/cooltext704839414.png" onmouseover="this.src='cooltext704839414MouseOver.png';" onmouseout="this.src='cooltext704839414.png';" /></a> <a href="Site de Inform&aacute;tica/historia.html"><img

Inform&aacute;tica/cooltext704840999.png" onmouseover="this.src='cooltext704840999MouseOver.png';" onmouseout="this.src='cooltext704840999.png';" /></a> <a href="Site de Inform&aacute;tica/produtos.html"><img

Inform&aacute;tica/cooltext704843283.png" onmouseover="this.src='cooltext704843283MouseOver.png';" onmouseout="this.src='cooltext704843283.png';" /></a> <a href="Site de Inform&aacute;tica/dicasecuriosidades.html"><img

Inform&aacute;tica/cooltext704843592.png" onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a>

Inform&aacute;tica/cooltext704843931.png" onmouseover="this.src='cooltext704843931MouseOver.png';" onmouseout="this.src='cooltext704843931.png';" /></a> <a href="Site de Inform&aacute;tica/contato.html"><img

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

onmouseover="this.src='cooltext704839414MouseOver.png';" onmouseout="this.src='cooltext704839414.png';" /></a> <a href="historia.html"><img src="cooltext704840999.png" height="60"

onmouseover="this.src='cooltext704840999MouseOver.png';" onmouseout="this.src='cooltext704840999.png';" /></a> <a href="produtos.html"><img src="cooltext704843283.png" height="60"

onmouseover="this.src='cooltext704843283MouseOver.png';" onmouseout="this.src='cooltext704843283.png';" /></a> <a href="dicasecuriosidades.html"><img src="cooltext704843592.png" height="60"

onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a>

onmouseover="this.src='cooltext704843931MouseOver.png';" onmouseout="this.src='cooltext704843931.png';" /></a> <a href="contato.html"><img src="cooltext704844094.png" height="60"

</center> </body> </html>

produtos.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

onmouseover="this.src='cooltext704839414MouseOver.png';" onmouseout="this.src='cooltext704839414.png';" /></a>

onmouseover="this.src='cooltext704840999MouseOver.png';" onmouseout="this.src='cooltext704840999.png';" /></a> <a href="produtos.html"><img src="cooltext704843283.png" height="60"

onmouseover="this.src='cooltext704843283MouseOver.png';" onmouseout="this.src='cooltext704843283.png';" /></a> <a href="dicasecuriosidades.html"><img src="cooltext704843592.png" height="60"

onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a> <a href="localizacao.html"><img src="cooltext704843931.png" height="60"

onmouseover="this.src='cooltext704843931MouseOver.png';" onmouseout="this.src='cooltext704843931.png';" /></a> <a href="contato.html"><img src="cooltext704844094.png" height="60"

dicasecuriosidades.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

onmouseover="this.src='cooltext704839414MouseOver.png';" onmouseout="this.src='cooltext704839414.png';" /></a> <a href="historia.html"><img src="cooltext704840999.png" height="60"

onmouseover="this.src='cooltext704840999MouseOver.png';" onmouseout="this.src='cooltext704840999.png';" /></a> <a href="produtos.html"><img src="cooltext704843283.png" height="60"

onmouseover="this.src='cooltext704843283MouseOver.png';" onmouseout="this.src='cooltext704843283.png';" /></a> <a href="dicasecuriosidades.html"><img src="cooltext704843592.png" height="60"

onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a> <a href="localizacao.html"><img src="cooltext704843931.png" height="60"

onmouseover="this.src='cooltext704843931MouseOver.png';" onmouseout="this.src='cooltext704843931.png';" /></a> <a href="contato.html"><img src="cooltext704844094.png" height="60"

<tr> <td>&nbsp;</td> </tr> </table> </center> </body> </html>

localizao.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

onmouseover="this.src='cooltext704839414MouseOver.png';" onmouseout="this.src='cooltext704839414.png';" /></a> <a href="historia.html"><img src="cooltext704840999.png" height="60"

onmouseover="this.src='cooltext704840999MouseOver.png';" onmouseout="this.src='cooltext704840999.png';" /></a> <a href="produtos.html"><img src="cooltext704843283.png" height="60"

onmouseover="this.src='cooltext704843283MouseOver.png';" onmouseout="this.src='cooltext704843283.png';" /></a>

onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a> <a href="localizacao.html"><img src="cooltext704843931.png" height="60"

onmouseover="this.src='cooltext704843931MouseOver.png';" onmouseout="this.src='cooltext704843931.png';" /></a> <a href="contato.html"><img src="cooltext704844094.png" height="60"

contato.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

onmouseover="this.src='cooltext704839414MouseOver.png';" onmouseout="this.src='cooltext704839414.png';" /></a> <a href="historia.html"><img src="cooltext704840999.png" height="60"

onmouseover="this.src='cooltext704840999MouseOver.png';" onmouseout="this.src='cooltext704840999.png';" /></a> <a href="produtos.html"><img src="cooltext704843283.png" height="60"

onmouseover="this.src='cooltext704843283MouseOver.png';" onmouseout="this.src='cooltext704843283.png';" /></a> <a href="dicasecuriosidades.html"><img src="cooltext704843592.png" height="60"

onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a> <a href="localizacao.html"><img src="cooltext704843931.png" height="60"

onmouseover="this.src='cooltext704843931MouseOver.png';" onmouseout="this.src='cooltext704843931.png';" /></a>

Das könnte Ihnen auch gefallen

Informática/cooltext704839414.png" onmouseover="this.src='cooltext704839414MouseOver.png';" onmouseout="this.src='cooltext704839414.png';" /></a> <a href="Site de Informática/historia.html"><img

Informática/cooltext704840999.png" onmouseover="this.src='cooltext704840999MouseOver.png';" onmouseout="this.src='cooltext704840999.png';" /></a> <a href="Site de Informática/produtos.html"><img

Informática/cooltext704843283.png" onmouseover="this.src='cooltext704843283MouseOver.png';" onmouseout="this.src='cooltext704843283.png';" /></a> <a href="Site de Informática/dicasecuriosidades.html"><img

Informática/cooltext704843592.png" onmouseover="this.src='cooltext704843592MouseOver.png';" onmouseout="this.src='cooltext704843592.png';" /></a>

Informática/cooltext704843931.png" onmouseover="this.src='cooltext704843931MouseOver.png';" onmouseout="this.src='cooltext704843931.png';" /></a> <a href="Site de Informática/contato.html"><img

<tr> <td> </td> </tr> </table> </center> </body> </html>