sábado, 27 de julio de 2013

ROL DE PAGO

CÓDIGO DE ROL DE PAGO - HTML

<html>
<head>
<title> Rol de Pago </title>
</head>
<body><form action="rol.php"method="get" target="_blank">
<br>
<br>
<br>
<font size="15"><center><b> ROL DE PAGO: </b></center></font>
<br>
<br>
<br>
<table border="5" width="100%" height="200">
<tr><td><center>NOMBRE</center></td><td> <center> MES </center> </td><td><center> A&NtildeO</center> </td><td><center> SUELDO</center> </td><td> <center>DESC. IESS </center></td><td> <center>HORAS EXTRAS</center> </td></tr>
<tr><td><center> <input type="text" name="nombre"> </center></td><td><center><input type="text" name="mes"></center></td><td><center><input type="text" name="ano"></center></td>
<td><center><input type="text" name="sueldo"></center><td><center><input type="text" name="iess"></center></td><td><center><input type="text" name="horas"></center></tr>
<BR>
<BR>
<tr><td colspan="6"><CENTER><input type="submit" value="CALCULAR"></CENTER></td></tr>
</table>
</form>
</body>
</html>
</body>
</html>

CÓDIGO DE ROL DE PAGO - PHP

<?php
$nombre=$_GET["nombre"];
$mes=$_GET["mes"];
$ano=$_GET["ano"];
$sueldo=$_GET["sueldo"];
$iess=$_GET["iess"];
$horas=$_GET["horas"];

$subtotal=$sueldo-$iess;
$totalhoras=$horas*4;
$total=$subtotal+$totalhoras;

echo "<br>";
echo "<br>";
echo "<br>";
echo "<font size=15><center><b> ROL DE PAGO: </b></center></font>";
echo "<br>";
echo "<br>";
echo "<br>";
echo "<table border=5 width=100%>";
echo "<tr><td width=20%>";
echo "<center><b> NOMBRE </b> </center>";
echo "</td><td width=10%>";
echo "<center><b>MES</b></center>";
echo "</td><td width=10%>";
echo "<center><b>A&NtildeO</b></center>";
echo "</td><td width=10%>";
echo "<center><b>SUELDO</b></center>";
echo "</td><td width=10%>";
echo "<center><b>DES. IESS</b></center>";
echo "</td><td width=10%>";
echo "<center><b>H. EXTRAS</b> <br> USD 4.00 C/H</b></center>";
echo "</td><td width=10%>";
echo "<center><H2><b>TOTAL</b><H2></center>";
echo "</td></tr>";
echo "<tr height=80><td style=text-align:left <>";
echo $nombre;
echo "</td><td style=text-align:center>";
echo $mes;
echo "</td><td style=text-align:center>";
echo $ano;
echo "</td><td style=text-align:center>";
echo $sueldo;
echo "</td><td style=text-align:center>";
echo $iess;
echo "</td><td style=text-align:center>";
echo $totalhoras;
echo "</td><td style=text-align:center>";
echo $total;
echo "</td></tr>
</table>";
?>

domingo, 30 de junio de 2013

CREACIÓN DE UN MENÚ EN HTML - INDIVIDUAL


<html>
<head>
<title> Men&uacute </title>
</head>
<body bgcolor="cyan">
<table border="1" width="100%" hight="100%">

<!--IMAGEN DE LA UNIVERSIDAD TECNICA LUIS VARGAS TORRES-->

<tr height="20%"><center><img src="utlvt.png" height"20%" width="100%"></center></tr>
<tr><td width="20%", valign="top">

<!--CREACION DE LA COLUMNA DE MENU-->

<font size="8"><b>Men&uacute</b><br><br></font>

<font size="6" face="andalus">
<a href="#MISIÓN">Misi&oacute;n<br> </a>
<a href="#VISIÓN">Visi&oacute;n<br> </a>
<a href="#PERFIL">Perfil<br> </a>
<a href="#NOMINA">Estudiantes<br> </a>
<a href="#MALLA">Malla Curricular<br> </a>
<a href="#PASEO">Paso por la UTELVT<br> </a>
</font>


</td><td valign="top">



