UT 5: PÁGINAS WEB COMERCIALES

CFGS GESTIÓN EN VENTAS Y ESPACIOS COMERCIALES

Módulo: Marketing Digital.
@FP_nra22 Curso 18/19
ÍNDICE
1.La idea de página Web.
2. Estructurar una página Web.
2.1 Tipos de estructuras.
2.2 Clasificación de las páginas WEB.
3. Lenguaje HTML.
ÍNDICE
4. Elección del servidor para alojar páginas WEB.
4.1 Características de los servidores.
4.2 Tipos de alojamientos.
5. Preparación de imágenes y mapas de imágenes.
6. Diseño WEB.
7. Indexabilidad de la página.Las URL.
1. La idea de página WEB.
Una página Web es en esencia una tarjeta de presentación
digital, ya sea para empresas, organizaciones o personas, así
como una tarjeta de presentación de ideas y de informaciones.
Así mismo, la nueva tendencia orienta a que las páginas web no
sean sólo atractivas para los internautas, sino también
optimizadas (preparadas) para los buscadores a través del
código fuente. Forzar esta doble función puede, sin embargo,
crear conflictos respecto a la calidad del contenido.
1. La idea de página WEB.
Beneficios que puede tener una página Web:
-Mejorar o aumentar su presencia en el mercado.
- Conocer y evaluar a sus clientes y posibles consumidores.
-Mantenerse a la vanguardia de los cambios tecnológicos y
tendencias innovadoras.
- Mejorar y mantener constante comunicación con clientes y
proveedores.
-Ofrecer una imagen de modernidad.
 1. La idea de página WEB.
La información de una página Web se encuentra generalmente
en formato HTML o XHMTL, y puede proporcionar navegación a
otras páginas web mediante enlaces de hipertexto.
Una página WEB puede estar almacenada en equipo local o en
un servidor web remoto. El servidor WEB puede restringir el
acceso únicamente para redes privadas, por ejemplo, en una
intranet corporativa, o puede publicar las páginas en la Word
Wide Web. Cómo crear un página WEB
 2. Estructurar una página WEB.
Antes de comenzar una Web es muy recomendable planificar la
estructura WEB. Permite visualizar los contenidos de una forma
fácil y clara, mientras que un conjunto de páginas Web con una
mala estructura produce una sensación de estar perdido,
dificulta la búsqueda y provoca el abandono del sitio.
Hay dos razones para actualizar con frecuencia la WEB:
1. Ayuda a fidelizar las visitas.
2. Ayuda el posicionamiento en los buscadores.
 2. Estructurar una página WEB.
En el caso de que haya enlaces rotos o vacíos, hay que
suprimirlos o actualizarlos, ya que son muy molestos para
los usuarios.
Aumenta el valor de la WEB, incluir:
- Fotos.
- Buscador interno.
- Formularios
- Página de contactos.
2.1 Tipos de estructuras.
 2.1 Tipos de estructuras.

La estructura a crear dependerá del contenido del sitio WEB.

No es lo mismo crear una estructura de navegación para un
sitio que desea publicar información, un tutorial o una Web
corporativa.
2.2 Clasificación de las páginas WEB.
Páginas estáticas:

Es una página con contenidos fijos establecidos por el diseñador

