DÉCIMO

1 de agosto:

Buenos días muchachos de grado DÉCIMO, les recuerdo que el sitio donde deben guardar sus páginas (hosting) es https://pancake.io/
Además, les comparto el código para insertar animaciones de flash, sonidos, documentos en pdf y para llamar archivos que estén en otra carpeta.  Recuerden que para la próxima clase deben traer el link donde subieron la  página  usando pancake.io y dropbox.

<html><head><title>Decimo</title></head>
<body bgcolor = "orange">
<embed src ="sonidos/sonido.mp3" hidden = "false" autostart = "false">
<img src = "imagenes/k.jpg" width = "400">
<embed src = "animaciones/rombo7.swf" width = "700" height = "700"><br><br><br>
<a href = "documentos/doc.pdf">ayuda</a>
</body>

</html> 



26 de mayo, código de target y name, el primero es el index y el segundo enlaces.html:


<html><head><title>targetyname</title></head>

<frameset cols = "20,80">

<frame src = "enlaces.html">


<frameset rows = "34,33,33">
<frame src = "blanco.html" name = "arriba">
<frame src = "blanco.html" name = "medio">
<frame src = "blanco.html" name = "abajo">
</frameset>


</frameset>
</html>

****************************************************
<html><head><title>targetyname</title></head>

<bgcolor = "white">

<a href = "amarillo.html" target = "arriba">amarillo</a><br>
<a href = "azul.html" target = "medio">azul</a><br>
<a href = "rojo.html" target = "abajo">rojo</a>



</bgcolor>
</html>

******************************************


23  de abril de 2014, código frames:



<html><head><title>1002</title></head>

<frameset rows = "50,25,25">

<frame src = "amarillo.html">
<frame src = "azul.html">
<frame src = "rojo.html">

</frameset>

</html>




19 de marzo de 2014, código de la evaluación:



<html>
<head><title>Evaluacion</title></head>
<body bgcolor = "52B594">

<center>
<table border = "3">

<tr bgcolor = "yellow"><td>UNO</td><td>DOS</td><td>TRES</td><td>CUATRO</td></tr>

<tr>
<td><a href = "a.html"><img src = "a.jpg" width = "200"></a></td>
<td><a href = "b.html"><img src = "b.jpg" width = "200"></a></td>
<td><a href = "c.html"><img src = "c.jpg" width = "200"></a></td>
<td><a href = "d.html"><img src = "d.jpg" width = "200"></a></td>
</tr>

<tr><td  bgcolor = "red">UNO</td><td  bgcolor = "pink">DOS</td><td>TRES</td><td>CUATRO</td></tr>

<tr>
<td><a href = "e.html"><img src = "e.jpg" width = "200"></a></td>
<td><a href = "f.html"><img src = "f.jpg" width = "200"></a></td>
<td><a href = "g.html"><img src = "g.jpg" width = "200"></a></td>
<td><a href = "h.html"><img src = "h.jpg" width = "200"></a></td>
</tr>

<tr><td>UNO</td><td>DOS</td><td>TRES</td><td>CUATRO</td></tr>

<tr>
<td><a href = "i.html"><img src = "uno.gif" width = "200"></a></td>
<td><a href = "j.html"><img src = "dos.gif" width = "200"></a></td>
<td><a href = "k.html"><img src = "tres.gif" width = "200"></a></td>
<td><a href = "l.html"><img src = "cuatro.gif" width = "200"></a></td>
</tr>




</table>
</html>
**************************************************************


19 de marzo de 2014, código dos de la evaluación:


<html>
<head><title>Evaluacion</title></head>
<body bgcolor = "52B594">

<center>

<a href = "index.html"><img src = "cuatro.gif" width = "500">


</table>
</html>
***********************************************************************




10 de marzo de 2014 código para crear una página con botones hechos en Xara (index):

<html><head><title>1002</title></head>
<body bgcolor =  "2E8A8A">

<center>

<a href = "amarillo.html"><img src = "b_amarillo.gif"></a>
<a href = "azul.html"><img src = "b_azul.gif"></a>
<a href = "rojo.html"><img src = "b_rojo.gif"></a>


</body>
</html>
********************************************************************
10 de marzo de 2014 código para crear una página con botones hechos en Xara (destino):

<html><head><title>1002</title></head>
<body bgcolor =  "red">

