domingo, 30 de junio de 2013

CREACIÓN DE UN MENÚ EN HTML - INDIVIDUAL

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%">



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



Men&uacute 


<a href="#MISIÓN">Misión </a>
<a href="#VISIÓN">Visión </a>
<a href="#PERFIL">Perfil </a>
<a href="#NOMINA">Estudiantes </a>
<a href="#MALLA">Malla Curricular </a>
<a href="#PASEO">Paso por la UTELVT </a>


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



<a name="MISIÓN"><h1> Misión </h1></a>

<div align="justify">La Universidad Técnica "Luis Vargas Torres" tiene como misión la búsqueda de la verdad,
el desarrollo de la cultura universal y de la cultura ancestral ecuatoriana,
la ciencia y la tecnología, la formación de profesionales críticos y pro positivos,
comprometidos con el desarrollo del país, mediante la docencia, la investigación
y la vinculación con la colectividad.</div>

 
 
 
 



<a name="VISIÓN"><h1> Visión </h1></a>

<div align="justify">La visión de la Universidad Técnica "Luis Vargas Torres" es de posicionarse
como una de las primeras instituciones de Educación Superior del país,
y ser referente de excelencia académica, cultural, ciencia y tecnología
para el desarrollo equitativo e integral de la sociedad. </div>

 
 
 
 



<a name="PERFIL"><h1> Perfil </h1></a>

UNIVERSIDAD

<div align="justify">
<ul type="disk"><li> La Universidad Técnica Luis Vargas Torres, cuyas siglas son UTE - LVT, es un Centro de Educació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écnica Luis Vargas Torres es una entidad autónoma de derecho público sin fines de lucro financiada por el Estado, se regirá por la Constitución Política, Ley de Educación Superior, demás leyes de la República, Reglamentos Generales del CONESUP y CONEA, el presente Estatuto y sus reglamentos.

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

DOMICILIO
 
<div align="justify">
<ul type="disk"><li>El domicilio de la Universidad Técnica Luis Vargas Torres es la ciudad de Esmeraldas. Su área de influencia: la provincia, el país y la comunidad internacional.</li>
<li>Los predios de la Universidad Técnica Luis Vargas Torres son inviolables, de conformidad con lo que estipula la Constitución Política de la República del Ecuador en su artículo 75 y el artículo 6 de la Ley de Educación Superior.
</li></div></ul>

 

PRINCIPIOS
 
 
<div align="justify"> La Universidad Técnica Luis Vargas Torres se rige por los principios de:

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

FINES
 
 

<div align="justyfi">Son fines de la Universidad Té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ón que permita fortalecer de manera sistemática y coordinada la docencia, investigación y vinculación con la colectividad, con calidad y excelencia;</li>
<li>Impulsar el desarrollo integral de la sociedad a través de la formación de profesionales de nivel superior con alta capacidad, que satisfaga la demanda científica, tecnológica y humaní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óctonas, revitalizando la identidad, la pluriculturalidad y la unidad nacional, americana y mundial; y,</li>
<li>Fortalecer la investigación científica como base para el desarrollo provincial, regional y nacional.</li>
</ul></div>

 
 
 
 


<a name="NOMINA"><h1> Estudiantes </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>

 
 
 
 

<a name="MALLA"><h1> Malla Curricular </h1></a>
 

<img src="300.jpeg" height="614" width="800">

 
 
 
 

<a name="PASEO"><h1> Paseo por la UTLVT </h1></a>
 

<img src="1.jpg" height="614" width="800">
 
<img src="2.jpg" height="614" width="800">
 
<img src="3.jpg" height="614" width="800">
 

</td>

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

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

lunes, 24 de junio de 2013

GRUPAL

INTEGRANTES:

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

domingo, 16 de junio de 2013

ETIQUETAS DE HTML

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:

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ítulo de la página.</title>

</head>
<body>
Hola mundo!

Esto es negrita. 

Y esto itálica. 

</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 => 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 (u otra etiqueta similar).

v => Indica comienzo y fin de negrita.

v => 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 Esto es negrita. y Esto es negrita. 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 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”>

<head>

<title>Ejemplo de página PHP</title>

</head>

<body>

<?php

echo ‘¡Hola Oliver!’ ;

</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.

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

http://www.librosweb.es/css/capitulo_1.html