paginas web

15
República Bolivariana de Venezuela Ministerio del Poder Popular para la Educación Universitaria Instituto Universitario de Tecnología “Dr. José Gregorio Hernández” UNIHER PÁGINAS WEB Autor: Samir Barrios Prof: Yanderi Castellanos Valera, Septiembre de 2014

Upload: samir-barrios

Post on 10-Feb-2017

135 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: paginas web

República Bolivariana de VenezuelaMinisterio del Poder Popular para la Educación Universitaria

Instituto Universitario de Tecnología “Dr. José Gregorio Hernández”

UNIHER

PÁGINAS WEBAutor: Samir Barrios

Prof:Yanderi Castellanos

Valera, Septiembre de 2014

Page 2: paginas web

¿Que es una Página Web?

Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.

Page 3: paginas web

Paginas Web Estáticas Paginas Web Dinámicas Son páginas enfocadas principalmente a mostrar una información permanente, se crean mediante el lenguaje HTML, que no permite grandes libertades para crear efectos o funcionalidades más allá de los enlaces, pero que haciendo uso de otros recursos se pueden obtener muy buenos resultados llegando a ser páginas muy similares a las dinámicas en cuando a su visualización se refiere.

Se construyen haciendo uso de otros lenguajes de programación, siendo el más utilizado de todos el PHP, con lo cual podemos definir las funciones y características que se deben cumplir de acuerdo a nuestras necesidades.

Estas permiten la creación de aplicaciones dentro de la propia Web, ofrecen también una mayor interactividad con los usuarios que la visiten.

Diferencia entre una página Web Estática y Dinámica

Page 4: paginas web

1. Utilidad.2. Facilidad de navegación3. Apariencia.4. Estructura clara.5. Información actualizada, sencilla, creíble y concisa.6. Rapidez de descarga.7. Pocos clics.8. Evita malos hábitos.9. Interactividad.

10. Información de contacto.

Características de una Página Web

Page 5: paginas web

Elementos principales de una página web

Los elementos principales en una página web son:

Texto: a veces redactado por un único autor y otras veces por los usuarios de la misma en el caso de algunas páginas dinámicas con lenguaje como php.

Imágenes: gif, jpg y png son los tres formatos que suelen utilizarse normalmente.

Audio y vídeo: suele utilizar las extensiones midi, wav o mp3. También se utilizan las incrustaciones de archivos almacenados en otros sitios, como por ejemplo se hace al añadir vídeos de Youtube.

Otros: existen además otros elementos que han ido aumentando y evolucionando también con el paso de los años y las nuevas tecnologías. Estos son Adobe Flash, Adobe Shockwave, Java o enlaces (también llamados hipervínculos), por ejemplo.

Page 6: paginas web

Herramientas para crear una Página Web

Para crear una Página Web se recomienda disponer de las herramientas siguientes:

Ordenador, Editor de Texto (Front Pag Dreamweaver, Notepad, Wordpad, etc.), Editor de Archivos Gráficos (Photoshop, Paint, etc.), espacio en un Servidor Web para alojar la Página y el software cliente del FTP (File Transfer Protocol) utilizado para enviar al servidor web la Página Web.

Page 7: paginas web

Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las tecnologías fueron desarrollándose y surgieron nuevos problemas a dar solución. Esto dio lugar a desarrollar lenguajes de programación para la web dinámicos, que permitieran interactuar con los usuarios y utilizaran sistemas de Bases de Datos. A continuación daremos una introducción a los diferentes lenguajes de programación para la web.

Lenguajes para desarrollar páginas Web

Page 8: paginas web

Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript.

El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento).

Sintaxis: <script type="text/javascript"> ... </script>

Lenguaje Javascript

Page 9: paginas web

Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group.

PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión (php).

Sintaxis: La sintaxis utilizada para incorporar código PHP es la siguiente: <?

$mensaje = “Hola”; echo $mensaje; ?> También puede usarse:

<?php $mensaje = “Hola”; echo $mensaje; ?>

Lenguaje PHP

Page 10: paginas web

Es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en 1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS).

ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado junto con el código HTML. Los archivos cuentan con la extensión (asp).

Sintaxis:<% %>

Lenguaje ASP

Page 11: paginas web

Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).

Sintaxis: <html> (Inicio del documento HTML) <head> ( Cabecera )

</head> <body> ( Cuerpo ) </body> </html> <b> </b> Negrita <p> </p> Definir parrafo <etiqueta> Apertura de la etiqueta </etiqueta> Cierre de la etiqueta.

Lenguaje HTML

Page 12: paginas web

Código HTML

<html>

<head>

<title>COMUNIDAD DE MADRID</title>

<meta http-equiv="Content-Type" content="text/html;

charset=iso-8859-1">

</head>

<body>

<h1> &iquest;Que es una P&aacute;gina Web? </h1>

<p>

Una <strong>P&aacute;gina Web </strong> es un

documento electr&oacute;nico

que forma parte de la <strong>WWW </strong> (World

Wide Web) generalmente

construido en el lenguaje

<strong>

<a href=

"http://www.etsit.upm.es/%7Ealvaro/manual/manual.html">

HTML</a>

</strong>

&oacute; en <strong>XHTML</strong>.

</p>

</body>

</html>

Ejemplo HTML

Page 13: paginas web

¿Que es un gestor de contenidos?

Un sistema de gestión de contenidos o CMS (por sus siglas en inglés, Content Management System) es un programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás usuarios.

Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores.

Page 14: paginas web

¿Que es un Servicio de Hostings?

El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web. Es una analogía de "hospedaje o alojamiento en hoteles o habitaciones" donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.

Page 15: paginas web

¿Que es un Dominio? Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet.

El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la red Internet, aún cuando el cambio implique que tendrá una dirección IP diferente.

Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a cada servicio web utilizando la dirección IP del nodo (por ejemplo, sería necesario utilizar http://192.0.32.10 en vez de http://example.com). Además, reduciría el número de webs posibles, ya que actualmente es habitual que una misma dirección IP sea compartida por varios dominios.