SlideShare ist ein Scribd-Unternehmen logo
1 von 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
Autor: Samir Barrios
Prof:Yanderi Castellanos
Valera, Septiembre de 2014
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.
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.
1. Utilidad.
2. Facilidad de navegación
3. 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.
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.
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.
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.
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>
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; ?>
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:
<% %>
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.
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>
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.
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.
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.

Weitere ähnliche Inhalte

Was ist angesagt? (20)

Páginas web
Páginas webPáginas web
Páginas web
 
DIAPOSITIVAS WEB 2.0
DIAPOSITIVAS WEB 2.0DIAPOSITIVAS WEB 2.0
DIAPOSITIVAS WEB 2.0
 
Html (ppt)
Html (ppt)Html (ppt)
Html (ppt)
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Presentacion plataforma wix
Presentacion plataforma wixPresentacion plataforma wix
Presentacion plataforma wix
 
PREGUNTAS CONOCIMIENTO EN POWER POINT
PREGUNTAS CONOCIMIENTO EN POWER POINTPREGUNTAS CONOCIMIENTO EN POWER POINT
PREGUNTAS CONOCIMIENTO EN POWER POINT
 
Edición de textos
Edición de textosEdición de textos
Edición de textos
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
 
El diseño web
El diseño webEl diseño web
El diseño web
 
consultas en access
consultas en accessconsultas en access
consultas en access
 
APLICACIONES DE INTERNET
APLICACIONES DE INTERNETAPLICACIONES DE INTERNET
APLICACIONES DE INTERNET
 
Marco teorico
Marco teoricoMarco teorico
Marco teorico
 
Las etapas de un proyecto multimedia
Las etapas de un proyecto multimediaLas etapas de un proyecto multimedia
Las etapas de un proyecto multimedia
 
Historia de la Web
Historia de la WebHistoria de la Web
Historia de la Web
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas Web
 
Diapositiva Pagina Web
Diapositiva Pagina WebDiapositiva Pagina Web
Diapositiva Pagina Web
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Fundamentos de la web
Fundamentos de la webFundamentos de la web
Fundamentos de la web
 
Publisher
PublisherPublisher
Publisher
 

Ähnlich wie Páginas web

Ähnlich wie Páginas web (20)

Que es una pagina web
Que es una pagina webQue es una pagina web
Que es una pagina web
 
Ultimo de Ofimatica
Ultimo de OfimaticaUltimo de Ofimatica
Ultimo de Ofimatica
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Actividad6
Actividad6Actividad6
Actividad6
 
Comercio electronico1
Comercio electronico1Comercio electronico1
Comercio electronico1
 
Comercio electronico1
Comercio electronico1Comercio electronico1
Comercio electronico1
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Aaron
AaronAaron
Aaron
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
Michael steven
Michael stevenMichael steven
Michael steven
 
Losdelsur
LosdelsurLosdelsur
Losdelsur
 
Paginas web
Paginas webPaginas web
Paginas web
 
Programación de Aplicaciones Web.pdf
Programación de Aplicaciones Web.pdfProgramación de Aplicaciones Web.pdf
Programación de Aplicaciones Web.pdf
 
pagina web
pagina webpagina web
pagina web
 
Pagina web
Pagina webPagina web
Pagina web
 
Publicación de contenidos en Web
Publicación de contenidos en Web Publicación de contenidos en Web
Publicación de contenidos en Web
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
Trabajo Informatica
Trabajo InformaticaTrabajo Informatica
Trabajo Informatica
 
Diseño y edición de páginas web 1
Diseño y edición de páginas web 1Diseño y edición de páginas web 1
Diseño y edición de páginas web 1
 
Terminología web
Terminología webTerminología web
Terminología web
 

Mehr von Samir Barrios

Taller normas apa ejercicios upel
Taller normas apa ejercicios upelTaller normas apa ejercicios upel
Taller normas apa ejercicios upelSamir Barrios
 
Analisisydiseodesistemabibliotecario 120609114946-phpapp01
Analisisydiseodesistemabibliotecario 120609114946-phpapp01Analisisydiseodesistemabibliotecario 120609114946-phpapp01
Analisisydiseodesistemabibliotecario 120609114946-phpapp01Samir Barrios
 
administracion de memoria y archivos
administracion de memoria y archivosadministracion de memoria y archivos
administracion de memoria y archivosSamir Barrios
 
Base de datos relacional
Base de datos relacionalBase de datos relacional
Base de datos relacionalSamir Barrios
 
administración de memoria y archivos
administración de memoria y archivosadministración de memoria y archivos
administración de memoria y archivosSamir Barrios
 
administracion de entrada, salida y procesos
administracion de entrada, salida y procesosadministracion de entrada, salida y procesos
administracion de entrada, salida y procesosSamir Barrios
 
base de datos relacional
base de datos relacionalbase de datos relacional
base de datos relacionalSamir Barrios
 

Mehr von Samir Barrios (9)

Taller normas apa
Taller normas apaTaller normas apa
Taller normas apa
 
Taller normas apa ejercicios upel
Taller normas apa ejercicios upelTaller normas apa ejercicios upel
Taller normas apa ejercicios upel
 
Analisisydiseodesistemabibliotecario 120609114946-phpapp01
Analisisydiseodesistemabibliotecario 120609114946-phpapp01Analisisydiseodesistemabibliotecario 120609114946-phpapp01
Analisisydiseodesistemabibliotecario 120609114946-phpapp01
 
administracion de memoria y archivos
administracion de memoria y archivosadministracion de memoria y archivos
administracion de memoria y archivos
 
Base de datos relacional
Base de datos relacionalBase de datos relacional
Base de datos relacional
 
administración de memoria y archivos
administración de memoria y archivosadministración de memoria y archivos
administración de memoria y archivos
 
administracion de entrada, salida y procesos
administracion de entrada, salida y procesosadministracion de entrada, salida y procesos
administracion de entrada, salida y procesos
 
base de datos relacional
base de datos relacionalbase de datos relacional
base de datos relacional
 
paginas web
paginas webpaginas web
paginas web
 

Páginas web

  • 1. 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 Autor: Samir Barrios Prof:Yanderi Castellanos Valera, Septiembre de 2014
  • 2. 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.
  • 3. 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.
  • 4. 1. Utilidad. 2. Facilidad de navegación 3. 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.
  • 5. 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.
  • 6. 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.
  • 7. 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.
  • 8. 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>
  • 9. 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; ?>
  • 10. 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: <% %>
  • 11. 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.
  • 12. 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>
  • 13. 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.
  • 14. 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.
  • 15. 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.