<!--LISTA DE TODOS LOS ESTUDIANTES-->
<a name="NOMINA"><h1><p align="center"> Estudiantes </p> </h1></a>                                  
<ol>
<li>AVILA BAQUE KAREN</li>
<li>BATIOJA NIEVE CARLOS</li>
<li>BATIOJA SEVILLANO MAHIRU</li>
<li>BARCIA CHILA NELLY</li>
<li>CAICEDO FLORES DANIELA</li>
<li>CEVALLOS INTRIAGO  MONICA</li>
<li>CERON    MILAN OSCAR DAVID</li>
<li>CEVALLOS PINO JORGE FABRICIO</li>
<li>CORTEZ  BATIOJA GABRIELA</li>
<li>CHUCHITANCO CANDO CARLOS</li>
<li>FLORES JHN JAYRO</li>
<li>GARRIDO DELGADO SINTHIA</li>
<li>MONTENEGRO ANGULO DIANA GABRIELA</li>
<li>ORTIZ MEZA PAUL</li>
<li>RAYO ESTACIO ANDRES</li>
<li>TORRES PAZ ALEX</li>
<li>VILLALBA CANGÁ LISBETH</li>
<li>YANES PILLASAGUA JONATHAN</li>
</ol>


<br>

</td>

<tr height="10%"><td colspan=2>
<center><b> Autor: </b>
<br> Cevallos Pino Jorge
</td></tr>

</ul>
</center>
<tr height="10%"><td colspan=2><center><b> Asignatura:</b> Programacion Avanzada I</td></tr></center>
<tr height="10%"><td colspan=2><center><b> Ciclo:</b> 7mo B</td></tr></center>
</body>
</html>

CREACIÓN DE UN MENÚ EN HTML - GRUPAL


<html>
<head>
<title> Men&uacute </title>
</head>
<body bgcolor="cyan">
<table border="1" width="100%" hight="100%">

<!--IMAGEN DE LA UNIVERSIDAD TECNICA LUIS VARGAS TORRES-->

<tr height="20%"><center><img src="utlvt.png" height"20%" width="100%"></center></tr>
<tr><td width="20%", valign="top">

<!--CREACION DE LA COLUMNA DE MENU-->

<font size="8"><b>Men&uacute</b><br><br></font>

<font size="6" face="andalus">
<a href="#MISIÓN">Misi&oacute;n<br> </a>
<a href="#VISIÓN">Visi&oacute;n<br> </a>
<a href="#PERFIL">Perfil<br> </a>
<a href="#NOMINA">Estudiantes<br> </a>
<a href="#MALLA">Malla Curricular<br> </a>
<a href="#PASEO">Paso por la UTELVT<br> </a>
</font>


</td><td valign="top">

<!--PARRAFO DE MISION-->

<a name="MISIÓN"><h1><p align="center"> Misi&oacute;n </p> </h1></a>
                                   
<div align="justify">La Universidad T&eacute;cnica &quot;Luis Vargas Torres&quot; tiene como misi&oacute;n la b&uacute;squeda de la verdad,
el desarrollo de la cultura universal y de la cultura ancestral ecuatoriana,
la ciencia y la tecnolog&iacute;a, la formaci&oacute;n de profesionales cr&iacute;ticos y pro positivos,
comprometidos con el desarrollo del pa&iacute;s, mediante la docencia, la investigaci&oacute;n
y la vinculaci&oacute;n con la colectividad.</div>

<br>
<br>
<br>
<br>

<!--PARRAFO DE VISION-->

<a name="VISIÓN"><h1><p align="center"> Visi&oacute;n </p> </h1></a>
                                   
<div align="justify">La visi&oacute;n de la Universidad T&eacute;cnica &quot;Luis Vargas Torres&quot; es de posicionarse
como una de las primeras instituciones de Educaci&oacute;n Superior del pa&iacute;s,
y ser referente de excelencia acad&eacute;mica, cultural, ciencia y tecnolog&iacute;a
para el desarrollo equitativo e integral de la sociedad. </div>


<br>
<br>
<br>
<br>

<!--PARRAFO DE PERFIL-->

<a name="PERFIL"><h1><p align="center"> Perfil </p> </h1></a>

<b><font color="red" size="4">UNIVERSIDAD</font></b>
                           
