Un sitio web (o sitio de Internet o simplemente llamado sitio ) [1] es un conjunto de páginas web relacionadas , o una estructura hipertextual de documentos de información que reside, a través de alojamiento , en un servidor web , accesible por el usuario final a través de un motor común búsqueda y/o una dirección web mediante el uso de un navegador web .
Desde el punto de vista de la organización o estructura de los contenidos, típicamente un sitio web se estructura en una página principal ( home page ), que representa la página principal de presentación del sitio y sus contenidos y de las páginas web secundarias de los contenidos, accesible desde los menús y widgets presentes en la propia página de inicio a través de enlaces internos ( anclajes ) al propio sitio. Cuando el sitio web constituye un punto de partida, una puerta de entrada, para agrupar servicios o información web de diferente tipo (normalmente desarrollados y gestionados de forma independiente unos de otros), hablamos más propiamente de un portal web . Además, un sitio web suele estar acoplado/acompañado de una base de datos en el mismo servidor web para el almacenamiento estructurado de datos e información [2] [3] . La página de inicio de un sitio es la página que se obtiene tecleando únicamente el nombre del dominio .
Por ejemplo, en www.w3c.org/Consortium/Offices/role.html :
Normalmente las páginas de un sitio residen todas en el mismo servidor Web , es decir, el espacio físico donde residen los archivos que componen el sitio, y la bifurcación de la dirección en subcarpetas corresponde a una bifurcación igual en el disco duro del mismo servidor. Obviamente, el acceso a un sitio o páginas web para cualquier cambio de contenido y/o forma por parte de los desarrolladores está enteramente reservado al administrador del sitio a través de códigos o claves de acceso.
Para la interpretación del código que conforma una página web, comúnmente se utilizan los navegadores , es decir, aquellos software que tienen la tarea de interpretar el código y devolver una salida gráfica. Entre los navegadores más utilizados podemos encontrar (a título indicativo y no exhaustivo) Mozilla Firefox, Google Chrome, Opera, Microsoft Internet Explorer, Microsoft Edge (SO Windows 10) y Safari. Los archivos que interpretan estos software al acceder a la página web suelen ser las hojas de estilo ( CSS ) y los distintos scripts que se invocan cuando se accede a la página. Estos, por tanto, determinan el aspecto gráfico final devuelto al usuario al acceder a la página [4] .
Desde el punto de vista de la estructura y la tecnología utilizada, los sitios web se pueden dividir en dos tipos principales [5] [6] [7] :
A su vez, algunas agencias web más profesionales suelen querer volver a diferenciarlas en:
Es muy importante comprender que el desarrollo web a medida es una característica muy compleja de procesar y que los costos de producción relacionados pueden variar mucho en la escala económica. Los sitios web estáticos compuestos por páginas estáticas tienen contenido de solo lectura y exclusivo, generalmente se actualizan con baja frecuencia y son mantenidos por una o más personas que actúan directamente sobre el código HTML de la página (a través de editores web especiales ). Esta es históricamente la primera generación de sitios web.
Los sitios web dinámicos compuestos por páginas web dinámicas , por otro lado, tienen contenido escrito dinámicamente (generalmente gracias a la conexión a una base de datos ) y brindan contenido que puede variar en función de varios factores. Los sitios web dinámicos se caracterizan por una alta interacción entre el sitio y el usuario; algunos elementos que caracterizan el dinamismo de un sitio pueden ser: interacción con una o más bases de datos, visualización de la hora del servidor , varias operaciones en el sistema de archivos (como creación dinámica de documentos, etc.), encubrimiento basado en varios parámetros (incluido el agente de usuario , o navegador , o resolución de usuario), visualización o impresión o catalogación de las direcciones IP de los usuarios , y mucho más.
Se pueden escribir a través de lenguajes de secuencias de comandos como ASP , PHP y muchos otros lenguajes web. La peculiaridad de los sitios dinámicos es que las "páginas" que componen el sitio se generan cuando el usuario llama (excepto en los sistemas que adoptan caché) ya que los contenidos no se almacenan directamente en el código fuente de la página, sino en sistemas de almacenamiento. externos a ella, como las citadas bases de datos. La modificación de los contenidos, que muchas veces pueden ser actualizados gracias a algunos editores gráficos (llamados WYSIWYG ) incluso sin actuar directamente sobre el código, es generalmente frecuente. Un claro ejemplo de un sitio dinámico es www.wikipedia.org .
Los sitios web se dividen comúnmente en categorías para enmarcar el sector de operación o los servicios ofrecidos [8] :
Muchos sitios son un cruce entre dos o más de las categorías anteriores. Por ejemplo, el sitio de una empresa puede anunciar sus productos y publicar material informativo simultáneamente. El nombre de portal es un sitio web que ha asumido dimensiones tales como para constituir un punto de partida, una puerta de entrada a un gran grupo de recursos para los usuarios de la web; la temática del portal puede ser más o menos generalista o especializada ( portal vertical ). Algunos sitios web tienen áreas restringidas o secciones a las que solo se puede acceder previo pago de una tarifa, registro o asignación de una contraseña.
Los sitios residen, a través de alojamiento , en un servidor web y son accesibles para el usuario cliente que envía una solicitud de acceso a través de un navegador web en la World Wide Web de Internet , ingresando la URL respectiva o directamente la dirección IP . Se puede acceder a las páginas del sitio web a través de una raíz común (llamada " nombre de dominio ", por ejemplo " www.kernel.org "), seguida de un conjunto opcional de "subdirectorios" y el nombre de la página. El nombre completo de cada página se denomina "dirección web" o, más técnicamente, URI (o URL ) [9] .
El diseño de un sitio web es muy similar al modelo de desarrollo de software típico de la ingeniería de software con la definición/planificación inicial de lo que se debe lograr a nivel lógico (análisis/definición de especificaciones, estructuración de contenidos y gráficos/formato), seguido de la fase de implementación y la fase de prueba y posterior corrección de cualquier inconsistencia con las especificaciones o usabilidad del sitio en sí. La creación/gestión de un sitio web hace un uso extensivo de técnicas y conocimientos de programación web o formatos predefinidos directamente disponibles para el usuario administrador proporcionados por herramientas específicas o disponibles en la red y típicamente fáciles de usar [10] .
El lenguaje más popular con el que se crean los sitios web es HTML ( Hyper Text Markup Language ), sus derivados y CSS . En particular, HTML es interpretado por un software particular llamado navegadores web . Algunos complementos del navegador , como Flash , Shockwave o los applets de Java , permiten la visualización de contenido animado. Para sitios web dinámicos donde algún contenido puede generarse dinámicamente en el navegador del usuario, además de los lenguajes anteriores, se utilizan lenguajes de scripting como JavaScript o HTML dinámico , tecnologías soportadas por defecto por todos los navegadores recientes ( programación web del lado del cliente ) .
Para la construcción/implementación de sitios web dinámicos capaces de extraer datos de bases de datos , enviar correos electrónicos , gestionar información, etc., los lenguajes de scripting más populares son PHP , Ruby , Python y ASP como alternativa a Java , generalmente utilizados para aplicaciones empresariales. ( programación web del lado del servidor ). Para la creación de sitios web, muchos webmasters suelen utilizar herramientas automatizadas, llamadas webeditors (por ejemplo , WYSIWYG ), gracias a las cuales pueden escribir el código incluso sin tener un conocimiento profundo de los idiomas. Cada vez más, la creación y gestión de sitios web complejos y ricos en contenido pasa por el uso de Content Management System ( CMS ), plataformas web reales (una especie de evolución de los editores web) para las que no se requieren conocimientos técnicos de programación web y también útil para foros , blogs y portales de comercio electrónico . Estas plataformas a menudo se basan en plataformas XAMPP .
Los sitios web deben cumplir con los requisitos de accesibilidad que hacen que su contenido sea accesible para cualquier persona, incluidas las personas con discapacidades mentales y físicas, definidas en reglas precisas llamadas Pautas de accesibilidad al contenido web (WCAG) definidas por el World Wide Web Consortium (W3C) [ 11] .
Entre las figuras profesionales relacionadas con la creación de sitios web se encuentran [12] [13] :
En el panorama de los profesionales de la red, se ha intentado regular en base a los modelos europeos E-cf con la creación por parte de IWA -entidad de normalización de las profesiones Web- de una serie de figuras profesionales según criterios de competencias y conocimientos.
Aunque existen técnicas para aumentar la seguridad, en sitios dinámicos puede haber [14] [15] [16] :
Las principales causas de un sitio web lento son [17] [18] :
Anual y mensualmente, algunas asociaciones otorgan premios a los mejores sitios web (en términos de codificación, diseño, creatividad, originalidad, etc.) [19] [20] [21] [22] [23] .
Los aspectos legales relacionados con la publicación de documentos en un sitio web son a menudo controvertidos, ya que los documentos ubicados en un país en particular también son accesibles desde lugares con leyes y usos completamente diferentes, pero también porque las leyes de los países individuales difícilmente siguen la continuidad y rápida evolución de la Web. En general, los contenidos de un sitio están sujetos a las condiciones de uso del proveedor del espacio web ( alojamiento ) y a las leyes del país en el que se encuentra (por ejemplo leyes sobre derechos de autor , pornografía , etc.). Algunos ordenamientos jurídicos prevén obligaciones especiales para los operadores de sitios web. En los países de habla alemana, por ejemplo, es obligatorio insertar una declaración de propiedad y autoría llamada Impressum [24] en el sitio .
En Italia , el Decreto Legislativo 196/2003 ( Ley de Privacidad ) requiere que los sitios que recopilen información personal de los usuarios, o realicen actividades de comercio electrónico , brinden al interesado información adecuada sobre el procesamiento de datos personales. Sin embargo, en 2014 una investigación de Federprivacy mostró que el 67 % de los sitios italianos infringían este requisito, sujetos a sanciones que oscilaban entre los 6.000 y los 36.000 euros. [25] [26] [27] [28]
El arte. 2250 del Código Civil , reformado por el art. 42, Ley 88/2009 obliga a las sociedades anónimas a publicar información legal en sus escrituras, correspondencia, en la página web de la empresa y en otros lugares virtuales de comunicación, como correos electrónicos y perfiles en redes sociales. Estos datos incluyen: razón social, domicilio social, Código Tributario y CIF , correo electrónico certificado (PEC), Oficina de Registro donde se encuentra registrado, número del Repertorio Económico Administrativo (Rea), y otros, dependiendo de la empresa específica. estructura. [29]
Factorizar [30] [31] [32] [33] [34] [35] | sitio estático | sitio dinámico |
Costo | Los sitios estáticos suelen ser más baratos de alojar. También se pueden alojar de forma gratuita utilizando servicios como Altervista . | Debido a los requisitos de procesamiento adicionales esperados, los sitios web dinámicos pueden requerir hosts de mejor rendimiento y, por lo tanto, más costosos . |
Gestión de contenido | Para actualizar el contenido, se requerirán habilidades de codificación para escribir HTML y CSS. Existen opciones de CMS establecidas y emergentes que admiten sitios web estáticos o software WYSIWYG como BlueGriffon y Dreamweaver. | Existen sistemas de administración de contenido populares como WordPress , Drupal y Joomla .
Es posible que la actualización de contenido nunca requiera la participación de un desarrollador. Los usuarios pueden administrar el contenido ellos mismos. Esto se traduce en ahorros en costos de desarrollo o mantenimiento a largo plazo. |
Extensibilidad | Es posible que los complementos no estén disponibles para sitios web estáticos. Sin embargo, los servicios de terceros pueden integrarse en un sitio web estático. Algunos ejemplos son Disqus y MailChimp . | Existen herramientas y complementos que pueden ampliar la funcionalidad y la optimización de sitios web dinámicos, como los complementos de CMS . |
La seguridad | Un sitio estático es potencialmente más seguro que uno dinámico, ya que no contiene datos de usuario, detalles de pago, etc. | Riesgo de ciberataques, suplantación de identidad y robo de datos de pago de los usuarios. |
Complejidad | HTML y CSS suelen ser más simples que los lenguajes del lado del servidor como ASP y PHP. | Por lo general, requiere más habilidades de desarrollo web y conocimiento de múltiples lenguajes de programación que el sitio estático. La alternativa a la construcción del sitio sin programación son los CMS . |
Copia de seguridad de restauracion | Solo se respaldan los archivos. Si el sitio web falla, los archivos se pueden restaurar para restaurar un sitio web estático. | Es posible que se requiera una copia de seguridad más compleja. Además de la copia de seguridad del sitio web, también puede haber bases de datos que necesiten copia de seguridad. |
Interacción con los usuarios | Un sitio estático solo puede ser leído, no puede ser modificado por usuarios que no pueden chatear, comentar, publicar. | Posibilidad de crear comercio electrónico , blogs , foros y sitios web donde el usuario puede comentar, registrarse, interactuar con otros usuarios del sitio, chatear, modificar el sitio en sí a través de wikis . |
Flexibilidad | En un sitio estático es más fácil insertar contenido animado, 3D y varios efectos por ejemplo con WebGL , animaciones CSS3 , SVG y Canvas . | Para contenido animado y 3D, a menudo es necesario recurrir a complementos pagos [36] . |
Mantenimiento | Una página estática debe actualizarse desde un punto de vista técnico solo si el lenguaje de programación con el que se creó se vuelve obsoleto (por ejemplo, los sitios HTML4 tienen que migrar a HTML5 ) [37] . | Algunos CMS y complementos relacionados requieren una actualización constante por razones de seguridad. |
Tipo de sitio web [5] [6] [7] [8] | Descripción | Ejemplos |
---|---|---|
Red de afiliados | Un sitio, normalmente de unas pocas páginas, cuyo propósito es vender un producto de terceros. El vendedor recibe una comisión por facilitar la venta. | |
agencia afiliada | Portal habilitado que crea no solo su propio CMS personalizado, sino también contenido sindicado de otros proveedores de contenido por una tarifa acordada. Suele haber tres niveles de relación (ver Agencias afiliadas). | Commission Junction, anunciantes como eBay |
sitio de archivo | Se utiliza para preservar contenido electrónico valioso que está en peligro de extinción. Dos ejemplos son: Internet Archive, que ha conservado miles de millones de páginas web antiguas (y nuevas) desde 1996, y Google Groups , que a principios de 2005 almacenó más de 845 000 000 de mensajes publicados en grupos de discusión/noticias de Usenet. | grupos de Google |
Sitio web de software malicioso | Un sitio creado específicamente para atacar las computadoras de los visitantes en su primera visita a un sitio web mediante la descarga de un archivo (generalmente un troyano ). Estos sitios web se basan en usuarios desprevenidos con una protección antivirus deficiente en sus computadoras. | |
Blog | Sitios generalmente utilizados para publicar revistas en línea que pueden incluir foros de discusión. Muchos blogueros utilizan los blogs como una sección editorial de un periódico para expresar sus ideas sobre todo, desde política hasta religión, videojuegos, crianza de los hijos, y todo lo demás. Algunos bloggers son bloggers profesionales y se les paga para bloguear sobre un tema determinado y generalmente se encuentran en sitios de noticias. | WordPress |
Sitio de construcción de marca | Un sitio con el propósito de crear una experiencia de marca en línea. Estos sitios generalmente no venden nada, pero se enfocan en construir la marca. Los sitios de construcción de marca son más comunes para bienes de consumo de alto volumen y bajo valor (FMCG). | |
sitio web de celebridades | Un sitio web cuya información gira en torno a una celebridad o figura pública. Estos sitios pueden ser oficiales (respaldados por la celebridad) o creados por fanáticos (administrados por un fanático de una celebridad o un fanático sin respaldo implícito). | jimcarrey.com |
Sitio web de compras comparativas | Un sitio web que proporciona un motor de búsqueda vertical que los compradores usan para filtrar y comparar productos según el precio, las características, las reseñas y otros criterios. | Compras.com |
Sitio web de financiación colectiva | Plataforma para la financiación de proyectos mediante la compra anticipada de productos o pidiendo al público que haga una donación. | Pedal de arranque |
sitio de donación | Un sitio web que permite al visitante hacer una donación a la caridad simplemente haciendo clic en un botón o respondiendo correctamente una pregunta. Un anunciante suele hacer una donación a la caridad por cada respuesta correcta generada. | Arroz |
sitio de contenido | Un sitio cuyo negocio es la creación y distribución de contenido original. | wikiHow.com, Acerca de.com |
sitio de clasificados | Un sitio que publica anuncios clasificados. | www.gumtree.com, Craigslist |
Página Web de la compañía | Se utiliza para proporcionar información básica sobre una empresa, organización o servicio. | |
servicio de citas en linea | Un sitio donde los usuarios pueden encontrar a otras personas solteras que buscan relaciones a largo plazo, citas, reuniones cortas o amistad. Muchos de estos son servicios pagos, pero hay muchos sitios de citas gratuitos o parcialmente gratuitos. La mayoría de los sitios de citas en la década de 2010 tienen la funcionalidad de los sitios de redes sociales. | eHarmony, Match.com |
sitio de comercio electrónico | Un sitio que ofrece bienes y servicios para la venta en línea y permite transacciones en línea para esas ventas. | amazon.com |
sitio de noticias falsas | Un sitio que publica noticias falsas, con la intención de engañar a los visitantes y lucrar con la publicidad. | BFNN, El Stormer Diario |
foro de Internet | Un sitio donde las personas pueden tener conversaciones en forma de mensajes publicados. | RascacielosCiudad, 4chan |
Sitio web de la galería | Un sitio web específicamente diseñado para ser utilizado como galería; estos pueden ser una galería de arte o una galería de fotos y de carácter comercial o no comercial. | |
sitio web del gobierno | Un sitio web construido por el gobierno local, estatal, departamental o nacional de un país. Por lo general, estos sitios también operan sitios web destinados a informar a los turistas o apoyar el turismo. | USA.gov, Naenara, GOV.UK |
sitio de estadísticas | Un sitio web diseñado para mostrar estadísticas (generalmente de carácter económico y social con respecto a los estados). | Explorador de datos públicos de Google , Statista , TradingEconomics.com , WID.world |
sitio de queja | Un sitio dedicado a la crítica de una persona, un lugar, una empresa, un gobierno o una institución. | |
Sitio web de juegos en línea | Sitios web donde los usuarios pueden jugar juegos en línea | Juegos de navegador, OGame, Travian, |
Sitio web de apuestas en línea | Un sitio que permite a los usuarios jugar juegos en línea como los juegos de azar. | |
sitio de humor | Satirizar, parodiar o entretener a la audiencia. | La Cebolla, Archivo Digital Nacional Lampoon, Encyclopedia Dramatica |
sitio de información | La mayoría de los sitios web entran en esta categoría hasta cierto punto. No necesariamente tienen fines comerciales. | La mayoría de las instituciones gubernamentales, educativas y sin fines de lucro tienen un sitio de información. |
Sitio para compartir contenido multimedia | Un sitio que permite a los usuarios cargar y ver contenido multimedia como imágenes, música y videos. | YouTube , DeviantArt |
sitio espejo | Un sitio web que es una réplica de otro sitio web. Este tipo de sitio web se utiliza como respuesta a los picos de visitantes. Los sitios espejo se utilizan más comúnmente para proporcionar múltiples fuentes de la misma información y son particularmente útiles como medio para brindar acceso confiable a grandes descargas. | |
Sitio web de microblogs | Una forma breve y sencilla de bloguear. El microblogging está limitado a una cierta cantidad de caracteres y funciona de manera similar a una actualización de estado en Facebook. | Gorjeo |
Sitio de noticias | Similar a un sitio de información, pero dedicado a difundir noticias, política y comentarios. | cnn.com
bbc.com/noticias |
Sitio web personal | Sitios web sobre un individuo o un grupo pequeño (como una familia) que contienen información o cualquier contenido que el individuo desea incluir. Un sitio web personal de este tipo es diferente de un sitio web de celebridades , que puede ser muy costoso y estar a cargo de un agente o agencia de publicidad. | |
sitio web de phishing | Un sitio web creado para adquirir de manera fraudulenta información confidencial, como contraseñas y datos de tarjetas de crédito, haciéndose pasar por una persona o empresa de confianza (como la Administración del Seguro Social, PayPal, un banco) en una comunicación electrónica. | |
Sitio web para compartir fotos | Un sitio web creado para compartir fotos digitales con la comunidad en línea. | Flickr, Instagram, Imgur |
p2p / sitio web de torrents | Sitios web que indexan archivos torrent. Este tipo de sitio web es diferente de un cliente de BitTorrent, que suele ser un software independiente. | Mininova, La Bahía Pirata, IsoHunt |
Sitio político | Un sitio donde las personas pueden expresar opiniones políticas, brindar humor político, hacer campaña o brindar información sobre un candidato, partido político o ideología en particular. | Sitio web de Rhino Party de Canadá |
Sitio de preguntas y respuestas (Q&A) | Un sitio donde la gente puede hacer preguntas y obtener respuestas. | Quora, Stack Exchange Network (incluido Stack Overflow), (2005 a mayo de 2021) Yahoo! respuestas |
sitio religioso | Un sitio donde las personas pueden anunciar un lugar de culto, brindar inspiración o tratar de alentar la fe de un seguidor de esa religión. | |
Reseñas | Un sitio donde las personas pueden publicar reseñas de productos o servicios. | Yelp, tomates podridos |
sitios web de la escuela | Un sitio donde los maestros, estudiantes o administradores pueden publicar información sobre eventos que están ocurriendo o involucrando a su escuela. Los sitios web de escuelas primarias y secundarias de EE. UU. generalmente usan k12 en la URL | |
Sitio "raspador" | Un sitio que duplica en gran medida el contenido de otro sitio sin permiso, sin pretender ser ese sitio, para capturar parte del tráfico de ese sitio (especialmente de los motores de búsqueda ) y obtener ganancias de la publicidad o los ingresos de otras formas. | |
Buscador | Un sitio web que indexa material en Internet o una intranet (y últimamente en medios tradicionales como libros y periódicos) y proporciona enlaces a información como respuesta a una pregunta. | Búsqueda de Google, Bing, DuckDuckGo, Ecosia |
sitio de choque | Incluye imágenes u otro material que debería ser ofensivo para la mayoría de los espectadores. | Cabra.cx, rotten.com |
Sitio de exhibición | Portales web utilizados por individuos y organizaciones para mostrar cosas de interés o valor | |
sitio de marcadores sociales | Un sitio donde los usuarios comparten otro contenido de Internet y califican y comentan sobre el contenido. | Tropiezo, Digg |
Servicio de redes sociales | Un sitio donde los usuarios pueden comunicarse entre sí y compartir contenido multimedia, como imágenes, videos, música, blogs, etc. con otros usuarios. Estos pueden incluir juegos y aplicaciones web. | YouTube, Facebook, Instagram, Pinterest, LinkedIn |
noticias sociales | Un sitio web de noticias sociales presenta historias publicadas por usuarios clasificadas por popularidad. Los usuarios pueden comentar y escribir publicaciones, y esos comentarios también pueden calificarse. Desde su inicio con el nacimiento de la web 2.0, estos sitios se utilizan para vincular muchos tipos de información, incluidas noticias, humor, apoyo y discusión. Los sitios de noticias sociales presumiblemente facilitarían la participación democrática en la web. | Reddit, Digg, SlashDot |
Warez | Un sitio diseñado para alojar o vincular materiales como música, películas y software que el usuario puede descargar. | la bahia pirata |
Webcómic | Un cómic en línea, que varía en varios estilos y géneros exclusivos de la World Wide Web. | Penny Arcade , xkcd , Tribunal Gunnerkrigg |
Correo web | Un sitio que proporciona un servicio de correo web. | Hotmail, Gmail, Protonmail, Yahoo! Correo |
Portal web | Un sitio que proporciona un punto de partida o puerta de entrada a otros recursos en Internet o una intranet. | msn.com, msnbc.com, Newgrounds, Yahoo! |
sitio wiki | Un sitio donde los usuarios editan su contenido de forma colaborativa. | Wikipedia, wikiHow, Wikia |
Sitio web de una sola página [ 38] (o "una página") | Un sitio web que se puede utilizar o acceder en una sola página web . |