Estándares de publicacción y editores Web

Es un conjunto de reglas y recomendaciones que se deben seguir al utilizar los distintos lenguajes de creación de contenidos y al presentarlos a los usuarios.

Dichos estámdares están regulados por una serie de consorcios y organizaciones.

1-Lenguajes para la creación de páginas web

Las páginas web se almacenan en ordenadores, locales o de acceso público en internet, denominados "servidores web". Los servidores web emplean una serie de lenguajes de programación y consulta de datos que permite generar la estructura de la página web, codificada en lenguaje HTML.

• En el lado del servidor:

1. PHP, Java, .NET, Rby, Python. Permite programar el comportamiento del servidor web en el momento de atender las peticiones de los usuarios y de generar el contenido HTML correspondiente.
2. SQL. Utilizado para interaccionar con la base de datos y realizar tanto consultas como inserciones o modificaciones.

• En el lado del cliente:

1. HTML. Lenguaje de marcado compuesto por etiquetas que describen y estructuran el contenido de una página web. Existen versiones más etrictas en cuanto a las normas de las etiquetas, como el lenguaje XHTML.
2. CSS. Utilizado para definir el estilo con el que se presenta la estructura HTML de una página web. La versión actual soporta inclusión de animaciones y adaptación la presentación de la página a diferentes dispositivos.
3. JavaScript. Lenguaje de programación interpretado por el navegador o cliente web. JavaScript añade dinamismo a la página, ya que permite modificar su estructura y estilo.

2-Accesibilidad y usabilidad en la web

No todo el mundo accede de la misma manera a los contenidos disponibles en Internet; existe una variedad de limitaciones, para ello se crearon los estándares de accesibilidad, que busca el acceso de todos los usuarios al contenido web en igualdad de condiciones.
Algunas de las pautas de accesibilidad que debe seguir son: utilización de textos alternativos para las imágenes (atributo alt en HTML).
Otro concepto es el de la usabilidad que mide la facilidad de uso de una aplicación web.

3-Editores para la creación de contenido web 

Existen multitud de programas orientados a la creación de páginas web.

Algunos ejemplos de este tipo de editores son Notepad++, Geany o Kate.

Algunos ejemplos de tipos de editores son Bluefish, Webstorn o NetBeans.

En estos editores son bluefish, webstorm, visual studio express, aptana studio y eclipse.
Finalmente existe una última categoría de editores: los editores visuales o WYSIWYG "lo que ves es lo que obtienes"

Resumen UD.3: Tipos de páginas web

• Definición de página Web:

Una página web, o página electrónica, página digital,​​ es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador web.

• Clasificación según el nivel de interacción con el usuario: 

-Estáticas : el contenido de la página solo puede ser modificado por el administrador, se suelen utilizarpara la presentación de un producto, un artista, un evento... Ej: http://www.ambkor.es/ , www.ticketmaster.es http://distritounicoandaluz.cec.junta-andalucia.es/?q=grados

-Dinámicas: permite al usuario interactuar con el sitio web ya sea para crear contenidos o para realizar otras acciones. Ej: wwww.youtube.com www.blogger.com  es.wordpress.com

• Clasificación según la temática 

-Blog, foro o red social: páginas web destinadas a que usuarios interaccionen entre sí y opinen sobre sus contenidos. Ej:es.wordpress.com www.blogger.com https://www.tumblr.com/

-Presentación o corporativa: sitio web destinado a publicar un producto, el trabajo de una persona o una empresa... Ej: https://www.amazon.es/ https://www.elcorteingles.es/ https://www.carrefour.es/

- Comercio electrónico: página web dedicada a la realización de transacciones comerciales, ya sea a traves de la venta de productos físicos o de diferentes servicios. Ej: https://www.blablacar.es/

-Aplicaciones web: sitios web, como los gestores de correo  Microsoft Outlook o Gmail destinados a ofrecer una funcionalidad propia de aplicaciones de escritorio
Ej: office Graphite Pixlr

Mis blogs favoritos

Estos son unos de los enlaces de mis blogs de motos y coches favoritos:
me gustan las motos
Motos viajeros
Formula de moto
Pasion biker
Pontgroup

Cómo atraer usuarios

Algunas de las condiciones que debe cumplir un blog para atraer usuarios son:

• Publicar entradas de calidad a menudo.

 

Interaccionar con los usuarios que participan en el blog. 

 

