paginas web
<!---esto no se ve-
MI PRIMERA PAGUINA WEB EN HTML5
HTML :
son inciales de las palabras inglesas HiperText Markup Languaje, es un lenguaje diseñado para la construcción de páginas Web
utilizando comandos llamados etiquetas o "Tags" que se definen para realizar lo que el autor desea que se muestre
mi nombre es ADRIANA VANESSA
GUERRERO DELGADO
Tenemos que tener en cuenta que lo de color verde no se mira al ejecutar la página web. Finalmente al ejecutar la página nos va a quedar de la siguiente manera.
La anterior página solo fue una muestra para explicar algo sobre HTML pero a medida de ir aprendiendo podemos meternos en el cuento e diseñando nuestra propia pagina web.
<!--RECUERDE QUE ESTE ES EL TAG PARA COMENTARIOS HTML 5
11 COMPUTACION JM
HTML :
son inciales de las palabras inglesas HiperText Markup Languaje, es un lenguaje diseñado para la construcción de páginas Web
utilizando comandos llamados etiquetas o "Tags" que se definen para realizar lo que el autor desea que se muestre
mi nombre es ADRIANA VANESSA
GUERRERO DELGADO
- LEMO
- 11 computacion
- jm
- fila 1
- fila 2
- fila 3
PAGINA WEB CON DOCTYPE
Lo primero que hacemos es abrir notepad++ y empezamos colocando DOCTYPE de la siguiente manera <! DOCTYPE> y luegoseguimos con
HTML. <!--[if !vml]--><!--[endif]-->
luego para guardarla la guardamos en una carpeta que diga ensayo y dentro de ella escultura en mi caso porque puede ser cualquier otro nombre.
luego para guardarla la guardamos en una carpeta que diga ensayo y dentro de ella escultura en mi caso porque puede ser cualquier otro nombre.
El paso siguiente ya es colocar las siguientes abreviaturas:
HEAD: es el título de la pestaña en el navegador
BODY: es el div agrupa una serie de elementos que van a ser cambiados por el maqueteador css
P: para poner texto a la pagina
HEADER: es etiqueta de html5
NAV: empleamos un menú para poder navegar empleando el Tag nav
UL: lista no ordenada de nuestro menú
ASIDE: para los bloques tanto de la izquierda a la derecha se emplea el Tag aside
FOOTER: el pie de página se escribe con Tag footer
Luego de poner las anteriores abreviaturas, nos quedara una magina de la siguiente manera.
Tenemos que tener en cuenta que lo de color verde no se mira al ejecutar la página web. Finalmente al ejecutar la página nos va a quedar de la siguiente manera.
La anterior página solo fue una muestra para explicar algo sobre HTML pero a medida de ir aprendiendo podemos meternos en el cuento e diseñando nuestra propia pagina web.
PAGINA WEB CON audio y video
<!--RECUERDE QUE ESTE ES EL TAG PARA COMENTARIOS
ESTRUCTURA DE HTML 5
audio y vídeo
audio y vídeo
FORMULARIO EN HTML 5
formulario en HTML
si no
si no
maquetacion
CODIGO
<!DOCTYPE>
<HTML>
<!--RECUERDE QUE ESTE ES EL TAG PARA COMENTARIOS-->
<HEAD>
<BODY bgcolor="pinck" text="#aa68dd">
<BODY bgcolor="BLACK" text="#aa68dd">
<FONT FACE="COSMIC" SIZE =+2 COLOR="whithe"TITLE>pc informetion </TITLE> </FONT><CENTER>
<link href="css/estilo.css" rel="stylesheet" type="text/css"/>
<link href="css/header.css" rel="stylesheet" type="text/css"/>
<IMG SRC="./imagenes/Captura.png" ALIGN="bottom" IMG SRC="Captura.png" BORDER=6>
</HEAD>
<BODY>
<!--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-->
<EM><h1> pc information</h1>
<form action="index.html" method="post">
<input size="20px" type="text">
<input type="submit" value="buscar">
</form>
<FONT FACE="COSMIC" SIZE =+2 COLOR="pink"> bienvenidos a nuestra paguina </FONT>
<p>aqui encontraras todo lo nesesario para que tu vida tecnologica sea mucho mas facil </p>
<NAV>
<UL>
<FONT FACE="COSMIC" SIZE =+2 COLOR="RED"> <LI> <A HREF="#">INICIO</A> </LI></FONT>
<!--HACEMOS UNA LISTA NO ORDENADA DE NUESTRO MENU-->
<LI> <A HREF="#">INICIO</A> </LI>
<LI> <A HREF="#">CONSOLA</A> </LI>
<LI> <A HREF="#">INFORMATICA</A> </LI>
<LI> <A HREF="#">TELEFONICA</A> </LI>
</nav>
</header>
</UL>
<!--PARA LOS BLOQUES QUE VAN A QUFDAR A LA DERECHA O A LA IZQUIERDA DE LA PAGINA WEB-->
<ASIDE ID="derecha">
<P> <form action="indeindex.html"method="post"/>
<table>
<TABLE BORDER=5>
<FRAMESET COLS="100%" ROWS="25%,25%,25%*">
<tr>
<th colspan="3">
iniciar secion
</th>
</tr>
<tr>
<th>
<label>Usuario</label>
</th>
<th>
<input type="text" name="nombreuser" size="10px">
</th>
</tr>
<tr>
<th>
<label>Contrasena</label>
</th>
<th>
<input type="password" name="pass" size="10px">
</th>
</tr>
<TD> <IMG SRC="./imagenes/tablet.png"" VSPACE=2 HSPACE=2> </TD>
</table>
</P>
<table>
<TABLE BORDER=15>
<TABLE BORDER BGCOLOR=#a20995>
</ASIDE>
<ASIDE ID="izquierda">
<P>
<ul>
<A HREF="http://www.institucionlemo.net/"> paguina de la institucion</A>
<li><a href="http://https://www.blogger.com/blogger.g?blogID=7994902538611985565#editor/target=page;pageID=4679476828965417119.blogspot.com/p/desarrollo-web.html">bloger <time>20-06-2013</time></A></li>
<li><a href="http://www.nachorealpe2011.blogspot.com/p/blog-page.html">correo del profesor<time>20-06-2013</time></A></li>
<li><a href="http://www.youtube.com/">youtube <time>20-06-2013</time></A></li>
</ul>
</P>
</ASIDE>
<!--LOS ARTICULOS PRINCIPALES SE UBICAN CON UN TAG LLAMADO SECTION-->
<SECTION>
<ARTICLE>
<H1> <FONT FACE="COSMIC" SIZE =+2 COLOR="pink"> Inspiron One 20</FONT></H1>
<P> Inspiron One 20 Todo en Uno Computadora todo en uno de 20" con la tercera generación de los procesadores Intel® Core™. <br>
Actualice a una pantalla táctil y Blu ray opcionales. </P>
<IMG SRC="./imagenes/Captura3.png"" VSPACE=2 HSPACE=2>
</ARTICLE>
<ARTICLE>
<H1> <FONT FACE="COSMIC" SIZE =+2 COLOR="pink">ofertas del dia en :</FONT></H1>
<P> </P>
<IMG SRC="./imagenes/computadores.net.png" ALIGN="bottom" IMG SRC="Captura.png" BORDER=6>
</ARTICLE>
<audio controls="controls" src="computadores.mp3">
si no sirve utilice otro servidor
</audio>
<ARTICLE>
<H1> <FONT FACE="COSMIC" SIZE =+2 COLOR="pink">Computadoras Portátiles CS40 » :</FONT></H1>
<P>
El computadoras portátiles robusto más pequeño y avanzado de Intermec. <br>
Diseñado específicamente para los trabajadores de campo que necesitan el tamaño y el diseño de un teléfono inteligente y fiabilidad y prestaciones de un terminal portátil robusto con comunicaciones 3,75G y escáner de altas prestaciones 1D/2D integrado
</P>
<IMG SRC="I:\Nueva carpeta\imagenes/Ca4.png" ALIGN="bottom" IMG SRC="Captura.png" BORDER=6>
</ARTICLE>
<ARTICLE>
<FONT FACE="COSMIC" SIZE =+2 COLOR="pink"><H1>ULTRABOOKS:</FONT>
<P>
Ultrabooks rápidos y eficientes, así es la línea de Ultrabooks de LG que con su elegante diseño te ofrecen todo el poder de cómputo que necesitas,
soportado en procesadores Intel® Core™ de última generación
<br>
<IMG SRC="I:\Nueva carpeta\imagenes/minicomponentes.png" ALIGN="bottom" IMG SRC="Captura.png" BORDER=6>
</ARTICLE>
</P>
</SECTION>
</table>
<!--EL PIE DE PAGINA SE ESCRIBE CON EL TAG FOOTER -->
<FOOTER>
<P> Aqui colocaremos nuestro pie de pagina </p>
<A HREF="guerreroadriana6@gmail.com">Correo del Web master guerreroadriana6@gmail.com</A>
</footer>
</div>
</BODY>
</HTML>
Suscribirse a:
Entradas (Atom)
3 comentarios:
Bien felicitaciones
buen trabajo
atrazada en su cuaderno, falta la página web de la tienda de computadores con css
Publicar un comentario