sábado, 16 de junho de 2012

Aula 3

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
</head>
<link rel="stylesheet" type="text/css" href="styler3.css"/>
<body>
<div id="geral">
<div id="topo"> </div>
<div id="topo2"> </div>
<div id="menu"> </div>
<div id="conteudo"> </div>
<div id="conteudo2"> </div>
<div id="conteudo3"> </div>
<div id="rodape"> </div>
</div>
</body>
</html>


CSS

@charset "utf-8";
/* CSS Document */

#geral {width:800px; height:600px;background:#999;margin:auto;}
#topo {width:400px;height:123px;background:#000;float:left;}
#topo2 {width:400px;height:123px;background:#909;margin-left:400px;}
#menu {width:800px;height:80px;background:#039;}
#conteudo {width:300px;height:397px;background:#09F; float:left;}
#conteudo2 {width:300px;height:397px;background:#333; float:left}
#conteudo3 {width:200px;height:397px;background:#C60; margin-left:600px}
#rodape {width:800px;height:50px;background:#0F0;}
Postado por às Nenhum comentário:

sábado, 9 de junho de 2012

Aula 2

HTML

<!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>
<link rel="stylesheet" type="text/css" href="Estilo.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>

<h1> Como surgio a Internet? </h1>
<img src="internet.jpg" title= "logo" Alt= "logo" />
<p> A rede mundial de computadores, ou Internet, surgiu em plena Guerra Fria. Criada com objetivos militares, seria uma das formas das forças armadas norte-americanas de manter as comunicações em caso de ataques inimigos que destruíssem os meios convencionais de telecomunicações. Nas décadas de 1970 e 1980, além de ser utilizada para fins militares, a Internet também foi um importante meio de comunicação acadêmico. Estudantes e professores universitários, principalmente dos EUA, trocavam idéias, mensagens e descobertas pelas linhas da rede mundial. </p>

<p> Foi somente no ano de 1990 que a Internet começou a alcançar a população em geral. Neste ano, o engenheiro inglês Tim Bernes-Lee desenvolveu a World Wide Web, possibilitando a utilização de uma interface gráfica e a criação de sites mais dinâmicos e visualmente interessantes. A partir deste momento, a Internet cresceu em ritmo acelerado. Muitos dizem, que foi a maior criação tecnológica, depois da televisão na década de 1950. </p>

<p> A partir de 2006, começou uma nova era na Internet com o avanço das redes sociais. Pioneiro, o Orkut ganhou a preferência dos brasileiros. Nos anos seguintes surgiram outras redes sociais como, por exemplo, o Facebook e o Twitter. </p>

<a href="http://www.google.com">Fonte</a>
<a href="#" onclick="webdesign()"> webdesign </a>

<script language="javascript">
function webdesign(){
alert("webdesign:");
}
</script>

</body>
</html>

CSS

h1{font-family:"Courier New", Courier, monospace; font-size: 26px; text-align:center; color:#030;}
p{font-family:"Times New Roman", Times, serif; font-size:16px; text-align:justify; color:#000; padding:20px;}
img{margin-left:600px;
a:link,a:visited{display:block;padding:10px;background:#090;magin-top:5px;}
a:hover{background:#999}
Postado por às Nenhum comentário:

Aula 1

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
</head>

<body> ( Inicio conteudo)
<h1>Microlins</h1> ( Tamanho dos titulos)
<h2>Microlins</h2>
<h3>Microlins</h3>
<h4>Microlins</h4>
<h5>Microlins</h5>
<h6>Microlins</h6>
<p>
Microlins Cursos
</p>
<p>Turnos : Manha-Tarde-Noite</p>
<p>web-design-programação-e mais</p>

<ul> ( Sem ordem)
<li>html</li>
<li>css</li>
<li>php</li>
<li>sql</li>
<li>jquery</li>
</ul>

<ol> ( Com ordem)
<li>html</li>
<li>css</li>
<li>php</li>
<li>sql</li>
<li>jquery</li>
</ol>
<hr/>
</body> ( Fechamento conteudo)
</html>
Postado por às Nenhum comentário:
Assinar: Postagens (Atom)