• Establecer un diseño que facilite la lectura y el acceso a las distintas entradas 

• Título y URL fáciles de recordar

 

Configuración de comentarios

En la sección de configuración del blog, existe un apartado destinado a la configuración de comentarios.

1. Configuración por defecto de las entradas: permite configurar los valores por defecto de creación de entradas.
2. Otra configuración de comentarios: permite configurar opciones como la posibilidad de que los usuarios puedan añadir comentarios de forma anónima.
3. Enviar correo electrónico cuando: en aquellos casos en los que el administrador del sitio o accede con frecuencia al sitio web para comprobar si hay comentarios.
4. Para que un comentario aparezca: es conveniente que estos se filtren sean aprobados por el autor.
5. Moderación de comentarios: se utiliza para establecer filtros que obliguen a moderar ciertos comentarios antes de que sean mostrados públicamente
6. Lista negra de comentarios: permite agregar palabras que, al detectarse en un comentario, lo clasifican como spam

Blogger

Blogger es un servicio creado por Pyra Labs y adquirido por Google en el año 2003, que permite crear y publicar una bitácora en línea. Para publicar contenidos, el usuario no tiene que escribir ningún código o instalar programas de servidor o de scripting.

Los blogs alojados en Blogger generalmente están alojados en los servidores de Google dentro del dominio blogspot.com. Hasta el 30 de abril de 2010, Blogger permitió publicar bitácoras a través de FTP.

Historia

Fue lanzado en septiembre de 1998, siendo una de las primeras herramientas de publicación de bitácora en línea, reconocido por haber ayudado a popularizar el uso de los formularios. Más específicamente, en vez de escribir a mano el código HTML y frecuentemente subir las nuevas publicaciones, el usuario puede publicar en su bitácora en línea, que se actualiza dinámicamente, llenando un formulario en el sitio web de Blogger. Esto puede ser realizado por cualquier navegador web actualizado y los resultados se reflejan inmediatamente.

Funcionalidades

Editor de entradas , que pueden ser programadas.
Diseñador de plantillas, que permite personalizar el aspecto del blog sin tener conocimientos de HTML o CSS.
Publicación en dominios personalizados, cambiando la dirección de publicación por defecto en blogspot.com a cualquier dominio de internet.
Adición de imágenes y videos a través del editor de entradas.
Acceso público o restringido al blog.
Archivo anual, mensual, semanal o diario de entradas del blog.
Vistas dinámicas, que permiten visualizar el contenido de un blog a través de una interfaz que aprovecha las bondades de jQuery, HTML5 y CSS3.
Plantillas para dispositivos móviles.
Comentarios opcionales en entradas y páginas del blog, con respuestas de segundo nivel.
Páginas asíncronas con contenido estático.
Publicación a través de telefonía móvil mediante el servicio de mensajes cortos, sistema de mensajería multimedia y aplicaciones oficiales para dispositivos con sistemas operativos iOS o Android.
Publicación a través de correo electrónico.
Sindicación RSS de entradas del blog, entradas por etiquetas, comentarios del blog, comentarios por entradas, páginas estáticas y comentarios por páginas.

Limitaciones

Número de publicaciones por blog: Ilimitado.
Tamaño de publicaciones individuales: Sin límite.
Tamaño de páginas: Las páginas individuales, como la página principal o las páginas de archivos, en las que se suelen mostrar varias entradas del blog, tienen un límite de 1 Mb en tamaño.
Número de comentarios: Las entradas individuales y las páginas estáticas no tienen límite de comentarios. Sin embargo, y aunque no se liste en los artículos de ayuda oficial, existe una limitación de 5000 comentarios por entrada, aunque existen algunas publicaciones visibles con un mayor número de comentarios.
Número de imágenes: Hasta 1 Gb de almacenamiento compartido con el servicio de Google Fotos.

Historia del Blogger
Funcionalidades
Limitaciones

Logo de Blogger

Logo de Wikipedia

Edición de entradas y páginas

Editar una entrada es muy sencillo, basta con buscarla, como se ha estudiado en el punto anterior, y hacer  clic en Editar. Este enlace, que conduce al mismo editor que se utiliza para crear nuevas entradas, permiten modificar su contenido, así como la configuración de las mismas.
Por otro lado, además de entradas de blog, permite crear y editar páginas estáticas. Las páginas estáticas se gestionan, desde la sección página, de forma similar a las entradas

