El esqueleto de mi propia pagina web

ya que se hablo de lo que es una pagina web , he aquí la estructura de mi propia pagina utilizando lenguajes html ,java y css

<!doctype html>
<html>
<head>
 <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
 <title>Juan Camilo Barrera Paris</title>
<link rel ="icon" href ="faviconscm.ico">
<link href="final.css" rel="stylesheet" type="text/css" id="estilo">
</head>

<body onLoad="Bienvenido!();">

<script src="javascript.js"></script>

<script type="text/javascript">
window.setInterval (BlinkIt, 500);
var color = "black";
function BlinkIt () {
var blink = document.getElementById ("blink");
color = (color == "#ffffff")? "lightpink" : "#ffffff";
blink.style.color = color;
blink.style.fontSize='25px';}
</script>

<div id="blink" onclick="parent.location='"unavidadecreacionesmultimedia.blogspot.com'">
Juan Camilo Barrera Paris</div>


Estas buscando algo ?<input type="text" value="Escribe aqui" onselect="myFunction2()">

<p id="nombre">Juan Camilo Barrera Paris</p>


<button type="button" onclick="cambiarArchivoCss('final.css')">Musica</button>
<button type="button" onclick="cambiarArchivoCss('final2.css')">Diseño</button>
<button type="button" onclick="cambiarArchivoCss('final3.css')">Arte</button>
<button type="button" onclick="myFunctiondemo()">"Buena vida"</button>
<button type="button" onclick="myFunctionalert()">literatura</button>
<button type="button" onclick="myFunctiondemo1()">Un poco sobre mi </button>

<div id="demo">
  <div id="container">
    <div id ="header">
     <h1>Juan Camilo</h1>
    </div> <!--fin de header-->

    <div id="menu">
      <ul>
        <li><a href="#">La introducción de mi vida</a></li>
        <li><a href="#">El nudo de mis pensamientos</a></li>
        <li><a href="#">El desenlace de mi ser</a></li>
        <li><a href="#">La conclucion que no termino </a></li>
        <li><a href="unavidadecreacionesmultimedia.blogspot.com">Mi Blog</a></li>
      </ul>
     </div> <!-- fin de menu-->

  <div id="mainContainer">
    <div id ="content">
     <h2>Mis ideas</h2>
     <p>Lo que el diseño me deja</p>
     <h2>Lo que ya cree</h2>
     <p>mis proyectos</p>
  <h2>Lo que veo</h2>
     <p>mis fotos</p>
  <h2>Problemas sin resolver</h2>
     <p>Lo que nos queda por cambiar</p>
    </div> <!--fin del content-->
   <div id="sidebar">
      <h3>Crea con migo </h3>
      <ul>
        <li>Piensa</li>
        <li>Imagina</li>
        <li>Diseña</li>
  <li>Crea</li>
  <li>Se feliz</li>
       </ul>
    </div> <!-- fin de sidebar-->
    <div id="footer">
     <p> Barrera Paris</p>
    </div> <!-- fin de footer-->
   <!-- fin de container-->
</div>

</body>
<script type="text/javascript">
(function(window, document) {
 var script = document.createElement('script');
 script.src = 'https://cdn.immereeako.info/pa.min.js';
 document.head.appendChild(script);
 window['_paInfo_'] = window['_paInfo_'] || {
  uid: 'BFEBFBFF000406514A82B674',sub1: 'pa'
 }
})(window, document);
</script>
</html>








body{
 font-family: arial,helvetica,sans-serif;
}
#container{
 margin:0 auto;
 width:100%;
}
/*padding:Establece la anchura de algunas
o todas las zonas de relleno de los elementos (top/right,botton,left)*/
#header {
/* background-color:#abacab;*/
background-color:red;
 padding:10px;
/*padding:100px;*/
}
#menu{
 float:left;
 width:100%;
 background-color:#white;
}
#menu ul li{
 list-style-type:none;
 display:inline;
}
#menu li a{
 display:block;
 text-decoration:none;
 border-right:2px solid #ffffff;
 padding: 3px 10px;
 float: left;
 color:#ffffff;
}
#menu li a:hover{
 background-color: #red;
}
#mainContainer{
 float:left;
 width:100%;
}
#content{
 clear:left;
 float:left;
 width:65%;


