You are on page 1of 15

ESCUELA POLITECNICA NACIONAL INGENIERIA DE SISTEMAS INFORMATICOS Y DE COMPUTACION

Aplicaciones Web

Documentacin de cdigos. Prof.: Ing. Francisco Villavicencio Alumno: Francisco Salguero Vliz

Fecha: Quito, enero de 2012

Introduccin
HTML CSS

JavaScript Ajax PHP PostgreSQL Apache Bluefish TAGS de HTML: <!-- --> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <caption> <center> <cite> <code> Inserta comentarios ocultos Establece el tipo de documento Inserta vnculos o marcadores Explica abreviaciones Explica acrnimos Provee informacin de contacto Inserta un applet (scripts) Define sectores para mapas de imagen Texto en negrita URI base para resolver URIs relativas Tamao de la fuente predeterminado Suprime el algoritmo bidireccional Texto en tamao "grande". Citar prrafos Contiene los elementos a mostrar Fuerza un quiebre de lnea Crea un botn Establece un ttulo para una tabla Centra su contenido Inserta una cita o referencia Representa texto de computadora

<col> <colgroup> <dd> <del> <dfn> <dir> <div> <dl> <dt> <em> <fieldset> <font> <form> <frame>

Da atributos a columnas en una tabla Agrupa columnas en una tabla Define descripciones en una lista Indica texto eliminado Asigna una definicin a un trmino Inserta una lista de directorios (rbol) Define un bloque de contenido Define una lista Inserta un trmino en una lista Indica nfasis Agrupa controles en un formulario Establece el estilo de fuente Inserta un formulario Inserta un marco

<frameset> <h1> <h2> <h3> <h4> <h5> <h6> <head> <hr> <html> <i> <iframe> <img> <input> <ins> <isindex>

Inserta un grupo de frames Encabezado de nivel 1 Encabezado de nivel 2 Encabezado de nivel 3 Encabezado de nivel 4 Encabezado de nivel 5 Encabezado de nivel 6 Define el bloque de encabezado Dibuja una lnea o regla horizontal Contiene al documento Muestra texto en itlica Inserta un marco dentro del documento Inserta una imagen Muestra controles de entrada Indica texto insertado Entrada de lnea simple

<kbd> <label> <legend>

Indica texto a ingresarse por el usuario Establece una etiqueta para un control Asigna un ttulo a un "fieldset"

<li>

Define un artculo en una lista

<link> <map> <menu> <meta> <noframes> <noscript> <object> <ol> <optgroup> <option> <p> <param> <pre> <q> <s> <samp> <script>

Ofrece informacn relacional Define un mapa de imagen Lista men Da informacin sobre el documento Contenido alternativo para marcos Contenido alternativo para scripts Ejecuta aplicaciones externas Inserta una lista ordenada Agrupa opciones en un control select Define una opcin en un control select Define un prrafo Da un parmetro para un objeto Bloque de texto preformateado Inserta una cita en una lnea Muestra texto tachado Representa texto de programas Contiene scripts

<select>

Crea un control select

<small> <span> <strike>

Muestra texto en letra "pequea" Asigna atributos al texto en lneas Muestra texto tachado

<strong>

Indica nfasis fuerte

<style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <title> <tr> <tt> <u> <ul> <var>

Define atributos visuales (hojas estilo) Define texto en sub-ndice Define texto en super-ndice Inserta una tabla Define un cuerpo en una tabla Celda regular de una tabla Entrada de texto de lneas mltiples Define un pie en una tabla Celda de encabezado de una tabla Define un encabezado de tabla Define el ttulo del documento Inserta una fila en una tabla Muestra texto en "teletype" Muestra texto subrayado Inserta una lista sin orden Indica una instancia de una variable

Atributos de los tags de HTML Nombre de atributo abbr accept-charset accept accesskey action align align Elementos Relacionados TD, TH FORM FORM, INPUT A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA FORM CAPTION APPLET, IFRAME, IMG, INPUT, OBJECT Comentario abreviatura de celda de cabecera lista de codificaciones de caracteres soportadas lista de tipos MIME para subir ficheros carcter de la tecla de accesibilidad procesador de formulario en servidor ttulo de una tabla alineacin vertical u horizontal