Uso de las opciones Compartir y Ubicación

La opción Compartir ofrece herramientas para compartir las entradas del blog en las redes sociales o a través de otros medios. Para compartir las entradas de forma automática en redes sociales como Facebook o Twitter, el autor debe vincular su cuenta con las diferentes redes sociales en las que quiera compartir las entradas.
Para compartir una entrada manualmente, esto es, para obtener el enlace corto, existe la opción Obtener enlace corto.
Por otra parte, la sección Ubicación permite vincular una entrada a un lugar concreto, lo que resulta útil, po ejemplo, cuando se desea asociar a una entrada sobre la realización de de un evento .

Bienvenida

 

 Bienvenido

Hola a todos este es mi nuevo blog de tic, en él voy a exponer varias actividades relacionadas con el mundo de la informática. Espero que os guste ⧫.

Inserción de etiquetas y categorías

La sección Categoría y etiquetas permite asignar a la entrada etiquetas identificativas de contenido y categorías para clasificar la entrada.

• Categorías. Permiten clasificar las diferentes entradas del blog. Normalmente se utilizan para identificar el tema o los temas que tratan la entrad, para que los usuarios puedan filtrar fácilmente el contenido
• Etiquetas. hacen referencia a los distintos conceptos relacionados con la entrada. Por lo general, a cada entrada le suelen corresponder varias etiquetas.

Asimismo el widget nube de etiquetas muestra las etiquetas más utilizadas en la entrada del blog y destaca el número de veces que han sido utilizadas.

Creación de entradas

Para acceder al editor y crear una nueva entrada, es preciso hacer clic en el icono de la barra superior a ello, en el botón Añadir situado en la parte derecha del enlace Entradas de Blog o, Crear nueva entrada.

Tenemos que tener en cuenta qué queremos hacer con la entrada una vez terminada, ya que no siempre la opción más interesante para el usuario será la de publicarla de forma inmediata.

• Publicar: la entrada se publica una vez redactada
• Marcar como destacada: la entrada aparecerá en primer lugar ccon respecto al resto de entradas del blog.
• Pendiente de revisión: antes de publicarla se espera recibir segunda opinión, se envía antes al administrador o a un editor de blog para que lo revise.
• Establecer fecha y hora: situado junto al botón Publicar, permite seleccionar una fecha de publicación.

Para editar el contenido de una entrada, WordPress dispone de un editor visual de fácil manejo. Si se poseen conocimientos necesarios es posible crear contenido directamente en HTML. Se puede previsualizar el contenido con la opción ver.

Tipos de Blogs

1. Blogs colaborativos: múltiples autores publican entradas normalmente, sobre un mismo tema de interés común
2. Blogs corporativos: habitualmente gestionados por una empresa u organización, suelen constituir una plataforma más interactiva a través de la cual anunciar productos...
3. Blogs personales: son aquellos que son gestionados por una sola pesona. Por lo general, tienen un formato similar al de un diario, y sus autores suelen publicar experiencias.
4. Blogs temáticos: Dedicados a un tema en concreto. Se emplean como punto de encuentro para usuarios que comparten intereses.
5. Fotologs o vlogs: destinados a la publicación de un solo tipo de contenido, en el caso de fotologs imágenes y en el caso de los vlogs, de vídeo.
6. Microblogs: la acción de publicar pequeños fragmentos de contenido, ya sean vídeos, imágenes o textos. En los últimos años la popularidad ha aumentado mucho.

Proyecto anuncio con Audacity

En esta entrada voy a explicar cómo realizar un anuncio o cualquier proyecto en Audacity de una forma genérica:

1-Grabamos nuestra voz para el anuncio, diciendo la frase que luego queramos editar.
2-Una vez hecho esto eliminamos el audio sobrante y nos quedamos con la frase solo.
3-Importamos otros audios con la opción archivo importar audio, y lo situamos donde queramos con la herramienta de la doble flecha.
4-Ajustamos los audios así como su volumen para que se escuchen todos a su debido tiempo y añadimos los efectos que queramos en el menú efectos
5-Finalmente con todos los cambios aplicados y todos los efectos correspondientes, lo exportamos como .mp3 y lo guardamos como proyecto final
Pincha aquí si quieres descargar Audacity gratuitamente.
Anuncio ahorro de agua: Anuncio

Nube de etiquetas

