2-El Entorno Web

[AFO008862] Experto en Marketing Online y Posicionamiento Web
[MOD008373] Marketing Online y Posicionamiento Web

[UDI044287] El entorno web
1. Elementos del entorno web: sitio y páginas
Sitio web:
Es aquel lugar (o sitio) localizado en la web (o Internet), en el que se pueden encontrar diferentes
documentos, con cierto orden, de acuerdo a una jerarquía establecida. Estos documentos van a
recibir el nombre de páginas. Un sitio web, por tanto, es un conjunto de páginas web.
m
co
Todos los sitios web públicamente accesibles constituyen una gran World Wide Web de información.
a.
Se trata de un gran espacio documental organizado que en la mayoría de las ocasiones está
ec
típicamente dedicado a algún tema particular o propósito específico. Los sitios web pueden contener
n
hiperenlaces a cualquier otro sitio web, de manera que la distinción entre sitios individuales,
percibido por el usuario, puede ser a veces borrosa.

es
po
La mayoría de los sitios web están escritos en código HTML (Hyper Text Markup Language), o
ru
dinámicamente convertidos a éste, y se acceden aplicando un Software conveniente llamado

.g
navegador web, también conocido como un cliente HTTP. Los sitios web pueden ser visualizados o
al
accedidos desde un amplio abanico de dispositivos con conexión a Internet.

tu
ir
Un sitio web dinámico puede tener cambios frecuentes en la información. Cuando el servidor web
sv
recibe una petición para una determinada página de un sitio web, la página se genera
pu
automáticamente por el software, como respuesta directa a la petición de la página. Se puede dar
así un amplio abanico de posibilidades, entre otras, mostrar el estado actual de un diálogo entre
m
usuarios o monitorizar una situación cambiante, proporcionar información personalizada de alguna

ca
manera a los requisitos del usuario individual,…
Existen muchas variedades de sitios web, cada uno especializándose en un tipo particular de
contenido o uso, que pueden ser arbitrariamente clasificados de muchas maneras. Algunas de estas
clasificaciones pueden ser:
Sitio archivo.
Sitio weblog.
campusvirtual.grupoesneca.com
1 / 25
Sitio de empresa.
Sitio de comercio electrónico.
Sitio de comunidad virtual.
Sitio de base de datos.
Sitio de desarrollo.
Sitio directorio.
Sitio de descargas.
m
Sitio de juego.
co
Sitio de información.
Sitio de noticias.
a.
Etcétera.
n ec
es
po
Página web:
Hace referencia a una pequeña parte del sitio web. En las páginas web se puede encontrar
ru
información de todo tipo, desde textos e imágenes hasta audios y vídeos, además de otras muchas
cosas. El contenido de las páginas, en la mayoría de los casos, utilizan el formato HTML.
.g
al
tu
ir
La página web es la que contiene toda la información del sitio web. A través de las páginas web se
sv
comunican las opiniones e ideas que se quieren transmitir. Las diferentes páginas suponen la
pu
organización del sitio, cuya presentación y enlaces que hay en ella, que facilita u obstaculiza el que
los usuarios tengan acceso a la información que tiene.

