DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB

ING DE SISTEMAS VII
13/08/2015
HISTORIA DEL INTERNET
Los inicios de Internet nos remontan a los aos 60. En plena guerra fra, Estados Unidos crea una
red exclusivamente militar, con el objetivo de que, en el hipottico caso de un ataque ruso, se
pudiera tener acceso a la informacin militar desde cualquier punto del pas.
Esta red se cre en 1969 y se llam ARPANET. En principio, la red contaba con 4 ordenadores
distribuidos entre distintas universidades del pas. Dos aos despus, ya contaba con unos 40
ordenadores conectados. Tanto fue el crecimiento de la red que su sistema de comunicacin se
qued obsoleto. Entonces dos investigadores crearon el Protocolo TCP/IP, que se convirti en el
estndar de comunicaciones dentro de las redes informticas (actualmente seguimos utilizando
dicho protocolo).
QUE ES Y CULES SON LAS VERSIONES DE HTML?

HTML fue desarrollado originalmente por Tim Berns-Lee pero debido al rpido crecimiento de la
web, surgi la necesidad de crear un estndar para que tanto los programadores como los
navegadores pudieran basarse en unas mismas normas para escribir HTML. Cada versin de
HTML establece unas normas respecto a cules son las etiquetas vlidas y cmo se deben
escribir.

Los estndares oficiales HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0 y el HTML 4.01, aunque
actualmente se trabaja en el HTML 5. El HTLM 5 ya est empezando a ser usado aunque todava
no es una especificacin oficial. El XHTML, una forma ms avanzada del HTML que se supona iba
a sustituir a ste, va a quedar integrado dentro del HTML 5.
EVOLUCIN DE HTML:

HTML 2.0

HTML 3.2

HTML
4.01

En 1995 se publica el estndar HTML 2.0. A pesar de su nombre, HTML

2.0 es el primer estndar oficial de HTML, es decir, el HTML 1.0 no
existi como estndar. HTML 2.0 no soportaba tablas.
Se simplificaba al mximo la estructura del documento para agilizar su
edicin, donde la declaracin explcita de los elementos body, HTML y
head es opcional.
La versin HTML 3.2 se public en 1997 y es la primera recomendacin
de HTML publicada por el W3C (Consorcio internacional). Esta revisin
incorpor los ltimos avances de las pginas web desarrolladas hasta
1996, como applets de Java y texto que fluye alrededor de las
imgenes.
La ltima especificacin oficial de HTML se public en diciembre de
1999 y se denomina HTML 4.01. Desde la publicacin de HTML 4.01, el
W3C se centr en el desarrollo del estndar XHTML. Por este motivo, en
el ao 2004, las empresas Apple, Mozilla y Opera mostraron su
preocupacin por la falta de inters del W3C en HTML y decidieron

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015
organizarse en una nueva asociacin llamada WHATWG que comenz el
desarrollo del HTML 5, cuyo primer borrador oficial se public en enero
de 2008.
HTML 5.0,
HTML 5.1
y HTML
5.2

El consorcio internacional W3C marc las siguientes fechas para

liberacin de los estndares de especificacin: 2014/2015 para HTML
5.0, 2016 para HTML 5.1 y 2019 para HTML 5.2.

QUE ES UN NVEGADOR, EXPLORADOR O BUSCADOR?

Un Explorador Web o Navegador es un programa que permite visualizar pginas

web en la red adems de acceder a otros recursos, documentos almacenados y
guardar informacin.

El Navegador se comunica con el servidor a travs del protocolo HTTP y le pide

el archivo solicitado en cdigo HTML, despus lo interpreta y muestra en pantalla
para el usuario.

Los ms populares son Internet Explorer, Mozilla Firefox, Safari, Opera y Google
Chrome. Algunos Navegadores vienen integrados en el SO como Internet Explorer
en Windows.

TIPOS DE NAVEGADORES O EXPLORADORES WEB

