Blog de Notas sobre Temas Introductorios al Desarrollo Web: HTML y CSS

Google está considerando retirar su servicio de Google News de Europa mientras los reguladores trabajan hacia una polémica ley de derechos de autor. La Directiva de derechos de autor de la Unión Europea otorgará a los editores el derecho de exigir dinero de la unidad de Alphabet Inc., Facebook Inc. y otras plataformas web cuando aparezcan fragmentos de sus artículos en los resultados de búsqueda de noticias o sean compartidos por los usuarios. Se suponía que la ley se finalizaría esta semana, pero se retrasó por el desacuerdo entre los estados miembros. Google News podría abandonar el continente en respuesta a la directiva, dijo Jennifer Bernal, gerente de políticas públicas de Google para Europa, Oriente Medio y África. La compañía de internet tiene varias opciones, y la decisión de retirarse se basaría en una lectura atenta de las reglas y se tomaría a regañadientes, dijo. De acuerdo con un funcionario de la Unión Europea que solicitó no ser identificado, lo...

web.dev es una plataforma pensada especialmente para los desarrolladores. Creada por   Google     para convertirse en un recurso importante para los programadores. Útil para   aprender, crear y solucionar problemas en la web . Fuente: gembeta

Los trabajadores de Google han protestado el 01/11/2018 por el encubrimiento de casos de acoso sexual en la empresa. Andy Rubin, el padre de Android está implicado en las denuncias. Google  por su parte i nformó que despidió a 48 empleados en los últimos dos años , incluidos 13 ejecutivos "senior",   por acusaciones de acoso sexual en su contra, asegurando tener "una línea cada vez más dura" contra este tipo de conducta . Fuentes: www.dinero.com omicrono.elespanol.com

Larry Page y Sergey Brin, fundadores de Google, en septiembre de 2003. Larry Page  y  Sergey Brin  comenzaron Google como un proyecto universitario en enero de 1996 cuando ambos eran estudiantes de posgrado en  ciencias de la computación  en la  Universidad de Stanford . El nombre original del buscador era BackRub, en 1997 los fundadores deciden cambiar el nombre a Google inspirados por el término matemático « gúgol » que se refiere al número 10 elevado a la potencia de 100 , en referencia a su objetivo de organizar la enorme cantidad de información en la  Web . Fuente:  https://es.wikipedia.org/wiki/Google

La base del diseño web se  funda en el modelo de cajas   — en ellas cada elemento se representa como una caja rectangular, con su contenido , padding (espacio interior), borde y margen construidos uno sobre otro como las capas de una col. El navegador, para interpretar el diseño de una página, procesa los estilos que se aplicarán a cada caja, el tamaño de las capas de la col y la ubicación de unas cajas con respecto a otras.  Cualquier elemento contenido en un documento HTML tiene la estructura de una caja rectangular dentro del formato del documento, el tamaño y las capas que serán retocadas usando las propiedades CSS. Contenido (content) Relleno  (padding) Borde   (border) Margen  (margin) Las propiedades importantes son: Propiedades  w ight  y  height  establecen el ancho y alto de la  caja de contenido , que es el área donde se muestra el contenido de la caja — este contenido comprende tanto el tex...

Tim Berners Lee , inventor de la World Wide Web, alerta de la concentración de poder en unas pocas plataformas tecnológicas y de la dificultad de acceso a la Red en países pobres. Desde su Fundación lucha centrándose en ciertas consideraciones y declara que es necesario : Cerrar la brecha digital Conseguir que la web funcione en beneficio de las personas Incorporar más voces al debate sobre el futuro de la web Fuente: El País

El 5 de julio de 2018, el pleno del Parlamento Europeo votará si proceder con una propuesta de directiva sobre los derechos de autor . Esta, si se aprobase, dañaría significativamente la Internet abierta que hoy conocemos .  En lugar de actualizar las leyes de derechos de autor en Europa y promover la participación de toda la ciudadanía en la sociedad de la información, la directiva amenazaría la libertad en línea e impondría nuevos filtros, barreras y restricciones para acceder a la Web . Si la propuesta se aprobase en su versión actual, acciones como el compartir una noticia en las redes sociales o el acceder a ella a través de un motor de búsqueda se harían más complicadas en Internet.  Hasta ahora se han opuesto firmemente a esta propuesta decenas de personas relevantes en el ámbito de las tecnologías de la información —entre ellas, el creador de la World Wide Web, Tim Berners-Lee, y el pionero de Internet, Vinton Cerf — t; la misma Wikipedia estaría en riesgo ...

Los Hacks de CSS son trucos para conseguir que una misma declaración de estilos CSS actúe de manera diferente en distintos navegadores. Bajo el concepto  Hack  se incluyen diversas técnicas para lidiar con las distintas interpretaciones de CSS que tienen los distintos navegadores y conseguir que las páginas web se visualicen igual .  Los desarrolladores y diseñadores gráficos necesitan que sus páginas que se muestren igual en todos los navegadores, tienen que utilizar códigos y trucos complejos para conseguir que la página se visualice de la misma forma en distintos navegadores, para ello utilizan los hacks. Fuente: Desarrollo Web

