domingo, 28 de julio de 2013

 PHP

<?php
$nombre=$_GET["NOMBRE"];
$mes=$_GET["MES"];
$ano=$_GET["AÑO"];
$sueldo=$_GET["SUELDO"];
$iess=$_GET["IESS"];
$horas=$_GET["HORAS"];

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

echo "<br>";
echo "<br>";
echo "<font size=10 ><center><b> ROL DE PAGO: </b></center></font>";
echo "<br>";
echo "<br>";
echo "<br>";
echo "<table border=2 width=80%>";
echo "<tr><td width=10%>";
echo "<center><b> NOMBRE </b> </center>";
echo "</td><td width=5%>";
echo "<center><b>MES</b></center>";
echo "</td><td width=5%>";
echo "<center><b>A&NtildeO</b></center>";
echo "</td><td width=5%>";
echo "<center><b>SUELDO</b></center>";
echo "</td><td width=5%>";
echo "<center><b>DES. IESS</b></center>";
echo "</td><td width=5%>";
echo "<center><b>H. EXTRAS</b> <br> USD 4.00 C/H</b></center>";
echo "</td><td width=20%>";
echo "<center><H2><b>TOTAL</b><H2></center>";
echo "</td></tr>";
echo "<tr height=60><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;

HTML

<html>
<head>
<title> Rol de Pago </title>
</head>
<body><form action="roldepago.php"method="get" target="_blank">
<br>
<br>
<br>
<font size="10"><center><b> ROL DE PAGO: </b></center></font>
<br>
<br>
<br>
<table border="2" width="80%" height="80">
<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>
<td><center><input type="text" name="iess"></center></td>
<td><center><input type="text" name="horas"></center></td>
</tr>
<br>
<br>
<tr>
<td colspan="10"><CENTER><input type="submit" value="CALCULAR"></CENTER></td>
</tr>
</table>

jueves, 25 de julio de 2013

HOJAS DE ESTILO

Añadir leyenda




                                 




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

<html>   Indica el inicio del documento.
<head>  
Define el inicio de la cabecera.
<title>       Inicia el título del documento.
</title>     Fin del título del documento.
</head> Define el fin de la cabecera.
<body>  
Inicio del cuerpo del documento. 
</body>
Fin del cuerpo del documento. 
</html>  
Indica el fin del documento.
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án 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. 

ETIQUETAS

  • ETIQUETAS DE FORMATO



Negrita: <B>Texto en negrita</B>

Cursiva:<I>Texto en cursiva</I>

Subrayado: <U>Texto subrayado</U>

Preformateado: <PRE>Texto que conserva todos sus espacios y tabuladores</PRE>

  • ETIQUETAS DE ALINEACIÓN


HTML no da muchas opciones para alinear el texto. Por default el texto se alinea a la izquierda de la página. Pero tú puedes usar la etiqueta <CENTER>para especificar que ese texto deberá ir centrado como en el ejemplo siguiente:
<CENTER>Aquí va el texto</CENTER>

Para otras opciones de alineación, se usan las etiquetas de propiedades de estilo, las cuales te dan cuatro opciones para alinear el texto: 
<H1 STYLE=”text-align: right”>Texto alienado a la derecha</H1>
<H1 STYLE=”text-align: left”>Texto alienado a la izquierda</H1>
<H1 STYLE=”text-align: center”>Texto centrado</H1>
<H1 STYLE=”text-align: justify”>Texto justificado</H1>

  •  ETIQUETAS PARA CAMBIAR LA FUENTE

HTML tiene dos etiquetas que te permite controlar las características de las fuentes: <FONT> y <BASEFONT>.
La etiqueta <FONT> controla los cambios para un bloque de texto individual por lo que al terminar la selección se debe cerrar con el <I>TAG</I> </FONT> 
La etiqueta <BASEFONT> aplica el cambio a todo el documento y no existe etiqueta de cierre.
Los atributos más importantes para cambiar las fuentes son:
  • FACE: Indica el tipo de letra, a continuación encontrarás las más comunes
Arial

Times New Roman

Verdana


Ejemplo: <FONT FACE=Arial>Aquí va el texto</FONT>

  • SIZE: Indica el tamaño en una escala del 1 al 7, donde 7 es la letra más grande y 1 la más pequeña. El tamaño más utilizado es 3
