Didácticos

Unidad I. Sistemas de Información


Información bachii from Jennifer Montano

Desarrollo de Sistemas

 Unidad II. Bases de Datos:


Unidad III. Redes de Computadoras


Unidad IV. Internet

Aplicaciones Basadas en la WEB:


Códigos Básicos HTML:

Código
Función
<HTML>     </HTML>
Crear archivo HTML: Página Web. Puede abrirse en un navegador web.
<HEAD>     </HEAD>
Declara el área del encabezado de la página Web.
<TITLE>     </TITLE>
Imprime el dato en la barra de título del navegador web.
<BODY>     </BODY>
Indica el área del cuerpo de la página web: el contenido de ella.
<BODY BGCOLOR=“RED”>     </BODY>
Indica el área del cuerpo de la página web con el fondo de color rojo. Reemplace el color “RED” por otro en inglés.
<BODY BACKGROUND="IMAGEN.jpg">     </BODY>
Indica el área del cuerpo de la página web con el fondo de IMAGEN indicada. Reemplace el nombre “IMAGEN.jpg” por otro ARCHIVO almacenado, indicando la ruta donde ha sido guardado dentro de las comillas; ejemplo: "C:\Documents and Settings\PC\Mis documentos\Mis imágenes\IMAGEN.jpg".
<P>     </P>
Especifica un párrafo.
<P ALIGN=“CENTER”>     </P>
Establece un párrafo con alineación centrada. Si desea otra alineación reemplace “CENTER” por “RIGHT” derecha o por “LEFT” izquierda.
<FONT SIZE=9 FACE=“ARIAL” COLOR=“PINK”>
</FONT>
Declara fuente como el tamaño, tipo de letra y color de la fuente.
<b>     </b>
Estilo Negritas
<i>      </i>
EstiloItálica o Cursiva
<u>     </u>
Subrayado
<br>
Salto de línea: Enter
<table width=100% bgcolor=“Beige”>     </table>
Crea una tabla con el ancho establecido (100% es todo el ancho de la pantalla) del color indicado (“Beige”).
<tr>     </tr>
Genera filas en una tabla
<td>     </td>
Genera columnas en una tabla
<ol type="a">    </ol>
Estructura el contenido en una lista ordenada por el abecedario; si desea ordenar por números romanos utilice el tipo “i”, si es por números arábigos el tipo será “1”. Si coloca “A” o “I” aparecerá una lista con mayúsculas.
<li>
Etiqueta cada elemento de la lista ordenada.
<img src="imagen.gif" align="right">
Insertar una imagen alineándola a la derecha. Especificar el nombre “imagen.gif” por otro ARCHIVO almacenado, indicando la ruta donde ha sido guardado dentro de las comillas; ejemplo: "C:\Documents and Settings\PC\Mis documentos\Mis imágenes\imagen.gif".  Puede reemplazar la alineación “right” por “left”.

<EMBED SRC="music.mp3" AUTOSTART=true WIDTH="0" HEIGHT="0"></EMBED>
Insertar música de fondo en la página web. Debe especificar la ruta y el archivo sonoro. Autostart indica la reproducción automática.



 Ejemplo:

<html>
<head>
<title>Computacion</title>
</head>
<embed src="camila.mp3" autostart=true WIDTH="0" HEIGHT="0"></embed>
<body background="winner.jpg" bgcolor="red" >
<p align="center"><font size=20 color="blue" face="Arial Black"><b>Bienvenido!!!</b></font></p>
<p align="right"><font size=15 color="pink" face="Berlin Sans FB">Estás en la página <b><u>
Sistemas II</u></b></font></p>
<p align="left"><font size=10 color="orange" face="Cooper Black"><i>
Aquí aprenderás conocimientos computacionales.</i></font></p>
<p><font size=17 color="green" face="Comic Sans MS">Por ejemplo:</font></p>
<ol type="a">
<li><font size=13 color="aqua" face="Georgia">Definiciones de Internet
<li>Código HTML
<li>Estructura de una Página Web
</font></ol>
<p>
<img src="computer.jpg" align="right">
<font size=12 color="Fuchsia" face="arial">Elaborado por:</font><font size=14 color="purple" face="arial black"><i>L.S.C.I. Jennifer Alejandra Montaño Chávez</i></font></p>
<table width=100% bgcolor="Beige"><tr><td>
<h1>Ejemplo de Tabla</h1>
<br>
<br>
Gracias por visitarme!
<tr> <td>Buena Suerte!</td><td>See you Later!</td></tr>
<td>Bye!! <td>Chao!!</td></Td>
</td></tr></table>
</body>
</html>

Nota:
Los archivos de imágenes (fondo y objeto) y sonido pueden declararse directamente sin mencionar la ruta de almacenamiento siempre y cuando todo se almacene en una carpeta exclusivamente destinada para la creación de la página web.
Unidad V. Innovación Tecnológica

1 comentario:

Suscribirse a: Entradas (Atom)