m
ca
Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. Este
2 / 25
último puede restringir el acceso únicamente a redes privadas, o puede publicar las páginas en la
World Wide Web. El acceso a las páginas web se realiza mediante una transferencia desde
servidores, utilizando normalmente el protocolo de transferencia de hipertexto (HTTP).
Una página web es, en esencia, una tarjeta de presentación digital, ya sea para empresas,
organizaciones o personas, así como una manera de comunicar ideas, pensamientos, conocimientos,
informaciones o teorías. La nueva tendencia orienta a que las páginas web no sean sólo atractivas
para los internautas, sino también optimizarlas para los buscadores a través del código fuente.
m
Forzar esta doble función puede crear conflictos de la calidad del contenido.
co
Comúnmente se confunden estos términos, página web y sitio web, ya que se utiliza página web para
a.
referirse a una página concreta, con una URL específica, y no a un sitio web completo, el cual está
ec
compuesto por múltiples páginas web con diferentes URLs.
n
es
Puede parecer que las páginas web son las más importantes aunque, pese a que en ellas aparezca el
po
contenido con el que se trabajará para optimizar el sitio, sólo son parte de un todo, y aunque es
necesaria su optimización individual, también hay que ver cómo trabajan en conjunto.
ru
.g
Se puede decir que lo ideal es que todas y cada una de las páginas guarden relación con el sitio,
al
contribuyendo a agregarle valor, haciendo así posible mejorar el posicionamiento web del sitio.
tu
ir
sv
pu
m
ca
3 / 25
2. HTML: el lenguaje web
Se comprueba que hay diferentes formatos (tamaños, colores, estilos,…) que se pueden ver en una
página web cuando se abre el navegador, e incluso las imágenes o vídeos que se observan,
buscadores de información, personalizar la apariencia de la página, presencia de animaciones y
contenidos que pueden cambiar mientras el resto de la página se mantiene sin cambios.
HTML (HyperText Markup Language) se conoce como un lenguaje de etiquetas. Este lenguaje es el
m
encargado de indicar al navegador cómo tiene que mostrar el contenido de la presentación
co
(definición del tipo de contenido y las instrucciones de cómo esos contenidos tienen que mostrarse).
a.
El HTML emplea un conjunto de elementos predefinidos que permiten identificar los distintos tipos
ec
de elementos. Estos elementos contienen una o más etiquetas que contienen o expresan el
n
contenido. Esas etiquetas suelen ir encapsuladas entre los símbolos <>, y las etiquetas de cierre
es
(que indican el final de un determinado contenido) están precedidas por una barra /.
po
El Navegador emplea las etiquetas como guías para saber cómo debe ser mostrado el contenido y
ru
qué hay dentro de dichas etiquetas. Los elementos que se encuentran contenidos, normalmente
.g
suelen también contener otros elementos, como para abrir y para cerrar.
al
Con estas etiquetas, el HTML puede describir, hasta un cierto punto, la apariencia de un documento,
tu
pudiendo incluir o hacer referencia a un tipo de programa llamado script, que puede afectar al
ir
comportamiento de navegadores web y otros procesadores de HTML.

sv
pu
Algunos de los códigos básicos para HTML son los que se presentan a continuación:
m
< html> </html> Inicio y final del documento HTML.

ca
<script> Incrusta un script en una web.
<head> </head> Define la cabecera del documento HTML, la cual suele contener
información sobre el documento que no se muestra directamente al usuario, como:
<title> </title> Define el título de la página, el cual aparecerá encima de la ventaja.
Debe ir incluido entre las etiquetas <head> .
<link> </link> Vincula el sitio a hojas de estilo o iconos.
<style> </style> Coloca el estilo interno de la página.
4 / 25
<meta> </meta> Para metadatos como la autoría o la licencia, incluso para indicar
parámetros http.
<body> </body> Contenido principal o cuerpo del documento. Aquí se encontrará la
información propia del documento que se pretende que se visualice en el navegador (texto,
gráficos, formularios,…). Dentro de la parte principal se pueden encontrar diferentes etiquetas,
como son:
<h1> </h1> a <h6> </h6> Encabezados o títulos del documento con diferente
m
relevancia, con un tamaño de aproximadamente 24 puntos. Va del de mayor tamaño
co
al de menor tamaño <6>, este último con aproximadamente 8 puntos.
a.
<table> </table> Define una tabla.
ec
<a> </a> Hipervínculo o enlace, dentro o fuera del sitio web.
n
<div> </div> División de la página.
<br> Salto de línea forzado. es

po
Provoca una separación de dos espacios entre cada bloque de texto, creando un
ru
párrafo nuevo.
<img> </img> Imagen.

.g
<ul> </ul> Etiquetas para listas. Indica el comienzo y final de una lista. Cada
al
elemento de la lista se indica con la etiqueta <li> </li>.

tu
<b> </b> Texto en negrita.

ir
<i> </i> Texto en cursiva.

sv
<s> </s> Texto tachado.

pu
<u> </u> Texto subrayado hasta HTML5.

m
ca
El lenguaje HTML puede ser creado y editado con cualquier editor de textos básicos, como son Gedit
(en Linux), Bloc de notas (en Windows) o cualquier otro editor que admita texto sin formato.
Otros editores que van a permitir ver el resultado de lo que se está editando en tiempo real, a
medida que se va elaborando el documento, son editores de sitios web con características
WYSIWYG (What You See Is What You Get). Estos programas van a tener la opción de trabajar con
vista preliminar, además de tener su propia sección HTML, lo que va generando todo el código a
medida que se va trabajando. Algunos de estos editores son SharePoint Designer, Expression Web o
5 / 25
Adobe Dreamweaver.
m
co
a.
Otro tipo de editores de HTML son los llamados WYSIWYM (What You See Is What You Mean), que
ec
dan mayor importancia la contenido y al significado que a la apariencia visual. Aquí el usuario va a
encargarse de introducir los contenidos de forma estructurada, siguiendo su valor semántico, en vez
n
es
de indicar su formato de representación final. Como ventaja principal se encuentra que va a
po
producir una total separación entre contenido y presentación, por lo que el usuario sólo ha de
preocuparse por estructurar y agregar contenidos, dejando para el sistema de exportación lo

