PÁGINAS WEB
Daniela rodriguez
11-1
definicion
Es un documento o información electrónica capaz de contener texto, sonido,
vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la
llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador.
Esta información se encuentra generalmente en formato HTML o XHTML, y puede
proporcionar navegación (acceso) a otras páginas web mediante enlaces de
hipertexto. Las páginas web frecuentemente también incluyen otros recursos
como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes
digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o en un servidor
web remoto. El servidor web puede restringir el acceso únicamente a redes
privadas, por ejemplo, en una intranet corporativa, o puede publicar las
páginas en la World Wide Web. El acceso a las páginas web es realizado
mediante una transferencia desde servidores, utilizando el protocolo de
transferencia de hipertexto (HTTP).
clasificación
Existen muchas maneras de clasificar un sitio web, cada uno de ellos
poseen características particulares, convirtiendo a la internet en una
gran autopista con lugares que se adapten a las necesidades del visitante.
Un sitio Web puede clasificarse por audiencia, dinamismo, apertura,
profundidad o por objetivos.
Sitio por Audiencia:
Públicos: Es un WebSite normal, una página dirigida al público general,
sin restricciones de acceso en principio.
Extranet: Son Sitios limitados por el tipo de usuarios que pueden acceder,
por ejemplo los proveedores de una empresa determinada, o los clientes.
Intranet: Son sitios cuyo acceso está restringido a una empresa u
organización, normalmente funcionan dentro de redes privadas, aunque no
siempre es así.
Sitio por Dinamismo:
Interactivos: El usuario puede influir sobre el contenido del sitio que
variará en función de cada usuario y de los objetivos de éste. Normalmente,
las páginas se generan cuando el usuario las solicita, personalizando la
información que se le ofrece.
Estáticos:Los usuarios no pueden modificar o añadir nada al sitio, de cuyos
contenidos se encargan exclusivamente sus diseñadores.
Sitio por Apertura:
Estructura Abierta: Todos los documentos disponen de su dirección y los
usuarios pueden acceder a cualquier punto del WebSite.
Estructura Cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a
uno sólo). Un ejemplo sería un sitio que requiere un registro previo para
entrar, el usuario siempre tendría que pasar primero por el registro antes de
poder acceder al resto de la página.
Estructura Semicerrada: A medio camino entre ambas, obliga a los usuarios a
acceder por unos puntos específicos, como por ejemplo sólo la página principal
y las páginas de entrada a las secciones más importantes.
Sitio por Profundidad: Basada en el número de enlaces que hay que pulsar para llegar
al contenido. En general los usuarios prefieren sitios poco profundos. Una
buena regla a seguir es que el usuario no tenga que pulsar más de 3 enlaces
para encontrar lo que busca.
Sitio por Objetivo:
Comerciales: Están creados para promocionar los negocios de una empresa. Su
finalidad es económica. Su audiencia puede estar formada por clientes
(actuales y potenciales), inversores (actuales y potenciales), empleados
(actuales y potenciales) e incluso la competencia y los medios de
comunicación. Podemos a su vez dividirlas en Cooperativas (Informan sobre la
empresa) y Promocionales (promocionan productos).
Buscadores: un sitio que proporciona información general y está pensado como
entrada o búsqueda para otros sitios. Ejemplos Google, y Yahoo!
Comunidad Virtual: un sitio donde las personas con intereses similares se
comunican con otros, normalmente por chat o foros. Por ejemplo: MySpace. Sitio
weblog (o blog): sitio usado para registrar lecturas online o para exponer
diarios online; puede incluir foros de discusión. Ejemplos: blogger, Xanga.
Comercio Electrónico: para compra y venta de bienes, como Ebay.com.
Wiki: un sitio donde los usuarios editan colaborativamente (por ejemplo:
Wikipedia).
Educativo: promueven cursos presénciales y a distancia, información a
profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o
temas.
Portal Web: un sitio web que proporciona un punto de inicio, entrada o portal
a otros recursos en Internet o una intranet.
Web 2.0:El concepto original del contexto, llamado Web 1.0 era páginas
estáticas HTML que no eran actualizadas frecuentemente. El éxito de las .com
dependía de webs más dinámicas donde los CMS Sistema de gestión de contenidos
(Content Management System en inglés, abreviado CMS) servían páginas HTML
dinámicas creadas al vuelo desde una actualizada base de datos.
TIPOS DE PÁGINA
Según su construcción:
Estáticas: este tipo de páginas web están compuestas por archivos que contienen código
HTML, es por medio de este que se pueden mostrar las imágenes, textos, videos y todos
aquellos contenidos que componen a la página en sí. Los archivos que constituyen a la
página web son almacenados en el servidor de Hosting, cuyo formato es también en HTML.
Las páginas web pueden ser editadas por medio de programas como el Dreamweaver. Para
esto, los archivos deben ser descargados del servidor con algún software, editarlos,
guardarlos y subirlos nuevamente. El contenido de estas páginas no se modifica
constantemente puesto que estas suelen estar en manos de personas que requieren contratar
a diseñadores para que se encarguen de esto, lo que implica una serie de gastos. Además,
las actualización constante no es algo que sus dueños necesitan.
Dinámicas: en estas páginas, en cambio, los contenidos son modificados
continuamente ya que esto queda en manos de quienes las visitan. La
información de estas páginas está guardada en bases de datos de las cuales los
usuarios extraen aquello que les interese. Estas páginas se caracterizan
entonces por ser sus usuarios quienes modifican el diseño y los contenidos, se
las puede actualizar muy fácilmente, ya que no es necesario ingresar al
servidor para esto. Además, tienen numerosas funciones como foros, bases de
datos, contenidos dinámicos, carritos de compras, entre otros.
Según su tecnología:
En HTML: estas páginas están construidas con lenguaje HTML, por lo que se
requiere tener conocimientos de este para hacerlas. Un defecto de estas
páginas es que son estáticas, además ofrecen muy poco, por lo que no son
recomendables para ventas y marketing. La ventaja que ofrecen es que son muy
fáciles de construir, con conocimientos básicos de diseño, alcanza.
En Flash: estas páginas se construyen utilizando el software Flash, de Adobe,
que permite la realización de animaciones, efectos, sonidos y movimientos.
Para que los usuarios puedan visualizarlas, es necesario contar con los plug-
in requeridos. Para realizarlas sí es necesario tener conocimientos en
profundidad sobre el software, otra desventaja, es que las páginas hechas con
Flash son muy pesadas, por lo que el tiempo de descarga puede prolongarse.
En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre
otros. Para desarrollar esta clase de páginas también es necesario tener
conocimientos avanzados sobre el lenguaje a utilizar. Son ideales para
interactuar con los usuarios y para el área de marketing.
CARACTERÍSTICAS
1. La Página Web debe ser Autogestionable Fácilmente
Una página web profesional, diseñada para ser el escaparate de una empresa
o profesional, debe poder actualizarse fácilmente.
En el pasado, era habitual que las páginas se desarrollarán directamente en
código HTML o utilizando tecnologías gráficas como Flash. El resultado…una
web que requería una Ingeniería Informática para poder introducir una
sencilla noticia.
2. Debe Adaptarse de forma Automática a Dispositivos Móviles
Internet es cada vez más móvil. Tabletas, smartphones cada vez más grandes…
Las estadísticas de tráfico web indican que, cada vez más, los usuarios
utilizan dispositivos móviles para acceder a los contenidos.
3. Una Web Profesional debe Cargar Rápido
Una página web puede ser bonita. Pero si no carga rápido… no puede
considerarse profesional.
Hay varios motivos por los que las páginas web cargan más o menos rápido. Los
dos principales:
El “tamaño” de la página web. Aquí influyen, principalmente, el tamaño de las
imágenes y demás elementos multimedia. Si no están optimizadas para su consumo
web… la página cargará lenta, muy lenta.
El servidor web. Si la página web está alojada en un servidor compartido con
cientos o miles de páginas web adicionales, la página web nunca cargará
rápido. Este es el plan de alojamiento típico de las empresas más conocidas de
hosting
ELEMENTOS
Título (Barra de título) El título de la página es un metadato acerca del
contenido de la página, que se define a través de la etiqueta HTML <title>.
Definir el título en todas las páginas que conforman el sitio web es una norma
básica que aumenta considerablemente la 'findability' de la información
contenida en cada página.
Contenido El contenido de una página web, constituida por encabezados, texto y
vínculos conforman el cuerpo de la página.
Hipervínculos Un hipervínculo es un vínculo de una página Web o un archivo a
otra página Web u otro archivo. Cuando un visitante hace clic en el
hipervínculo, el destino se mostrará en un explorador Web, se abrirá o se
ejecutará, en función del tipo de destino.
Logotipos, Texto gráfico Un logotipo (coloquialmente conocido en forma de
acortamiento, logo) es un elemento gráfico que identifica a una persona,
empresa, institución o producto.
Formularios y Menús Un menú de un formulario Windows Form se crea con un
objeto MainMenu, que es una colección de objetos MenuItem.
Fecha Última Modificación Puede encontrar la fecha de la última modificación
en la sección Experimento de la página de configuración de la campaña.
Video es la tecnología de la captación, grabación, procesamiento,
almacenamiento, transmisión y reconstrucción por medios electrónicos digitales
o analógicos de una secuencia de imágenes.
Imágenes Fíjate en las imágenes mostradas en tu monitor. Estas imágenes están
formadas por unos puntos muy pequeños llamados pixels.
Sonido En los cuerpos sólidos la propagación del sonido involucra variaciones
del estado tensional del medio.
REQUERIMIENTOS
1.- un nombre
– llamado dominio comienza con www ejemplos: www.mex-hosting.com o bien
www.nutriologo.com.mx
existen diversos tipos de dominios:
.com -abreviado del inglés company = empresa
.org – abreviado de la palabra organización
.net – abreviado del inglés network, es decir redes, utilizado por empresas
de internet
otros: .info .biz . Us .cc .ws .name
Dominios para México = .com.mx y .org.mx
¿Que es? Es un uso de dominio o tenedor de una licencia, se contrata
anualmente a las autoridades que rigen el internet a nivel mundial.
2.- Diseño del sitio ( parte gráfica de la página) programación, código y
columna vertebral del sitio – parte no visible al usuario
tipos de sitios:
a. Transaccionales de venta o venta directa
b. Servicio al cliente
c. Educativos, informativos, como hacer
d. Demostración de producto
e. Imagen, promocionales, posicionamiento
f. Campañas promocionales
3.- Hospedaje del sitio (hospedaje web)
Es la transmisión del sitio en internet desde un servidor dedicado que trabaja
constantemente, publicando la página de internet a todo usuario. También
conocido como hospedaje web o hosting.
Con el hospedaje y el dominio activado se pueden utilizar los correos
electrónicos del dominio es decir, si mi dominio es www.bioxnet.com yo puedo
crear correos para es dominio, por ejemplo:
juan@bioxnet.com
administración@bioxnet.com
ventas@bioxnet.com
loquesea@bioxnet.com
paginas web

