lunes, 7 de noviembre de 2016

[Fecha de publicación: 2016-11-03]

Presentacion individual de templates
Criterios del Trabajo.
 
  1. Su sitio web debe trabajar sin tener Internet.
  2. El <title> en todas sus páginas debe contener su Primer Nombre y su primer apellido.
  3. Debe tener un módulo llamado "derechos.php", donde debe tener: Nombres y apellidos completos, foto de caracter serio, grado/grupo actual, indicar en 3 líneas por que le gusta el tema del trabajo seleccionado.
    1. Ejemplo tal y como lo explique en clase, tenga en cuenta que su representante de aula tiene el modelo del trabajo realizado el dia jueves 27 de octubre de 2016 en horas de clase.
  4. Todas las páginas de su proyecto deben tener el diseño de su template seleccionado.
  5. Todas las páginas deben tener la posibilidad de navegar hacia cualquier punto de su sitio web.
  6. Debe tener un módulo de nombre personajes.php, donde se mencionan los personajes de su tema. Este modulo debe tener base de datos(opcional).
    1. Cada personaje debe tener una imagen y un texto alusivo a él.
    2. Al dar click sobre su imagen debe dirigirse a otra página donde debe visualizarse la misma imagen seleccionada y el texto alusivo al personaje; opcional en esta página si se desea visualizar mas imagenes o videos se puede hacer.
      1. Ejemplo tal y como lo explique en clase, tenga en cuenta que su representante de aula tiene el modelo del trabajo realizado el dia jueves 27 de octubre de 2016 en horas de clase.
    3. Debe visualizar a los personajes iniciando de los principales hasta los secundarios.
    4. Lo máximo en personajes que debe visualizar es hasta 12. Si desea presentar más, lo puede realizar.
  7. Debe tener copias de seguridad, ya sea en memoria usb personal( sólo suya, no compartida ), en una nube personal ( sólo suya, no compartida ).
  8. Debe tener un modulo de nombre contactos, donde se referencie lo siguiente:
    1. Items como : nombre del cliente, dirección de residencia, Celular, e-mail, observaciones.
    2. Los items anteriores deben estar validados la caja nombre, e-mail y observaciones.
    3. La validación debe ser con código javascript, tal y como lo explique en clase.
    4. Al oprimir el Boton de Guardar, tienen dos opciones
      1. Visualizan la información de las cajas de texto en otra pagina web usando el Post, Get o request segun su caso.
      2. Guardan la información degitada en las cajas de texto en una base de datos; si es asi, deben adicionar el archivo sql y esta guardarlo en la carpeta SQL.
tema:
Avatar: The Last Airbender (Avatar: El Último Maestro Aire),1 también conocida como Avatar: La Leyenda de Aang, es una serie animada producida por la cadena televisiva Nickelodeon en sus estudios de animación en BurbankCalifornia. La serie fue creada por Michael Dante DiMartino y Bryan Konietzko, los cuales también fueron productores ejecutivos, junto a Aaron Ehasz. Fue estrenada el 21 de febrero del 2005, y finalizó el 19 de julio del 2008 en Estados Unidos3 y el 24 y 26 de octubre de 2008 en el resto de América. Alcanzó gran popularidad y muy buenas críticas, siendo la mayor cantidad de espectador en 9,3 millones.
La historia transcurre en un mundo de gente principalmente asiática (el estilo de vida en la serie se basa en la primera mitad del siglo XIX), donde predominan las artes marciales y la manipulación de los elementos en combinación con el misticismo oriental, dando seguimiento a las aventuras de Aang, el más reciente sucesor de una larga línea de avatares, y sus amigos en un intento por salvar su místico mundo de la despiadada Nación del Fuego que busca conquistar a las demás naciones. Durante sus travesías son acechados insistentemente por el desterrado príncipe del fuego Zuko, cuyo objetivo es capturar al avatar para recuperar su honor. Esta serie es presentada como si se tratara de una serie de libros, en donde cada episodio actúa como un "capítulo", y cada temporada como un solo "libro", los cuales se titulan por el elemento temático de la temporada.
Avatar es transmitido principalmente en el canal por suscripción de Nickelodeon en los países donde existe su señal, tales como Estados Unidos, y Europa: Reino Unido, Nueva Zelanda, España, etc., aunque también se transmite en diversas estaciones de televisión abierta alrededor del mundo, los cuales normalmente transmiten los episodios algún tiempo después de su estreno original en Nickelodeon.
En América LatinaItaliaNueva ZelandaEspañaReino Unido y los países cubiertos por Nickelodeon Asia, Avatar es subtitulado como "La Leyenda de Aang" traducido en sus respectivos idiomas. En los demás países, como Estados Unidos o Canadá, la serie se subtitula como "The Last Airbender" ("El Último Maestro Aire") y si bien en Nickelodeon Asia y Nueva Zelanda, Avatar fue presentado originalmente como "El Último Maestro Aire", más adelante fue cambiado a "La Leyenda de Aang". Cabe destacar que en el doblaje latinoamericano se utiliza la secuencia estadounidense donde se puede apreciar el título "The Last Airbender", aunque el narrador casi siempre lo nombra como "La Leyenda de Aang". Ocurre lo contrario en países como Reino Unido donde se cambia claramente la secuencia del título a "The Legend of Aang".

miércoles, 26 de octubre de 2016

sábado, 22 de octubre de 2016

[Fecha de publicación: 2016-10-20]

