DESARROLLO DE SITIOS WEBSGil Sánchez Rafael

Loeza Macías Alfredo

Romero Lorenzo Juan Carlos

Ixtlapale Zarate Daniela

Albores López Misael

OBJETIVOS 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