13/08/2018
Wordpress es el sistema gestor de contenidos más utilizado en el mundo. En el este post, realizamos un análisis de las principales cualidades que ofrece, a la hora de diseñar una página web para tu empresa o blog.
01/08/2019
El módulo Diseño de Interfaces Web se encuadra dentro del ciclo formativo de grado superior Desarrollo de Aplicaciones Web.
01/09/2019
El lenguaje de marcas es un tipo de lenguaje de programación que no tiene funciones aritméticas o variables. HTML es un ejemplo de este lenguaje.
02/09/2019
La última versión del lenguaje de programación HTML es el HTML5. Las webs implementadas en HTML5 no se visualizan correctamente en navegadores antiguos.
03/09/2019
En este apartado vamos a ver dos tipos de etiquetas HTML: las etiquetas que agrupan el contenido y las etiquetas que contienen fragmentos de texto.
04/09/2019
Los formularios son el soporte en el que se integran los botones y las áreas de texto que se utilizan para que los usuarios introduzcan sus datos.
04/09/2019
Las tablas de contenido nos permiten almacenar los datos de forma ordenada. En este punto veremos cómo se crean tablas de contenido en HTML.
05/09/2019
El contenido HTML incrustado se utiliza para mostrar recursos externos como, por ejemplo, mapas, previsiones meteorológicas, fórmulas matemáticas, imágenes.
05/09/2019
Para crear nuestros propios estilos necesitamos conocer cómo se ordenan los elementos en HTML5. Vamos a ver las características más importantes de los elementos de ordenación.
05/09/2019
Al crear una página web muy larga es útil crear marcadores o enlaces locales que nos permitan saltar directamente a la parte de la página que nos interesa
05/09/2019
El W3C es el encargado de estandarizar el lenguaje HTML y en su plataforma nos ofrece varias herramientas e información muy valiosa.
06/09/2019
El W3C es el encargado de estandarizar el lenguaje HTML y en su plataforma nos ofrece varias herramientas e información muy valiosa.
06/09/2019
La metainformación en HTML se utiliza para proporcionar información adicional sobre un documento HTML. Veamos las etiquetas más comunes.
06/09/2019
La declaración viewport nos permite definir los parámetros de visualización de un página web en los diferentes dispositivos.
06/09/2019
Resumen de elementos y etiquetas que se han ido viendo a lo largo de la segunda unidad del módulo de Desarrollo de Interfaces Web.
06/09/2019
Para incluir el acceso directo o icono identificativo en la pantalla de un smartphone, tablet o navegador podemos insertar etiquetas especiales en nuestro código HTML.
07/09/2019
A la hora de compartir en una red social una página web hay que tener en cuenta diferentes aspectos para que se presente el contenido de una forma atractiva. Para ello utilizaremos las metaetiquetas o metatags.
07/09/2019
Este artículo es una guía básica para publicar contenido usando GitHub y SourceTree.
07/09/2019
Este post es una guía básica para publicar contenido usando GitHub y Visual Studio Code.
09/09/2019
Tabla de colores html. En la siguiente tabla puedes ver los valores de los colores según su nombre, código hexadecimal y en RGB.
10/10/2019
CSS (Cascading Style Sheets) es un lenguaje que nos permite controlar el aspecto de las páginas web escritas en HTML o en cualquier lenguaje basado en XML.
11/10/2019
Hay tres formas de aplicar estilos CSS en un documento HTML: en línea, incrustado en la cabecera y con hojas de estilo externas. Veamos cada una de ellas.
11/10/2019
Veamos cuáles son los selectores básicos que podemos utilizar en CSS: selector universal, selector etiqueta, slector identificador y selector clase.
11/10/2019
Los valores de las propiedades se pueden expresar en diferentes unidades de medida: longitudes absolutas, longitudes relativas y mediante porcentajes.
11/10/2019
Veamos cuáles son los atributos o propiedades de los estilos CSS más utilizados relacionados con los colores y los fondos.
11/10/2019
Las propiedades de los textos son las que permiten controlar el texto como bloque, es decir, afectan al interlineado, la separación entre palabras, tabulado.
11/10/2019
Las propiedades CSS de las fuentes son las que permiten controlar el tamaño, el tipo, el grosor o el estilo de las letras entre otras cosas.
11/10/2019
Las propiedades CSS de las listas son las que nos permiten controlar los estilos de los marcadores, la posición de los elementos dentro de las listas...
11/10/2019
Las propiedades CSS de las tablas nos permiten controlar los estilos de los títulos de la tabla, el tamaño de las celdas, las filas y las columnas, etc.
12/10/2019
Gracias a las pseudo-clases de CSS podemos realizar una selección más específica de los elementos a los que queremos aplicar un cierto estilo sin necesidad de crear una clase concreta.
12/10/2019
Actualmente los navegadores tienen implementadas muchas de las nuevas características de CSS3 utilizando sus propios prefijos.
12/10/2019
Cualquier elemento incluido en un documento HTML dispone de una estructura tipo caja que se puede modificar usando las propiedades CSS.
12/10/2019
Veamos cómo usar las propiedades CSS width, height, max-width y min-height para controlar el tamaño de los elementos en una página web.
12/10/2019
En este apartado vamos a repasar el comportamiento de los contenedores en CSS. Para ello veremos las propieades position, display o z-inde, entre otras.
12/10/2019
En esta sección del tutorial de CSS veremos paso por paso cómo crear un menú horizontal desde cero mediante HTML y CSS.
12/10/2019
Gracias a los estilos podemos romper el diseño gris con líneas negras de los formularios y convertirlos en una parte más que se integra perfectamente en nuestro diseño web.
12/10/2019
Seguir unas buenas prácticas a la hora de crear estilos CSS hace que el código sea más claro y legible tanto para ti y como para tus compañeros de proyecto.
12/10/2019
Utilizar los recursos más apropiados es imprescindible para desarrollar con el mayor éxito cualquier página web. Veamos varias herramientas útiles...
13/10/2019
Comprueba tu progreso de aprendizaje de estilos CSS con el test que tenemos preparado.
18/10/2019
A la hora de crear una interfaz web existen diferentes tipos de diseño: diseño con tamaño fijo, diseño. Es importante mencionar que estos métodos se pueden utilizar de forma combinada. Veamos cada uno de estos métodos.
19/10/2019
Las hojas de estilos CSS permiten definir diferentes estilos para diferentes medios o dispositivos: pantallas, impresoras, proyectores, televisores, etc.
20/10/2019
Las media queries se introdujeron en CSS3 para dar respuesta a las necesidades del diseño web responsive. Mediante ellas podemos definir estilos condicionales, aplicables únicamente en determinadas situaciones.
02/11/2019
El módulo de caja flexible o flexbox nos ofrece un mecanismo con el que dividir el espacio disponible en la ventana, y crear las filas y columnas necesarias para la implementación del diseño de una página web.
02/11/2019
CSS Grid nos ayuda a maquetar nuestra página web mediante cuadrículas o rejillas (grids) totalmente configurables mediante estilos CSS.
02/11/2019
Existen diferentes maneras de centrar horizontal y verticalmente un elemento mediante CSS. A continuación se describen las técnicas más destacadas.
02/11/2019
Mediante los preprocesadores CSS se desarrollan estilos más mantenibles y con una sintaxis más rica. Los ficheros son parecidos a los de CSS y deben compilarse.
13/11/2019
Antes de conocer cómo podemos insertar un vídeo en HTML5 vamos a ver los distintos tipos de formatos de vídeo y sus conversiones.
13/11/2019
El elemento video de HTML5 dispone de varios atributos que nos permiten establecer sus diferentes valores de comportamiento.
14/11/2019
Los audios digitales están disponibles en distintos formatos y en diferentes extensiones. Veamos los distintos formatos y su optimización para la web.
15/11/2019
El elemento "audio" de HTML5 dispone de varios atributos que nos permiten establecer sus diferentes valores de comportamiento.
16/11/2019
Para poder controlar todos los elementos de nuestro reproductor podemos utilizar JavaScript y aprovechar los nuevos métodos, propiedades y eventos incorporados en HTML5. Veamos las características más importantes.
16/11/2019
En este apartado vamos a ver cómo encadenar diferentes animaciones utilizando la propiedad animation, sus subpropiedades y la secuencia de animación @keyframes
17/11/2019
El elemento canvas nos permite pintar gráficos, crear animaciones y desarrollar videojuegos mediante un API de Javascript.
21/11/2019
Veamos cómo realizar una pequeña animación en Canvas y cómo interactuar con los elementos del lienzo mediante el teclado.
04/12/2019
Existe en el mercado una amplia variedad de frameworks de diseño web responsive que nos facilitan la tarea de crear nuestras interfaces gráficas.
05/12/2019
Bootstrap se puede instalar de formas diferentes. En esta sección veremos los dos métodos más utilizados: utilizando su CDN y descargando el código en local.
05/12/2019
Bootstrap permite diseñar páginas web mediante un sistema de columnas o rejillas que nos ayudan en la disposición del contenido y su adaptación a los diferentes dispositivos
05/12/2019
Bootstrap define estilos predeterminados para prácticamente todas las etiquetas HTML. Veamos los estilos de los textos, las tipografías y los colores.
06/12/2019
Repasemos las clases que nos ofrece Bootstrap 4 para dar estilo fácilmente a las tablas de nuestras páginas web.
06/12/2019
Veamos las clases que nos ofrece Bootstrap 4 para dar estilo fácilmente a las imágenes de nuestras páginas web.
06/12/2019
Repasemos las clases que nos ofrece Bootstrap 4 para dar estilo fácilmente a los botones de nuestra página web. Disponemos de varias clases.
06/12/2019
Bootstrap nos da la posibilidad de utilizar diferentes componentes que podemos insertar en nuestros proyectos. Por ejemplo: menús de navegación, carousels y tablas de precios, entre otros.
07/12/2019
JQuery es una librería JavaScript que facilita tareas habituales como son acceso al DOM, manejo de eventos, desarrollo de animaciones, interacciones AJAX...
10/12/2019
Serie de retos o ejercicios sobre accesibilidad web que nos ayudan conseguir un desarrollo web lo más accesible posible y dar solución a problemas comunes.
30/12/2020
Scrum es una metodología de desarrollo ágil de software que ayuda a los equipos a desarrollar soluciones que van evolucionando según las necesidades del proyecto.
25/09/2021
GitHub cuenta con organizaciones que son cuentas compartidas donde equipos de personas pueden colaborar en proyectos diferentes.
29/09/2021
¿Cuáles son los comandos básicos de Git y Git? En este artículo encontrarás un resumen de los comandos mas utilizados para Git y GitHub.
10/05/2023
CSS, HTML y JavaScript son los lenguajes fundamentales para el desarrollo web. Con ellos, se pueden crear diseños atractivos y dinámicos.
05/07/2023
Domina XPath y encuentra fácilmente la información que necesitas en documentos XML con nuestro tutorial con explicaciones detalladas y ejercicios resueltos.
09/07/2023
A través del tutorial RSS, podremos comprender cómo funcionan los feeds RSS, su estructura y cómo se utilizan para compartir información online.
10/07/2023
Aprende JSON con este tutorial, el formato de intercambio de datos ampliamente utilizado en aplicaciones web y móviles.
12/07/2023
Descubre las últimas tendencias en desarrollo web para 2023. Desde el uso de vídeos en hasta aplicaciones web progresivas y más.
12/07/2023
Los gestores de contenido CMS nos dan la facilidad de crear, editar y publicar contenido sin saber programación. Veamos los más utilizados actualmente
12/07/2023
Wordpress.org y Wordpress.com son dos plataformas populares para la creación y gestión de sitios web. Veamos sus diferencias.
12/07/2023
En este post vamos a aprender de forma detallada cómo instalar Wordpress en local.
12/07/2023
Aprende a crear tu tienda en línea con Woocommerce, el plugin de WordPress líder para el comercio electrónico.
12/07/2023
Descubre los mejores plugins para WordPress: funcionalidades avanzadas, diseño personalizado y optimización SEO.
14/07/2023
Tutorial Markdown: Formato de texto sencillo para escribir contenido web con facilidad y rapidez. Aprende su sintaxis y crea contenido.
17/07/2023
La propiedad overflow (desbordamiento o excedente) nos permite controlar el comportamiento del contenido que se encuentra en una caja o contenedor.
18/07/2023
CSS ofrece funciones matemáticas que se pueden utilizar para realizar cálculos y manipular valores numéricos en propiedades CSS.
18/07/2023
Evolución del uso de los lenguajes de programación a lo largo de los años.
19/07/2023
Aprende a crear y compartir código en tiempo real con CodePen. Tutorial inicial para diseñadores y desarrolladores.
19/07/2023
En CSS, los cursores se utilizan para cambiar la apariencia del cursor del ratón cuando se encuentra sobre un elemento interactivo.
20/07/2023
Los botones CSS ofrecen flexibilidad para crear diseños únicos y atractivos en tus páginas web. Veamos algunos ejemplos.
21/07/2023
Veamos ahora los diferentes formatos de las fuentes y qué métodos tenemos para incorporarlos en nuestros proyectos web. Además conoceremos las ventajas de utilizar el repositorio de fuentes de Google Fonts.
22/07/2023
Las CSS Custom Properties nos permiten definir nombres para valores determinados de las propiedades y tratarlos como si fuesen variables.
22/07/2023
Aprende Bootstrap 5 desde cero: Tutorial completo sobre la creación de sitios web modernos y responsivos con este poderoso framework CSS.
22/07/2023
Descubre los frameworks de diseño CSS más populares en 2023 y cómo facilitan la creación de sitios web modernos y atractivos.
22/07/2023
Explora las diferentes versiones de Bootstrap y sus mejoras a lo largo del tiempo para crear sitios web impresionantes y receptivos.
22/07/2023
Descubre las diferencias clave entre Bootstrap 4 y Bootstrap 5, dos versiones del popular framework CSS, para elegir el más adecuado.
22/07/2023
Bootstrap se puede instalar de formas diferentes. En esta sección veremos los dos métodos más utilizados: utilizando su CDN y descargando el código en local.
22/07/2023
Domina la estructura de diseño de Bootstrap 5 con contenedores, filas y columnas. Crea diseños responsivos y fluidos para tus proyectos web.
22/07/2023
Descubre la paleta de colores de Bootstrap 5 y cómo aplicarlos en tus diseños para lograr una apariencia atractiva y coherente.
22/07/2023
Clases para dar estilo a los textos en Bootstrap 5. Personaliza el aspecto del texto con facilidad y crea diseños atractivos.
22/07/2023
Tablas en Bootstrap 5: Crea tablas responsivas y estilizadas con las clases predefinidas de Bootstrap 5 para organizar y presentar datos.
22/07/2023
Clases para dar estilo a las imágenes en Bootstrap 5: Descubre las opciones de diseño para resaltar y mejorar la presentación de imágenes.
22/07/2023
Clases para dar estilo a los botones en Bootstrap 5: Explora las opciones de diseño y personalización para crear botones atractivos.
22/07/2023
Descubre cómo dar forma y espaciado a tus elementos con las clases de bordes, padding y margin en Bootstrap 5.
22/07/2023
Descubre los componentes de Bootstrap 5 que facilitan la creación de interfaces web modernas y atractivas.
22/07/2023
Las plantillas y temas gratuitos para Bootstrap 5 te permitirán crear sitios web de manera rápida y sencilla.
22/07/2023
Resumen de clases y componentes de Bootstrap 5. Una referencia estilo chuleta (cheat sheet) rápida para diseñar sitios web responsivos.
23/07/2023
Los selectores de atributos permiten elegir elementos HTML en función de sus atributos y/o valores de esos atributos.
24/07/2023
Mediante las propiedades de CSS3 "text-shadow" y "box-shadow" podemos aplicar sombras en los textos y los contenedores para enriquecer nuestras interfaces.
24/07/2023
Prácticas CSS de páginas completas y proyectos específicos realizadas en clase de forma guiada.
25/07/2023
Los gradientes nos permiten añadir efectos de colores degradados en nuestros diseños. Disponemos de dos tipos de gradientes: lineal y radial.
25/07/2023
Aquí tienes una chuleta CSS (cheat sheet) de las propiedades que hemos visto a lo largo del capítulo avanzado de CSS.
26/07/2023
Los filtros CSS permiten aplicar efectos visuales a las imágenes. Para aplicar un filtro CSS a una imagen se utiliza la propiedad filter.
27/07/2023
Las transiciones nos permiten aplicar un cambio de estilo gradual a los estilos que hemos ido viendo hasta ahora o aplicar estilos diferentes entre estados.
27/07/2023
Tutorial accesibilidad web: aplica los principios de accesibilidad web en tus proyectos y contribuye a un internet más inclusivo y accesible.
27/07/2023
Las Pautas de Accesibilidad para el Contenido Web (WCAG) cubren un amplio rango de recomendaciones para crear contenido Web más accesible
27/07/2023
Cómo hacer imágenes accesibles: utiliza atributos 'alt' descriptivos y texto cercano para ofrecer una experiencia inclusiva.
27/07/2023
Aprende cómo hacer enlaces accesibles con texto descriptivo y tamaño adecuado, atributos 'title' y asegurando un orden lógico.
27/07/2023
Tablas accesibles: Aprende a crear tablas con atributos 'headers', 'scope', y etiquetas 'caption' para mejorar la accesibilidad.
27/07/2023
Formularios accesibles: Para garantizar la accesibilidad de los formularios, es importante seguir ciertas pautas y buenas prácticas.
27/07/2023
Te presentamos varias herramientas de evaluación, análisis y testeo de accesibilidad web para ayudarte a determinar si tu web es accesible.
28/07/2023
Las transformaciones CSS nos permiten rotar, torcer, escalar o desplazar los elementos de nuestra página web. Las dos propiedades que nos sirven para definir las transformaciones son transform y transform-origin.
30/07/2023
Un tooltip es una pequeña ventana emergente que se muestra al colocar el cursor sobre un elemento. Veamos los pasos para crear tooltips.
02/08/2023
Visualiza una tabla resumen de las propiedades CSS que hemos visto a lo largo del capítulo. Incluye su descripción y los valores que soporta.
08/09/2023
Un lenguaje de marcado es un sistema de codificación que utiliza etiquetas y marcadores para definir la estructura de un documento.
17/09/2023
Estudia los diferentes pasos que debes tener en cuenta a la hora de crear una web con las mayores garantías de éxito.
22/09/2023
Aplicando las siguientes reglas y normas de HTML, puedes crear código más limpio, más legible y más confiable.