align align align align align alink alt alt alt archive archive axis background bgcolor bgcolor bgcolor bgcolor border border cellpadding cellspacing char charoff charset checked cite cite class classid clear

LEGEND TABLE HR DIV, H1, H2, H3, H4, H5, H6, P COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR BODY APPLET AREA, IMG INPUT APPLET OBJECT TD, TH BODY TABLE TR TD, TH BODY TABLE IMG, OBJECT TABLE TABLE COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR A, LINK, SCRIPT INPUT BLOCKQUOTE, Q DEL, INS Todos los elementos excepto BASE, BASEFONT, HEAD, HTML, META,PARAM, S CRIPT, STYLE, TITLE OBJECT BR

leyenda de un grupo de campos (fieldset) posicin de la tabla respecto a la ventana alineacin de texto

color de vnculos seleccionados descripcin corta descripcin corta descripcin corta lista de archivos separados por comas lista de URIs separados por espacios lista de cabeceras relacionadas separadas por comas fichero de textura de fondo del documento color de fondo de las celdas color de fondo de una fila color de fondo de una celda color de fondo del documento controla la anchura del marco que rodea una tabla anchura del borde de un vnculo espacio dentro de celdas espacio entre celdas carcter de alineacin, p.ej. char=':' offset para carcter de alineacin codificacin de caracteres del recurso vinculado para radiobotones y casillas de verificacin URI del documento o mensaje fuente informacin sobre la razn del cambio lista de clases separadas por espacios identifica una implementacin control del flujo de texto

code codebase codebase codetype color cols cols colspan compact content coords coords data datetime declare defer

APPLET OBJECT APPLET OBJECT BASEFONT, FONT FRAMESET TEXTAREA TD, TH DIR, DL, MENU, OL, UL META AREA A OBJECT DEL, INS OBJECT SCRIPT Todos los elementos excepto APPLET, BASE, BASEFONT, BDO, BR,FRAME, FR AMESET, IFRAME, PARAM, SCRIPT BDO BUTTON, INPUT, OPTGROUP, OPTION, SELECT, TEXTAREA FORM BASEFONT, FONT LABEL TABLE FRAME, IFRAME TD, TH IFRAME TD, TH IMG, OBJECT APPLET A, AREA, LINK BASE A, LINK APPLET, IMG, OBJECT

fichero de clase applet URI base para classid, data, archive URI base opcional para applet tipo de contenido para code color del texto lista de longitudes, por defecto: 100% (1 col) nmero de columnas abarcado por celda espacio reducido entre objetos informacin asociada lista de longitudes separadas por coma para usar con mapas de imgenes en el cliente referencia a datos del objeto fecha y hora del cambio declara el objeto pero no lo crea El AU puede retrasar la ejecucin del script

dir dir disabled enctype face for frame frameborder headers height height height height href href hreflang hspace

direccin de texto dbil/neutral direccionalidad no disponible en este contexto

lista de nombres de fuentes separados por coma empareja segn valor de campo ID qu partes del marco representar pintar bordes del marco? lista de id's de celdas de encabezado altura del marco altura de una celda nueva altura altura inicial URI del recurso vinculado URI que acta como URI base cdigo de idioma espacio de relleno horizontal

http-equiv id ismap label label lang

META Todos los elementos excepto BASE, HEAD, HTML, META, SCRIPT, STYLE,TITL E IMG, INPUT OPTION OPTGROUP Todos los elementos excepto APPLET, BASE, BASEFONT, BR, FRAME,FRAMES ET, IFRAME, PARAM, SCRIPT SCRIPT BODY IMG FRAME, IFRAME FRAME, IFRAME FRAME, IFRAME INPUT STYLE LINK FORM SELECT BUTTON, TEXTAREA APPLET SELECT FORM FRAME, IFRAME IMG A INPUT, OBJECT MAP PARAM META

nombre de encabezado HTTP de respuesta id nico en todo el documento usar mapa de imgenes en servidor para usar en menes jerrquicos para usar en menes jerrquicos cdigo de idioma

language link longdesc longdesc marginheight marginwidth maxlength media media method multiple name name name name name name name name name name name