En la clase se recompenso a los estudiantes que intentaron solucionar el ejercicio de Nomina por su cuenta en su casa; la recompensa: no presentar pervio.

NOMINA, formulario
<form id="form1" name="form1" method="post" action="centigrado.php">
  <p>identificacion:
    <input type="text" name="identificacion" id="identificacion" />
  </p>
  <p>nombre:
    <input type="text" name="nombre" id="nombre" />
  </p>
  <p>salario:
    <input type="text" name="salario" id="salario" />
  </p>
  <p>dias_laborados:
    <input type="text" name="dias_laborados" id="dias_laborados" />
  </p>
 <p>devengado:
    <input type="text" name="devengado" id="devengado" />
  </p>
 <p>deducido:
    <input type="text" name="deducido" id="deducido" />
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit" />
  </p>
</form>
<p>&nbsp;</p>
<p>&nbsp;</p>

Proceso de Traslado de datos :

<?php
//-- variables para conectarse a la base de datos
$servidor = 'localhost';
$base_datos = 'practica';
$tabla = 'nomina';
$usr_sistema = 'root';
$pass_sistema = 'alumnos';
//-- Conexion a la Base de datos segun variables declaradas
$conexion=mysql_connect($servidor, $usr_sistema, $pass_sistema);
if (!$conexion){
header ("Location: index.php?mensaje=error de conexion.");
exit();
}
else{ //--hasta esta linea nada cambia
//-- Captura de las variables del formulario.  //-- y aquí las llamamos con su etiqueta de procedencia
$identificacion = $_REQUEST['identificacion'];
$nombre = $_REQUEST['nombre'];
$salario = $_REQUEST['salario'];
$dias = $_REQUEST['dias'];
$devengado = $_REQUEST['devengado'];
$deducido = $_REQUEST['deducido'];

//-- Consulta Sql para guardar el registro o datos digitados.
$sql = "INSERT INTO ".$base_datos.".".$tabla." (identificacion, nombre, salario, dias, devengado, deducido) "
."VALUES( $identificacion,'$nombre',$salario,$dias,$devengado,$deducido )";
$sql = mysql_query($sql, $conexion);
//-- Se devuelve a la pagina que inicial.
header ("Location: index.php?mensaje=datoscargadosconexito);
exit(); //-- Es para transladar variables 

}
?>

PROYECTO: 
tenemos que elegir ciertos temas de nuestra infancia, seguido, hay que realizar un template con todos los requisitos vistos en clase, sobre nuestros temas para que en la próxima clase el docente nos evalue el template con una pregunta que demuestre nuestros conocimientos y agilidad.

Mi lista:
-)Naruto 
-)Inuyasha
-)Dino rey
-)Cuentos de los hermanos grimm (serie animada)
-)Avatar: la leyenda de Aang
-)Super Once
-)Los chicos del barrio
-)Dave: el barbaro
-)Doraemon
-)Meteoro
-)Digimon data squad
-)Bob esponja
-)Shin chan
-)Las tortugas Ninja
-)Jovenes titanes



miércoles, 19 de octubre de 2016

Principios de CSS y FPDF

CSS:
crear pagina con css

Tutorial de CSS
Comenzando con HTML + CSS

Este breve tutorial está pensado para aquellas personas que quieren comenzar a utilizar CSS y nunca han escrito una hoja de estilos CSS.
No explica mucho sobre CSS. Se centra en cómo crear un archivo HTML, un archivo CSS y cómo hacer que los dos funcionen juntos. Una vez finalizado este tutorial, podréis leer cualquiera de los otros tutoriales para darle más estilo a los archivos HTML y CSS. También podréis utilizar un editor de HTML o CSS, para desarrollar sitios Web más avanzados.
Al final del tutorial habrás hecho un archivo HTML como éste:
El resultado será una página HTML, con colores y formato, todo desarrollado con CSS.
Ten en cuenta que no quiero decir que sea bonita ☺
Avanzado: Las secciones como ésta son opcionales. Contienen explicaciones adicionales del código HTML y CSS del ejemplo. El símbolo de “peligro”, situado al principio, indica que se trata de un material más avanzado que el resto.

PASO 1: ESCRIBIR EL CÓDIGO HTML

Para este tutorial, te sugiero que utilices las herramientas más sencillas. Por ejemplo, Notepad (Windows), TextEdit (Mac) o HTML Kit, serán suficiente. Una vez comprendido lo básico, probablemente se quieran utilizar herramientas más complicadas, o incluso programas comerciales como Style Master, Dreamweaver o GoLive. Pero para el desarrollo de una primera hoja de estilos, es mejor no distraerse con características avanzadas de otras herramientas.
No utilices procesadores de texto como Microsoft Word u OpenOffice. Con ellos, normalmente se generan archivos que los navegadores no pueden interpretar. Para HTML y CSS, lo único que necesitamos son archivos en texto plano.
El paso 1 consiste en abrir tu editor de texto (Notepad, TextEdit, HTML Kit o el que desees), comenzar con una ventana vacía y escribir lo siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>Mi primera página con estilo</title>
</head>

<body>

<!-- Menú de navegación del sitio -->
<ul class="navbar">
  <li><a href="indice.html">Página principal</a>
  <li><a href="meditaciones.html">Meditaciones</a>
  <li><a href="ciudad.html">Mi ciudad</a>
  <li><a href="enlaces.html">Enlaces</a>
</ul>

