About Me
Desarrollo web
segunda pagina web
html 5 audio y video
<!DOCTYPE>
<html>
<!--RECUERDE QUE ESTE ES EL TAG PARA COMENTARIOS-->
<HEAD>
<title>alejandro HTML 5</title>
</HEAD>
<BODY>
<!--el div agrupa una serie de elementos que van hacer cambiados por el maqueteador css-->
<div div="todo">
<header>
<H1> Baby rasta y Gringo </H1>
<p>
Baby Rasta & Gringo es un dúo de reggaeton de Puerto Rico formado por Wilmer Alicea
(Baby Rasta) (11 de octubre 1976) y Samuel Gerena (Gringo) (31 de diciembre 1978),
considerados como el primer dúo del reggaeton. Fueron llamados originalmente "Eazy Boyz".
Después de cambiar sus nombres lanzaron tres álbumes, New Prophecy en 1998, Fire Live en
2003 y Sentenciados en 2004. Sentenciados salió en dos versiones en Parental Advisory y
editado una "versión de platino", incluyendo un DVD extra, fue lanzado en 2005. A pesar
de que su primer álbum salió en 1998, empezaron a grabar juntos en un álbum producido por
DJ Negro, El ruido: Underground.
</p>
<!--aqui colocamos un menu para poder navegar empleando el tag nav -->
<nav>
<ul>
<!--lista no ordenada de nuestro menu -->
<li><a href="#">inicio</a> </li>
<li><a href="#">el duro</a> </li>
<li><a href="#">el alfa</a> </li>
<li><a href="#">el omega</a> </li>
</ul>
</nav>
<li> 1997 - Premiados como los mejores en el Día Nacional del Rap y Reggae.<br></li>
<li> 1998 - Premiados como los mejores en el Día Nacional del Rap y Reggae.<br></li>
<li> 1998 - Premios Farándula 97-98, como mejor dúo urbano a nivel local.<br></li>
<li> 1998 - Los Premios Mosa (Caracas, Venezuela).<br></li>
<li> 1999 - Grupo Juvenil del año 98-99.<br></li>
<li> 2000 - Revelacion del Rap Latino.<br></li>
<li> 2000 - Mejor dúo de Rap Latino 2000.<br></li>
<li> 2003 - El mejor disco Romántico Urbano, "Romances del Ruido 2".<br></li>
<li> 2004 - Mejor dúo Internacional de Reggaetón.<br></li>
<table width="20%" cellspacing="0" cellpadding="5" border="4">
<tr>
<td width="20%" height="20">los lobos <align="right" valign="bottom"></td>
<td width="20%" height="20">eMe Miusic</td>
</tr>
<tr>
<td width="20%" bgcolor="#FFCCCC">Baby Rasta</td>
<td width="20%" bordercolor="blue">Gringo</td>
</tr>
</table>
<video widh="500"height="300"controls="controls"proload="proload">
<source src="Escritorio/los lobos.mp4"/>
</video>
<audio controls="controls" src="D:\musica/royal rumble.mp3"/>
</div>
</BODY>
</html>
Formulario en HTML 5
<!DOCTYPE HTML>
<html>
<head>
<title> Formulario en HTML 5</title>
<br>
<br>
</head>
<body>
<form action="envio.php" method="post">
<label> Tu nombre </label>
<input type= "text" name="Nombre"required/>
<br><br><label> Tus Apellidos: </label>
<input type= "text" name= "Apellidos" required/><br><br>
<br><br><label> Tu Correo </label>
<input type= "mail" name= "Tunombre@dominio.com" required/><p>
<label> fecha</label>
<input type="date" /><p>
<label> color </label>
<input type= "color" />
<label> numero </label>
<input type="number" max="10" min="0" value="15"/><p>
<label> Tu Grado: </label>
<!--select es una lista para seleccionar mediante option-->
<select name="Curso">
<option value="1"> Primer curso </option>
<option value="2"> Segundo curso </option>
</select><br> <br>
<label> Contraseña </label>
<input type="password" name="contraseña">
<br><br><input type="radio" name="repite" value="opcion1" >SI </input>
<input type="radio" name="repite" value="opcion2" >NO </input>
<br>
<!---el siguinete tag es para escojer un archivo--->
<input type="file" accept="acept/jpeg"/>
<!--- el siguiente boton sirve para enviar la informacion--->
<input type="submit" value="enviar">
</body>
</html>
<html>
<head>
<title> Formulario en HTML 5</title>
<br>
<br>
</head>
<body>
<form action="envio.php" method="post">
<label> Tu nombre </label>
<input type= "text" name="Nombre"required/>
<br><br><label> Tus Apellidos: </label>
<input type= "text" name= "Apellidos" required/><br><br>
<br><br><label> Tu Correo </label>
<input type= "mail" name= "Tunombre@dominio.com" required/><p>
<label> fecha</label>
<input type="date" /><p>
<label> color </label>
<input type= "color" />
<label> numero </label>
<input type="number" max="10" min="0" value="15"/><p>
<label> Tu Grado: </label>
<!--select es una lista para seleccionar mediante option-->
<select name="Curso">
<option value="1"> Primer curso </option>
<option value="2"> Segundo curso </option>
</select><br> <br>
<label> Contraseña </label>
<input type="password" name="contraseña">
<br><br><input type="radio" name="repite" value="opcion1" >SI </input>
<input type="radio" name="repite" value="opcion2" >NO </input>
<br>
<!---el siguinete tag es para escojer un archivo--->
<input type="file" accept="acept/jpeg"/>
<!--- el siguiente boton sirve para enviar la informacion--->
<input type="submit" value="enviar">
</body>
</html>
Maquetacion
pagina nueva
<!DOCTYPE>
<HTML>
<!--RECUERDE QUE ESTE ES EL TAG PARA COMENTARIOS-->
<HEAD>
<TITLE>Tu pc</TITLE>
<link href="css/estilo.css" rel="stylesheet" type="text/css"/>
<link href="css/header.css" rel="stylesheet" type="text/css"/>
</HEAD>
<BODY>
<BODY bgcolor="#000000" text="#0099d6">
<!--el div agrupa una serie de elementos que van a ser cambiados por el maqueteador css-->
<DIV id="TODO">
<header>
<!--header es la cabecera en html5-->
<h1><FONT FACE="COSMIC" SIZE =+11 COLOR="#ffffff">TU PC 2013</FONT></h1>
<form action="index.html" method="post">
<input size="20px" type="text">
<input type="submit" value="buscar">
</form>
<p> </p>
</header>
</UL>
<!--PARA LOS BLOQUES QUE VAN A QUFDAR A LA DERECHA O A LA IZQUIERDA DE LA PAGINA WEB-->
<ASIDE ID="IZQUIERDA">
<P> <form action="indeindex.html"method="post"/>
<table>
<table border=1>
<table border bgcolor=#ffffff>
<tr>
<th colspan="15">
<FONT FACE="COSMIC" SIZE =+2 COLOR="#4134ea">Iniciar Secion</FONT>
</th>
</tr>
<tr>
<th>
<label><FONT FACE="COSMIC" SIZE =+1 COLOR="#4134ea">Usuario</FONT></label>
</th>
<th>
<input type="text" name="nombreuser" size="15px">
</th>
</tr>
<tr>
<th>
<label><FONT FACE="COSMIC" SIZE =+1 COLOR="#4134ea">password</FONT></label>
</th>
<th>
<input type="password" name="pass" size="15px">
</th>
</tr>
</table>
</P>
</ASIDE>
<ASIDE ID="derecha">
<P>
<ul>
<li><a href="http://www.facebook/problemaspc"><FONT FACE="COSMIC" SIZE =+4 COLOR="#2117a3">Facebook </FONT></A></li>
<li><a href="http://www.youtube.com/problemaspc"><FONT FACE="COSMIC" SIZE =+4 COLOR="#fa1d06">Youtube</FONT> </A></li>
</ul>
</P>
</ASIDE>
<!--LOS ARTICULOS PRINCIPALES SE UBICAN CON UN TAG LLAMADO SECTION-->
<SECTION>
<ARTICLE>
<H1><FONT FACE="COSMIC" SIZE =+4 COLOR="#ffffff">Modelos PC</FONT></label></H1>
<P><FONT FACE="COSMIC" SIZE =+1 COLOR="#ffffff">Ya sea para trabajar, estudiar o entretenerte, la VAIO® DUO con Stylus pen intuitivo, estimula tu creatividad, dándote precisión y versatilidad.
De laptop a tablet, esta Ultrabook™ inspirada por Intel®, integra la cuarta generación de procesadores Intel® Core™ i5-4200U 1.60GHz con Turbo Boost hasta 2.60GHz</FONT> </P>
<IMG SRC="f:\Nueva carpeta\css\imagenes/dada.png" VSPACE=40 HSPACE=30>
<source src="http://www.youtube.com/watch?v=EMz2TzAcQt8">
</source>
</video>
</ARTICLE>
<ARTICLE>
<H1><FONT FACE="COSMIC" SIZE =+4 COLOR="#ffffff">Pc 2013 escritorio</FONT></H1>
<P> <FONT FACE="COSMIC" SIZE =+1 COLOR="#ffffff">Las computadoras de uso doméstico suelen estar dedicadas al entretenimiento (multimedia, videojuegos, etc.) y a tareas domésticas (contabilidad casera, escritos, etc.). Estas computadoras carecen de gestión y mantenimiento ya que estas tareas son de poca importancia para un particular; sin embargo, la situación es bien distinta en el ámbito empresarial, en el cual la computadora de escritorio es la herramienta de trabajo por excelencia; se trata de un elemento muy importante para la marcha de un negocio. El uso que se hace de las computadoras de escritorio está relacionado normalmente con las tareas productivas y administrativas de los empleados: creación de informes, presentaciones, memorandos (véase suite ofimática), comunicación con otras empresas, contabilidad, gestión de tareas, etc.; por este motivo, la computadora de escritorio debe ser adecuadamente gestionada en el ámbito empresarial.
Obsérvese que mientras un particular debe preocuparse normalmente de una o dos computadoras únicamente, una empresa puede tener como activo un parque de cientos o miles de computadoras personales. En este sentido existen dos actuaciones complementarias:</FONT>
<IMG SRC="f:\Nueva carpeta\css\imagenes/dos.png" VSPACE=40 HSPACE=30> </P>
</ARTICLE>
<audio controls="controls" src="F:\Nueva carpeta\css\MUSICA\Propueta Indecente.MP3">
si no sirve utilice otro servidor
</audio>
</SECTION>
<!--EL PIE DE PAGINA SE ESCRIBE CON EL TAG FOOTER -->
<FOOTER>
<P> <IMG SRC="F:\Nueva carpeta\css\imagenes/despedida.jpg" width="885" height="167" HSPACE=30 VSPACE=40> </p>
</footer>
</div>
</BODY>
</HTML>
codigo css estilo
/*esta es una hoja de estilo principal para mi pagina web*/
div#todo{
margin:5 auto;
width:959px;
border:solid 5px white;
}
header{
height:130px;
border:solid 3px BLUE;
width:953px;
overflow:hidden;
}
/*maquetando el aside izquierda*/
aside#izquierda{
float:left;
border:solid 0px BLACK;
}
/*maquetando la la seccion central*/
section{
float:left;
border:solid 3px white;
width:;
}
/*maquetando el aside derecha*/
aside#derecha{
float:right;
border:solid 1px #5a5eff;
width:400px;
}
footer{
float:left;
border:solid 7px #6c6c6c;
}
================
codigo header css
/*maquetando el header*/
/*fuente personalizada*/
@font-face{
font-family:destroyed;
src:url(fuentes/destroyed.ttf)format('truetype');
}
border{
border-radius:10px 10px 10px 10;
box-shadow:0px 0px 15px black;
}
/*
/*h1*/
header h1{
font-family:destroyed;
margin-left:35px;
text-shadow:5px 5px 5px #5662ce;
}
/*p*/
header p{
margin-left:35px;
}
header form{
float:right;
}
/*menu horizontal*/
/
header ul{
list-style:none;
}
header ul li{
float:left;
margin-top: 9px; /**/
}
/
header ul li a{
text-decoration:none;
color:red;
border:solid 1px black;
margin:left 15px;
padding:5px 15px 5 px 15px;
border-radius: 5px 5px 0px 0px;
box-shadow:10px 5px 10px black; /*derecha abajo lo grande*/
transition:background 1s, color 1s, border 1s, box-shadow 1s;/*despues*//
transition:background 1s, color 1s, border 1s, box-shadow 1s;
transition:background 1s, color 1s, border 1s, box-shadow 1s;
transition:background 1s, color 1s, border 1s, box-shadow 1s;
}
header ul li a:hover{
color:blue;
border:solid 1px black;
box-shadow:opx 5px 10px red;
background:black;
}
Pagina en dreamweaver
https://mega.co.nz/#!g89H0BSY!X6dndBrgY8fxETufkc2HSQzwnVxcYIRfhT8X3-BQJvs
consultas RSS Y XML
RSS
http://prezi.com/nkat4kaab3q7/?utm_campaign=share&utm_medium=copy
XML
http://prezi.com/tzpb-e0jdfbe/?utm_campaign=share&utm_medium=copy
Suscribirse a:
Entradas (Atom)
4 comentarios:
no aparecen trabajos
falta video y sonido en html5
se encuentra atrazado
falta el trabajo, y su cuaderno no se encuentra al día
Publicar un comentario