Algunos de los navegadores o exploradores web ms populares son: Internet Explorer,

Mozilla Firefox, Safari, Opera, Google Chrome y Flock.
Otros navegadores no tan conocidos son: Maxthon, Avant, DeepNet, PhaseOut,
SpaceTime, Amaya...

CMO FUNCIONAN LOS NAVEGADORES?

Los navegadores se comunican con los servidores web por medio del protocolo de
transferencia de hipertexto (HTTP) para acceder a las direcciones de Internet (URLs) a
travs de los motores de bsqueda.

ADOBE DREAMWEAVER:

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015
Adobe Dreamweaver es una aplicacin en forma de estudio (basada en la forma de
estudio de Adobe Flash) enfocada a la construccin y edicin de sitios y aplicaciones
Web basadas en estndares. Creado inicialmente por Macromedia (actualmente
producido por Adobe Systems). Es el programa de este tipo ms utilizado en el sector
del diseo y la programacin web, por sus funcionalidades, su integracin con otras
herramientas como Adobe Flash y, recientemente, por su soporte de los estndares del
World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y
tiene soporte tanto para edicin de imgenes como para animacin a travs de su
integracin con otras.

QU ES JAVASCRIPT?

Javascript es un lenguaje con muchas posibilidades, utilizado para crear pequeos

programas que luego son insertados en una pgina web y en programas ms grandes,
orientados a objetos mucho ms complejos. Con Javascript podemos crear diferentes
efectos e interactuar con nuestros usuarios.
Este lenguaje posee varias caractersticas, entre ellas podemos mencionar que es un
lenguaje basado en acciones que posee menos restricciones. Adems, es un lenguaje
que utiliza Windows y sistemas X-Windows, gran parte de la programacin en este
lenguaje est centrada en describir objetos, escribir funciones que respondan a
movimientos del mouse, aperturas, utilizacin de teclas, cargas de pginas entre otros.
Es necesario resaltar que hay dos tipos de JavaScript: por un lado est el que se
ejecuta en el cliente, este es el Javascript propiamente dicho, aunque tcnicamente se
denomina Navigator JavaScript. Pero tambin existe un Javascript que se ejecuta en el
servidor, es ms reciente y se denomina LiveWire Javascript.

DNDE PUEDO VER FUNCIONANDO JAVASCRIPT?

Entre los diferentes servicios que se encuentran realizados con Javascript en Internet se
encuentran:

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015
Correo
Chat
Buscadores de Informacin

Tambin podemos encontrar o crear cdigos para insertarlos en las pginas como:

Reloj
Contadores de visitas
Fechas
Calculadoras
Validadores de formularios
Detectores de navegadores e idiomas

ALGUNAS CARACTERSTICAS DEL LENGUAJE SON:

Su sintaxis es similar a la usada en Java y C, al ser un lenguaje del lado del cliente este
es interpretado por el navegador, no se necesita tener instalado ningn Framework.

HTTP:

Variables: var = Hola, n=103