y se compone de varios ficheros que no tienen cambios
frecuentes. Los contenidos pueden incluir elementos animados
como gifs, banners, vídeos y otros componentes multimedia.
Son esencialmente informativas y enfocadas a mostrar una
información permanente, en ellas el usuario obtiene información
sin poder interactuar con la página web visitada.
2.2 Clasificación de las páginas WEB.
Páginas dinámicas:
Son páginas que sufren cambios frecuentes de contenido con un
funcionamiento basado en plataformas gestionadas por usuarios
definidos en el sitio, que son los encargados de administrar y
publicar el contenido.
Ejemplo de estas plataformas es WordPress.
La información presentada se genera a partir de una petición del
usuario de la página, y aparece inmediatamente después de una
solicitud hecha por el usuario.
2.2 Clasificación de las páginas WEB.
Páginas dinámicas:
2.2 Clasificación de las páginas WEB.
Páginas dinámicas:
2.2 Clasificación de las páginas WEB.
Cuando se crean páginas dinámicas se utilizan lenguajes de
programación, que aportan interacción con el usuario y
también una gran cantidad de proceso para generar contenido.
3. Lenguaje HTML
El lenguaje HTML es un lenguaje de marcas de hipertexto
(Hypertext Markup Languaje) que se refiere al lenguaje de
marcado para la elaboración de páginas webs.

Está constituido por una serie de etiquetas o tags que permiten

definir la estructura de la página y su contenido, ya sea este
texto o imágenes. Se puede escribir en cualquier editor básico,
como el Bloc de notas de Windows o Kate de Linux, y el archivo
generado debe guardarse con la extensión .html.
3. Lenguaje HTML
Evolución de HTML
3. Lenguaje HTML
Crear una página WEB.
Los documentos HTML deben seguir una estructura en cascada
compuesta por etiquetas. Cada etiqueta está delimitada por los
signos < > y puede escribirse en mayúsculas o en minúsculas, el
signo que cierra la etiqueta se indica con la barra /.
 3. Lenguaje HTML
Creación de una página WEB. Existen cuatro opciones:
1- Usar editores WYSIWYG. Permiten editar el código fuente y a la vez ver la página como
quedaría en un navegador. Además, estos editores tienen opciones para realizar tareas adicionales, como tablas o
elementos animados. Igual que con los editores HTML se puede enlazar con una página web por medio del botón
Enlace.

2- Usar un editor de textos. Permiten editar el código fuente, un ejemplo es el bloc de notas de
Windows, guardar el archivo con la extensión .html y abrirlo con un navegador.

3- Usar un editor de HTML.Funcionan igual que un editor de texto, pero tienen opciones más
avanzadas, como, por ejemplo, abrir y editar varios ficheros a la vez, colorear los códigos de las páginas para
facilitar su comprensión, soportar otros lenguajes de programación con los que se puede llegar a trabajar en el
desarrollo de páginas web, etc. El archivo se puede enlazar con la dirección de una página web por medio del
botón Enlace (normalmente tiene forma de cadena).

4- Usar plantillas prefabricadas (templates). Por ejemplo:

Photoshop.
4. Elección del servidor para alojar
páginas WEB.
Un servidor es un ordenador conectado las 24 horas, que posee
un disco duro con una gran capacidad y una velocidad alta para
Internet. Cuando un usuario visita una web lo que hace es
acceder a estos ordenadores, exactamente al que alberga la
web.

Cuando un servidor ofrece un espacio para una página web deja