<div align="justify">
<ul type="disk"><li> La Universidad T&eacute;cnica Luis Vargas Torres, cuyas siglas son UTE - LVT, es un  Centro de Educaci&oacute;n Superior Estatal creado mediante Ley No. 70-16 del 4 de Mayo de 1970, y promulgada en el Registro Oficial No. 436 de fecha 21 del mismo mes y año.

La Universidad T&eacute;cnica  Luis Vargas Torres es una entidad aut&oacute;noma de derecho p&uacute;blico sin fines de lucro financiada por el Estado, se regirá por la Constituci&oacute;n Pol&iacute;tica, Ley de Educaci&oacute;n Superior, dem&aacute;s leyes de la Rep&uacute;blica, Reglamentos Generales del CONESUP y CONEA, el presente Estatuto y sus reglamentos.

La Universidad T&eacute;cnica Luis Vargas Torres est&aacute; constituida por sus autoridades, docentes, estudiantes, empleados y trabajadores, integrados en las diferentes unidades acad&eacute;micas y dem&aacute;s dependencias de la instituci&oacute;n.
</li></div></ul>

<b><font color="red" size="4">DOMICILIO</font></b>
<br>
<div align="justify">
<ul type="disk"><li>El domicilio de la Universidad T&eacute;cnica Luis Vargas Torres  es la ciudad de Esmeraldas. Su &aacute;rea de influencia: la provincia, el país y la comunidad internacional.</li>
<li>Los predios de la Universidad T&eacute;cnica Luis Vargas Torres son inviolables, de  conformidad  con lo que estipula la Constituci&oacute;n Pol&iacute;tica de la Rep&uacute;blica del Ecuador en su art&iacute;culo 75 y el art&iacute;culo 6 de la Ley de Educaci&oacute;n Superior.
</li></div></ul>

<br>


<b><font color="red" size="4">PRINCIPIOS</font></b>
<br>
<br>
<div align="justify">  La Universidad T&eacute;cnica Luis Vargas Torres se rige por los principios de:

<ul>
<li><b> Humanismo,</b> entendido como el desarrollo de las potencialidades del ser humano a su m&aacute;xima expresi&oacute;n, defensa  de sus derechos y fiel cumplimiento de sus obligaciones, en equidad de g&eacute;nero;</li>
<li><b>Pluriculturalidad,</b> porque  reconoce la diversidad &eacute;tnica y cultural del pa&iacute;s, de Am&eacute;rica y del mundo, como base para construir la unidad en la diversidad;</li>
<li><b>Pluralismo,</b> porque est&aacute; abierta a todas las corrientes del pensamiento universal;</li>
<li><b>Solidaridad,</b> porque est&aacute; atenta al acontecer de los movimientos sociales, y participa en la b&uacute;squeda de la transformaci&oacute;n  de las estructuras de dominaci&oacute;n pol&iacute;tica y econ&oacute;mica;</li>
<li><b>Libertad,</b> porque tiene autonomía para organizarse y gobernarse, de acuerdo con la Ley y las exigencias de la demanda de la sociedad, a la que rendir&aacute; cuentas;</li>
<li><b>Cientificidad,</b> porque privilegia la b&uacute;squeda de la verdad por m&eacute;todos  cient&iacute;ficos, para poner la ciencia y la tecnolog&iacute;a al servicio  del desarrollo social con &eacute;tica y eficacia;</li>
<li><b>Ambientalismo,</b> porque promueve el manejo sustentable de la biodiversidad y los recursos naturales para garantizar la vida de las futuras generaciones; y,</li>
<li><b>Honestidad,</b> como norma permanente en todas las acciones de la vida institucional.
</div></ul>


<b><font color="red" size="4">FINES</font></b>
<br>
<br>

<div align="justyfi">Son fines de la Universidad T&eacute;cnica Luis Vargas Torres de Esmeraldas:

<ul><li> Desarrollar y difundir a nivel provincial y nacional el pensamiento de Luis Vargas Torres como paradigma de lucha por la libertad, justicia social,  democracia, honestidad y laicismo;</li>
<li>Propiciar una gesti&oacute;n que permita fortalecer de manera sistem&aacute;tica y coordinada la docencia, investigaci&oacute;n y vinculaci&oacute;n con la colectividad, con calidad y excelencia;</li>
<li>Impulsar el desarrollo integral de la sociedad a trav&eacute;s de la formaci&oacute;n de profesionales de nivel superior con alta capacidad, que satisfaga la demanda cient&iacute;fica, tecnol&oacute;gica y human&iacute;stica;</li>
<li>Diseñar y desarrollar currículos que transformen los modelos mentales y potencien  el pensamiento creativo;</li>
<li>Promover el desarrollo de las culturas aut&oacute;ctonas, revitalizando la identidad, la pluriculturalidad y la unidad nacional, americana y mundial; y,</li>
<li>Fortalecer la investigaci&oacute;n cient&iacute;fica como base para el desarrollo provincial, regional y nacional.</li>
</ul></div>

<br>
<br>
<br>
<br>


<!--LISTA DE TODOS LOS ESTUDIANTES-->
<a name="NOMINA"><h1><p align="center"> Estudiantes </p> </h1></a>                                  
<ol>
<li>AVILA BAQUE KAREN</li>
<li>BATIOJA NIEVE CARLOS</li>
<li>BATIOJA SEVILLANO MAHIRU</li>
<li>BARCIA CHILA NELLY</li>
<li>CAICEDO FLORES DANIELA</li>
<li>CEVALLOS INTRIAGO  MONICA</li>
<li>CERON    MILAN OSCAR DAVID</li>
<li>CEVALLOS PINO JORGE FABRICIO</li>
<li>CORTEZ  BATIOJA GABRIELA</li>
<li>CHUCHITANCO CANDO CARLOS</li>
<li>FLORES JHN JAYRO</li>
<li>GARRIDO DELGADO SINTHIA</li>
<li>MONTENEGRO ANGULO DIANA GABRIELA</li>
<li>ORTIZ MEZA PAUL</li>
<li>RAYO ESTACIO ANDRES</li>
<li>TORRES PAZ ALEX</li>
<li>VILLALBA CANGÁ LISBETH</li>
<li>YANES PILLASAGUA JONATHAN</li>
</ol>


<br>
<br>
<br>
<br>

<a name="MALLA"><h1><p align="center"> Malla Curricular </p> </h1></a>
<br>

<p align="center"><img src="300.jpeg" height="614" width="800"></p>

<br>
<br>
<br>
<br>

<a name="PASEO"><h1><p align="center"> Paseo por la UTLVT </p> </h1></a>
<br>

<p align="center"><img src="1.jpg" height="614" width="800"></p>
<br>
<p align="center"><img src="2.jpg" height="614" width="800"></p>
<br>
<p align="center"><img src="3.jpg" height="614" width="800"></p>
<br>

</td>

<tr height="10%"><td colspan=2>
<center><b> Autores: </b>
<br> Torres Alex
<br> Cevallos Jorge
<br> Barret Roberto
<br> Yanes Jonathan
</td></tr>

</ul>
</center>
<tr height="10%"><td colspan=2><center><b> Asignatura:</b> Programacion Avanzada I</td></tr></center>
<tr height="10%"><td colspan=2><center><b> Ciclo:</b> 7mo B</td></tr></center>
</body>
</html>

domingo, 23 de junio de 2013

VIDEO DE CREACIÓN DE UNA PÁGINA HTML


http://www.youtube.com/watch?v=RZ8lLW8nZiA

CREACIÓN DE UNA PAGINA SENCILLA CON HTML

Jorge Cevallos Pino

DATOS PERSONALES




Nombres: Jorge Fabricio
Apellidos: Cevallos Pino
Cedula: 0803751486
Fecha de Nacimiento: 18 de Abril del 1991
Dirección: Sucre 13-08 entre Espejo y Pichincha
Teléfonos: 0988802127 / 062713085





ESTUDIOS REALIZADOS




PRIMARIA

  • Unidad Educativa Particular "Manuelita Sáenz"

SECUNDARIA

  • Colegio Particular Evangélico "Luz y Libertad"

SUPERIOR

  • Universidad Técnica "Luis Vargas Torres" - Cursando actualmente (7mo ciclo)





TITULOS OBTENIDOS




Colegio Luz y Libertad Título de bachiller
Universidad Técnica Luis Vargas Torres Curso Teórico de Redes
Universidad Técnica Luis Vargas Torres Curso Práctico de Redes





EXPERIENCIA LABORAL




