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

Para  crear una barra de navegación horizontal por listas  es necesario conseguir que los  elementos de la lista se pongan uno detrás de otro en la misma línea  (lo normal de las listas es que aparezcan los elementos uno debajo del otro en líneas diferentes). Cada elemento será un enlace. CSS aportará el dinamismo a la barra de navegación creando los efectos.  Código HTML de la lista - Barra de navegación   El código HTML de la lista para hacer la barra de navegación es sencillo. Lo más complejo es aplicar las declaraciones de estilos.  <div id="navegador"> <ul> <li><a href="#">Elemento 1</a></li> <li><a href="#">Elemento 2</a></li> <li><a href="#">Elemento 3</a></li> <li><a href="#">Elemento 4</a></li> </ul> </div> Barra de navegación = Lista de Enlaces Una barra de navegación necesita HT...

A 30 años de la creación de la World Wide Web , su creador,  Tim Berners-Lee, pide una declaración universal que la proteja y defienda a los usuarios. Ha publicado una carta en la que advierte sobre el uso fraudulento por parte de estafadores y quienes propagan el odio facilitando todo tipo de delitos.  Y manifiesta que se impone la necesidad de construir un nuevo contrato para la web. Sic "... Si no elegimos a políticos que defiendan un sitio web gratuito y abierto, si no hacemos nuestra parte para fomentar conversaciones constructivas en línea, si continuamos haciendo clic en el área donde se expresa el consentimiento sin exigir que se respeten nuestros derechos sobre los datos, entonces, nos alejamos de nuestra responsabilidad de poner estos temas en la agenda prioritaria de nuestros gobiernos..." Fuente: La Nación, Carta de Tim Berners-Lee

Desarrollada por Mateo Salvatto , un joven técnico electrónico de 19 años, HÁBLALO es una app que asiste a personas con problemas auditivos y dificultades para comunicarse verbalmente . Mateo ha fundado Asteroid Technologies, una empresa argentina que desarrolla tecnologías exponenciales para financiar investigación y desarrollo de proyectos tecnológicos para personas con discapacidad.  Funciona incluso sin conexión a internet y su descarga es gratuita. Dicha herramienta contribuye a mejorar la accesibilidad de todas las personas en su vida cotidiana, en las relaciones con su entorno. Fuente: Háblalo

Cierre de las cuentas personales de Google+ el 2 de abril del 2019 El 2 de abril, tu cuenta de Google+ y todas las páginas de Google+ que hayas creado se cerrarán y comenzarán a eliminar el contenido de las cuentas personales de Google+.  Se eliminarán también las fotos y los vídeos de Google+ de tu archivo de álbumes y tus páginas de Google+. Podrás  descargar y guardar  tu contenido siempre que lo hagas antes de abril. Las fotos y los vídeos que tengan copia de seguridad en Google Fotos no se eliminarán. Se eliminarán también entre otros servicios las COMUNIDADES , por ello, si las entradas de mi blog te llegaban a través de las notificaciones de la comunidad de Google+ te invito a suscribirte a mi blog si te interesa el contenido . Fuente: Google

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