Ejemplo: <FONT SIZE=5>Aquí va el texto</FONT>
  • COLOR: Indica el color del texto. El lenguaje estándar de HTML maneja 14 colores que puedes usar porque ya están predefinidos tanto por su nombre en inglés como por un número de referencia.
HTML entiende ambas opciones, sin embargo es mucho más sencillo que te los aprendas por sus nombres.
Ejemplo: <FONT COLOR=GREEN>Aquí va el texto en color verde</FONT>
Lista de los colores incluyendo su número:
Black  #000000          Silver #C0C0C0          Gray #808080
White  #FFFFFF        Maroon #800000         Purple #800080
Fuchsia #FF00FF      Green #008000           Lime       #00FF00
Olive   #808000          Yellow #FFFF00          Navy#000080
Teal    #008080          Aqua #00FFFF

  •  ETIQUETAS PARA PÁRRAFOS 

Nuevo párrafo (dos espacios): <P>
Línea horizontal: <HR>
Salto de línea (un espacio): <BR>

  •  ETIQUETAS PARA GENERAR LISTAS 
Las listas sirven para desplegar la información que debe ser enumerada o tabulada de una manera organizada. 

Lista numerada: Numera los párrafos u objetos que se encuentran dentro de la siguiente estructura:
<OL>

<LI> Primer párrafo u objeto.

<LI> Segundo párrafo u objeto.

Etc...
</OL> 

Lista con viñetas: Inserta un punto negro a los párrafos u objetos que se encuentran dentro de la siguiente estructura: 
<UL>

<LI> Primer párrafo u objeto.

<LI> Segundo párrafo u objeto.

Etc...
</UL>

  • ETIQUETAS PARA VÍNCULOS A OTRAS DIRECCIONES INTERNAS O EXTERNAS

Permiten al usuario navegar con facilidad a través de la red, creando vínculos que lleven hacia una misma parte del website o hacia otros sitios web. 
Las etiquetas HTML que se encargan de generar los vínculos son <A> y </A>. 
A esta etiqueta se le debe agregar el "URL" con el que se desea vincular. Esto se realiza de la siguiente manera: 
<A HREF="URL">Texto del vínculo</A>

 
Ralph G. Schulz
MarcomboJun 20, 2008 - 304 paginas

FUNDAMENTOS CSS

mas importantes en textos y títulos se procesan conjunta mente y no hay peligro, por tanto, de que el buscador tire la toalla en el enésimo anidamiento de la tabla.

EL FACTOR DE COSTES
Las ventajas económicas quedan claras ya que en los puntos mencionados hasta ahora. Uno ahorra, sobre todo, tiempos en los procesos.
Los contenidos se pueden crear conjuntamente para todos los documentos sin preocuparse del formato y la forma. Las hojas de estilo se crean y mantienen de manera centralizada. Cualquier colaborador, aún ajenos la creación de los mismos documentos, puede realizar sin problemas las modificaciones  actualizaciones e, incluso, el total relanza miento de los mismos.
El código fuente, al ocupar un espacio mínimo, representa un ahorro inmediato, especialmente en los sitios web de muchas páginas, donde el coste de trafico de datos se vera reducido drasticamente.

HECHOS


Es evidente que las paginas desarrolladas conforme a un estándar y con reducción máxima de barreras, transmiten una imagen de negocios inteligente.¿Por que renunciar a un amplio numero de clientes potenciales, o a una pagina mas rápida, con un mejor ranking en los buscadores? Y, por supuesto, también conseguirá mayor efecto en el publico en general, ya que se correrá la voz de que su pagina es muy fácil de manejar, la información de los productos se encuentra fácilmente  y nadie se ve excluido por tener un navegador "inadecuado"

Información Bibliografica


Inovación Y Cualificación, 2012 - 186 paginas


JavaScript es un lenguaje de script multiplataforma [cross-platform] orientado a objetos. Es un lenguaje pequeño y ligero; no es útil como un lenguaje independiente, más bien está diseñado para una fácil incrustación en otros productos y aplicaciones, tales como los navegadores Web. Dentro de un entorno anfitrión, JavaScript puede ser conectado a los objetos de su entorno para proveer un control programable sobre éstos. 

Información Bibliográfica


PHP Y MySQL

Ediciones Díaz de SantosJul 6, 2005 - 528 pages


