Páginas web

Gil Sánchez Rafael
Loeza Macías Alfredo
Romero Lorenzo Juan Carlos
Ixtlapale Zarate Daniela
Albores López Misael

 INTRODUCCION A LAS PAGINAS WEBS …………………………………..
 HTML 5 …………………………………. …………………………………. ….
 CSS3 [HOJAS DE ESTILO EN CASCADA] ………………………………….
 JAVASCRIP ……………………………………………………………………..
 JQUERY …………………………………………………………………….......
 PHP …...…………………………………………………………………………
 TIPOS DE PAGINAS WEBS [ESTATICA - DINAMICA] …………………….
 REFERENCIAS ……………………. …………………………………………..

INTRODUCCIÓN
Vivimos en un mundo globalizado y cambiante constantemente, lo que ayer era diferente y
nuevo ahora nos resulta ambiguo y lo que hoy es moderno mañana tal vez será retrogrado e
inservible, evolucionamos cada día.
Teniendo en la actualidad una herramienta importante llamada Internet que originalmente se
empezó a diseñar desde finales de los años 60’s y llegando al público en general a finales de
los 80’s y principios de los 90’s, se tuvo la necesidad de tener un buen recurso para poder
manejar dicha tecnología creándose posteriormente las páginas web el cual será nuestro
tema de interés para investigación.
Las páginas web, juegan un papel importante en el uso del Internet. Ya que son la parte con
la que los navegadores o usuarios interactúan, en primera instancia esta la necesidad de
encontrar información u ocio en dichas fuentes, dando paso a la forma en que se dan a
conocer dichas paginas entre las que se encuentra: su diseño, su accesibilidad, su
funcionabilidad entre otras.

HTML 5
HTML5 es la quinta revisión importante del
lenguaje básico de la World Wide Web,HTML.
HTML5 especifica dos variantes de sintaxis
para HTML: HTML (text/html), la variante
conocida como HTML5 y una variante XHTML
conocida como sintaxis XHTML5 que deberá
ser servida como XML. Esta es la primera vez
que HTML y XHTML se han desarrollado en
paralelo. La versión definitiva de la quinta
revisión del estándar se publicó en octubre de
2014.

HTML 5
HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de
los sitios web modernos.
Algunos elementos de HTML 4.01 han quedado obsoletos, incluyendo elementos
puramente de presentación, como <font> y <center>, cuyos efectos son manejados
porHojas de estilo en cascada. También hay un renovado énfasis en la importancia del
scripting DOM para el comportamiento de la web 2.0.

HTML 5
• Entre las nuevas características que podemos
utilizar son:
• Incorpora etiquetas (canvas 2D y 3D, audio,
vídeo) con codecs para mostrar los contenidos
multimedia. Actualmente hay una lucha entre
imponer codecs libres (WebM +VP8) o privados
(H.264/MPEG-4 AVC).
• Etiquetas para manejar grandes conjuntos de
datos: Datagrid, Details, Menu y Command.
Permiten generar tablas dinámicas que pueden
filtrar, ordenar y ocultar contenido en cliente.
• Mejoras en los formularios. Nuevos tipos de datos
(eMail, number, url, datetime…) y facilidades para
validar el contenido sin Javascript.

CSS3
Mientras que HTML nos permite definir la estructura una página web, las hojas de estilo
en cascada (Cascading Style Sheets o CSS) son las que nos ofrecen la posibilidad de
definir las reglas y estilos de representación en diferentes dispositivos, ya sean pantallas
de equipos de escritorio, portátiles, móviles, impresoras u otros dispositivos capaces de
mostrar contenidos web.

CSS3
La primera versión de CSS fue publicada a fines del año 1996 y fue logrando popularidad
y aceptación hasta llegar a la versión 2.1
A partir del año 2005 se comenzó a definir el sucesor de esta versión, al cual se lo conoce
como CSS3 o Cascading Style Sheets Level 3. Actualmente en definición, esta versión
nos ofrece una gran variedad de opciones. Desde opciones de sombreado y redondeado,
hasta funciones avanzadas de movimiento y transformación.

JAVASCRIPT
Javascript es un lenguaje con muchas posibilidades, utilizado para crear pequeños
programas que luego son insertados en una página web y en programas más grandes,
orientados a objetos mucho más complejos.
Este lenguaje posee varias características, entre ellas podemos mencionar que es un
lenguaje basado en acciones que posee menos restricciones. Además, es un lenguaje
que utiliza Windows y sistemas X-Windows

JAVASCRIPT
Javascript nació con la necesidad de
permitir a los autores de sitio web crear
páginas que permitan intercambiar con
los usuarios, ya que se necesitaba
crear webs de mayor complejidad.
El HTML solo permitía crear páginas
estáticas donde se podía mostrar
textos con estilos, pero se necesitaba
interactuar con los usuarios.