ru
relacionado con los aspectos visuales.

.g
al
Además de cumplir con las especificaciones propias del lenguaje, el diseño HTML deberá respetar
tu
los criterios de accesibilidad web, siguiendo unas pautas o normativas y leyes vigentes en los países
donde se regule dicho concepto.

ir
sv
pu
m
ca
6 / 25
3. Tecnologías: webs estáticas, interactivas y lenguajes de

programación
A lo largo de este apartado se analizarán las diferentes tecnologías vinculadas con el entorno web,
como son las siguientes:
Webs estáticas.
m
Webs dinámicas.
co
Lenguajes de programación.
a.
Webs estáticas
ec
Cuando se va a crear y diseñar un sitio web, cabe la posibilidad de elegir entre las webs estáticas o
n
interactivas (también llamadas dinámicas).
es
po
Cuando se habla de webs estáticas se atiende a las que normalmente están desarrolladas en HTML
y CSS, las cuales ofrecen menor contenido, si las comparamos con las webs dinámicas. Este tipo de
ru
web se recomiendan para publicar contenidos que no necesiten ser modificados ni actualizados a lo
.g
largo del tiempo, es decir, para plasmar sólo aquellos contenidos fijos en el tiempo. Estas webs
al
pueden emplear tecnologías como jQuery y Ajax, que ofrecen efectos llamativos.
tu
ir
La modificación en la edición de las webs estáticas es bastante complicada, ya que para modificar
sv
los textos sería necesario descargar la página en HTML del servidor, a continuación modificar el
pu
contenido correspondiente y volver a guardarla en el servidor. Es por esto que este tipo de
modificaciones sólo son posibles realizarlas por el webmaster o la agencia que desarrolló y diseñó la
m
página.
ca
Se recomienda que las webs estáticas, por su formato, estén en servidores o empresas de hosting
que ofrezcan el servicio básico de alojamiento. Si la web no necesita actualización de fotos, textos
y/o contenidos, la web estática es la mejor opción, incluso si sólo se modifica unas 3 o 5 veces
anuales, lo que implica un coste de mantenimiento anual con la empresa que realice el website.
Webs dinámicas
7 / 25
Webs dinámicas:
Son las que presentan una compleja programación, que utiliza las bases de datos que cargan la
información que el usuario ve en pantalla cuando visita la página.
Los contenidos que se presentan en estas webs se van a actualizar según el usuario visita
periódicamente el sitio. Cuentan con un panel administrativo (CMS) desde el que los
administradores de la web pueden dar de alta, modificar, corregir y borrar la información
m
presentada, en versiones más avanzadas de este tipo de administradores, permitiendo la edición de
co
las secciones de la página web, con lo que se pueden modificar tanto los textos como las imágenes
a.
que aparecen en la misma, así como sumar nuevas al árbol de desarrollo, pudiendo tener así la
ec
página web totalmente actualizada al día.
n
es
Se destaca que no tienen por qué ser dinámicas aquellas páginas web que tienen animaciones,
simplemente son páginas diseñadas con tecnología flash, que se caracterizan por contar con
po
atractivos diseños y efectos de movimiento, que utiliza el lenguaje de action script en su
ru
programación, pero necesitan de un plugin especial para ser ejecutadas, y no son soportadas por
.g
muchos terminales móviles.

al
Este tipo de webs son ideales para webs corporativas, tiendas online, medios de comunicación,
tu
blogs, intranets, restaurantes que diariamente cambian el menú,… Se trata de páginas web más
ir
complejas de crear, cuyo coste aumenta con respecto a las webs estáticas, pero a cambio van a estar
sv
siempre personalizadas y a medida, según las necesidades del cliente.

pu
Comparativa entre webs estáticas y dinámicas

m
ca
A continuación se muestra una tabla comparativa entre las principales características de las webs
estáticas y dinámicas.
8 / 25
m
co
a.
n ec
es
La selección de web estática o dinámica va a depender de los contenidos que se vayan a
po
presentar en la página web. Si estos contenidos han de ser modificados de forma habitual, lo más
adecuado sería optar por una web dinámica. En caso de que no se deban modificar, es más adecuado
ru
elegir una página estática, teniendo en cuenta que si con el tiempo se considerase más adecuada la
.g
opción de web dinámica, podría convertirse a la misma.

al
tu
En la actualidad, las empresas suelen optar en mayor medida por las webs dinámicas que por las
ir
estáticas. Muestra de ello son la cantidad de páginas que permiten interactuar con el usuario y
sv
ofrecer múltiples posibilidades, entre los que se pueden nombrar los carritos de compra,
pu
comentarios, participación en discusiones,…