Para crear una nube de etiquetas debemos seleccionar, en primer lugar, el grupo de palabras que estén relacionadas entre sí pertenecientes al mismo campo semántico. Luego las copiamos en la siguiente página web Creador de nube de palabras y las exportamos como formato imagen.
El resultado nos debe quedar parecido a este:

Entrada de Impress del Sitema Solar

A continuación una presentación de Impress, espero que os guste ya que me ha costado mucho hacerla. Tiene varios hiperenlaces a información, como la página web de la Nasa etc.

Montaje de Gimp

En esta entrada voy a explicar cómo hacer un montaje en GIMP:

-El primer paso es el de la visualización del proyecto esto dependerá de tu creatividad y el enfoque que le quieras dar.

-Una vez pensado el proyecto se selecciona las imágenes ya sea de internet o propias. por ejemplo en el mío he cogido tres imágenes: el alunizaje, Albert Eistein y la bandera de ESPAÑA.

-Se recorta con la herramienta cortar y se copia donde se desee, por supuesto ya efectuados todos los cambios de color correspondientes. en mi ejemplo he cortado a Albert y lo he pegado en el alunizaje como si él estuviese allí.
-Finalmente una vez ya hecho todos los cambios requeridos se exporta como jpg u otra extensión de imagen y ya tendríamos el proyecto final.

Aquí un ejemplo de montaje de GIMP:

Creación de un GIF a través de GIMP

Para crear un GIF o imagen animada debemos seguir los siguientes pasos:

1-Primero seleccionamos la imagen que queremos transformar en GIF y la abrimos con el software libre GIMP.
2-Una vez dentro abrimos la pestaña "filtros" y "distorsiones" finalmente iWrap.
3-Aplicamos los efectos que queramos como por ejemplo torbellino, crecer...
4-En animación ponemos pin pong o inversa según se desee y guardamos.
5-Finalmente exportaremos como GIF y ya tendremos nuestro gif casero.

Aquí un ejemplo de GIF:

Tipos de imágenes digitales

Existen diferentes tipos de imágenes, cada una con sus ventajas y desventajas, y sus particularidades:

-Imágenes rasterizadas o mapa de bits: estas imágenes están formadas por multitud de puntos que definen la imagen final, cada punto tiene unas determinadas características (brillo, saturación...). Los archivos de estas imágenes contienen la información de la imagen en una matriz de puntos(raster)
Imágenes de este tipo son las obtenidas al digitalizar con un escáner o las fotografías tomadas con una cámara digital.

-Imágenes vectoriales son gráficos formados a base de líneas y curvas a través de elementos geométricos definidos como vectores. La gran ventaja de los gráficos vectoriales es que permiten disminuir o ampliar el tamaño de una imagen a voluntad, sin sufrir la pérdida de calidad que sí tienen los mapas de bits.

-Imágenes 3D: estas imágenes pueden estar creadas con diversas técnicas, pero su propósito es siempre transmitir la proyección de algo visual en un espacio tridimensional; suelen estar ligadas a las imágenes animadas o animaciones.

-Imágenes animadas(animaciones): las imágenes animadas costituyen una primera aproximación a los vídeos, ya que permiten transmitir una secuencia en movimiento, pero sin sonido. Aunque existen muchos tipos de imágenes animadas, todas ellas están constituidas por una serie de imágenes estáticas que se van alternando

Convertidor de binario a decimal y viceversa.

convertidor

Factura electricidad en hoja de cálculo

En esta entrada vamos a aprender a realizar una factura de electricidad actualizable para poder calcular rápidamente el presupuesto de esta.

1-  En primer lugar se abre nuestra hoja de Libre Office Calc.

2- Después escribimos cada apartado y dejamos una celda libre donde irán los datos.

 3- Una vez introducidos los apartados, en cada celda libre, se introducen las fórmulas comenzando por el signo igual y escribiendo la fórmula a mano o si es  una función más compleja, ayudándonos del asistente de funciones.

4- Nuestra hoja de cálculo ya estaría lista para rellenarla con los datos en las celdas donde hemos introducido cada fórmula. Si todas las fórmulas están correctas debería de calcular el presupuesto.

5- Por último podríamos decorar la factura para que quede más estética y a su vez sea más fácil visualizarla.  

Nuestra factura una vez realizados los pasos debería de quedar parecida a esta:
 

Si se quiere tener un ejemplo en calc descárguese este link: factura