JAVASCRIPT
La estandarización de Javascript comenzó en conjunto con ECMA en Noviembre de 1996.
Es adoptado este estándar en Junio de 1997 y luego también por la “Internacional
Organization for Standardization” (ISO).
El DOM por sus siglas en inglés “Modelo de Objetos del Documento” fue diseñado para
evitar incompatibilidades.

JQUERY
jQuery es una biblioteca gratuita de Javascript, cuyo objetivo principal es simplificar las
tareas de creación de páginas web responsivas, funciona en todos los navegadores
modernos.
Otra de las grandes ventajas de jQuery es que se enfoca en simplificar los scripts y en
acceder/modificar el contenido de una página web.
Finalmente, jQuery agrega una cantidad impresionante de efectos nuevos a Javascript.

PHP
Hypertext Preprocessor por sus siglas PHP, es un lenguaje de código abierto, es decir, un
código de uso libre y gratuito para todos los programadores que quieran usarlo. Se
caracteriza por poderse incrustar en HTML y ejecutarse desde el servidor.
¿Para que sirve?
PHP se utiliza para generar páginas web dinámicas. Recordar que llamamos página
estática a aquella cuyos contenidos permanecen siempre igual, mientras que llamamos
páginas dinámicas a aquellas cuyo contenido no es el mismo siempre.

PHP
Aquí un ejemplo de como es la estructura en PHP
• <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
• "http://www.w3.org/TR/html4/loose.dtd">
• <html>
• <head>
• <title>Ejemplo</title>
• </head>
• <body>
• <?php
• echo "¡Hola mundo !";
• ?>
• </body>
• </html>

TIPOS DE PAGINAS WEB
Existen varias formas de clasificar las páginas web. Nosotros usamos dos tipo de
clasificación que creemos le pueden servir para tener una idea clara de lo que puede
obtener con su página web.
SEGUN LA FORMA EN LA QUE SE SIRVEN
Según la forma en la que la página se sirve para ser enviada a la pc del visitante, pueden
ser de dos tipos.

PÁGINA WEB ESTÁTICA:
Es aquella que está compuesta de una serie
de archivos que contienen el código HTML
que constituye la página en sí y que
permiten mostrar los textos, imágenes,
videos, etc que conforman el contenido de la
página.
Estos archivos se almacenan en el servidor
de Hosting en formato HTML junto con los
archivos de imágenes (comunmente en
formato jpg, gif o png) y los videos y demás
contenido del site.

PÁGINA WEB DINÁMICA
El término dinámico no se refiere a
movimiento como muchos pueden pensar. El
término dinámico hace referencia a que la
página web se construye al momento en que
la página es visitada por el usuario. Es decir
que el contenido de la página web no es fijo
sino que se construye de acuerdo a la
interacción que el usuario hace con la
página.

PÁGINA WEB DINÁMICA
• Lás página web dinámicas tienen además las siguientes
características:
• Gran número de posibilidades en su diseño y desarrollo.
• El visitante puede alterar el diseño, contenidos o presentación
de la página a su gusto.
• En su realización se utilizan diversos lenguajes y técnicas de
programación.
• El proceso de actualización es sumamente sencillo, sin
necesidad de entrar en el servidor.
• Permite un gran número de funcionalidades tales como bases
de datos, foros, contenido dinámico, etc.
• Pueden realizarse íntegramente con software de libre
distribución.
• Existe una amplia comunidad de programadores que brinda
apoyo desinteresado.

REFERENCIAS
• HTML 5
• http://www.w3.org/TR/html5/
• CSS3 [Hoja de estilos en cascada]
• http://html5.dwebapps.com/que-es-css3/
• JAVASCRIPT
• http://www.desarrolloweb.com/javascript/
• http://www.maestrosdelweb.com/que-es-javascript/
• http://javascript.about.com/od/reference/a/history.htm
• JQUERY
• http://www.mexired.com/blog/que-es-jquery/#.VHatXjGG-So
• PHP
• http://www.aprenderaprogramar.com/index.php?option=com_content&id=492:ique-es-php-y-ipara-que-sirve-un-potente-lenguaje-
de-programacion-para-crear-paginas-web-cu00803b&Itemid=193.Visitado
• http://php.net/manual/es/intro-whatis.php
• TIPOS DE PAGINAS WEBS [ESTATICA - DINAMICA]
• http://www.ajaxperu.com/paginas-web/tipos-paginas

Páginas web

Más contenido relacionado

La actualidad más candente (17)

Destacado (18)

Similar a Páginas web (20)

Último (20)

Páginas web