ESTABLECIMIENTO
CARGO
AÑOS
Cyber Café "La Parada Del Gato" Atención a Clientes 2 Años
CYBERPLACE Técnico en Computadores 3 Años - Actual





REFERENCIAS PERSONALES




NOMBRE
CARGO
TELEFONO
Fabricio Díaz Propietario de Cyberplace 0983540267
Veroica Olivo Socia de Cyberplace 0978945563
Annabelle Chasiluisa Socia de Cyberplace 0974556713
Luis Andrade Propietario de "La Parada del Gato" 0965695452



sábado, 8 de junio de 2013

ESTRUCTURA BÁSICA DE UNA PÁGINA WEB EN HTML



La estructura básica de una página web es la siguiente:

<html>
<head></head>
<body>
</body>
</html>

Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.
La primera <head></head> es la cabecera de la página. Aquí irá cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).

La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo el siguiente código:

<html>
<head>
<title>Esto es el t&iacute;tulo de la p&aacute;gina.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto it&aacute;lica.</i><br>
</body>
</html>


Generará el siguiente resultado (abre la página en otra ventana, dale al botón derecho => ver código fuente, y verás así el código HTML de la página):

v  Observe el título en la parte superior izquierda de la página. Además, dentro de <body></body> distinguimos varias etiquetas:
v  <br> => Indica salto de línea. En HTML un salto de línea normal (púlsando la tecla Enter) no produce un salto de línea en el resultado. Es necesario escribir <br> (u otra etiqueta similar).
v  <b></b> => Indica comienzo y fin de negrita.
v  <i></b> => Itálica.
v  También observamos el código &iaacute; => Esto indica que queremos poner una "i" con acento, es decir, "í". Esto se explicará en un capítulo posterior.

Es importante mencionar que las etiquetas se pueden escribir indistintamente en mayúsculas o minúsculas, es decir <b>Esto es negrita.</b> y <B>Esto es negrita.</B> produce el mismo resultado. Por otro lado, toda etiqueta que se abre (es decir, se pone la etiqueta sin la barra /) debe cerrarse (es decir, poner su equivalente con el símbolo /), si no, el navegador podría dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como <br> o <hr>.

DEFINICIONES BÁSICAS DE PROGRAMACIÓN WEB


MySQL

MySQL.- Es un sistema de administración de bases de datos relacionales (RDBMS) de código abierto más extendida del mundo. Desarrollada por MySQL AB, una empresa sueca. La primera versión  de MySQL apareció en 1995. Esta primera versión fue creada para un personal a partir de mSQL.

En 2000, la versión 3.23 pasó a tener licencia GPL (General Public License). En 2003, la versión 4, aparecida en 2001, se declaró estable. Esta versión aportó numerosas funcionalidades y mejoras: operador UNION, DELETE para varias tablas nuevas opciones para la gestión de los privilegios, mejora del rendimiento, subconsultas (4.1), etc.

En 2005, la versión 5, aparecida en 2003, se declaró estable. Esta descatada versión introdujo numerosas características que faltaban en MySQL: rutinas, triggers, vistas.
A finales del 2007, se distribuyó la versión 5.1 como Release Candidate, cuya versión final debería publicarse a mediados del 2008.

MySQL esta disponible con dos licencias diferentes:

-          La licencia GPL;
-          Una licencia comercial.
-           
Si usted utiliza MySQL en un producto no comercial, puede utilizar MySQL con su licencia GPL (versión MySQL Comunity Server). Si utiliza MySQL en un producto comercial, o si desea tener asistencia técnica para el programa, debe adquirir una licencia comercial (versión MySQL Enterprise).(Heurtel, O. 2009)


PHP y MySql – Domine el desarrollo de un sitio web dinámico e interactivo.
Autor:Oliver Heurtel
Ediciones ENI – Enero 2009




PHP

PHP.- Es un lenguaje de script que se ejecuta del lado del servidor, el código PHP se incluye en una página HTML normal. Por lo tanto, se puede comparar con otros lenguajes de script que se ejecutan según el mismo principio: ASP (Active Server Pages), JSP (Java Server Pages) o PL/SQL Server Pages (PSP).

