Comercio Electrónico

Integrantes
Maricela Legrá Wanton
Armando Delgado Medina
Marcos Fernández Bello
Raúl Oliva Meriño
Maité Chacón Navarro
Julio Marzabal
Yuri Briñón
¿Qué es una página Web?

Una página Web es un archivo escrito en HTML y que se encuentra dentro de un ordenador
que comparte su contenido como una red, como por ejemplo INTERNET.

Una página Web es un conjunto de elementos relacionados entre sí a través de código

HTML. Entre los elementos que componen el contenido de esta se encuentran los siguientes:

1. Fondo de la página.
2. Texto.
3. Imágenes.
4. Hipervínculos.
5. Tablas.
6. Campos de un formulario.
7. Botones.
8. Elementos animados.
9. Videos.
10.Audio.
11.Elementos interactivos.

Un hipervínculo es una referencia que se encuentra en un documento de hipertexto y que

apunta a otro documento. Los exploradores Web suelen resaltar estos elementos del resto del
texto del documento. Para ello utilizan colores llamativos, un tipo de fuente especial, etc.

El servicio Web o WWW es una nueva forma de representar la información en Internet

basada en páginas. Una página WWW puede incluir tres tipos de información: texto,
gráficos e hipertexto. Un hipertexto es texto resaltado que el usuario puede activar para
cargar otra página WWW.
La diferencia entre un documento hipertexto y un documento normal consiste en que el
hipertexto contiene, además de la información, una serie de enlaces o conexiones con otros
documentos relacionados, de manera que el lector puede pasar de un tema a otro y volver al
documento original en el momento en que le interese.
Las principales ventajas del servicio WWW son tres:
Primera, que puede combinar texto y gráficos.
Segunda, que los hiperenlaces permiten cargar páginas de cualquier otro servidor conectado
a Internet, da igual que esté localizado en España o en Australia.
Tercera, que la creación de páginas WWW es bastante sencilla mediante el lenguaje HTML.
Los hiperenlaces son uno de los más importantes del HTML, ya que es el que realmente
permite "navegar" por uno o varios documentos, que pueden residir en cualquier parte,
dando, sin embargo, la impresión de que se trata de un solo documento.
Una de las claves del éxito de WWW, aparte de lo atractivo de su presentación es sin duda,
su organización y coherencia. Todos los documentos WWW comparten un mismo aspecto y
una única interfaz, lo que facilita enormemente su manejo por parte de cualquier persona.
Esto es posible porque el lenguaje HTML, en que están escritos los documentos, no solo
permite establecer hiperenlaces entre diferentes documentos, sino que es un "lenguaje de
descripción de página" independiente de la plataforma en que se utilice. Es decir un
documento HTML contiene toda la información necesaria sobre su aspecto y su interacción
con el usuario, y es luego el browser que utilicemos el responsable de asegurar que el
documento tenga un aspecto coherente, independientemente del tipo de estación de trabajo
desde donde estemos efectuando la consulta.
El lenguaje HTML nace en 1991 de manos de Tim Bernes-Lee del CERN como un sistema
hipertexto con el único objetivo de servir como medio de transmisión de información entre
físicos de alta energía como parte de la iniciativa WWW.

HTML, HyperText Markup Language, es un lenguaje simple utilizado para crear

documentos de hipertexto para WWW. No es un lenguaje de descripción de página como
Postcript; HTML no permite definir de forma estricta la apariencia de una página, aunque
una utilización algo desviada hace que se utilice en ocaciones como un lenguaje de
presentación. Además, la presentación de la página es muy dependiente del browser (o
programa navegador) utilizado: el mismo documento no produce el mismo resultado en la
pantalla si se visualiza con un browser en modo línea, Mosaic o Netscape, o sea, HTML se
limita a describir la estructura y el contenido de un documento, y no el formato de la página
y su apariencia.
Su simplicidad es tal que no es necesario utilizar un editor particular. Su gran permisividad
exige rigor y atención en la estructura de documentos con el fin de que éstos se visualicen
correctamente al margen del contexto y el browser utilizado.
Por tanto, como hemos visto, HTML es un lenguaje muy sencillo que nos permite preparar
documentos Web insertando en el texto de los mismos una serie de marcas (tags) que
controlan los diferentes aspectos de la presentación y comportamiento de sus elementos.
HTML: Lenguaje primario de especificación de las denominadas páginas Web, que como es
sabido tiene un limitado nivel de interactividad, restringido básicamente al establecimiento
de hiperenlaces o hipervínculos entre documentos.