PHP  es un lenguaje interpretado del lado del servidor que se caracteriza por su potencia, versatilidad, robustez y modularidad. Los programas escritos en PHP son embebidos directamente en el código  HTML y ejecutados por el servidor web a través de un intérprete antes de transferir al cliente que lo ha solicitado un resultado en forma de código HTML puro. Al ser un lenguaje que sigue las corrientes open source, tanto el intérprete como su código  fuente son totalmente accesibles de forma gratuita en la red. En concreto, la dirección oficial en la que puede descargarse es  http://www.php.net/


por su flexibilidades , PHP resulta un lenguaje muy sencillo de aprender; especialmente para programadores familiarizados con lenguajes como C, Perl o Java, debido a las similitudes de sintaxis entre ellos .
Por su puesto, es un lenguaje multiplataforma; los programas funcionan igual sobre diferentes plataformas, trabajando sobre la mayoría de servidores web y estando preparado para  interactuar con más de 20 tipos de bases de datos. No obstante, al ser un lenguaje inicialmente concebido para entornos Unix, es sobre todo este sistema operativo sobre el que se pueden aprovechar mejor sus presentaciones.


En comparación con otro tipo de tecnologías similares, PHP resulta ser más rápido, independiente dela plataforma y más sencillo de aprender y utilizar.

MySQL es un sistema de administración de bases de datos relacionales rápido, sólido y flexible. Es ideal para crear bases de datos con acceso desde páginas web dinámicas, para creación de sistemas de transacciones on –line o para cualquier otra solución profesional que implique almacenar datos, teniendo la posibilidad de realizar múltiples y rápidas consultas.
Mysql ofrece varias ventajas respecto a otros sistemas gestores de bases de datos:
-Tiene licencia publica, permitiendo no solo la utilización del programa sino también la consulta y modificación de su código fuente. Resulta por tanto fácil de personalizas y adaptar a las necesidades concretas.
-El programa esta desarrollado en C y C++, lo que facilita su integración en oteas aplicaciones desarrolladas igualmente en esos lenguajes.
-Puede ser descargado gratuitamente de Internet (http://www.mysql.com)haciendo uso de su licencia GPL.
Este libro pretende introducirnos en el conocimiento de una tecnología web de uso sencillo y que está al alcance de cualquier tipo de empresas, sin importar su tamaño, mediante el uso conjunto del lenguaje PHP y gestor de base de datos MySQL de forma conjunta. Y todo esto porque para su uso no es necesario contar con personal con profundos conocimientos técnicos. La intención de los autores ha sido escribir un libro de fácil lectura e interpretación para personas con conocimientos muy básicos de lenguajes de programación y con inquietudes por el desarrollo de sitios web. INDICE: Internet y la programación de ordenadores. Open Source y Software libre. Creación de páginas web mediante el lenguaje HTML. Introducción a PHP. PHP y los formularios de HTML. Sentencias de control. Definición de funciones. Arrays. Funciones predefinidas. Programación orientada a objetos. Cookies. Base de datos relacionales y el lenguaje SQL. El sistema gestor de base de datos MySQL. Funciones Open Source basadas en PHP y MySQL.

  Información Bibliográfica


HTML es un lenguaje artificial  que los ordenadores son capaces de interpretar y diseñado para que los programadores redacten instrucciones que los navegadores ejecutan para originar la página web. Es decir, HTML es un lenguaje de programación, o un “idioma que la maquina entiende y procesa para dar una respuesta”.Las siglas de HTML significan HyperText Markup Languaje(Lenguaje de marcas de hipertexto).el hipertexto en una computadora es texto que posee referencias (hipervínculos , links o enlaces ) a oteo texto. Para simplificar podemos decir que el hipertexto es aquel texto que pulsamos con el ratón del ordenador y nos conduce a otro texto cuando utilizamos internet. Pero además de texto, el hipertexto puede estar formado por tablas, imágenes u otros elementos. 

Este libro muestra cómo insertar en un documento gráficos, tablas, archivos multimedia, enlaces... Además, introduce al lector en el aprendizaje de la maquetación y la publicación de páginas web a nivel aplicativo, haciendo uso de las herramientas disponibles en el mercado y generando páginas atractivas gracias a la inclusión de efectos gráficos, animaciones, etc. ÍNDICE 1. Introducción a Internet: conceptos básicos 2. Introducción al diseño de páginas Web 3. Presentación del texto 4. Creación de enlaces 5. Imágenes 6. Tablas 7. Formularios 8. Frames 9. Diseño atractivo y eficaz 10. Introducción a las hojas de estilo 11. Publicación de las páginas Web

Información bibliográfica