Trabajo Pagina Web Por - Johana Castillo y Paola Criado

https//:www.
MERCADEO Y VENTAS
TEMA: PAGINA WEB
POR: JOHANA CASTILLO Y PAOLA CRIADO
https//:www.
CONCEPTO
Puede que todavía no sepas qué es, por eso queremos que te enteres. Se conoce como página Web,
página electrónica o página digital a un documento digital de carácter multimediático (es decir, capaz
de incluir audio, video, texto y sus combinaciones), adaptado a los estándares de la World Wide Web
(WWW) y a la que se puede acceder a través de un navegador Web y una conexión activa a Internet.
En Internet existen más de mil millones de páginas Web de diversa índole y diverso
contenido, provenientes del mundo entero y en los principales idiomas hablados.
Esto representa el principal archivo de información de la humanidad que existe
actualmente, almacenado a lo largo de miles de servidores a lo largo del planeta, a
los que es posible acceder velozmente gracias a un sistema de protocolos de
comunicación (HTTP)
https//:www.
¿PARA QUÉ SIRVE?

Las páginas Web cumplen básicamente con la tarea de brindar información de cualquier índole y en
cualquier estilo o grado de formalidad.
Algunas, al mismo tiempo, permiten distintos grados de interacción entre usuarios o con alguna
institución, como son las páginas de foros, servicios de citas o redes sociales, las páginas de compra y
venta de bienes, las páginas de consulta o de contacto con empresas, instituciones gubernamentales o
con ONGs, e incluso las páginas de soporte técnico especializado.
En principio, las funciones de una página Web son tan amplias como la demanda de los usuarios y la
oferta de sus creadores.
BRINDARNOS INFORMACIÓN EN UN CLICK

https//:www.
HISTORIA DE LA PÁGINA WEB

Han pasado ya 25 años, desde que el británico Tim Berners-Lee puso en marcha la World Wide Web,
una nueva manera de compartir información entre varias personas utilizando diferentes ordenadores.
Tras recibir la luz verde de sus superiores,Berners-Lee lo hizo, programó el que sería el primer servidor
web y la primera página de la historia.
El objetivo de Berners-Lee, que tenía entonces 34 años, era mejorar la gestión de la información en el
Centro Europeo de Fïsica de Partículas (CERN) en el que trabajaba en Suiza.
“Estábamos en 1989, internet ya existía, podíamos enviar correos pero no existían las páginas en la red.
No existía el http o el html. No se podía consultar una página para ver su contenido. Empecé a sentirme
muy frustrado por ello. Imaginé un sistema en el que, de manera sencilla, una persona podía visitar una
página tras otra y a partir de ahí decidí lo que quería construir”, explica Berners-Lee.
https//:www.
HISTORIA DE LA PÁGINA WEB

Para diciembre de 1990, Berners-Lee había desarrollado todas las herramientas necesarias para
trabajar la Web: el Protocolo de transferencia de hipertexto (HTTP por sus siglas en inglés), el Lenguaje
de Marcado de Hipertexto (HTML por sus siglas en inglés), el primer navegador web (llamado
WorldWideWeb, que fue también un editor de páginas web), el primer servidor de aplicaciones HTTP
(luego conocido como CERN httpd), el primer servidor web y las primeras páginas web que describían
el proyecto mismo. El buscador podía acceder a los grupos de noticias de Usenet, así como a archivos
en un FTP. Sin embargo, no podía correr sobre la NeXT. Posteriormente, Nicola Pellow creó un simple
buscador de texto que podía correr sobre al menos alguna computadora y fue llamado Line Mode
Browser.7 Para animar a su uso en el CERN, Bern Pollermann puso el directorio telefónico del CERN en
la web.
1996-1998
comercializaci
1992.1995 Sobre 1996 resulta evidente para
ónla mayoría de las compañías
crecimiento que la presencia pública en la Web ya no es una opción.
posibilidades de publicación libre e instantánea a nivel mundial ,
Las
tiene primer navegador mosaic lya familiarización con la doble vía de comunicación sobre la
condujo a la posibilidad de un comercio directo basado en la
Web
1994 se fundó WWW libre para todos (Comercio electrónico) y a la construcción de grupos de
Web
comunicación mundial. Surgieron las empresas punto-com, que
mostraban sus productos usando hipertexto en la Web.
1999-2001 CERN
surgue punto.com (centro Europeo de física
nuclear) nace la web
https//:www.
CARACTERÍSTICAS DE LA WEB
DESARROLLO WEB
El desarrollo de las páginas web se realiza a través de lenguajes de marcado (por ejemplo,
HTML, PHP, ASP, JSP).
Estos lenguajes son interpretados por los navegadores y les permiten:
● Incluir información en diversos formatos: textos, sonidos, videos, animación, , imágenes
● Estar asociadas a datos de estilo
● Ofrecer aplicaciones interactivas
● Enlaces a otras páginas y sitios web