<!-- Contenido principal -->
<h1>Mi primera página con estilo</h1>

<p>¡Bienvenido a mi primera página con estilo!

<p>No tiene imágenes, pero tiene estilo.
También tiene enlaces, aunque no te lleven a
ningún sitio…

<p>Debería haber más cosas aquí, pero todavía no sé
qué poner.

<!-- Firma y fecha de la página, ¡sólo por cortesía! -->
<address>Creada el 5 de abril de 2004<br>
  por mí mismo.</address>

</body>
</html>
En realidad, no es necesario escribir el código: puedes copiarlo y pegarlo directamente en un editor.
Avanzado: La primera línea que aparece en el archivo HTML, le dice al navegador el tipo de HTML (DOCTYPE significa DOCument TYPE - en español: TIPO de DOCumento). En este caso, se trata de la versión 4.01 de HTML.
Las palabras que se encuentran entre < y > se llaman etiquetas (tags) y, como puedes ver, el documento está entre las etiquetas <html> y </html>. Entre <head> y </head> hay espacio para diferentes tipos de información que no aparecerán en la pantalla. Hasta ahora, el documento sólo contiene el título pero posteriormente también se añadirá la hoja de estilos de CSS.
El <body> es dónde se sitúa el texto del documento. En un principio, cualquier cosa que se coloque ahí será mostrado, excepto el texto que esté dentro de las siguientes etiquetas <!-- y -->, las cuales muestran el contenido situado en ese lugar como un comentario de referencia para nosotros mismos. El navegador la ignorará.
De las etiquetas del ejemplo, <ul> crea una “lista desordenada”, es decir, una lista en la cual los elementos no están numerados. La etiqueta <li> indica el comienzo de un “elemento lista”. <p> es un “párrafo”. Y <a> es un “enlace”, que es lo que crea un hipervínculo.
Código HTML mostrado en el editor de HTML Kit
Editor mostrando el código HTML.
Avanzado: Si quieres saber lo que significan los nombres que están entre <…>, un buen sitio para empezar es Comenzando con HTML. Realizaré algunos comentarios sobre la estructura de la página HTML que estamos utilizando de ejemplo.
  • “ul” representa una lista con un hipervínculo por cada elemento. Esto mostrará nuestro “menú de navegación del sitio” con enlaces a otras páginas (ficticias) del sitio Web. Supuestamente, todas las páginas de nuestro sitio Web tienen un menú similar.
  • Los elementos “h1” y “p” componen el único contenido de esta página, mientras que la firma al final (“address”) será la misma para todas las páginas del sitio.
Observa que no he cerrado los elementos "li" y "p". En HTML (pero no en XHTML), se pueden omitir las etiquetas </li> y </p>, que fue lo que hice aquí, precisamente para hacer el texto más sencillo de leer. Pero si se prefiere pueden ser añadidas.
Vamos a suponer que va a ser una página de un sitio Web que tendrán varias páginas similares. Como es frecuente en páginas Web, ésta tiene un menú con enlaces a otras páginas en el sitio ficticio, un contenido único y una firma.
Ahora, selecciona “Guardar como…” del menú Archivo, ve hasta un directorio/carpeta donde quieras guardar el documento (el escritorio puede ser una opción) y guarda el archivo como “mipagina.html”. No cierres todavía el editor, lo necesitarás otra vez.
Después, abre el archivo en un navegador de la siguiente forma: encuentra el archivo con tu administrador de archivos (Windows Explorer, Finder o Firefox) y haz clic, o doble clic, sobre el archivo “mipagina.html”. El archivo HTML debería abrirse en tu navegador predeterminado. (Si no se abre el documento, abre el navegador y arrastra el archivo sobre él).
Como puedes ver, la página tiene un aspecto bastante aburrido...

PASO 2: AÑADIR ALGUNOS COLORES