m
Por ejemplo, las webs de los principales diarios publican noticias actuales o destacadas en las
ca
columnas laterales, utilizando el gestor de noticias, con lo que se refleja inmediatamente la noticia
en la sección solicitada. En caso de que se tratase de webs estáticas, esto no sería posible, con lo
que habría que proceder a editar independientemente cada hoja de la web y añadir manualmente las
noticias una a una. El apartado de comentarios de este tipo de webs de diarios es muy utilizado por
los usuarios, ya que les permite indicar sus opiniones.
9 / 25
m
co
a.
n ec
es
po
Como conclusión, se puede decir que las webs estáticas son de utilidad en aquellos casos en los
que la página web es únicamente informativa y no requiere de actualización constante. Por otro
ru
lado, las webs dinámicas están indicadas para los casos en los que las webs requieran de
.g
actualizaciones constantes, ya que son fáciles de editar y ofrecen la mayoría de sus servicios de
al
forma automatizada.
tu
Lenguajes de programación
ir
sv
La programación es un sector en auge que requiere un reciclaje continuo.

pu
Un lenguaje de programación es un sistema notacional para describir computaciones de una

m
forma legible, tanto para la máquina como para el ser humano. Se trata de un lenguaje formal
ca
diseñado con el fin de realizar procesos que pueden ser llevados a cabo por máquinas como los
ordenadores.
Con estos lenguajes de programación podrán crearse programas que controlen el comportamiento
físico y lógico de una máquina, con el fin de expresar algoritmos con precisión o como modo de
comunicación humana.
Los lenguajes de programación se componen de símbolos y reglas sintácticas y semánticas, las
cuales van a definir la estructura y significado de los elementos y expresiones.
10 / 25
Se pueden diferenciar algunos elementos de los lenguajes de programación, como son:
Variables: son títulos asignados a unos espacios en memoria para almacenar datos específicos.
Se trata de contenedores de datos y, por ello, se diferencian según el tipo de dato que son
capaces de almacenar.
Vectores: conjunto de bytes consecutivas en memoria y del mismo tipo, guardadas dentro de
una variable contenedor.
Condicionantes: estructuras de código que indican que, para que una parte del programa se
m
ejecute, deberán cumplirse ciertas premisas. Por lo general, sólo se ejecutan una vez a lo largo
co
del programa.
a.
Bucles: parecidos a los condicionantes, pero ejecutan constantemente un código mientras se
ec
cumpla una determinada condición.
n
Funciones: variable que encierra código dentro de sí. Cuando se accede a dicha variable (la
es
función), en realidad lo que se hace es ordenar al programa que ejecute un determinado código
po
predefinido anteriormente.
ru
Sintaxis: forma visible de un lenguaje de programación. La sintaxis describe las

.g
combinaciones posibles de los símbolos que forman un programa sintácticamente correcto. Se

al
define normalmente utilizando una combinación de expresiones regulares (para la estructura

tu
léxica) y la Notación de Backus-Naur (para estructura gramática).
Semántica estática: define las restricciones sobre la estructura de los textos válidos que son
ir
sv
muy difíciles de expresar con formalismos sintácticos estándar. Incluye las reglas semánticas
que se pueden verificar en el momento de compilar.

pu
Sistemas de tipos: define la manera en la que un lenguaje de programación clasifica los

m
valores y expresiones en tipos, cómo pueden ser manipulados dichos tipos y cómo interactúan.
ca
Su objetivo es verificar y poner en vigor un cierto nivel de exactitud en programas escritos en
el lenguaje en cuestión, detectando ciertas operaciones inválidas.
Algunos ejemplos de lenguajes de programación más destacados son los siguientes:
Java.
JavaScript.
C#.
11 / 25
PHP.
C++.
Python.
C.
SQL.
Ruby.
Perl.
m
co
a.
n ec
es
po
ru
.g
al
tu
ir
sv
pu
m
ca
12 / 25
4. Plataformas más comunes
Entre las plataformas más comunes dentro del entorno web, y que vamos a destacar en los
apartados siguientes, se encuentran:
WordPress.
Drupal.
Joomla!
m
co
A. WordPress
a.
Se trata de un sistema de gestión de contenidos o CMS (Content Management System), dirigido a la
ec
creación de cualquier tipo de sitio, aunque en los últimos tiempos ha alcanzado gran relevancia
n
utilizando los blogs.
es
po
WordPress es una avanzada plataforma semántica de publicación personal orientada a la estética,
los estándares web y la usabilidad. WordPress es libre y gratuito.