https//:www.
Diseño web
El diseño de una página web tiene diversas funciones. Es evidente que el diseño debe resultar atractivo.
Sin embargo, también es importante que facilite la navegación y que ofrezca al usuario lo que está
buscando. Dado que una página web forma parte de la imagen pública que una empresa, organización o
persona quiere dar de sí, el diseño debe ser coherente con esa imagen.
Optimización web
La optimización se aplica a todo el sitio web y a las páginas individuales. Optimizar

significa mejorar la compatibilidad del sitio a los motores de búsqueda. Para lograrlo es
necesario que tanto el código, la estructura y el contenido sean más eficaces en el
objetivo de aumentar al máximo la visibilidad de palabras clave.
Las palabras clave son los conceptos que definen el contenido y función de la página
web. Una buena optimización de una página o un sitio le dará un mejor
posicionamiento web en los buscadores (SEO).
https//:www.
Privacidad en la web
Las páginas web pueden ser:
● Privadas. Solo un número limitado de personas puede acceder a ellas. Incluyen un sistema de
acceso que obliga al usuario a identificarse.
● Públicas. Son accesibles a cualquier usuario a través de una conexión a Internet.
https//:www.
TIPOS DE PÁGINA WEB

Las más características:
● Página web estática: Se tratan de páginas en las que no se puede cambiar el contenido.
Aparece una información permanente, y el usuario no puede interactuar.
● Página web dinámica: Los usuarios pueden crear y colaborar en el contenido. Suponen todo lo
contrario a las anteriores. En estas podemos destacar: blogs, foros, tiendas online…
● Blogs: Se tratan de portales donde un autor suele publicar artículos

informativos relacionados con una temática en concreto. Los blogs son muy
populares en la actualidad ya que sirven para aportar valor a la audiencia y
demostrar la especialización de los profesionales que los escriben
https//:www.
TIPOS DE PÁGINA WEB
● Tiendas online: Se trata de páginas orientadas a la compra-venta de objetos. Muchas

plataformas físicas han descubierto el potencial de internet y gestionan sus propias tiendas
online para que se puedan comprar productos desde cualquier parte del mundo.
● Buscadores: Son páginas para que los usuarios puedan buscar contenido de interés
sobre un tema en concreto.
https//:www.
PARTES DE UNA PÁGINA WEB

Con partes nos referimos a su estructura. Eso sí, muchas veces también se habla de partes
de una web en función de su contenido. Así que, teniendo esto en cuenta, distingamos entre:
1. Partes de una página web en función de su estructura (estructura web):
a. Cabecera o header
b. Cuerpo o body
c. Pie de página o footer
2. Partes de una página web en función de la distribución del contenido
a. Inicio o home
b. Contacto
c. Productos y servicios
d. Blog
e. Privacidad y politica
https//:www.

1. (estructura web)
CABECERA O HEADER
La cabecera es la parte superior de la página web. Aquí suele incluirse la información básica de la
empresa o marca y es consistente en todo el sitio, es decir, se repite en cada página de la web por la
que navegas.
Los elementos que se incluyen en la cabecera son:

● Logo de la empresa
● El menú de navegación
● Un cuadro de búsqueda
● Una pequeña descripción de la web
CUERPO O BODY
Esta es la parte de la web que alberga el contenido principal de tu página. Esta parte sí es diferente
en cada página de tu sitio. Es decir, no será el mismo contenido el que incluyes en tu página de
contacto que en la página principal.
https//:www.

1. (estructura web)
PIE DE PAGINA O FOOTER EJEMPLO:

El pie de página o footer es la parte inferior de
una página web. Al igual que la cabecera, se
repite y es consistente en cada página. En el
footer podemos encontrar los siguientes
elementos:
● Menú simplificado
● Información de contacto
● Botones de redes sociales
● Logo de la empresa
● Enlace a la política de privacidad
https//:www.

2. distribución del contenido
Inicio o home
Aquí se incluye la información más relevante de tu empresa, ya que es en la que tienes que proyectar tu marca y mostrar
a tus visitas a qué te dedicas, en qué te diferencias de tu competencia y por qué deberían elegirte a ti.
Además de los elementos propios de la cabecera y el footer (que ya sabes que son iguales en todas las páginas), en la
página de inicio sueles encontrar:
● CTA o llamada a la acción

● Resumen de tus productos y servicios:
● Ofertas
● Indicadores de éxito
● Testimonios o colaboraciones
Contacto
Una página web te ayudará a ganar visibilidad en tu zona y mostrar a tus clientes potenciales la forma de contactar contigo.
El teléfono, la dirección y los horarios son tres elementos básicos que deben estar sí o sí en todas las páginas de contacto y,
como no, también en la cabecera y en el footer. Pero, además de ello es muy recomendable incluir los siguientes elementos:
● Formulario de contacto
● Dirección de correo profesional
https//:www.