paginas web

  • 1.
  • 2.
    definicion Es un documentoo información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros. Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).
  • 4.
    clasificación Existen muchas manerasde clasificar un sitio web, cada uno de ellos poseen características particulares, convirtiendo a la internet en una gran autopista con lugares que se adapten a las necesidades del visitante. Un sitio Web puede clasificarse por audiencia, dinamismo, apertura, profundidad o por objetivos. Sitio por Audiencia: Públicos: Es un WebSite normal, una página dirigida al público general, sin restricciones de acceso en principio. Extranet: Son Sitios limitados por el tipo de usuarios que pueden acceder, por ejemplo los proveedores de una empresa determinada, o los clientes. Intranet: Son sitios cuyo acceso está restringido a una empresa u organización, normalmente funcionan dentro de redes privadas, aunque no siempre es así.
  • 5.
    Sitio por Dinamismo: Interactivos:El usuario puede influir sobre el contenido del sitio que variará en función de cada usuario y de los objetivos de éste. Normalmente, las páginas se generan cuando el usuario las solicita, personalizando la información que se le ofrece. Estáticos:Los usuarios no pueden modificar o añadir nada al sitio, de cuyos contenidos se encargan exclusivamente sus diseñadores. Sitio por Apertura: Estructura Abierta: Todos los documentos disponen de su dirección y los usuarios pueden acceder a cualquier punto del WebSite. Estructura Cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno sólo). Un ejemplo sería un sitio que requiere un registro previo para entrar, el usuario siempre tendría que pasar primero por el registro antes de poder acceder al resto de la página.
  • 6.
    Estructura Semicerrada: Amedio camino entre ambas, obliga a los usuarios a acceder por unos puntos específicos, como por ejemplo sólo la página principal y las páginas de entrada a las secciones más importantes. Sitio por Profundidad: Basada en el número de enlaces que hay que pulsar para llegar al contenido. En general los usuarios prefieren sitios poco profundos. Una buena regla a seguir es que el usuario no tenga que pulsar más de 3 enlaces para encontrar lo que busca. Sitio por Objetivo: Comerciales: Están creados para promocionar los negocios de una empresa. Su finalidad es económica. Su audiencia puede estar formada por clientes (actuales y potenciales), inversores (actuales y potenciales), empleados (actuales y potenciales) e incluso la competencia y los medios de comunicación. Podemos a su vez dividirlas en Cooperativas (Informan sobre la empresa) y Promocionales (promocionan productos).
  • 7.
    Buscadores: un sitioque proporciona información general y está pensado como entrada o búsqueda para otros sitios. Ejemplos Google, y Yahoo! Comunidad Virtual: un sitio donde las personas con intereses similares se comunican con otros, normalmente por chat o foros. Por ejemplo: MySpace. Sitio weblog (o blog): sitio usado para registrar lecturas online o para exponer diarios online; puede incluir foros de discusión. Ejemplos: blogger, Xanga. Comercio Electrónico: para compra y venta de bienes, como Ebay.com. Wiki: un sitio donde los usuarios editan colaborativamente (por ejemplo: Wikipedia). Educativo: promueven cursos presénciales y a distancia, información a profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o temas. Portal Web: un sitio web que proporciona un punto de inicio, entrada o portal a otros recursos en Internet o una intranet. Web 2.0:El concepto original del contexto, llamado Web 1.0 era páginas estáticas HTML que no eran actualizadas frecuentemente. El éxito de las .com dependía de webs más dinámicas donde los CMS Sistema de gestión de contenidos (Content Management System en inglés, abreviado CMS) servían páginas HTML dinámicas creadas al vuelo desde una actualizada base de datos.
  • 9.
    TIPOS DE PÁGINA Segúnsu construcción: Estáticas: este tipo de páginas web están compuestas por archivos que contienen código HTML, es por medio de este que se pueden mostrar las imágenes, textos, videos y todos aquellos contenidos que componen a la página en sí. Los archivos que constituyen a la página web son almacenados en el servidor de Hosting, cuyo formato es también en HTML. Las páginas web pueden ser editadas por medio de programas como el Dreamweaver. Para esto, los archivos deben ser descargados del servidor con algún software, editarlos, guardarlos y subirlos nuevamente. El contenido de estas páginas no se modifica constantemente puesto que estas suelen estar en manos de personas que requieren contratar a diseñadores para que se encarguen de esto, lo que implica una serie de gastos. Además, las actualización constante no es algo que sus dueños necesitan.
  • 10.
    Dinámicas: en estaspáginas, en cambio, los contenidos son modificados continuamente ya que esto queda en manos de quienes las visitan. La información de estas páginas está guardada en bases de datos de las cuales los usuarios extraen aquello que les interese. Estas páginas se caracterizan entonces por ser sus usuarios quienes modifican el diseño y los contenidos, se las puede actualizar muy fácilmente, ya que no es necesario ingresar al servidor para esto. Además, tienen numerosas funciones como foros, bases de datos, contenidos dinámicos, carritos de compras, entre otros. Según su tecnología: En HTML: estas páginas están construidas con lenguaje HTML, por lo que se requiere tener conocimientos de este para hacerlas. Un defecto de estas páginas es que son estáticas, además ofrecen muy poco, por lo que no son recomendables para ventas y marketing. La ventaja que ofrecen es que son muy fáciles de construir, con conocimientos básicos de diseño, alcanza.
  • 11.
    En Flash: estaspáginas se construyen utilizando el software Flash, de Adobe, que permite la realización de animaciones, efectos, sonidos y movimientos. Para que los usuarios puedan visualizarlas, es necesario contar con los plug- in requeridos. Para realizarlas sí es necesario tener conocimientos en profundidad sobre el software, otra desventaja, es que las páginas hechas con Flash son muy pesadas, por lo que el tiempo de descarga puede prolongarse. En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre otros. Para desarrollar esta clase de páginas también es necesario tener conocimientos avanzados sobre el lenguaje a utilizar. Son ideales para interactuar con los usuarios y para el área de marketing.
  • 12.
    CARACTERÍSTICAS 1. La PáginaWeb debe ser Autogestionable Fácilmente Una página web profesional, diseñada para ser el escaparate de una empresa o profesional, debe poder actualizarse fácilmente. En el pasado, era habitual que las páginas se desarrollarán directamente en código HTML o utilizando tecnologías gráficas como Flash. El resultado…una web que requería una Ingeniería Informática para poder introducir una sencilla noticia. 2. Debe Adaptarse de forma Automática a Dispositivos Móviles Internet es cada vez más móvil. Tabletas, smartphones cada vez más grandes… Las estadísticas de tráfico web indican que, cada vez más, los usuarios utilizan dispositivos móviles para acceder a los contenidos.
  • 13.
    3. Una WebProfesional debe Cargar Rápido Una página web puede ser bonita. Pero si no carga rápido… no puede considerarse profesional. Hay varios motivos por los que las páginas web cargan más o menos rápido. Los dos principales: El “tamaño” de la página web. Aquí influyen, principalmente, el tamaño de las imágenes y demás elementos multimedia. Si no están optimizadas para su consumo web… la página cargará lenta, muy lenta. El servidor web. Si la página web está alojada en un servidor compartido con cientos o miles de páginas web adicionales, la página web nunca cargará rápido. Este es el plan de alojamiento típico de las empresas más conocidas de hosting
  • 14.
    ELEMENTOS Título (Barra detítulo) El título de la página es un metadato acerca del contenido de la página, que se define a través de la etiqueta HTML <title>. Definir el título en todas las páginas que conforman el sitio web es una norma básica que aumenta considerablemente la 'findability' de la información contenida en cada página. Contenido El contenido de una página web, constituida por encabezados, texto y vínculos conforman el cuerpo de la página. Hipervínculos Un hipervínculo es un vínculo de una página Web o un archivo a otra página Web u otro archivo. Cuando un visitante hace clic en el hipervínculo, el destino se mostrará en un explorador Web, se abrirá o se ejecutará, en función del tipo de destino.
  • 15.
    Logotipos, Texto gráficoUn logotipo (coloquialmente conocido en forma de acortamiento, logo) es un elemento gráfico que identifica a una persona, empresa, institución o producto. Formularios y Menús Un menú de un formulario Windows Form se crea con un objeto MainMenu, que es una colección de objetos MenuItem. Fecha Última Modificación Puede encontrar la fecha de la última modificación en la sección Experimento de la página de configuración de la campaña. Video es la tecnología de la captación, grabación, procesamiento, almacenamiento, transmisión y reconstrucción por medios electrónicos digitales o analógicos de una secuencia de imágenes. Imágenes Fíjate en las imágenes mostradas en tu monitor. Estas imágenes están formadas por unos puntos muy pequeños llamados pixels. Sonido En los cuerpos sólidos la propagación del sonido involucra variaciones del estado tensional del medio.
  • 16.
    REQUERIMIENTOS 1.- un nombre –llamado dominio comienza con www ejemplos: www.mex-hosting.com o bien www.nutriologo.com.mx existen diversos tipos de dominios: .com -abreviado del inglés company = empresa .org – abreviado de la palabra organización .net – abreviado del inglés network, es decir redes, utilizado por empresas de internet otros: .info .biz . Us .cc .ws .name Dominios para México = .com.mx y .org.mx ¿Que es? Es un uso de dominio o tenedor de una licencia, se contrata anualmente a las autoridades que rigen el internet a nivel mundial.
  • 17.
    2.- Diseño delsitio ( parte gráfica de la página) programación, código y columna vertebral del sitio – parte no visible al usuario tipos de sitios: a. Transaccionales de venta o venta directa b. Servicio al cliente c. Educativos, informativos, como hacer d. Demostración de producto e. Imagen, promocionales, posicionamiento f. Campañas promocionales
  • 18.
    3.- Hospedaje delsitio (hospedaje web) Es la transmisión del sitio en internet desde un servidor dedicado que trabaja constantemente, publicando la página de internet a todo usuario. También conocido como hospedaje web o hosting. Con el hospedaje y el dominio activado se pueden utilizar los correos electrónicos del dominio es decir, si mi dominio es www.bioxnet.com yo puedo crear correos para es dominio, por ejemplo: juan@bioxnet.com administración@bioxnet.com ventas@bioxnet.com loquesea@bioxnet.com