ru
.g
al
tu
ir
sv
WordPress es un sitio ideal para un sitio web que se actualice periódicamente, puesto que si se
pu
escribe contenido con cierta frecuencia, cuando alguien accede al sitio web, puede encontrar todos
esos contenidos ordenados cronológicamente. Sistema ideal también para los principiantes y para
m
quienes no tienen demasiados conocimientos técnicos.

ca
Como causantes del crecimiento de WordPress se pueden destacar la licencia, facilidad de uso y sus
características como el gestor de contenidos. Además de esto, otro punto a considerar es la gran
comunidad de desarrolladores y diseñadores, encargados de programarlo en su núcleo o creando
complementos (plugins) y plantillas (temas) para la comunidad.
Algunas de las cosas que se pueden crear con WordPress son las siguientes:
13 / 25
Blog.
Web corporativa.
Tienda online.
Foro de soporte.
Web de gestión de reservas.
Directorio de empresas.
Canal de vídeos.
m
Etcétera.
co
B. Drupal
a.
Es un marco de gestión de contenidos (CMS) libre, con licencia GNU/GPL, modular multipropósito y
ec
muy configurable, el cual permite publicar artículos, imágenes, archivos y otras cosas u otros
n
es
archivos y servicios añadidos como foros, encuestas, votaciones, blogs y administración de usuarios
y permisos. Se utiliza para crear sitios web dinámicos y con gran variedad de funcionalidades. Está
po
escrito en PHP.
ru
Cuenta con una amplia y activa comunidad de usuarios y desarrolladores que colaboran en conjunto
.g
para su mejora y ampliación. Esta ampliación se posibilita porque se trata de un sistema modular
al
con una arquitectura muy consistente, que permite que los módulos creados por cualquier
tu
desarrollador puedan interactuar con el núcleo del sistema y con los módulos creados por otros
ir
miembros de la comunidad.
sv
pu
m
ca
Con este gestor de contenidos se posibilita implementar una gran variedad de sitios web, como son:
Blog personal o profesional.
Portal corporativo.
Tienda virtual.
Red social o comunidad virtual.
14 / 25
Etcétera.
Está dirigido especialmente a las personas que quieran iniciarse en la creación de portales web,
tengan o no formación técnica. Resulta de gran utilidad también para empresas o profesionales que
desean crear su portal web profesional o personal sin dependencias externas.
C. Joomla!
m
Se trata de un sistema de gestión de contenidos premiado (CMS) que va a permitir construir sitios
co
web dinámicos e interactivos, así como aplicaciones en línea de gran alcance. Con esta plataforma se
a.
van a poder crear, modificar o eliminar contenido de un sitio web, de manera sencilla, gracias al
ec
panel de administración.
n
Un sistema de gestión de contenidos es un software que realiza un seguimiento de cada pieza de
es
contenido en un sitio web, al igual que su biblioteca pública local mantiene un registro de los libros y
po
los almacena. El contenido puede ser texto simple, fotos, música, vídeos, documentos,… Una ventaja
ru
importante de crear un CMS es que prácticamente no requiere habilidad técnica o conocimiento de

.g
manejar. Desde la CMS se administra todo el contenido.

al
tu
ir
sv
pu
Joomla es un software caracterizado por presentar código abierto, programado o desarrollado en

m
PHP, liberado bajo licencia. Tiene gran facilidad de uso y extensibilidad, por lo que es un software
ca
muy popular en todo el mundo.
Algunas de las herramientas que se pueden crear con Joomla!, y debido a las tendencias actuales, en
las que existe una gran apuesta por e-commerce en la empresa, están:
Generación de código HTML bien formado.
Gestión de blogs.
Vistas de impresión de artículos.
Flash con noticias.
15 / 25
Foros.
Polls (encuestas).
Calendarios.
Búsquedas integrada al sitio y soporte multi-idioma.
m
co
a.
n ec
es
po
ru
.g
al
tu
ir
sv
pu
m
ca
16 / 25
5. Conceptos sobre servidores
Servidor:
Es un software capaz de atender las peticiones de un cliente y devolverle una respuesta en
concordancia. Los servidores son muy utilizados en el campo de las tecnologías de la información.
m
La operación de los servidores se realiza a través de la arquitectura cliente-servidor. Son programas
co
de ordenadores en ejecución que atienden las peticiones de otros programas, los clientes. Los
a.
servidores realizan tareas para beneficiar a los clientes, ofreciendo la posibilidad de compartir
ec
datos, información y recursos de hardware y software. Estos clientes se suelen conectar al servidor a
n
través de la red. Un servidor es un programa que opera como oyente de un socket.
es
Los servidores van a proveer de los servicios esenciales dentro de una red, ya sea para usuarios
po
privados dentro de una organización o compañía, o para usuarios públicos a través de Internet.
ru
Los servidores más comunes son los siguientes:

.g
al
Servidor de base de datos.

tu
Servidor de archivos.
ir
Servidor de correo.
sv
Servidor de impresión.
pu
Servidor web.
m
Servidor de juego.
ca
Servidor de aplicaciones.
17 / 25
m
co
Algunos conceptos a tener en cuenta al respecto de los servidores son:
a.
ec
Dominio.
Hosting.
n
A. Dominio
es
po
El dominio es el conjunto de caracteres alfanuméricos que forman el nombre al que está vinculada
ru
una página web y una de las razones de su importancia es que los dominios son únicos, por lo que se
.g
deberá asegurarse tener registrado el dominio de cada negocio.

al
tu
El nombre del dominio está formado por letras y números, que deben componer un nombre único,
ir
y la extensión, que podrá ser, entre otros “.es”, “.com”, “.net” o “.org”. La combinación de letras y
sv
números debe estar compuesta por un mínimo de 3 letras y un máximo de 63. Se pueden utilizar la
pu
“ñ”, letras con tilde o diéresis.

m
ca
La extensión del dominio está relacionada con la ubicación geográfica de la web o también se puede
determinar en función de su actividad. Algunos ejemplos de extensiones, y su significado, son las
siguientes:
.es: de localización geográfica en España.
18 / 25
.eu: de localización geográfica en Europa.
.mx: de localización geográfica en México.
.cl: de localización geográfica en Chile.
.fr: de localización geográfica en Francia.
.ar: de localización geográfica en Argentina.
.arm: de localización geográfica en Armenia.
.fi: de localización geográfica en Finlandia.
m
.hr: de localización geográfica en Croacia.
co
.ci: de localización geográfica en Costa de marfil.
.sc: de localización geográfica en Islas Sychelles.
a.
.cm: de localización geográfica en Camerún.
ec
.ph: de localización geográfica en Filipinas.
n
.ir: de localización geográfica en Irán.
.my: de localización geográfica en Malasia.

es
po
.com: para uso comercial.
ru
.org: para asociaciones sin fines de lucro.

.g
.edu: para instituciones académicas.

al
.net: para servicios de Internet.

tu
.info: para sitios web informativos.

ir
.travel: para empresas relacionadas con el turismo y los viajes.

sv
.jobs: para empresas relacionadas con el empleo.

pu
.biz: para negocios.

m
B. Hosting
ca
El hosting es un espacio en un servidor, donde se pueden alojar ficheros que una empresa alquila a
sus clientes. Este tipo de servicios nace de la necesidad de tener un espacio, siempre online, con las
condiciones físicas y de mantenimiento oportunas para alojar páginas web.
El hosting es el servicio de almacenamiento de páginas web, permanentemente disponible y
conectado a Internet. Se puede decir que las empresas de hosting alquilan espacio, proporcionan el
que se necesita para guardar la página web en Internet y que todo el mundo la pueda ver en
cualquier momento. El espacio web se mide en megabytes, al igual que el espacio de un ordenador.
19 / 25
Diferentes tipos de hosting que se pueden destacar son:
Hosting compartido
Se trata del servidor de alojamiento web más económico. Ofrece un espacio en un

servidor, donde se comparten recursos con otros espacios de otros clientes, como
memoria, la IP,… Supone el servidor más apropiado para quien sólo quiere alojar una web,
o varias, que no usa una gran cantidad de recursos y no necesita de una configuración
muy específica en su servidor.
m
Servidores VPS
co
Son particiones de un servidor físico, donde se comparte el hardware. Cada VPS funciona
a.
como si de un servidor normal se tratase. Se puede establecer configuraciones específicas
ec
o instalación de ciertos módulos o extensiones en el servidor. La posibilidad de aumentar
los recursos (memoria, disco,…) es una de las ventajas de este tipo de hosting.
n
Servidores Cloud
es
po
Se trata del paso inmediatamente inferior a los servidores físicos, dando un mayor
rendimiento que los VPS. Como ventaja de este tipo de servidores destaca su
ru
independencia sobre el hardware del nodo, donde se aloja, también permite escalabilidad
en tiempo real, según necesidades de memora, disco,…
.g
Servidores dedicados
al
Se trata de máquinas físicas en las que no se comparte ningún recurso. Es similar a tener
tu
un servidor localizado en el centro de datos. En estos servidores se encuentra también la

posibilidad de tener un servidor dedicado virtualizado, lo que significa que se puede alojar
ir
dentro del servidor en otras máquinas virtuales.

sv
Servidor híbrido
pu
Se encuentra a medio camino entre un servidor VPS y un servidor dedicado, puesto que
m
combina la tecnología de virtualización con los recursos de hardware dedicados. Los