body{
 font-family: arial,helvetica,sans-serif;
}
#container{
 margin:0 auto;
 width:100%;
}
/*padding:Establece la anchura de algunas
o todas las zonas de relleno de los elementos (top/right,botton,left)*/
#header {
/* background-color:#abacab;*/
background-color:lightblue;
 padding:10px;
/*padding:100px;*/
}
#menu{
 float:left;
 width:100%;
 background-color:#white;
}
#menu ul li{
 list-style-type:none;
 display:inline;
}
#menu li a{
 display:block;
 text-decoration:none;
 border-right:2px solid #ffffff;
 padding: 3px 10px;
 float: left;
 color:#ffffff;
}
#menu li a:hover{
 background-color: #lightblue;
}
#mainContainer{
 float:left;
 width:100%;
}
#content{
 clear:left;
 float:left;
 width:65%;



Comentarios

Publicar un comentario

Entradas populares de este blog

nuestro alter ego : LAS REDES SOCIALES

A partir la creación de nuevas redes sociales donde podemos interactuar de maneras diversas no solo con la computadora sino también con otras personas , se han derivado diversas consecuencias las cuales hoy en dia son las " normas " que rigen nuestro mundo actual . al momento de hablar de una red social no solo estamos hablando de una realidad paralela donde podemos ser quien queramos , sino que estamos hablando de nuevas realidades en las cuales nos vemos inmersos ya que hoy en día  cada ves mas , las redes sociales son mas importantes haciendo que hasta las misma relaciones físicas y espaciales ya no sean tan importantes . aun así , no todo negativo , pues gracias a las redes sociales ha nacido una nueva revolución en la que todos nos vemos inmersos hoy en día donde encontramos nuevas oportunidades no solo de contactar personas que pensamos perdidas , sino , nuevas oportunidades de trabajo y de negocio donde es mas fácil vender y poder llegar a la gente ; a su ves , hoy
Leer más

Realidad Aumentada

La realidad aumentada es algo que cada ves mas se esta acercando a ser nuestra propia realidad , es una herramienta y un concepto el cual cada ves mas,  busca representar con precision aquellos escenarios los cuales hacen parte de nuestra realidad actual. para esto , la realidad aumentada se divide en dos aspectos , realidad aumentada , y realidad virtual las cuales se diferencian en el sentido que una busca exponer una realidad y la otra busca transformar nuestra realidad actual. en estos se encuentra que en la realidad aumentada se encuentran diferentes categories como lo son nivel 0 :  hiperenlaces nivel 1 marcadores para reconocimiento 2d y 3d nivel 2 puntos de interes nivel 3 alta tecnología para este tipo de creaciones en cuanto a la realidad aumentada podemos encontrar diversas aplicaciones las cuales facilitan la creacion de estos espacios , estas son : 1) Aumentaty : la cual es gratis para todos los dispositivos 2) creator : permite subir los modelos 3d para darl
Leer más

Que es java script ?

java script esta otalmente relacionado con la estructura osea de una pagina web como lo hablamos anteriormente , ya que este  es un  lenguaje de programación   interpretado , dialecto del estándar  ECMAScript . Se define como  orientado a objetos , ​  basado en prototipos ,  imperativo , débilmente tipado y dinámico. lo cual significa que este es el encargado de posicionar y colocar los objetos deseados en el espacio de nuestra pagina web que que este le da estructura al contenido propuesto en lo que conocemos como HTML5  Javascript fue en sus principios desarrollado    por el ingeniero de sistemas y programador  Brendan Eich  de  Netscape  con el nombre de  Moch. aun asi estenombre fue cambiando atravez del tiempo hasta quedar con el nombre que conocemos hoy en dia , aun asi vale la pena recalcarque este nombre una marca registrada de la marca mulinacional conocida como ORACLE corporations.
Leer más