Condiciones: if(i<10){ }
Ciclos: for(i; i<10; i++){ }
Arreglos: var miArreglo = new Array(12, 77, 5)
Funciones: Propias del lenguaje y predefinidas por los usuarios
Comentarios para una sola lnea: // Comentarios
Comentarios para varias lneas:
/*
Comentarios
*/

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015
Una de las maravillas que podemos encontrar en el mundo de los ordenadores es
justamente la posibilidad de poder conectarnos a la red de redes, pudiendo estar
conectados al instante con todas partes del mundo, obteniendo una gran cantidad de
informacin y sobre todo accediendo a una gran cantidad de aplicaciones y utilidades,
para lo cual debemos aprender un concepto bsico y muy utilizado que analizaremos a
continuacin.
Cada vez que enviamos informacin a Internet estamos utilizando el protocolo que es
conocido como HTTP, siglas que en ingls significan Hypertext Transfer Protocol, cuyo
equivalente en nuestro idioma sera el de Protocolo de Transferencia de Hipertexto, lo
que nos permite navegar cmodamente por la red sin necesidad de memorizar grandes
cifras o textos ms que complicados.
Lo que permite este protocolo es justamente gestionar el Acceso a un punto remoto,
brindando entonces una especie de atajo, para lo cual tendremos asignado una Va de
Comunicacin determinada, que se otorga por el contenido de Hipertexto, es decir, la
asignacin de un texto especfico para poder hallar rpidamente un destino en la Web.
Las conexiones que se realizan entre un equipo y otro se pierden constantemente, por
lo que para poder conectarnos en una futura ocasin se utilizan los conocidos como
Cookies, archivos que no ocupan un significante archivo en un Medio de
Almacenamiento, almacenando simplemente la informacin del Usuario que ha iniciado
sesin para poder ser reconocido en caso de ingresar nuevamente al sitio.
De este modo, no solo tendremos un atajo en lo que respecta la comunicacin de un
destino a otro, sino que tambin tendremos una forma de reconocimiento con el
destino elegido, mostrando el nombre de usuario y teniendo la posibilidad de acceder
sin tener que reingresar la contrasea o accediendo nuevamente a los sitios
restringidos sin tener que pasar nuevamente por el proceso de autenticacin.

URL:
Las siglas URL significan Uniform Resource Locators, y es el estndar para poder
identificar a un determinado elemento y su ubicacin exacta en la red de Internet.
Cada elemento que se encuentra ubicado en la WWW posee una direccin propia que
en lenguaje informtico se denomina URL. De esta forma, para llegar a una pgina web
por ejemplo, se deber escribir su URL en el espacio habilitado para esta finalidad en el
navegador.
Las URL distinguen las maysculas y no pueden contener espacios en blanco. Ten
presente ambas caractersticas al instante de escribir una direccin en tu navegador

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015
favorito. Representa una direccin que sirve para acceder a archivos jpg, gif, etc. o
pginas
del
tipo
php,
asp
o
html.
Cuando manifestamos acerca de una URL hacemos relacin a una direccin de la red
de Internet y la presentamos como una serie de caracteres de forma estndar para
brindarle una nominacin a ciertos recursos de una red. Todas las URL podemos
observarlas en la barra de direcciones del navegador empleado. Adems siempre que
visitemos alguna pgina Web, sta dispondr de una URL y en cada ocasin que
hagamos un clic en un link que figure en una pgina nos dirigir hacia otra URL.
HOSTING
Alojamiento o tambin conocido como hospedaje web, alojamiento web, web site
hosting, web hosting.
Es un negocio que consiste en alojar, servir, y mantener archivos para uno o ms sitios
web. Ms importante que el espacio del ordenador que se proporciona para los
archivos
del
sitio
web
es
la
conexin
rpida
a
Internet.
SERVIDORES WEB

Los servidores web son aquellos cuya tarea es alojar sitios y/o aplicaciones, las cuales
son accedidas por los clientes utilizando un navegador que se comunica con el servidor
utilizando el protocolo HTTP (hypertext markup language).

Bsicamente un servidor WEB consta de un interprete HTTP el cual se mantiene a la

espera de peticiones de clientes y le responde con el contenido segn sea solicitado. El
cliente, una vez recibido el cdigo, lo interpreta y lo exhibe en pantalla.

Adems los servidores pueden disponer de un intrprete de otros lenguajes

de programacin que ejecutan cdigo embebido dentro del cdigo HTML de las pginas
que contiene el sitio antes de enviar el resultado al cliente. Esto se conoce como
programacin de lado del servidor y utiliza lenguajes como ASP, PHP, Perl y Ajax. Las
ventajas de utilizar estos lenguajes radica en la potencia de los mismos ejecutando
tareas ms complejas como, por ejemplo acceder a bases de datos abstrayendo al
cliente de toda la operacin.

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015

DIRECCIN IP