híbridos son perfectos para proyectos que han crecido con el tiempo o que necesitan
ca
recursos adicionales de forma temporal, así como para usuarios con conocimientos más
avanzados.
Entre los servicios que puede ofrecer una empresa de hosting se encuentran los siguientes:
Registro y transferencia de dominios.
Servicio de correo electrónico.
Certificados de Seguridad SSL.
20 / 25
Herramientas SEO.
Seguridad.
CDN (Content Delivery Network).
A la hora de seleccionar el mejor hosting para la empresa, es importante atender a varios factores
importantes que se deben valorar, como son los siguientes:
Espacio web: espacio en el servidor que se va a ceder para el sitio web.
m
Número de cuentas de correo: número de direcciones de email distintas que se pueden
co
crear en el plan de hosting.
a.
Panel de control: interfaces que facilitan la gestión del servicio y que permiten hacer
ec
modificaciones de forma sencilla.
n
Bases de datos (BBDD): comprobar el número de bases de datos que se pueden crear en un
es
mismo plan de hosting compartido, puesto que esto determinará el número de webs que se
po
pueden tener alojadas simultáneamente en un mismo servicio.
ru
Garantía de disponibilidad: la web deberá estar disponible al menos un 99,5% o un 99,99%

.g
del tiempo.
al
Soporte técnico: cuando la web deja de estar disponible por motivo desconocido, alguien
tu
deberá averiguar lo que está pasando y arreglarlo o decirle a la persona lo que debe hacer para
solucionar el problema.
ir
sv
Precio: el soporte 24 horas y el hardware de calidad cuestan dinero. Es importante consultar a
los proveedores y contrastar precios.

pu
Servicios adicionales o extras: identifica las propiedades de cada empresa de hosting. Habrá
m
de seleccionarse el proveedor que ofrece lo que realmente se necesita o se considera de mayor

ca
importancia.
21 / 25
Glosario
Software: Conjunto de programas que permiten el desarrollo de una actividad a una
computadora un software para diseño gráfico.
Navegador: Programa que permite navegar por Internet u otra red informática de
comunicaciones.
m
co
Seguridad: Característica que indica que un sistema está libre de todo peligro, riesgo o daño.
a.
n ec
es
po
ru
.g
al
tu
ir
sv
pu
m
ca
22 / 25
Recuerda
Un sitio web es aquel lugar (o sitio) localizado en la web (o Internet), en el que se pueden
encontrar diferentes documentos, con cierto orden, de acuerdo a una jerarquía establecida.
Estos documentos van a recibir el nombre de páginas.
Una página web hace referencia a una pequeña parte del sitio web.
HTML (HyperText Markup Language) se conoce como un lenguaje de etiquetas. Este lenguaje
m
es el encargado de indicar al navegador cómo tiene que mostrar el contenido de la
co
presentación.
a.
Las diferentes tecnologías vinculadas con el entorno web son: webs estáticas, webs
ec
dinámicas y lenguajes de programación.
Cuando se habla de webs estáticas se atiende a las que normalmente están desarrolladas en
n
es
HTML y CSS, las cuales ofrecen menor contenido, si las comparamos con las webs dinámicas.
Las webs dinámicas son las que presentan una compleja programación, que utiliza las bases
po
de datos que cargan la información que el usuario ve en pantalla cuando visita la página.
ru
Un lenguaje de programación es un sistema notacional para describir computaciones de una

.g
forma legible, tanto para la máquina como para el ser humano.

al
Las plataformas más comunes dentro del entorno web son: WordPress, Drupal y Joomla.
tu
El servidor es un software capaz de atender las peticiones de un cliente y devolverle una

ir
respuesta en concordancia. Los servidores son muy utilizados en el campo de las tecnologías de
sv
la información.
pu
Algunos conceptos a tener en cuenta al respecto de los servidores webs son: dominio y
Hosting.
m
ca
23 / 25
Autoevaluación
1. Indica si es verdadero o falso el siguiente enunciado: “Un sitio web es aquel

lugar (o sitio) localizado en la web (o Internet), en el que se pueden encontrar diferentes
documentos, con cierto orden, de acuerdo a una jerarquía establecida”.
Verdadero.
m
co
Falso.
a.
ec
2. ¿Qué es el HTML?
n
es
Hace referencia a una pequeña parte del sitio web.
po
ru
Se conoce como un lenguaje de etiquetas.

.g
al
Es un sistema notacional para describir computaciones de una forma legible.

tu
ir
sv
3. ¿Cuáles son las plataformas más comunes dentro del entorno web?
pu
WordPress, Drupal y Joomla.