nombre del lenguaje predefinido de scripts color de los vnculos vnculo a descripcin larga (complementa a alt) vnculo a descripcin larga (complementa a title) altura del margen en pxeles anchura del margen en pxeles mximo de caracteres para campos de texto diseado para usar con estos medios para representar en estos medios mtodo HTTP usado para enviar el formulario por defecto es seleccin simple permite a los applets encontrarse entre s nombre del campo nombre del formulario, para los scripts nombre del marco, para designarlo como destino nombre de la imagen, para los scripts vnculo destino con nombre enviar como parte del formulario para su referencia por usemap nombre de propiedad nombre de metainformacin

nohref noresize noshade nowrap object onblur onchange

AREA FRAME HR TD, TH APPLET A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA INPUT, SELECT, TEXTAREA Todos los elementos excepto APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC RIPT, STYLE, TITLE

esta regin no tiene accin permitir a los usuarios redimensionar marcos? suprimir ajuste automtico de lneas fichero applet serializado el elemento perdi el foco el valor del elemento fue modificado

onclick

se hizo clic con un botn del apuntador

ondblclick

Todos los elementos excepto APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC RIPT, STYLE, TITLE A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA Todos los elementos excepto APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC RIPT, STYLE, TITLE

se hizo doble clic con un botn del apuntador

onfocus

el foco se dirigi hacia el elemento

onkeydown

se puls una tecla

onkeypress

Todos los elementos excepto APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC RIPT, STYLE, TITLE

una tecla fue pulsada y soltada

onkeyup

Todos los elemenots excepto APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC RIPT, STYLE, TITLE FRAMESET BODY Todos los elementos excepto APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC RIPT, STYLE, TITLE

una tecla fue soltada

onload onload

todos los marcos fueron cargados el documento fue cargado

onmousedown

se puls un botn del apuntador

onmousemove

Todos los elementos excepto APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM un apuntador se movi al interior E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC del elemento RIPT, STYLE, TITLE

onmouseout

Todos los elementos except APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC RIPT, STYLE, TITLE

un apuntador se quit de encima del elemento

onmouseover

Todos los elementos excepto APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM un apuntador se movi encima del E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC elemento RIPT, STYLE, TITLE

onmouseup

Todos los elementos excepto APPLET, BASE, BASEFONT, BDO, BR, FONT,FRAM se solt un botn de un apuntador E, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM,SC RIPT, STYLE, TITLE FORM INPUT, TEXTAREA FORM FRAMESET BODY HEAD ISINDEX TEXTAREA INPUT A, LINK A, LINK FRAMESET TEXTAREA TD, TH TABLE META TD, TH FRAME, IFRAME OPTION nmero de filas abarcado por la celda lneas de divisin entre filas y columnas seleccionar forma de contenido campo de aplicacin de una celda de cabecera barra de desplazamiento o no con option se agregara las distintas opciones que tendr el select el formulario fue reinicializado se seleccion parte de un texto el formulario fue enviado se quitaron todos los marcos el documento ha sido quitado diccionario con nombres de metainformacin mensaje indicador para texto y contraseas tipos de vnculos directos tipos de vnculos inversos lista de longitudes, por defecto: 100% (1 fila)

onreset onselect onsubmit onunload onunload profile prompt readonly readonly rel rev rows rows rowspan rules scheme scope scrolling selected

shape shape size size size size size span span src src src src standby start style summary tabindex target text title type type type type type type type type type

AREA A HR FONT INPUT BASEFONT SELECT COL COLGROUP SCRIPT INPUT FRAME, IFRAME IMG OBJECT OL Todos los elementos excepto BASE, BASEFONT, HEAD, HTML, META,PARAM, S CRIPT, STYLE, TITLE TABLE A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA A, AREA, BASE, FORM, LINK BODY Todos los elementos excepto BASE, BASEFONT, HEAD, HTML, META,PARAM, S CRIPT, TITLE A, LINK OBJECT PARAM SCRIPT STYLE INPUT LI OL UL

controla la interpretacin de las coordenadas para usar con mapas de imgenes en el cliente [+|-]nn p.ej. size="+1", size="4" especfico de cada tipo de campo tamao de fuente base para elementos FONT filas visibles los atributos de COL afectan a N columnas nmero de columnas por defecto en el grupo URI del script externo para campos con imgenes fuente del contenido del marco URI de la imagen a incluir mensaje a mostrar mientras se carga nmero inicial de la secuencia informacin de estilo asociada propsito/estructura para salida por voz posicin en el orden de tabulacin representar en este marco color del texto del documento ttulo consultivo tipo de contenido consultivo tipo de contenido para los datos tipo de contenido para el valor cuando valuetype=ref tipo de contenido para lenguaje de scripts tipo de contenido para lenguaje de estilos qu tipo de control hace falta estilo de objeto de lista estilo de numeracin estilo de grfico de lista