Acrónimo de Hyper Text Markup Language, traducido al español, lenguaje de marcas de

hipertexto. En Informática, formato estándar de los documentos que circulan en la World
Wide Web. (WWW)

El lenguaje HTML es un subconjunto de SGML (lenguaje estándar de marcado de

documentos), que es un estándar de descripción de página independiente del dispositivo, lo
que permite adaptar la visión del documento al tamaño de la pantalla en la que se muestra.

Los documentos HTML contienen dos tipos de información:

  La que muestra en la pantalla (texto, imagen).

 Los códigos (tags o etiquetas).

Etiqueta: Es un texto incluido entre los símbolos <>. Este texto incluido entre los símbolos
será explicativo de la actividad.

Opcionalmente los documentos escritos en HTML empezarán por la marca <HTML> y

finalizarán con la marca </HTML>. Esta marca tan solo sirve como identificación del
contenido del fichero para ciertos programas que realizan cambios masivos en muchas
páginas a la vez.
Los documentos escritos en HTML están estructurados en dos partes diferenciadas: la
cabecera (<HEAD>) y el cuerpo (<BODY>).
Entre las marcas del elemento <HEAD> se podrán utilizar los siguientes elementos:

 <TITLE> para dar nombre al documento;

 <META> para forzar a la página activa a ser cargada cada cierto tiempo.

 <BASE> para prefijar la dirección base de los documentos referenciados

mediante un URL relativo.

El fichero fuente de un documento HTML podrá contener comentarios explicativos que

serán ignorados por el browser.
Quedaría así:
o Marca de inicio y fin <HTML>
o Cabecera <HEAD>, <TITLE>, <META>, <BASE>
o Cuerpo < BODY>
o Comentarios <!-- comentario -->

HTML es la variante más restringida desde el punto de vista de la interactividad, tiene como
diferencia que está prevista solo para los navegadores Internet Explorer 3.0 y Nets Cape 3.0.

Existe una variante más actualizada, DHTML (HTML Dinámico), se basa en el uso de hojas
de estilo CSS. Permite al desarrollador añadir interactividad a la aplicación a través de una
interfaz visual a herrativamente intuitiva.
El gran éxito de Web no se debe solamente al empleo del hipertexto. Es normal encontrar
que los documentos WWW están compuestos de texto y gráficos, y los enlaces con otros
documentos pueden ser palabras clave subrayadas o resaltadas en el texto, pero también la
totalidad de una imagen o incluso partes de ella (como un mapa "sensible", que permite
acceder a información sobre una ciudad haciendo un "clic" del ratón sobre un determinado
detalle del plano). Las últimas versiones de los programas navegadores (y la mayor rapidez
de las telecomunicaciones) permiten integrar en un mismo documento texto, gráficos,
sonidos o, incluso animaciones de vídeo. Estos documentos compuestos son los que reciben
el nombre de hipermedia.
Una página Web puede tener cualquier formato que comprenda los navegadores Web, es
decir, las aplicaciones que se utilizan para ver el contenido de la página.

Dentro de una página Web se pueden incluir referencias a otras páginas, documentos o sitios
Web. A estas referencias se le conoce como hipervínculos y, al hacer clic sobre ellas, hacen
que el programa de navegación muestre directamente el documento solicitado.

Las páginas Web hoy constituyen un valioso elemento en la manipulación de la información.

Se realizan a través de programas como el Dream Weaver, de Macromedia, en sus diferentes
versiones.

En nuestro trabajo utilizamos la versión 8 de esta aplicación, cuyas características generales

se describen a continuación.

Para instalar Dream weaver:

 Introduzca el CD de Dreamweaver en la unidad de CD-ROM de su sistema.

 Siga uno de estos procedimientos:

o En Windows, se iniciará automáticamente el programa de instalación de
Dreamweaver.
o En Macintosh, haga doble clic en el icono del instalador de Dreamweaver que
aparece en el escritorio.

 Siga las instrucciones que aparecen en pantalla.

El programa de instalación le indicará que introduzca la información necesaria.

 Si el sistema lo solicita, reinicie el sistema.

Dreamweaver 8 es un editor HTML profesional para diseñar, codificar y desarrollar sitios,