ese espacio en un disco duro para que se coloquen los archivos
en su web. Para subir esos archivos se suele usar un programa
FTP.
4. Elección del servidor para alojar
páginas WEB.
4.1 Características de los servidores.
4. Elección del servidor para alojar
páginas WEB.
4.2 Tipos de alojamientos.
Ejemplode hosting gratuitos: Hostinger, Wix, 1&1,...
4. Elección del servidor para alojar
páginas WEB.
4.2 Tipos de alojamientos.
5. Preparación de imágenes y mapas
de imágenes.
Las imágenes forman una parte esencial en la página web de
una empresa, es importante que la imagen que se incluya
complete el texto, o que incluso, que el texto sea el que
complete a la imagen.
La preparación comienza en una buena selección.
En internet es muy importante el tamaño o peso en Kb, aunque
se disponga de una conexión de banda ancha debemos procurar
diseñar páginas Web con el mínimo peso posible manteniendo
un nivel óptimo de calidad (para favorecer la visualización
también en el móvil).
5. Preparación de imágenes y mapas
de imágenes.
Se puede disminuir el tamaño usando programas de edición
fotográfica gratuitos o de pago sin comprometer en demasía la
calidad.
Los mapas de imágenes son un nuevo planteamiento de
navegación que incorporan una serie de enlaces dentro de una
misma imagen.
Ejemplos de programas de creación de mapas de imágenes:
- HTML-Image Map Creator WYSIWYG.
- HTML- Map Designer Pro 2.0
6. Diseño Web.
Organizar el contenido de tu Web significa definir la organización de la información
de un sitio Web. Es decir, crear la estructura o esqueleto de una WEB.
Usabilidad: se refiere a la claridad y la elegancia con que se diseña la interacción
con un programa de ordenador o un sitio WEB.
La estructura de una WEB debe:
- Facilitar y agilizar al máximo la búsqueda de información de los usuarios.
- Ser escalable, de manera qeu ampliaciones del sitio Web no obliguen a realizar
grandes cambios.
6. Diseño Web.
Recomendaciones para una buena estructura:
1. Recopilar toda la información que pueda ser candidata a ser incluida.
2. Hacer un inventario sobre la información recopilada.
3. Determinar qué información va a ser definitivamente incluida.
4. Organizar la información por temas.
5. Construir gráficamente la estructura de la web.
6. Construir un prototipo y probarlo con usuarios (amigos, familiares,
...…)pidiéndoles su impresión.
7. Estudiar las impresiones obtenidas y volver a los pasos 4,5 y 6.
6. Diseño Web.
PÁGINA DE INICIO
Es la principal puerta de entrada a una página web. Su estructura debe acomodarse
al público objetivo, haciendo bien visibles los contenidos que más puedan
interesarle y de esta forma conseguir que los visitantes estén el mayor tiempo
posible. Debe especificar qué tiene el sitio WEB. Enlace bien visible en todas la
páginas a la página principal. Importante poner un banner o logo de la cabecera
que apunta a la página principal del sitio.
DISEÑO DEL MENÚ DE NAVEGACIÓN.
Las secciones que agrupan mayor contenido o las más grandes deben ser incluidas
en el menú de navegación.
6. Diseño Web.
DISEÑAR LA PÁGINA WEB.
En cada una de las páginas de un sitio web hay que indicar los elementos
interactivos, imágenes, gráficos, vídeos, tipología de letra, etc...que van a ser
incluidos en cada una de las páginas.

En internet organizamos los contenidos de los sitios web mediante categorías. Estas
categorías tienen como fin ordenar la información y poder recuperarla fácilmente.
7.Indexabilidad de la página.Las
URL.
La indexabilidad es un término ligado al posicionamiento de tu sitio Web. Cuanto
más indexada esté, más probabilidades hay de que el buscador muestre cualquiera
de tus páginas entre los primeros resultados de la consulta.
Una indexación completa implica la inclusión de toda la estructura, páginas y
contenidos en la base de datos del buscador.
Google y Yahoo realizan una exploración permanente de internet indexando todas
las páginas exploradas y su contenido de forma que cuando un usuario realiza una
consulta el motor de búsqueda se dirige al índice para localizar los elementos
deseados, mostrando resultados precisos y rápidos.
7.Indexabilidad de la página.Las
URL.
El ALTA EN BUSCADORES es el primer paso para dar visibilidad a tu sitio WEB, sin
embargo, no basta sólo con darla de alta sino que es necesario posicionarla. Una
vez que un sitio está en un motor de búsqueda, la araña lo visitará periódicamente
para ver si se actualiza asiduamente y lo reindexará.
Actualmente existe dos formas de entrar en un buscador, pagando mediante
publicidad SEM o de forma gratuita.
¿Cómo indexar de forma gratuita en google?
PÁGINAS WEB COMERCIALES
¿ALGUNA DUDA?
¿SUGERENCIA?

GRACIAS POR VUESTRA ATENCIÓN