<center>

<a href = "index.html"><img src = "c.jpg" width = "500"></a>


</body>
</html>
***************************************************************


5 de marzo.  Buenos días muchachos, el código adjunto sirve para hacer hipervínculo con imágenes (botones en xara 3D)

<html><head><title>1002</title></head>

<body bgcolor = "409816" >


<a href = "amarillo.html"><img src = "1.gif"></a>
<a href = "azul.html"><img src = "2.gif"></a>
<a href = "rojo.html"><img src = "3.gif"></a>



</body>
</html>


****************************************************************************

26 de febrero.  Buenos días muchachos, el código adjunto sirve para hacer tablas con IMAGENES en HTML con MARQUEE alternativo para hacer la tarea para la próxima semana:

<hmtl><head><title>1003</title></head>

<body bgcolor = "pink">
<center>

<table border = "3">

<tr><td colspan = "4"><center><marquee behavior =

"alternate">IMAGENES</marquee></td></tr>

<tr>
<td><img src = "a.jpg" width ="50"></td>
<td><img src = "b.jpg" width ="50"></td>
<td><img src = "c.jpg" width ="50"></td>
<td><img src = "d.jpg" width ="50"></td>
</tr>


<tr>
<td><img src = "e.jpg" width ="50"></td>
<td><img src = "f.jpg" width ="50"></td>
<td><img src = "g.jpg" width ="50"></td>
<td><img src = "h.jpg" width ="50"></td>
</tr>

</table>

</body>
</html>
**********************************************************************



24 de febrero.  Buenos días muchachos, el código adjunto sirve para hacer tablas con IMAGENES en HTML:

<html><head><title>1003</title></head>

<body bgcolor = "orange">

<center>

<table border = "3">


<tr><td>UNO</td><td>DOS</td></tr>

<tr><td><img src = "a.jpg" width = "100">

</td><td><img src = "b.jpg" width = "100"></td></tr>


</table>

</body>
</html>

***********************************************************************


19 de febrero.  Buenos días muchachos, el código adjunto sirve para hacer tablas en HTML:

*******************************************************************************
<html><head><title>1002</title></head>

<body bgcolor = "pink">


<center>
<table border = "3">



<tr bgcolor = "orange"><td colspan = "6"><center>HORARIO</td></tr>



<tr bgcolor ="red">
<td>HORA</td><td>LUNES</td><td>MARTES</td><td>MIERCOLES</td>
<td>JUEVES</td><td>VIERNES</td></tr>

<tr><td>1</td><td>MAT</td><td>FIS</td><td>TEC</td>
<td>ING</td><td>ARTES</td></tr>



<tr><td>2</td><td>MAT</td><td bgcolor = "white">FIS</td><td>TEC</td>
<td>ING</td><td>ARTES</td></tr>

<tr bgcolor = "orange"><td colspan = "6"><center>DESCANSO</td></tr>

<tr><td>3</td><td>MAT</td><td>FIS</td><td>TEC</td>
<td>ING</td><td>ARTES</td></tr>


<tr><td>4</td><td>MAT</td><td>FIS</td><td>TEC</td>
<td>ING</td><td>ARTES</td></tr>

<tr bgcolor = "orange"><td colspan = "6"><center>DESCANSO</td></tr>

<tr><td>5</td><td>MAT</td><td>FIS</td><td>TEC</td>
<td>ING</td><td>ARTES</td></tr>

<tr><td>6</td><td>MAT</td><td>FIS</td><td>TEC</td>
<td>ING</td><td>ARTES</td></tr>


</table>

DANIEL RODRIGUEZ
1002
</body>
</html>

************************************************************************




Muchachos en estos enlaces  pueden descargar el flash, xara 3D y la fuente del logo 100% Olayista
Flash:

https://www.dropbox.com/s/eu0y0stkk8mta1c/MACROMEDIA%20FLASH%208.rar

Xara:

Para descargar el Xara 3D puedes dar click aquí

https://skydrive.live.com/?cid=F118B1171A7C8438&id=F118B1171A7C8438%21120#cid=F118B1171A7C8438&id=F118B1171A7C8438%21164

Después de descargar el instalador y ejecutes xara por primera vez, debes introducir el siguiente número:  X3D-9979-9974-5740  (puedes copiarlo y pegarlo) y listo, a trabajar…

Fuente space toaster:


https://skydrive.live.com/?cid=F118B1171A7C8438&id=F118B1171A7C8438%21120#cid=F118B1171A7C8438&id=F118B1171A7C8438%21164




Código de introducción a HTML febrero de 2014
*******************************************************************
<html><head><title>1001</title></head>

<body bgcolor = "orange">

<center>
<font color = "red">
<h1>hola mundo</h1>
<h2>hola mundo</h2>
<h3>hola mundo</h3>  </font>
<h4>hola mundo</h4>
<h5>hola mundo</h5>
<h6>hola mundo</h6>

</body>
</html>

*****************************************************************


Código de introducción a tablas 30 de julio de 2013:

<html>
<head><title>1001</title></head>

<body bgcolor = "pink">

<center>
<table border = "1">

<tr bgcolor =

"red"><td>hora</td><td>lunes</td><td>martes</td><td>miercoles</td>
<td>jueves</td><td>viernes</td></tr>

<tr><td>1</td><td bgcolor = "yellow">mat</td><td>ing</td><td>eti</td>
<td>fisica</td><td>tec</td></tr>

<tr><td>2</td><td>mat</td><td>ing</td><td>eti</td>
<td>fisica</td><td>tec</td></tr>

</table>


</html>



En este enlace puedes descargar el código de tablas con imágenes


Código HTML index con hipervínculo:


"<html><head><title>1002</title></head>


<body bgcolor = "587813">


<a href = "uno.html">ir a 1</a><br>


<a href = "dos.html">ir a 2</a><br>


<a href = "tres.html">ir a 3</a><br>


<a href = "cuatro.html">ir a 4</a><br>


<a href = "cinco.html">ir a 5</a><br>


</body>
</html>"
------------------------------------------------------------------


Código HTML VOLVER con hipervínculo:
"<html><head><title>1002</title></head>


<body bgcolor = "7A5CB9">

<img src = "c.jpg" width = "200" height = "200">


<a href = "index.html">volver</a>

</body>
</html>"


Código HTML con tablas:

<html><head><title>1002</title></head>
<body BGCOLOR = "orange">
<table border = "3">
<tr><td>HORA</td><td>lunes</td><td>martes</td><td>miercoles</td><td>jueves
</td><td>viernes</td></tr>
<tr><td>1</td><td>Espñ</td><td>Sist</td><td>Espñ</td><td>Artes
</td><td>Trigo</td></tr>
<tr><td>2</td><td>Espñ</td><td>Sist</td><td>Espñ</td><td>Artes
</td><td>Trigo</td></tr>
<tr><td>3</td><td>Espñ</td><td>Sist</td><td>Espñ</td><td>Artes
</td><td>Trigo</td></tr>
<tr><td>4</td><td>Espñ</td><td>Sist</td><td>Espñ</td><td>Artes
</td><td>Trigo</td></tr>
<tr><td>5</td><td>Espñ</td><td>Sist</td><td>Espñ</td><td>Artes
</td><td>Trigo</td></tr>
<tr><td>6</td><td>Espñ</td><td>Sist</td><td>Espñ</td><td>Artes
</td><td>Trigo</td></tr>
<tr><td>7</td><td>Espñ</td><td>Sist</td><td>Espñ</td><td>Artes
</td><td>Trigo</td></tr>
</table>
</body>


Código HTML para la evaluación con background:
con background, width y height

<html><head><title>1001</title></head>
<body background = "fondo.jpg">
<center>
<img src = "1001.gif" width = "100" height = "50"><br>
<img src = "1001a.gif" width = "200" height = "100"><br>
<img src = "1001.gif" width = "300" height = "200"><br>
<img src = "1001a.gif"width = "400" height = "300"><br>
</body>
</html>


Para descargar el Xara 3D puedes dar click aquí

Después de descargar el instalador y ejecutes xara por primera vez, debes introducir el siguiente número:  X3D-9979-9974-5740  (puedes copiarlo y pegarlo) y listo, a trabajar…

Tutorial Xara 3D 6: Cómo utilizarlo y funciones básicas (Parte I)


Como Usar XARA 3D ( TUTORIAL Nº 1)

Tutorial Básico de HTML. Creación de Páginas Web... Tema I

Tutorial Básico de HTML. Creación de Páginas Web... Tema II

Suscribirse a: Entradas (Atom)