2. distribución del contenido
Productos y servicios
En esta parte de la página web debes incluir todo lo relacionado con tus productos o servicios: ventajas de
tus productos, principales características, a quién están dirigidos, el precio, gastos de envío…Inckuye
llamada a la acción.
Blog
Crear un blog puede hacer que tu negocio despegue de una vez por todas. Los elementos web más
comunes que encontrarás en casi cualquier blog son:
● Buscador
● Formulario de suscripción
● Categorías y etiquetas
Política
Esta de de
parte privacidad
tu web no tiene que ir en el menú principal, pero la tienes que incluir sí o sí. Generalmente
se ubica en el pie de página o footer, así como en los avisos de cookies o cuando incluyes algún
formulario de registro o suscripción.
https//:www.
CÓDIGOS DE LA PÁGINA WEB

¿Qué es el código de la página web?
Las páginas web se componen de una serie de código
El código incluye tanto los contenidos, como la información necesaria para que el navegador sepa cómo
deben verse (de qué color, en qué orden, en qué ubicación…).
Puedes observar la imagen que puse más arriba, y verás que hay códigos muy distintos.
Tipos de código que forman una página web

Este código puede ser de varios tipos. Hay al menos 3-4 tipos: HTML, PHP, CSS y en algunos casos, también
Javascript. Para que te hagas una idea, sería algo así:
https//:www.

(1) HTML – Código que llega al navegador
Este código es el que llegará finalmente al navegador. Realmente, se puede hacer una página sólo a base
de HTML y así se hacían inicialmente.
El código HTML es el que establece la estructura de la información. Qué apartados hay, qué orden, cómo
se organizan, los títulos…
Si manejas una página web o Blog seguro los has visto, en la pestaña de HTML o código.
Con una etiqueta que «abre» la sección tipo <algo> y la que lleva la barrita delante que la cierra < /algo>.
El algo indica a qué corresponde lo que haya entre esas dos etiquetas.
(2) PHP – Código que se ejecuta en el servidor

También hay código adicional (php) que se ejecuta en el servidor antes de que la página se envíe al
navegador.
Este código se encuentra junto al html y hará que se cargue una u otra información dentro de ese html, o
según ciertas condiciones que se cargue una u otra variante del html.
https//:www.

3) Javascript – Funcionalidades adicionales
Adicionalmente, algunas páginas pueden incluir funciones adicionales como Scripts. Estos añadirán funcionalidad
adicional, que puede estar contenida dentro del mismo código HTML anterior, o hacer una referencia a un fichero
con extensión «.js» donde están estas funciones.
(4) CSS – El código de estilos

Esto es algo relativamente reciente. Inicialmente, estos estilos iban mezclados dentro del código html.
Luego, que lo que hizo fue «separar» el diseño de la página (colores, fuentes, estilos, ubicación de los bloques,
elementos, imágenes, etc.) de lo que es el código de estructura.
De esta forma, se puede crear un fichero adicional que sólo tenga «el estilo» o diseño de la página.

Trabajo Pagina Web Por - Johana Castillo y Paola Criado

Cargado por

Copyright:

Formatos disponibles

Trabajo Pagina Web Por - Johana Castillo y Paola Criado

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Trabajo Pagina Web Por - Johana Castillo y Paola Criado

Cargado por

Copyright:

Formatos disponibles

https//:www.

¿PARA QUÉ SIRVE?

BRINDARNOS INFORMACIÓN EN UN CLICK

HISTORIA DE LA PÁGINA WEB

HISTORIA DE LA PÁGINA WEB

Estos lenguajes son interpretados por los navegadores y les permiten:

● Incluir información en diversos formatos: textos, sonidos, videos, animación, , imágenes

● Estar asociadas a datos de estilo

● Ofrecer aplicaciones interactivas

● Enlaces a otras páginas y sitios web

La optimización se aplica a todo el sitio web y a las páginas individuales. Optimizar

TIPOS DE PÁGINA WEB

● Blogs: Se tratan de portales donde un autor suele publicar artículos

TIPOS DE PÁGINA WEB

● Tiendas online: Se trata de páginas orientadas a la compra-venta de objetos. Muchas

PARTES DE UNA PÁGINA WEB

1. Partes de una página web en función de su estructura (estructura web):

2. Partes de una página web en función de la distribución del contenido

PARTES DE UNA PÁGINA WEB

Los elementos que se incluyen en la cabecera son:

PARTES DE UNA PÁGINA WEB

PIE DE PAGINA O FOOTER EJEMPLO:

PARTES DE UNA PÁGINA WEB

● CTA o llamada a la acción

PARTES DE UNA PÁGINA WEB

CÓDIGOS DE LA PÁGINA WEB

Tipos de código que forman una página web

CÓDIGOS DE LA PÁGINA WEB

(2) PHP – Código que se ejecuta en el servidor

CÓDIGOS DE LA PÁGINA WEB

(4) CSS – El código de estilos

También podría gustarte