El documento describe varios servicios web útiles para el desarrollo de páginas web, incluyendo lipsum y dummyimage que generan texto y imágenes de relleno, caniuse que proporciona información sobre la compatibilidad de elementos web entre navegadores, w3schools que ofrece referencias y ejemplos para HTML, CSS y JavaScript, y postImage que permite almacenar y enlazar imágenes.
1. 31/3/2020 1.3 Servicios web | 1.3 Servicios web
file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/01_Herramientas_entornos_de_trabajo/13_Serviciosweb/1_3_inde… 1/3
1.3 Servicios web
1.3 Servicios web
1.3 Servicios web
1.3 Servicios web
A lo largo del curso se emplearán una serie de servicios web especí cos para la realización de
determinadas tareas. Son servicios que pretenden ayudarnos y simpli car el uso de
elementos complejos de los lenguajes. Se irán viendo en los apartados correspondientes. No
obstante, hay algunos servicios que, por su utilidad, se usarán a lo largo de todo el curso:
lipsum: cuando diseñamos una página web, en ocasiones necesitaremos elementos de
relleno que nos permitan ver la apariencia del sitio, antes de contar con el contenido
de nitivo. Para los textos se suele emplear un texto seudoaleatorio conocido como lorem
ipsum (surgido a partir de un texto de Cicerón). Existen multitud de generadores de este
texto, útil porque simula el tamaño de palabras y frases en idiomas de raíz latina
occidentales. Se viene usando desde el siglo XVI para rellenar textos cuando no se disponía
del contenido nal. La web https://www.lipsum.com/, como otras muchas, nos va a permitir
indicar un número de párrafos, palabras, elementos de lista... y se encarga de crearlos para
poderlos copiar y pegar en nuestra página.
dummyimage: es un servicio similar al anterior, pero para su uso con imágenes. Estas
imágenes de relleno se emplean para ver el aspecto general del sitio hasta que se disponga
de las de nitivas. Existen muchos servicios web que ofrecen imágenes de relleno. Uno de
ellos es https://dummyimage.com/ que destaca por la sencillez de manejo: se pueden generar
las imágenes de forma muy rápida y sencilla, bien a través de un formulario que permite
2. 31/3/2020 1.3 Servicios web | 1.3 Servicios web
file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/01_Herramientas_entornos_de_trabajo/13_Serviciosweb/1_3_inde… 2/3
indicar tamaño, colores, formato y texto; o bien por medio de la propia dirección URL:
https://dummyimage.com/600x400/000/fff.png
caniuse: se trata de un página que informa de manera grá ca de las posibilidades de uso de
determinados elementos de los lenguajes. Hay que tener en cuenta que tratamos con
lenguajes vivos, en continua evolución, que crecen día a día. Esto hace que, incluso las
últimas versiones de los navegadores web, no sean capaces de interpretar la totalidad de los
elementos del lenguaje, ya sea HTML, CSS o Javascript. En caniuse podemos hacer consultas
sobre determinados elementos, y nos ofrecerá los navegadores y versiones de los mismos
que son capaces de interpretarlos. Por ejemplo, si consultamos por el nuevo elemento de
HTML details https://caniuse.com/#feat=details vemos que las actuales versiones de
Internet Explorer, Microsoft Edge y Opera Mini no son capaces de interpretarlo. Firefox lo
hace desde su versión 49 y Chrome desde la 12. Vemos también, en la parte superior, qué
porcentaje de usuarios verán correctamente el elemento (teniendo en cuenta estadísticas de
uso de cada versión de los navegadores). En este caso el 91.21 % de los usuarios. (Web
consultada en septiembre de 2019).
w3schools: es una de las web de referencia para la consulta y el aprendizaje de los lenguajes
de programación orientados a la web. Es especialmente útil la sección de referencia de cada
uno de los lenguajes: HTML, CSS, Javascript, etc., ya que ofrece un listado completo de los
3. 31/3/2020 1.3 Servicios web | 1.3 Servicios web
file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/01_Herramientas_entornos_de_trabajo/13_Serviciosweb/1_3_inde… 3/3
Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0
elementos de cada lenguaje, junto con una descripción de su uso, ejemplos y, en muchos
casos, un editor online para probarlos en vivo. Eso sí, en inglés.
postImage: es un servicio gratuito de almacenamiento de imágenes. Nos puede ser de
utilidad para subir imágenes y obtener enlaces a las mismas para usar en nuestras páginas
web. Siempre será más e ciente y obtendremos un mejor rendimiento si las subimos a
nuestro propio servidor, pero para practicar y hacer nuestras primeras pruebas funciona
perfectamente y nos libera de la necesidad de contar con un alojamiento propio. Se puede
con gurar el tamaño y el tiempo que estarán accesibles las imágenes
subidas. https://postimages.org/