páginas y aplicaciones Web. Tanto si desea controlar manualmente el código HTML como si
prefiere trabajar en un entorno de edición visual, Dreamweaver le proporciona útiles
herramientas que mejorarán su experiencia de creación Web.
Las funciones de edición visual de Dreamweaver permiten crear páginas de forma rápida,
sin escribir una sola línea de código. Puede ver todos los elementos o activos del sitio y
arrastrarlos desde un panel fácil de usar directamente hasta un documento. Puede agilizar el
flujo de trabajo de desarrollo mediante la creación y edición de imágenes en Macromedia
Fireworks o en otra aplicación de gráficos y su posterior importación directa a
Dreamweaver, o bien añadir objetos Macromedia Flash.
Dreamweaver también ofrece un entorno de codificación con todas las funciones, que
incluye herramientas para la edición de código (tales como coloreado de código y
terminación automática de etiquetas) y material de referencia de lenguajes sobre hojas de
estilos en cascada (CSS), JavaScript, y ColdFusion Markup Language (CFML), entre otros.
La tecnología Roundtrip HTML de Macromedia importa los documentos con código manual
HTML sin modificar el formato del código. Posteriormente, si lo desea, puede formatear el
código con el estilo que prefiera.
Dreamweaver permite crear aplicaciones Web dinámicas basadas en bases de datos
empleando tecnologías de servidor como CFML, ASP.NET, ASP, JSP y PHP.
Dreamweaver se puede personalizar totalmente. Puede crear sus propios objetos y
comandos, modificar métodos abreviados de teclado e incluso escribir código JavaScript
para ampliar las posibilidades que ofrece Dreamweaver con nuevos
Dreamweaver 8 incluye una gran variedad de funciones que mejoran el uso y ayudan a crear
páginas, tanto si trabaja en el entorno de diseño como si lo hace en el entorno de
codificación.
En primer lugar, Dreamweaver 8 ofrece soporte para las prácticas recomendadas y las
normas de la industria, incluido el soporte para el uso avanzado de CSS, agregadores XML y
RSS, y requisitos de accesibilidad.
Consiga más en menos tiempo, optimizando el flujo de trabajo de los usuarios de manera
que se reduzca el tiempo necesario para completar tareas comunes. Dreamweaver 8 reduce
el tiempo empleado en las rutinas más pequeñas para poder dedicar más tiempo al diseño y
al desarrollo de la vinculación entre los sitios Web y las aplicaciones.
Dreamweaver 8 apuesta por el aprendizaje y la utilización de las nuevas tecnologías y es
compatible con PHP 5, Flash Video, ColdFusion MX 7 y el sistema Web Publishing System
de Macromedia.
Dreamweaver le ofrece flexibilidad para crear páginas de muestra y trabajar en el diseño
definitivo de sus páginas. Elija el diseño más apropiado, o combine las opciones de diseño
de Dreamweaver para definir el aspecto de su sitio.
 Puede utilizar capas o estilos de posición CSS de Dreamweaver para crear su
diseño.
 Las herramientas de tabla y el modo de diseño de Dreamweaver permiten diseñar
rápidamente páginas Web y, posteriormente, reorganizar la estructura de las
páginas.
 Para mostrar varios documentos de forma simultánea en un navegador, pueden
utilizarse marcos para su organización.
  Las plantillas de Dreamweaver le permiten aplicar fácilmente contenidos y diseños
de página reutilizables a su sitio. Puede crear páginas nuevas basadas en una
plantilla de Dreamweaver y actualizar su diseño de forma automática cuando
cambie la plantilla.
Las funciones de edición visual de Dreamweaver permiten crear páginas Web de forma
rápida, sin escribir una sola línea de código. Puede ver todos los elementos o activos del
sitio y arrastrarlos desde un panel fácil de usar directamente hasta un documento. Puede
agilizar el flujo de trabajo de desarrollo mediante la creación y edición de imágenes en
Macromedia Fireworks o en otra aplicación de gráficos y su posterior importación directa a
Dreamweaver. Dreamweaver también contiene herramientas que facilitan la adición de
activos de Flash a las páginas Web.
Dreamweaver 8 incorpora muchas funciones nuevas que le ayudarán a diseñar páginas Web
y aplicaciones con un mínimo de tiempo y esfuerzo. Dreamweaver simplifica las tecnologías
más complejas y las hace accesibles, ayudándole a conseguir más en menos tiempo.