type usemap valign value value value value value valuetype version vlink vspace width width width width width width width width width

BUTTON IMG, INPUT, OBJECT COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR INPUT OPTION PARAM BUTTON LI PARAM HTML BODY APPLET, IMG, OBJECT HR IFRAME IMG, OBJECT TABLE TD, TH APPLET COL COLGROUP PRE

para usar como botn de formulario usar mapa de imgenes en el cliente alineacin vertical en celdas especificar para radiobotones y casillas de verificacin por defecto el contenido del elemento valor de propiedad se manda al servidor cuando se enva reinicializar nmero de secuencia cmo interpretar el valor constante color de los vnculos visitados espacio vertical anchura del marco nueva anchura anchura de la tabla anchura de la celda anchura inicial especificacin de la anchura de la columna anchura por defecto de los COLs contenidos

INSTALACION DE APACHE, POSTRGRES Y PHP EN LINUX 1. Como root cree los siguientes directorios A) Para ubicar el software requerido mkdir /Fuentes chmod 777 /Fuentes chown - R USRBDD:USRBDD /Fuentes Ubique en /Fuentes los siguientes paquetes: httpd-2.0.64.tar.gz postgresql-9.x.x-x-linux-x64.run o si tiene una versin posterior

php-5.2.17.tar.gz B) Para ubicar las pginas web mkdir /hojas chmod 777 /hojas chown -R USRBDD:USRBDD /hojas

2.- Instalacin de Apache. Descomprima del paquete cd /Fuentes tar -zxvf httpd-2.0.64.tar.gz Cambiese al directorio cd httpd-2.0.64 Ejecute los siquientes comandos, de preferencia como usuario root ./configure --enable-so make make install El apache se instala por defecto en /usr/local Arranque el Apache /usr/local/apache2/bin/apachectl start Utilice un browser para verificar la instalacion: http://localhost Detenga el Apache: /usr/local/apache2/bin/apachectl stop 3.- Instalacin de Postgresql Establezca los permisos adecuados para ejecucin cd /Fuentes chmod 764 postgresql-9.x.x-x-linux-x64.run Como usuario root ejecute el archivo postgresql-9.x.x-x-linux-x64.run, siga las instrucciones. De preferencia ubique el software en /usr/local/PostgreSQL9

./postgresql-9.x.x-x-linux-x64.run 4.- Instalacion de Php Como usuario root detenga el Apache si an no lo ha hecho /usr/local/apache2/bin/apachectl stop cd /Fuentes Descomprima el archivo php-5.3.6.tar.gz tar -zxvf php-5.3.6.tar.gz Cmbiese al directorio cd php-5.3.6 Como usuario root ejecute los siguientes comandos ./configure --with-apxs2=/usr/local/apache2/bin/apxs --with-pgsql=/usr/local/PostgreSQL9 --with-gd make make install cp php.ini-dist /usr/local/lib/php.ini 5.- Configuracin del Apache Edite el archivo de configuracin del Apache vim /usr/loca/apache2/conf/httpd.conf Verifique si constan las entradas LoadModule php5_module modules/libphp5.so AddType application/x-httpd-php .php .phtml AddType application/x-httpd-php-source .phps Si no existen inclyalas. Verifique la ubicacin del directorio de pginas web en el archivo httpd.conf DocumentRoot "/hojas" <Directory "/hojas"> 6.- Arranque el apache como es usual

/usr/local/apache2/bin/apachectl start

Prueba de funcionalidad de PostgreSQL 1 ) Active el utilitario PGAdmin 2) Cree la tabla alumnos

alumnos = (cedula, nombre, direccion, fechanac, foto, tipo, tama) PK = cedula. Ingrese algunos datos a excepcin de lo relacionado con la fotografa.
Editor BlueFisc Descargue e instale el editor BlueFish Verificacin del entorno de trabajo global En el editor BF codifique y guarde en /hojas el programa test.php <?php echo phpinfo(); ?>

You might also like