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

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

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
Que son las paginas web ? Una pagina web es un tipo de documento o informacion electronica capas de contener contenidos multimedia los cuales se ven representados y expresados al usuario de tal manera que comunican , trasmiten , y explican su diversos contenidos . Este tipo de contenido tiene que ser adaptado y modificado bajo los estándares de la WWW (  world wide web)  donde a través  de un navegador web se podrá  acceder el contenido propuesto en las diferentes paginas  . En estas paginas podemos encontrar hipervinculos los cuales nos permiten acceder a diferentes paginas y contenidos expuestos en la www. aun así , se tienen diferentes tipos de pagina web los cuales hacen referencia a diferentes tipos de intereaccion dependiendo de lo que el programador o dueño de la pagina desee hacer . esto tipos de pagina se conocen como paginas estaticas e interactivas donde en las estáticas se expresa un contenido solido el cual no se puede editar ni interactuar ...
Leer más