Los equipos comunican a travs de Internet mediante el protocolo IP (Protocolo de Internet). Este
protocolo utiliza direcciones numricas denominadas direcciones IP compuestas por cuatro
nmeros enteros (4 bytes) entre 0 y 255, y escritos en el formato xxx.xxx.xxx.xxx. Por ejemplo,
194.153.205.26 es una direccin IP en formato tcnico.
Los equipos de una red utilizan estas direcciones para comunicarse, de manera que cada equipo
de la red tiene una direccin IP exclusiva.

CMO DESCIFRAR UNA DIRECCIN IP

Una direccin IP es una direccin de 32 bits, escrita generalmente con el formato de 4

nmeros enteros separados por puntos. Una direccin IP tiene dos partes diferenciadas:

los nmeros de la izquierda indican la red y se les denomina netID (identificador de

red).
los nmeros de la derecha indican los equipos dentro de esta red y se les
denomina host-ID (identificador de host).

QUE ES UN DOMINIO WEB

Un dominio se define como un conjunto de caracteres alfanumricos que conforman un

nombre nico el cual est ligado y define a un sitio web.
El concepto de dominio es semejante al documento de identidad, clave nica de
registro o cdula de identidad, en el que un cdigo alfanumrico nos identifica como
una nica persona dentro de nuestro pas, en el mundo digital de Internet identificamos
a los sitios webs mediante el uso de los dominios.
Por ejemplo este sitio web tiene registrado el dominio quees.info, el cual cumple con
los 2 requisitos indicados en su definicin:
- Solo existe el dominio quees.info en todo el mundo.

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015
- El nombre del dominio contiene caracteres alfanumricos (nmeros y letras),
siguiendo el conjunto de las siguientes reglas:

Todos los nombres de los dominios han de poseer un mnimo de 3 caracteres y

un mximo de 63 caracteres.

Las letras utilizadas son de la A a la Z siguiendo el cdigo ASCII, sin acentos,

diresis, espacios en blanco u otros signos, no se puede utilizar por ejemplo la
letra .

Se pueden utilizar los nmeros del 0 al 9

nicamente se puede utilizar el signo guin medio "-" como medio separador de
palabras, un dominio no puede empezar ni terminar por el signo guin medio.

Con todo ello sera imposible registrar el dominio quees? Info dado a que el
signo interrogante incumple con las reglas indicadas anteriormente.

ELEMENTOS DE UN DOMINIO

Un dominio de Internet est compuesto por 2 elementos;

Nombre del dominio

Extensin o terminacin del dominio

El nombre hace referencia a la marca o a una palabra resumen que indique el tipo de
actividad o informacin que brinda la web, por ejemplo cocacola.com hace referencia
al nombre de la famosa marca mundial de refrescos, mientras que losadhesivos.com
hace referencia a una web dedicada al mundo de los adhesivos y pegamentos.
La terminacin de los dominios, tambin conocidos como extensin, indican la
orientacin geogrfica donde se dirige o ubica el sitio web as como el tipo de
organizacin o fin que tiene, por ello podemos distinguir 2 clases de extensiones:
Territoriales - Son las extensiones que delimitan a una pgina como perteneciente a
un pas o regin. Actualmente existen un total de 243 y est compuesto por dos
palabras que corresponden con la abreviacin del nombre del pas;

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015
.es - Espaa
.co- Colombia
.mx - Mxico
.cl - Chile
.ar - Argentina
.pe - Per
.ve- Venezuela
.in - India

.eu - Europa
.us - Estados Unidos
.br - Brasil
.cn - China

Internacionales o genricos- Son las extensiones que hacen referencia al tipo de

actividad o informacin que ofrece el sitio web, a distincin de los territoriales los
genricos estn compuestos por ms de 2 palabras;
.com - Comercio
.net - Redes, Internet

.info- Informacin
.gov - Entidades pblicas.

.org - Organizaciones

.museum - Museos