m
ca
Drupal, Joomla y Hosting.
Hosting, WordPress y Drupal.
4. Completa el espacio en blanco del siguiente enunciado: “El servidor es un

__________ capaz de atender las peticiones de un cliente y devolverle una
respuesta en concordancia”.
24 / 25
Sitio web.
Software.
Hardware.
m
5. ¿Qué es el Hosting?
co
a.
El hosting es un espacio en un servidor, donde se pueden alojar ficheros que una
ec
empresa alquila a sus clientes.
n
es
Es el conjunto de caracteres alfanuméricos que forman el nombre al que está
vinculada una página web.
po
ru
Se trata de un sistema de gestión de contenidos premiado (CMS) que va a permitir

.g
construir sitios web dinámicos e interactivos, así como aplicaciones en línea de gran
alcance.
al
tu
ir
sv
pu
m
ca
25 / 25

2-El Entorno Web

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

2-El Entorno Web

Cargado por

Copyright:

Formatos disponibles

[AFO008862] Experto en Marketing Online y Posicionamiento Web

[MOD008373] Marketing Online y Posicionamiento Web

1. Elementos del entorno web: sitio y páginas

percibido por el usuario, puede ser a veces borrosa.

dinámicamente convertidos a éste, y se acceden aplicando un Software conveniente llamado

accedidos desde un amplio abanico de dispositivos con conexión a Internet.

usuarios o monitorizar una situación cambiante, proporcionar información personalizada de alguna

manera a los requisitos del usuario individual,…

clasificaciones pueden ser:

Sitio de comercio electrónico.

Sitio de comunidad virtual.

Sitio de base de datos.

los usuarios tengan acceso a la información que tiene.

servidores, utilizando normalmente el protocolo de transferencia de hipertexto (HTTP).

2. HTML: el lenguaje web

buscadores de información, personalizar la apariencia de la página, presencia de animaciones y

comportamiento de navegadores web y otros procesadores de HTML.

< html> </html> Inicio y final del documento HTML.

<script> Incrusta un script en una web.

información sobre el documento que no se muestra directamente al usuario, como:

<title> </title> Define el título de la página, el cual aparecerá encima de la ventaja.

Debe ir incluido entre las etiquetas <head> .

<link> </link> Vincula el sitio a hojas de estilo o iconos.

<style> </style> Coloca el estilo interno de la página.

<body> </body> Contenido principal o cuerpo del documento. Aquí se encontrará la

gráficos, formularios,…). Dentro de la parte principal se pueden encontrar diferentes etiquetas,

<br> Salto de línea forzado. es

<img> </img> Imagen.

elemento de la lista se indica con la etiqueta <li> </li>.

<b> </b> Texto en negrita.

<i> </i> Texto en cursiva.

<s> </s> Texto tachado.

<u> </u> Texto subrayado hasta HTML5.

preocuparse por estructurar y agregar contenidos, dejando para el sistema de exportación lo

relacionado con los aspectos visuales.

donde se regule dicho concepto.

3. Tecnologías: webs estáticas, interactivas y lenguajes de

como son las siguientes:

administradores de la web pueden dar de alta, modificar, corregir y borrar la información

muchos terminales móviles.

siempre personalizadas y a medida, según las necesidades del cliente.

Comparativa entre webs estáticas y dinámicas

opción de web dinámica, podría convertirse a la misma.

comentarios, participación en discusiones,…

los usuarios, ya que les permite indicar sus opiniones.

La programación es un sector en auge que requiere un reciclaje continuo.

Un lenguaje de programación es un sistema notacional para describir computaciones de una

Los lenguajes de programación se componen de símbolos y reglas sintácticas y semánticas, las

cuales van a definir la estructura y significado de los elementos y expresiones.

Se pueden diferenciar algunos elementos de los lenguajes de programación, como son:

una variable contenedor.

Sintaxis: forma visible de un lenguaje de programación. La sintaxis describe las

combinaciones posibles de los símbolos que forman un programa sintácticamente correcto. Se

define normalmente utilizando una combinación de expresiones regulares (para la estructura

léxica) y la Notación de Backus-Naur (para estructura gramática).

que se pueden verificar en el momento de compilar.

Sistemas de tipos: define la manera en la que un lenguaje de programación clasifica los

Su objetivo es verificar y poner en vigor un cierto nivel de exactitud en programas escritos en

el lenguaje en cuestión, detectando ciertas operaciones inválidas.

Algunos ejemplos de lenguajes de programación más destacados son los siguientes:

4. Plataformas más comunes

apartados siguientes, se encuentran:

los estándares web y la usabilidad. WordPress es libre y gratuito.