A diferencia de un lenguaje como JavaScript donde el código se ejecuta del lado del cliente (en el explorador), el código PHP se ejecuta del lado del servidor. El resultado de esta ejecución se incrusta en la pagina HTML, que se envía al navegador. Este último no tiene conocimiento de la existencia del procesamiento que se ha llevado  cabo en el servidor.
Esta técnica permite realizar páginas Web dinámicas cuyo contenido se puede generar total o parcialmente en el momento de la llamada de la página, gracias a la información que se recopila en un formulario o se extrae de una base de datos.

Ejemplo sencillo de página PHP:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Script//EN”
“http://www.w3.org/TR/xhtmll - strict.dtd”>
<html xmlns= “http://www.w3.org/1999/xhtml”>
<head>
<title>Ejemplo de página PHP</title>
</head>
<body>
<?php
echo ‘<p>¡Hola Oliver!</p>’ ;
?>
</body>
</html>

La parte en negrita es el código PHP incluido en la pagina HTML dentro de las etiquetas <?php y ?>. En este sencillo ejemplo, el código PHP, simplemente muestra un texto estático “¡Hola Oliver!” gracias a la función echo. En un programa real de PHP, es probable que este texto se genere de forma dinámica en función de la identificación del usuario.
Para indicar al servidor Web que una página HTML contiene código PHP que debe ejecutarse, basta con dar el archivo una extensión especifica: .php (excepto en caso de configuración especial del servidor). (Heurtel, O. 2011)
  


 PHP 5.3 – Desarrollar un sitio web dinámico e interactivo
Autor: Oliver Heurtel.
Copyright – Ediciones ENI – Junio 2011  



HTML

Las páginas Web están escritas siguiendo el lenguaje HTML (Hyper Text Markup lenaguage),  el cual se mantiene en constante desarrollo a fin de atender todas las demandas de crecimiento de Internet. Este libro se centra básicamente en la creación de páginas Web utilizando el lenguaje HTML. Java y JavaScript son otros lenguajes que también han alcanzado gran popularidad, por lo que en el capitulo siguiente se verá como incluir código Java y JavaScript en los documentos HTML.
Si el lenguaje HTML se utiliza para crear las paginas que se ven después en el navegador, no es necesario dominar todos los aspectos que se verán en el libro. E realidad, se pueden conseguir muchos editores de lenguaje HTML, como Microsoft Frontpage o Netscape Composer, capaces de crear documentos en lenguaje HTML. Recurrir a estos editores para crear páginas Web no debe verse como algo a evitar, sino más bien como una manera efectiva de no perder innecesariamente su valioso tiempo. (Hobbs, L. 1999)


Acceso Rápido – Diseñar su propia página web en HTML
Autor: Lilian Hobbs
  Editorial: MARCOMBO, S.A. – 1999





JAVASCRIPT

JAVA SCRIPT.- Se presenta como un lenguaje de desarrollo de aplicaciones cliente/servidor a través de internet.El programa en JavaScript tiene la particularidad que esta insertado dentro mismo del documento HTML, que lo presenta al usuario y no es por ello un programa aparte. Permite crear aplicaciones similares a los CGI (Common Gateway Interface). El CGI es un mecanismo que se ha utilizado en los servidores Web para implementar las páginas Web activas. El funcionamiento de los GCI es el siguiente: Lee los datos provenientes de un formulario de una página Web, proceda la información y lo escribe sobre el canal de salida estándar que es la pantalla del ordenador.

El programa en JavaScript reconoce eventos, son acciones de JavaScript (uno de los eventos es onClick, que se refiere a que al pulsar con el cursor sobre la zona a la cual está asociado ese evento no realiza una determinada acción.), creados por el usuario, definiendo así un sistema interactivo. Podemos por ello crear formularios que verifiquen la validez de la información e interpreten esta en el mismo programa contenido en el documento HTML sin necesidad de comunicación por la red. También se permite por medio de un condigo JavaScript realizar acciones particulares como ejecutar un archivo de audio, ejecutar un applet, etc. (Sánchez, M. 2001)  


JavaScript 
Autor: Miguel Ángel Sánchez Maza – INNOVACIÓN Y CUALIFICACIÓN, S.L.
EDITION – INNOVA 2001



QUÉ ES CSS

CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.
Separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.

Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.
Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc. (LIBROSWEB, 2013)


Introducción al CSS
Autor: LIBROSWEB – Libros y tutoriales sobre diseño y programación web
2013