Referencias para principiantes: CSS (Cascading Style Sheets) son trozos de código que influyen en la presentación o apariencia del código HTML de su página. En WordPress, los estilos CSS generalmente se encuentran en un archivo llamado style.css en la carpeta específica del Tema que está usted usando. El código HTML y las referencias de CSS que sostienen la estructura de su página generalmente se encuentran en el archivo index.php en la carpeta de su Tema. Los selectores CSS (nombres) están generalmente agrupados en tres referencias específicas: ID , CLASS , y etiquetas HTML . El ID El ID es una referencia a un área específica única sobre su página web. Generalmente se ve representado en su página web HTML como un bloque DIV (división) adjunto: <div id="header">Título de la Página</div> En la hoja de estilo (CSS) el selector ID está referenciado como #header y podría parecerse a esto: #header { position: relative; margin:0; padding:0;       ...

Cuatro técnicas "on page" para mejorar el posicionamiento (SEO) de una página web: Crear títulos de página únicos y precisos. Utilizar el meta "description" . Mejora la estructura de las URL. Facilita la navegación en tu sitio. Fuente: Metadescription

Los principales estilos de diseño que existen en la maquetación de una página web son: Sin diseño : es como se hacían las páginas web cuando nació la Web en 1990. Diseño fijo : se realiza cuando se trabaja con un ancho fijo. Este estilo de diseño tiene un problema importante : Cuando la resolución de pantalla es menor que el ancho definido para la página, aparece una barra de desplazamiento horizontal . Cuando la resolución de pantalla es mucho mayor que el ancho definido, se desaprovecha la pantalla de visualización. Hay varias formas de lograr una maquetación mediante un diseño fijo. La más antigua se realizaba sin la ayuda de CSS, se empleaba una tabla que permitía dividir la página web como si fuera una cuadrícula. Con el atributo width se definía el ancho de la tabla y de las celdas. El diseño fijo con tablas quedó obsoleto hace ya muchos años,  ya que el diseño con tablas presenta muchos problemas: mezcla el contenido con la presentación, el cód...

La especificidad de las reglas  explica la forma de calcular el valor de una propiedad de CSS cuando existe un conflicto porque hay varias reglas que se pueden aplicar de forma simultánea al mismo elemento. La especificidad es un peso ( importancia o valor ) que se le asigna a una declaración CSS dada, determinada por el número correspondiente de cada  tipo de selector . Cuando varias declaraciones tienen una igual especificidad, se aplicará al elemento la última declaración encontrada en el CSS. Se aplica cuando el mismo elemento es objetivo de múltiples declaraciones . Según las reglas de CSS, en caso de que un elemento sea objeto de una  declaración directa , esta siempre tendrá preferencia sobre las reglas heredadas de su ancestro. Aplicando dicha regla los navegadores deciden qué valores de una propiedad CSS son más relevantes para un elemento y, en consiguiente, serán aplicados. La especificidad está basada en las reglas de coincidencia que están c...

Los selectores de atributo permiten seleccionar elementos en función de los atributos que contienen . Por ejemplo,  se puede seleccionar todos los elementos  <img>  con un atributo  alt  mediante el siguiente selector: img[alt] {   border: 1px solid #008100; } Usando este selector podría decidir colocar un borde verde alrededor de las imágenes que tienen un atributo alt. Ten en cuenta los corchetes que contienen al atributo alt. Fuente: www.w3.org

User Interface  ( UI ) hace referencia a todo lo que tiene que ver con la estética del site y aquello que interactúa con el usuario, mientras que  User Experience  ( UX )  es el conjunto de emociones y experiencias que se apoderan del usuario cuando este conecta con el sistema. Fuentes: http://www.dimo.cat/blog/ui_ux_dos_siglas_de_moda_diseno/ http://www.luisan.net/blog/diseno-grafico/diferencias-entre-ui-user-interface-y-ux-user-experience https://es.wikipedia.org/wiki/Dise%C3%B1o_de_interfaz_de_usuario

El objetivo de la accesibilidad web es  lograr que las páginas web no presenten barreras que dificulten su uso a los usuarios con algún tipo de discapacidad . Algunos términos asociados a la accesibilidad: Diseño inclusivo                         Diseño universal                                Diseño para todos Fuentes: Activate, Google España http://accesibilidadenlaweb.blogspot.com/

La maquetación de una página web se realiza a varios niveles.   Maquetar a nivel  macro  es tener en cuenta la composición general de un sitio web , en el cual todas las secciones o bloques de contenido son de importancia de la composición (un pie de página o una cabecera, por ejemplo).  También se puede analizar la composición de elementos más pequeños que conforman la composición mayor ( maquetación a nivel micro ).   Hablamos entonces del micro-espacio y macro-espacio. Micro-espacio se refiere a una composición pequeña de una sección que conforma una composición mayor. Macro-espacio hace referencia a la composición general. El micro-espacio y macro-espacio se encuentran relacionados y se afectan mutuamente. Sin embargo, también ayudan a crear relaciones entre los diversos elementos o secciones. Dependiendo de la cantidad de espacios en blanco que se empleen un grupo de elementos se puede convertir en un grupo. En u...