.aero - Sector aeronutico

.travel - Turismo y viajes

.jobs - Empleo
.mobi - dispositivos mviles.
.edu
Universidades,
educacin
.mil - Departamento defensa
de USA

PHP
Es un lenguaje para programar scripts del lado del servidor, que se incrustan dentro del
cdigo HTML. Este lenguaje es gratuito y multiplataforma.
PHP es el acrnimo de Hipertext Preprocesor. Es un lenguaje de programacin del lado
del servidor gratuito e independiente de plataforma, rpido, con una gran librera de
funciones y mucha documentacin.

Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo
antes de que se enve la pgina a travs de Internet al cliente. Las pginas que se
ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y
otras tareas para crear la pgina final que ver el cliente. El cliente solamente recibe
una pgina con el cdigo HTML resultante de la ejecucin de la PHP. Como la pgina
resultante contiene nicamente cdigo HTML, es compatible con todos los
navegadores. Podemos saber algo ms sobre la programacin del servidor y del cliente
en el artculo qu es DHTML.

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015

FRAMEWORK LARAVEL
Laravel es un nuevo y poderoso Framework PHP desarrollado por Taylor Otwell, que
promete llevar al lenguaje PHP a un nuevo nivel.
El concepto framework se emplea muchos mbitos del desarrollo de sistemas software,
no solo en el mbito de aplicaciones Web. Podemos encontrar frameworks para el
desarrollo de aplicaciones mdicas, de visin por computador, para el desarrollo de
juegos, y para cualquier mbito que pueda ocurrrsenos. En general, con el trmino
framework, nos estamos refiriendo a una estructura software compuesta de
componentes personalizables e intercambiables para el desarrollo de una aplicacin.
En otras palabras, un framework se puede considerar como una aplicacin genrica
incompleta y configurable a la que podemos aadirle las ltimas piezas para construir
una aplicacin concreta.

TIPOS DE FRAMEWORK
Tipos de framework Web. Existen varios tipos de frameworks Web: orientados a la
interfaz de usuario, como Java Server Faces, orientados a aplicaciones de publicacin
de documentos, como Coocon, orientados a la parte de control de eventos, como Struts

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015
y algunos que incluyen varios elementos como Tapestry. La mayora de frameworks
Web se encargan de ofrecer una capa de controladores de acuerdo con el patrn MVC o
con el modelo 2 de Servlets y JSP, ofreciendo mecanismos para facilitar la integracin
con otras herramientas para la implementacin de las capas de negocio y
presentacin.

CARACTERSTICAS
Serie de caractersticas que
frameworks existentes.

LARAVEL

podemos

encontrar

en prcticamente

todos

los

DAGOBERTO ROJANO SAUREZ

DISEO Y DESARROLLO DE PAGINAS WEB
ING DE SISTEMAS VII
13/08/2015
Laravel, es el framework PHP de cdigo abierto de mayor aceptacin actualmente para
este lenguaje, y su simplicidad en la sintaxis, su elegancia en la escritura, su motor de
plantillas incorporado, la potencia de composer y de artisan para su manejo y los
complementos con los que cuentan, hacen que PHP que para muchos estaba
empezando a quedarse en el olvido, vuelva a ser rescatado y sea ahora un lenguaje
moderno, rpido, eficiente y profesional trabajado desde Laravel.

CARACTERSTICAS

Va por la versin 4 publicada en Mayo del 2013 (actualmente en la v4.2).

Creado en 2011 por Taylor Otwell - taylorotwell

Publicado bajo la licencia open source MIT -http://opensource.org/licenses/MIT

Est inspirado en Ruby on Rails y Symfony, de quien posee muchas dependencias.

Est diseado para desarrollar bajo el patrn MVC.

Posee un sistema de mapeo de datos relacional llamado Eloquent ORM.

Utiliza un sistema de procesamiento de plantillas llamado Blade, el cual hace uso

de la cache para darle mayor velocidad.