Probablemente estés viendo texto negro sobre un fondo blando, pero esto depende de cómo esté tu navegador configurado. Para que la página tenga algo más de encanto podemos añadir algunos colores. (Deja el navegador abierto, lo utilizaremos más tarde).
Comenzaremos con una hoja de estilo interna en el archivo HTML. Más adelante, pondremos el HTML y el CSS en archivos diferentes. La separación de estos archivos es recomendable ya que facilita la utilización de la misma hoja de estilo para diferentes archivos HTML: sólo tienes que escribir la hoja de estilo una vez. Pero en este paso, vamos a dejarlo todo en el mismo archivo.
Necesitamos añadir un elemento <style> en el archivo HTML. La hoja de estilo estará en el interior de ese elemento. Volvamos entonces a la ventana del editor y añadamos las siguientes cinco líneas en la parte de la cabecera del archivo:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>Mi primera página con estilo</title>
  <style type="text/css">
  body {
    color: purple;
    background-color: #d8da3d }
  </style>
</head>

<body>
[etc.]
Las líneas que tienes que añadir están marcadas en rojo. La primera línea dice que eso es una hoja de estilo y que está escrita en CSS ("text/css"). La segunda línea indica que hemos añadido estilo al elemento "body". La tercera línea establece el color del texto como morado y la siguiente línea lo que hace es darle al fondo una especie de amarillo verdoso.
Avanzado: Las hojas de estilo en CSS están compuestas de reglas. Cada regla tiene tres partes:
  1. el selector (en el ejemplo sería: “body”), el cual le dice al navegador la parte del documento que se verá afectada por la regla;
  2. la propiedad (en el ejemplo, 'color' y 'background-color' son ambas propiedades), las cuales especifican qué aspecto del diseño va a cambiarse;
  3. y el valor ('purple' y '#d8da3d'), el cual da el valor para la propiedad.
El ejemplo muestra que es posible combinar las reglas. Hemos establecido dos propiedades, por lo que podemos tener dos reglas separadas:
body { color: purple }
body { background-color: #d8da3d }
ya que las dos reglas van a afectar al elemento body, sólo tenemos que escribir "body" una vez, y poner juntas las propiedades y valores. Para obtener más información sobre selectores, revisa el capítulo 2 de Lie & Bos.
El fondo del elemento body será el fondo para todo el documento. A los otros elementos (p, li, address…) no se les ha dado ningún fondo en concreto, por lo que de forma predeterminada no tendrán ninguno (o serán transparentes). La propiedad 'color' establece el color del texto que se encuentra en el elemento body, pero los otros elementos que se encuentran dentro de body heredarán ese color, a no ser que se especifique lo contrario. (Más adelante añadiremos más colores).
Ahora guarda el archivo (utiliza “Guardar” del menú Archivo) y vuelve a la ventana del navegador. Si haces clic en "Actualizar", la página "aburrida" que se mostraba al principio, pasará a ser una página con colores (pero aún sigue siendo muy aburrida). Aparte de la lista de enlaces que se encuentra al principio, el texto debería tener ahora el color morado sobre un fondo de color amarillo verdoso.
Imagen de la página con color en Firefox
Presentación de la página en el navegador tras añadirle colores.
Avanzado: Los colores pueden especificarse en la CSS de formas diferentes. El siguiente ejemplo muestra dos de ellas: por el nombre (“purple”) y por el código hexadecimal (“#d8da3d”). Hay aproximadamente 140 nombres de colores y más de 16 millones de colores disponibles en código hexadecimal. Agregar un toque de estilo, ofrece más información sobre esos códigos.

PASO 3: AÑADIR TIPO DE LETRA

Otra cosa que es muy fácil de hacer es añadir diferentes tipos de letra para los diversos elementos de la página. Veamos el texto con el tipo de letra “Georgia”, excepto la cabecera h1, que irá con “Helvetica”.
En la Web, nunca puedes estar seguro de los tipos de letra que los usuarios tienen en sus ordenadores, por lo que añadiremos algunas alternativas: si Georgia no está disponible, Times New Roman o Times también pueden valer, y si ninguna de esas está presente, el navegador puede utilizar cualquier otro tipo de letra con serifs. Si Helvetica no está, Geneva, Arial y SunSans-Regular son bastante similares, y si ninguna de estas funciona, el navegador puede escoge cualquier otro tipo de letra que no sea serif.
Añade en el editor de texto las siguientes líneas:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>Mi primera página con estilo</title>
  <style type="text/css">
  body {
    font-family: Georgia, "Times New Roman",
          Times, serif;
    color: purple;
    background-color: #d8da3d }
  h1 {
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif }
  </style>
</head>

<body>
[etc.]
Si guardas otra vez el archivo y haces clic en "Actualizar" en el navegador, deberían aparecer tipos de letra diferentes para el encabezado y para el otro texto.
Imagén con los tipos de letra añadidos
Ahora el texto tiene un tipo de letra diferente al del encabezado.

PASO 6: AÑADIR UNA LÍNEA HORIZONTAL

El último elemento a añadir en la hoja de estilo es una regla horizontal para separar el texto de la firma que se encuentra al final. Utilizaremos 'border-top' para añadir una línea punteada encima del elemento <address>:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>Mi primera página con estilo</title>
  <style type="text/css">
  body {
    padding-left: 11em;
    font-family: Georgia, "Times New Roman",
          Times, serif;
    color: purple;
    background-color: #d8da3d }
  ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em }
  h1 {
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif }
  ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid black }
  ul.navbar a {
    text-decoration: none }
  a:link {
    color: blue }
  a:visited {
    color: purple }
  address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin dotted }
  </style>
</head>

<body>
[etc.]
Ahora, ya hemos terminado de darle estilo a la página. Lo siguiente es ver cómo se pone la hoja de estilo en un archivo diferente para que de esta forma otras páginas puedan utilizar el mismo estilo.

PASO 7: PONER LA HOJA DE ESTILO EN UN ARCHIVO SEPARADO

Ahora tenemos un archivo HTML con una hoja de estilo en su interior. Pero si nuestro sitio crece desearemos añadir más páginas que compartan el mismo estilo. Hay un método más adecuado que copiar la hoja de estilo dentro de cada página y que es: colocar la hoja de estilo en un archivo separado, haciendo que todas las páginas estén enlazadas a esa hoja.
Para separar la hoja de estilo del archivo HTML, necesitamos crear otro archivo de texto, que esté vacío. Puedes escoger "Nuevo" del menú Archivo del editor para crear una ventana vacía.
Después, corta y pega en la nueva ventana todo lo que hay dentro del elemento <style> del archivo HTML. No copies las etiquetas <style> y </style>. Éstas pertenecen a HTML, no a CSS. En la nueva ventana del editor, deberías tener la hoja de estilo completa:
body {
  padding-left: 11em;
  font-family: Georgia, "Times New Roman",
        Times, serif;
  color: purple;
  background-color: #d8da3d }
ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 9em }
h1 {
  font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif }
ul.navbar li {
  background: white;
  margin: 0.5em 0;
  padding: 0.3em;
  border-right: 1em solid black }
ul.navbar a {
  text-decoration: none }
a:link {
  color: blue }
a:visited {
  color: purple }
address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }
Elige “Guardar como…” del menú Archivo, comprueba que está en el mismo directorio/carpeta que el archivo mipagina.html, y guarda la hoja de estilo como “miestilo.css”.
Vuelve a la ventana que muestra el código HTML. Borra todo lo que hay desde la etiqueta <style> hasta </style>, ambas inclusive, y reemplázalo por un elemento <link> de la siguiente forma:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>Mi primera página con estilo</title>
  <link rel="stylesheet" href="miestilo.css">
</head>

<body>
[etc.]
De esta forma, se le indicará al navegador que la hoja de estilo se encuentra en el archivo llamado "miestilo.css". Al no especificarse ningún directorio, el navegador mirará en el mismo directorio en el que se encuentra el archivo HTML.
Si has guardado el archivo HTML y lo has actualizado en el navegador, no deberías apreciar ningún cambio en el aspecto de la página. Ésta sigue guardando el mismo estilo, pero ahora viene establecido por el archivo externo.
El resultado final
Resultado final
El siguiente paso es poner ambos archivos, mipagina.html y miestilo.css, en vuestro sitio Web. (Quizá queráis primero cambiarlos un poco…), pero la forma de realizar esto depende de vuestro proveedor de Internet.

FPDF

LOS COMANDOS BÁSICOS

require('fpdf.php')

Siempre debemos de incluir un llamado a la librería fPDF desde nuestro programa en php. Allí es donde se encuentra el código de las herramientas que fPDF nos brinda para poder generar ficheros PDFs. Sin él no podemos hacer nada más. 

También se puede susbtituir el comando requiere por include. Es posible tener la librería fPDF en un directorio aparte de donde se encuentra el programa y esto lo puedes hacer de cualquiera de las siguientes maneras:
require('../../Librerias/fPDF/fpdf.php');
include('../../Librerias/fPDF/fpdf.php');

FPDF()

Es el constructor de la clase, el método más importante. Sin él no entra en acción fPDF. Siempre debes de tener esta línea en tu programa. Después puedes modificar los atributos de la clase (con los comandos que abajo se describen) para que se genere el archvo pdf.

Sintaxis:
$pdf = new PDF([Orientacion], [Unidad], [Tamaño]);

Dónde:
  • Orientación de página por defecto. Los posibles valores son (indiferente a mayúsculas):
    • P o Portrait (normal)
    • L o Landscape (apaisado)
 Valor por defecto es P. 
  • Unidad: Unidad de medida de usuario. Los posibles valores son:
  • pt: punto
  • mm: milimetro
  • cm: centimetro
  • in: pulgada
 Un punto es igual a 1/72 de pulgada, es decir cerca de 0.35 mm (siendo una pulgada 2.54 cm). Esta es una unidad muy común en tipografía; los tamaños de fuentes son expresados en esa unidad. 

 Valor por defecto es mm. 
  • Tamaño: El formato usado por las páginas. Es puede ser uno de los siguientes valores (indiferente a mayúsculas):
  • A3
  • A4
  • A5
  • Letter
  • Legal
  •  o un formato personalizado en la forma de un array de dos elementos conteniendo el ancho y el alto (expresado en la unidad dada por unit).
 Valor por defecto es A4.

Ejemplos:
$pdf = new FPDF('P','mm',array(100,150));

$pdf = new PDF();

AddPage()

Añade una nueva página al documento.  La fuente que fue fijada antes de ser invocada es restaurada automáticamente. No es necesario invocar nuevamente SetFont() si desea continuar con la misma fuente. Esto también se aplica para colores y ancho de líneas.

 El origen del sistema de coordenadas es la esquina superior izquierda y se incrementan hacia abajo.

Sintaxis:
$pdf->AddPage([Orientacion], [Tamaño]);

Donde Orientación y Tamaño tienen las mismas especificaciones que las indicadas en el comando FPDF.

Ejemplos:
$pdf->AddPage();
$pdf->AddPage('P');
$pdf->AddPage('P', 'Letter');

SetFont()

Establece la fuente usada para imprimir cadenas de carácteres. Es obligatorio invocar este método por lo menos una vez antes de imprimir texto o el documento resultante no será válido. El método puede ser invocado antes que la primera página sea creada y es mantenido de página a página.  Si sólo desea cambiar el tamaño de la fuente actual, es más simple invocar SetFontSize().

Sintaxis:
SetFont(string family [, string style [, float size]])

Donde:
  • Family:  Familia de fuente. Puede ser un nombre definido por AddFont() o una de las familias estándar (no sensible a mayúsculas o minúsculas):
    • Courier (fixed-width) 
    • Helvetica o Arial (sinónimo; sans serif) 
    • Times (serif) 
    • Symbol (symbolic) 
    • ZapfDingbats (symbolic)  
Tambien es posible pasar un cadena vacia. En este caso, se mantiene la familia actual. 

  • Style: Estilo de fuente. Los valores posibles son (no sensible a mayúsculas o minúsculas): 
  • cadena vacia: regular 
    • B: bold 
    • I: italic 
    • U: underline  
    • o cualquier combinación. El valor por defecto es regular.
 Los estilos Bold e italic no aplican para Symbol y ZapfDingbats. 
  • Size:  Tamaño de fuente en puntos.  El valor por defecto es el tamaño actual. Si ningún tamaño ha sido especificado desde el comienzo del documento, toma el valor de 12.
Ejemplos:
// Times regular 12
$pdf->SetFont('Times');
// Arial bold 14
$pdf->SetFont('Arial','B',14);
// Elimina bold
$pdf->SetFont('');
// Times bold, italic y underlined 14
$pdf->SetFont('Times','BIU');

Cell()

Imprime una celda (de área rectangular) bordes opcionales, color de fondo y secuencia de carácteres La esquina superior izquierda de la celda corresponde a la posición actual. El texto puede ser alineado o centrado. Despues de invocar, la posición actual se desplaza a la derecha o la siguiente línea. Es posible poner una referencia en el texto. 
 Si está el salto de página automático habilitado y la celda esta por fuera del límite, es realizado un salto de página antes de producir la salida.

Este comando es uno de los más utilizados por que se usa para imprimir el texto. Por ello ahondaremos más en éste.

Sintaxis:
Cell(float w [, float h [, string txt [, mixed border [, int ln [, string align [, boolean fill [, mixed link]]]]]]])

Donde:
  • W: Ancho de Celda. Si es 0, la celda se extiende hasta la márgen derecha. 
  • H: Alto de celda. Valor por defecto: 0.
  • TXT: Cadena a ser impresa. Valor por defecto: cadena vacia. 
  • Border: Indica si los bordes deben se dibujados alrededor de la celda. El valor puede ser un número: 
    • 0: sin borde
    • 1: marco
    •  o una cadena que contenga una o una combinación de los siguientes caracteres (en cualquier orden): 
      • L: izquierda
      • T: superior
      • R: derecha
      • B: inferior
 Valor por defecto: 0. 
  • Ln: Indica donde la posición actula debería ir antes de invocar. Los valores posibles son: 
    • 0: a la derecha
    • 1: al comienzo de la siguiente línea
    • 2: debajo
Poner 1 es equivalente a poner 0 y llamar justo despues Ln().
Valor por defecto: 0. 
  • Align:  Permite centrar o alinear el texto. Los posibles valores son: 
    • L o una cadena vacia: alineación izquierda (valor por defecto)
    • C: centro
    • R: alineación derecha
  • Fill:  Indica si elfondo de la celda debe ser dibujada (true) o transparente (false). Valor por defecto: false. 
  • Link: URL o identificador retornado por AddLink().
Ejemplos:
// Texto centrado en una celda con cuadro 20*10 mm y salto de línea
$pdf->Cell(20,10,'Title',1,1,'C');


Output()

Envía el documento a un destino dado: una cadena, un fichero local o al navegador. En el último caso, puede utilizarse la extensión -plug in- (si existe) o forzarse un cuadro de diálogo de descarga.  El método invoca ante todo a Close() si es necesario cerrar el documento.

Sintaxis:
string Output([string name, string dest])

  • Name:  El nombre del fichero. Si no se especifica, el documento se envía al navegador (destino I) con el nombre doc.pdf. 
  • Dest:  Destino al que enviar el documento. Puede tener uno de los siguientes valores: 
    • I: envía el fichero al navegador de forma que se usa la extensión (plug in) si está disponible. El nombre dado en nombre se usa si el usuario escoge la opción "Guardar como..." en el enlace que genera el PDF. 
    • D: envía el fichero al navegador y fuerza la descarga del fichero con el nombre especificado por nombre. 
    • F: guarda el fichero en un fichero local de nombre nombre. 
    • S: devuelve el documento como una cadena. nombre se ignora.
Ejemplos:
$pdf->Output();
$pdf->Output('PAMY.pdf','D'); 

NUESTROS PRIMEROS PROGRAMAS

Primer Programa
<?php
    //-----------------------------------------------------------------------------------
    //    Ejemplo básico de utilización de fPDF
    //-----------------------------------------------------------------------------------
    require('fpdf.php');

    $pdf=new FPDF();
    $pdf->AddPage();
    $pdf->SetFont('Arial','B',16);
    $pdf->Cell(40,10,'Hola Mundo!');
    $pdf->Output();
 ?>
Explicación del programa:
  1. La primera línea <?php nos indica que comienza el código del programa utilizando PHP.
  2. Las siguientes tres líneas que comienzan con // es un comentario del programa.
  3. El comando requiere le indica al servidor que se va a utilizar la librería fpdf. Y va a incorporar el código de la librería en nuestro programa.
  4. El comando new FPDF() le indica al servidor que se va generar un nuevo archivo PDF con las instrucciones de la librería fPDF.
  5. El comando AddPage() agrega una página nueva al documento PDF
  6. SetFont() define el tipo a utilizar que es Arial Bold de 16 puntos.
  7. Cell() escribe Hola Mundo! en el documento. Cell lo escribe en la coordenada (40,10)
  8. El comando Output() genera el archivo pdf y lo envía al navegador.

Recuerda que para que el código anterior funcione. Debes de haber instalado la librería completa en un servidor que corra con PHP y el programa que acabamos de generar debe estar en el mismo directorio que el archivo fpdf.php



sábado, 15 de octubre de 2016

[Fecha de publicación: 2016-10-13]-Previo

realizamos modificaciones al código del ejercicio 14 como estas:
 En el index:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<?php
$mensaje = $_REQUEST["mensaje"];  //--En esta linea o usamos GET, LOST o mas facil REQUEST
?>
<script>
alert("<?php echo $mensaje;?>");
</script>
<body>
//El form es  reutilizable para relizar otros formularios como NOMINAS, NOTAS, INFROMACION POSTAL etc.., solo la clave es cambiar el nobre y el id//..
<form id="form1" name="form1" method="post" action="centigrado.php">
  <p>nombre:
    <input type="text" name="nombre" id="nombre" />
  </p>
  <p>edad:
    <input type="text" name="edad" id="edad" />
  </p>
  <p>nota1:
    <input type="text" name="nota1" id="nota1" />
  </p>
  <p>nota2:
    <input type="text" name="nota2" id="nota2" />
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit" />
  </p>
</form>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
NOMINA
<form id="form1" name="form1" method="post" action="centigrado.php">
  <p>identificacion: 
    <input type="text" name="identificacion" id="identificacion" />
  </p>
  <p>nombre: 
    <input type="text" name="nombre" id="nombre" />
  </p>
  <p>salario: 
    <input type="text" name="salario" id="salario" />
  </p>
  <p>dias_laborados: 
    <input type="text" name="dias_laborados" id="dias_laborados" />
  </p>
 <p>devengado: 
    <input type="text" name="devengado" id="devengado" />
  </p>
 <p>deducido: 
    <input type="text" name="deducido" id="deducido" />
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit" />
  </p>
</form>
<p>&nbsp;</p>
<p>&nbsp;</p>

En centigrado.php :

<?php
//-- variables para conectarse a la base de datos
$servidor = 'localhost';
$base_datos = 'temperaturas';
$tabla = 'grados';
$usr_sistema = 'root';
$pass_sistema = 'alumnos';
//-- Conexion a la Base de datos segun variables declaradas
$conexion=mysql_connect($servidor, $usr_sistema, $pass_sistema);
if (!$conexion){
header ("Location: index.php?mensaje=error de conexion.");
exit();
}
else{ //--hasta esta linea nada cambia
//-- Captura de las variables del formulario.  //-- y aquí las llamamos con su etiqueta de procedencia
$nombre = $_REQUEST['nombre'];
$edad = $_REQUEST['edad'];
$nota1 = $_REQUEST['nota1'];
$nota2 = $_REQUEST['nota2'];

AQUI ES EL FACTOR CONDICIONAL PARA AGREGAR VARIABLES A UN EJERCICIO
$def = ($nota1+$nota2)/2;
if ($def >= 75)
$paso = "Paso";
else{
$paso = "no paso";
$edad = $edad * 10;
}

//-- Consulta Sql para guardar el registro o datos digitados.
$sql = "INSERT INTO ".$base_datos.".".$tabla." (nombre, edad, def, paso) "
."VALUES('$nombre',$edad, $def, '$paso' )";
$sql = mysql_query($sql, $conexion);
//-- Se devuelve a la pagina que inicial.
header ("Location: index.php?mensaje=Registro Incluido con Exito.&respuesta=".$F);
exit(); //-- Es para transladar variables 
}
?>

El Previo
Necesitamos transladar una variable M ("hola") y otra P (32) a una pagina index.php

solucion

Header(Location:index.php?mensaje="$M".&.$P");
EXIT();


domingo, 9 de octubre de 2016

Ejercicio14


<?
//-- variables para conectarse a la base de datos
$servidor = 'localhost';
$base_datos = 'temperaturas';
$tabla = 'grados';
$usr_sistema = 'root';
$pass_sistema = 'alumnos';
//-- Conexion a la Base de datos segun variables declaradas
$conexion=mysql_connect($servidor, $usr_sistema, $pass_sistema);
if (!$conexion){
header ("Location: index.php?mensaje=error de conexion.");
exit();
}
else{
//-- Captura de las variables del formulario.
$temp = $_POST['temp'];

$F= 32+(1.8 * $temp);

//-- Consulta Sql para guardar el registro o datos digitados.
$sql = "INSERT INTO ".$base_datos.".".$tabla." (temp) "
."VALUES(".$F.")";
$sql = mysql_query($sql, $conexion);
//-- Se devuelve a la pagina que inicial.
header ("Location: index.php?mensaje=Registro Incluido con Exito.");
exit();
}
?>
create database temperaturas;
use temperaturas;
CREATE TABLE `grados` (
  `id` int(11) NOT NULL,
  `temp` int(11) NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=latin1;

sábado, 8 de octubre de 2016

[Fecha de publicación: 2016-10-06]-Nuevo tema

En clase se practico con el ejercicio 14 de temperaturas y ese sera la base de todo este periodo.

se trataron temas como los botones(submit o button), request, cajas de texto (textearea) y header

Header

(PHP 4, PHP 5, PHP 7)
header — Enviar encabezado sin formato HTTP

Descripción ¶

void header ( string $string [, bool $replace = true [, int $http_response_code ]] )
header() es usado para enviar encabezados HTTP sin formato. Ver la especificación » HTTP/1.1 specification para más información sobre encabezados HTTP.
Recuerde que header() debe ser llamado antes de mostrar nada por pantalla, etiquetas HTML, líneas en blanco desde un fichero o desde PHP. Es un error muy común leer código con funciones como include o require, u otro tipo de funciones de acceso de ficheros que incluyen espacios o líneas en blanco que se muestran antes de llamar a la función header(). Sucede el mismo problema cuando se utiliza un solo fichero PHP/HTML.
<html>
<?php/* Esto producirá un error. Fíjese en el html
 * que se muestra antes que la llamada a header() */
header('Location: http://www.example.com/');
exit;
?>

Parámetros ¶

string
El encabezado en formato cadena.
Existen dos casos especiales en el uso de header. El primero el encabezado que empieza con la cadena "HTTP/" (las mayúsculas no son importantes), es utilizado para averiguar el código de status HTTP a enviar. Por ejemplo, si se tiene Apache configurado para usar un script en PHP para controlar las peticiones a ficheros no encontrados (usando la directiva ErrorDocument), querrá asegurarse de que el script genera el código de status que corresponde.
<?php
header
("HTTP/1.0 404 Not Found");?>
El segundo caso especial es el encabezado "Location:" No solamente envía el encabezado al navegador, sino que también devuelve el código de status (302) REDIRECT al navegador a no ser que el código de status 201 o 3xx ya haya sido enviado.
<?php
header
("Location: http://www.example.com/"); /* Redirección del navegador */

/* Asegurándonos de que el código interior no será ejecutado cuando se realiza la redirección. */
exit;?>
replace
El parámetro opcional replace indica cuando el encabezado debe reemplazar un encabezado previo similar o añadir un segundo encabezado del mismo tipo. Por defecto lo reemplazará, pero si se pasa FALSEcomo segundo argumento se puede forzar múltiples encabezados del mismo tipo. Por ejemplo:
<?php
header
('WWW-Authenticate: Negotiate');header('WWW-Authenticate: NTLM'false);?>

BOTONES DE ENVÍO (SUBMIT)
Este tipo de botones envía automáticamente el formulario en que se encuentra cuando es presionado. Es decir, cuando se pulsa el botón el navegador nos lleva a la dirección web indicada en el campo action y al mismo tiempo envía a esa dirección los datos que contiene el formulario. Para insertar un botón usamos la etiqueta <input … />. Para indicar que se trata de un botón de envío dentro de esta etiqueta escribiremos type = "submit". Escribe este código en un editor de textos, guárdalo como archivo con extensión HTML y comprueba los resultados que se obtienen.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
</head>
<body>
<form method="get" action="http://aprenderaprogramar.com/accion.php">
<input type="submit" value="Enviar este formulario" />
</form>
</body>
</html>

boton formulario html


Fíjate que hemos escrito <input type="submit" value="Enviar este formulario" />. Esta forma de escritura es una forma abreviada equivalente a:  <input type="submit" value="Enviar este formulario"> </input>
Ambos códigos producen el mismo resultado, pero es más habitual usar la primera forma (abreviada) que la segunda en este tipo de elementos (y en otros).
En el ejemplo anterior, simplemente lo que ocurrirá al pulsar sobre el botón ‘Enviar este formulario’ es que el navegador irá a la página ‘accion.php’ y recibirá los datos que pudiera llevar el formulario. Si en vez de http://aprenderaprogramar.com/accion.php escribiéramos simplemente accion.php la direccion accion.php se buscaría dentro del mismo directorio donde se encontrara el archivo html.


BOTONES DE RESTABLECIMIENTO (RESET)
Este tipo de botones reestablecen los controles en un formulario a sus valores iniciales cuando es presionado. Son insertados con la etiqueta (tag) HTML input con el valor "reset" en su atributo "type". Escribe este código en un editor de textos, guárdalo como archivo con extensión HTML y comprueba los resultados que se obtienen.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
</head>
<body>
<form method="get" action="http://aprenderaprogramar.com/accion.php">
<input type="text" name="texto1" value="Valor por defecto" /><br />
<input type="checkbox" name="condiciones" checked="checked" />
Acepto las condiciones<br />
<input type="reset"
value="Restablecer todos los campos a su valor predeterminado" />
</form>
</body>
</html>

boton type reset form html


En el ejemplo anterior, puedes probar la funcionalidad del botón cambiando los valores de los elementos y presionando el botón para restablecer los campos a sus valores iniciales.


BOTONES DE IMAGEN (IMAGE)
Estos tipos de botones funcionan de la misma forma que los botones de envío salvo que los de imagen son representados visualmente con la imagen especificada en el atributo "src". Los botones de imagen envían, además de toda la información contenida en el formulario, las coordenadas donde ha ocurrido el click cuando el formulario fue enviado. Las coordenadas se determinan desde la esquina superior izquierda del botón (por ejemplo, para un botón de imagen llamado "boton1" las coordenadas serán enviadas en la forma "boton1.x" y "boton1.y"). En ocasiones las coordenadas no serán útiles, pero no tenemos que preocuparnos por ello ya que bastará con recuperar la información útil y ya está.
Los botones de imagen se insertan con el tag HTML input, usando el valor "image" en su atributo "type". Escribe este código en un editor de textos, guárdalo como archivo con extensión HTML y comprueba los resultados que se obtienen (nota: como ruta de la imagen puedes poner la ruta que te apetezca).
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
</head>
<body>
<form method="get" action="http://aprenderaprogramar.com">
<input name="boton1" type="image"
src="/images/aprenderaprogramar/imagen.png">
</form>
</body>
</html>

input type image form html

<TEXTAREA>

Con las tags <textarea>;.....</textarea> definimos un texto de múltiples líneas para que el visitante pueda incluir un comentario junto a sus datos.
Junto a la tag de apertura pueden aparecer los siguientes atributos:
  • name="" Nombre del campo.
  • Cols="" Numero de columnas de texto visible.
  • Rows="" Numero de filas de texto visible.