BIENVENIDA

Hola, en este blog voy a publicar mis actividades en la materia de TIC de 2º de bachillerato.

Resumen UD3, punto 2: Estándares de publicación y editores web

Los estándares de una publicación web son 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ándares están regulados por una serie de consorcios y organizaciones entre los que destacan el World Wide Web Consortium, La Ecma Internacional o elUnicode Consortium.

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

Los servidores web emplean una serie de lenguajes de programación y de consulta de datos que permiten genarar la estructura de la página web, codificada en lenguaje HTML. Segun el entorno en el que se ejecutan, los lenguajes más utilizados para la creación de páginas web son:
. En el lado del servidor: 
  PHP, Java, NET, Ruby, Python: Permiten programar el comportamiento del servidor web en el momento de atender las peticiones de los usuarios y de generar el copntenidop HTML correspondiente.
  SQL: Utilizado para interaccionar con la base de datos y realizar tanto consultas como inserciones o modificaciones.
.En el lado del cliente:
  HTML: Lenguaje de marcado compuesto por etiquetas que describen y estructuran el contenido de una página web
  CSS: Utilizado para definir el estilo con el que se presenta la estructura HTML de una página web.
 JavaScript: Lenguaje de programación interpretado por el navegador o cliente web. Añade dinamismo a la imagen , ya que permite entre otras cosas, modificar su estructura y estilo.

LENGUAJES PARA LA CREACIÓN DE PÁGINAS WEB
En el servidor	En el cliente
PHP	HTML
JAVA	CSS
NET/RUBY	JavaScript
PYTHON
SQL

-Accesibilidad y usubilidad en la web

No todo el mundo accede de la misma manera a los contenidos disponibles en Internet; existe una variedad de limitaciones visuales,motrices,auditivas y cognitivas que, entre otras cosas, requieren la utilización de herramientas y programas especiales. El uso de estas herramientas busca uns mejora de la interacción usuario-web.
Otro concepto ligado a la accesibilidad es el de usabilidad , que mide, aunque en ocasiones subjetivamente, la facilidad de uso de una aplicación o web.
La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso.

-Editores para para creación de contenido web

Existen multitud de programas orientados de páginas web. Algunos de ellos son simples editores de texto plano que se limitan a resaltar la sintaxis del lenguaje utilizado, por lo que el trabajo del usuario crear y distribuir la totalidad del contenido desde cero. Algunos ejemplos de este tipo de editores son: Notepadd++, Geany, gedit y SublimeText.
Otros editores más avanzados, disponen de funciones complementarias , como el autocompletado de texto, la gestión de plantillas predefinidas, la generaciones de código automática para componentes HTML...etc.
Finalmente existe una última categoría: los editores visiales o WYSIWYG. Estos se caracterizan por ofrecer la capacidad de crear contenido web de forma visual sin necesidad de escribir código directamente. Se crean como si se trataran de documentos de textos y su ventaja es que permiten observar el aspecto del sitio web a medida que se trabaja con él pero su desventaja es que el código puede no ser óptimo a la hora de

Tipos de página web

Una página web es una página digital a un documento digital de carácter multimediático (es decir, capaz de incluir audio, video, texto y sus combinaciones), adaptado a los estándares de la World Wide Web (WWW) y a la que se puede acceder a través de un navegador web y una conexión activa a Internet.

En función del criterio de distribucióbn que se utilice, las páginas web se clasifican según el nivel de interacción con elusuario y según la temática.

-Según el nivel de interaccion, las páginas web se clasifican: 

Páginas estaticas: El contenido solo puede ser modificado por el administrador de la misma, pero no por los usuarios que la visitan. Estas páginas se suelen utilizar para la presentación de un producto, un artista, un evento...

ejemplos de este tipo de páginas son: Buyto, mcv blogs,

Páginas dinámicas: Permite al usuario interactuar con el sitio web, ya sea para crar contenidos o para realizar otras acciones, como comprar productos, filtrar contenido...  Ejemplos: Netflix, Amazon,Telecinco

-Según la temática:

Blog, foro o red social: los usuarios interaccionan y opinan sobre sus contenidos. ej: Blog de Rebeca, instagram, facebook

Corporativa: destinado a publicitar un producto, el trabajo de una persona o una empresa... ej: zara, bershka, stradivarius.

Comercio electrónico: destinada a la realización de transacciones comerciales online, ya sea a través de la venta de productos físicos o de diferentes servicios. ej: Amazon, Ebay, appel

Aplicaciones web: destinados a ofrecer una funcionalidad tradicionalmente propia de aplicaciones de escriorio. Ejemplos de este tipo de aplicaciones online son: los gestores de imágenes ,las suites ofimáticas...

Mis blogs favoritos

Aquí voy a publicar 5 blogs que me parecen bastante interesantes sobre temáticas diferentes. Si alguno de ustedes está interesado en ellos, espero que os sirvan de ayuda.

-Blog sobre dibujo técnico: En este blog podrás aprender y aclarar bastantes dudas de dibujo técnico. A mi personalmente me ha ayudado bastante en el curso de 2 bach.

-Blog de Tecnología: En este blog, un profesor de tecnología publica periodicamente entradas, con las que explica a sus alumnos el temario dado en clase. Es bastante útil y sirve de mucho por si estas interesado en la asignatura.

Y a continuación otros tres blogs más sobre otros temas:

http://www.lacocinaderebeca.es/
https://www.ofertitas.es/
https://www.hsnstore.com/blog/deportes/ 

Como atraer usuarios

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

- Publicar entradas de calidad a menudo: Gestionar un blog es una tarea que requiere cierta disciplina, ya que es fundamental que los usuarios que accedan al mismo tengan motivospara visitarlopublicamente, que no lo olviden y que no se cansen de esperar nuevos contenidos.

- Interaccionar con los usuarios que participan en el blog: Es necesario responder comentarios y aclarar las posibles dudas que puedan surgirle a los seguidores.

- Establecer un diseño que facilite la lectura y el acceso a las distintas entradas: Es necesario tener un diseño agradable con una tipografía clara y un contraste eficiente (resulta más cómodo leer textos oscuros sobre fondos claros) para que resulte de interés visitarlo, ya que al contrario puede llevar a a los lectores a renunciar la visita del blog.

- Título y URL fáciles de recordar: Se debe escoger cuidadosamente el titulo y la dirección URL del mismo para así, facilitar al lector volver a visitarlo y recordarlo facilmente. Para ello es recomendable que estén relacionados con el contenido y que, además sean simples y llamativos.

Gestión de comentarios

En la sección de configuración del blog, existe un apartado destinado a la configuración de comentarios y a la política que se aplicará al respecto. Así, las opciones de configuración permiten determinar aspectos relativos a la visualización de los comentarios, el envío de notificaciones y las políticas de moderación.

-Configuración por defecto de las entradas: Esta opción permite configurar los valores por defecto de creación de entradas. Entre otras cosas, es posible configurar avisos para comunicar a otros sitios web que se han insertado enlaces dirigidos a los mismos o decidir si se pueden publicar o no comentarios en las entradas.

-Otra configuración de comentarios: Permite configurar opciones como la posibilidad de que los usuarios puedan añadir comentarios de forma anónima. Esta opción también permite configurar el modo en que se vizualizan los comentarios.

-Enviar correro electrónico:  En aquellos casos en los que el administrador del sitio no accede con frecuencia al sitio web para comprobar si hay notificaciones, es posible programar el envío de avisos automáticos.

-Para que un comentario aparezca: Esta opción tiene que ver con la moderación de los comentarios, ya que, en ocaciones es conveniente que estos se filtren y sean aprobados por el autor con el objetivo de evitar la publicación de spam o comentarios ofensivos.

-Moderación de contenidos:Se utilioza para establecer filtros que obliguen a moderar ciertos comentarios antes de que sean mostrados públicamente.

-Lista negra de comentarios: Permite agregar palabras que, al detectarse en un comentario, lo califican como spam.

Licencias de contenido

A la hora de publicar contenidos, se suelen utilizar dos tipos de licencias de contenido :

Copyright: Se aplica por defecto a todo el contenido generado por un autor, siempre que sea producido por este de fortma original. Esta licencia reserva todos los derechos de distribución, comercialización y realización de obras derivadas al autor. Para utilizar el contenido, otras personas deben pedir permiso a su creador.

Creative commons: Permite distribuir libremente el contenido de un autor en los medios o redes de otras personas con la obligación de citar la fuente de dicho contenido . El autor debe explicar de forma expresa que el ontenido ha sido publicado bajo esta licencia, ya que de lo contrario, la ley establece por defecto la aplicación dela licencia Copyright.

Bajo esta licencia se pueden establecer ciertas reestrinciones u obligaciones que pueden combinarse entre sí: 

-Sin obras derivadas: No se pueden relizar nin distribuir trabajos derivados

-Compartir igual: Permite la realización de obras derivadas , pero obliga a compartirlos bajo la mismna licencia que el original

-No comercial: Impide comercializar la obra sin el permiso del autor 

-Distribución: Se debe nombrar al autor original de la obra cuando esta se publica o distribuye. En caso de tratarse de una obra derivada de otra, se debe nombrar tanto el autor de la obra original como el auoter de la obra derivada. 

¿Qué es un blogger?

 Un Blogger es una persona – o un conjunto de personas – que administra un sitio o red social en internet con el objetivo de entretener, informar o vender.
Es el Blogger quien mantiene en contacto directo con el público y se comunica con sus visitantes directamente.
Un Blogger puede dedicarse a publicar contenidos interesantes para el público específico de su blog, además de promover productos o servicios.
Por eso, un Blogger es una persona que puede (o no) dedicarse al Marketing Digital o al Marketing de Contenidos.

Tener un blog es fácil, porque los costos de crear un blog común son practicamente inexistentes. Pero, tener un blog con éxito y convertirle en tu trabajo, es otra história. Es importante que sepas que hay que tener paciencia.
Otro consejo importante es que no abandones tu trabajo inmediatamente para dedicarte exclusivamente a tu blog. Incialmente, es importante que tu blog sea tu estrategia paralela de Marketing.
Sólo cuando tengas la certeza de que tienes un público objetivo fiel e interesado, piensa en dedicarte al blog fulltime.

Figura1. Logotipo

Figura2. Blogs

Uso de opciones Compartir y Ubicación

La opción Compartir ofrece herramientas para compartir las entradas delblog en las redes sociales o a través de otros medios. Para compartir las entradas de forma automática en las redesm, el autor del blog debe vincular suy cuenta de WordPress a las diferentes redes sociales en las que quiera compatir las entradas mediante la opción Nueva conexión.  

Para compartirla manualmente existe la opción obtener enlace corto para conducir mediante un enlace a la entrada del blog.

La sección Ubicación permite vincular uana entrada a un lugar concreto,lo que resulta útil .

Para incluir información acerca de la ubicación , se puede introducir un textoen la caja de búsqueda o bien obtener la ubicación actual deldispositivo desde el que se está editando la entrada a través del motor de búsqueda de Google Maps.

Edición de entradas y páginas

Editar una entrada solo basta con buscarla y hacer clic en Editar. Este enlace, que conduce al mismo editor que se utiliza para crear nuevas entradas,permite modificar su contenido, así como la configuración de las mismas. Por ejemplo, es posible cambiar el estado de una entrada para que una ya publicada aparezca como borrador.
Por otro lado, además de entradas de blog, Wordpress permite crear y editar páginas estáticas , en las que se suele proporcionarr al usuario información sobre el contenido del blog , datos sobre el autor o la autora ,etc. Las páginas estáticas se gestionan , desde la sección páginas , de forma similar a las entradas.

Inserción de etiquetas y categorías

La sección de Categorías y etiquetas permite asignar a la entrada etiquetas identificadas del contenido y categorias para clasificar la entrada.
 Las características son las siguientes:

-Categorías: Permiten clasificar las diferentes entradas delblog.Normalmente se utiliza para identificar el tema o los temas de los que trata la entrada, es decir, para describir el contenido de la misma.Por lo general, las entradas tienen una o dos categorías a partir de las que los usuarios del blog pueden filtrar fácilmente las entradas del mismo. Por ejemplo, los artículos de un blog sobre tecnología podrían pertenecer a las categorías Móviles, Software,Procesadores, y Tarjetas gráficas.
-Etiquetas: Hacen referencia a los distintos conceptos relacionadas con eol contenido de cada entrada . Por lo general, a cada entradale suelencorresponder varias etiquetas. Las etiquetas , al igual que las categorías , permiten realizar busquedas a los usuarios. Por ejemplo, un artículo de un blog sobre tecnología podrúia contener las etiquetas Android, iOS , Bill Gates, etc

Además , es posible agregar widgets al blog para que muestre las categorías existenrtes, de modo que el usuariop pueda filtrar las entradas. Asimismo, el widget Nube de etiquetas muestra las etiquetas más utilizadas en las entradas del blog y destaca unas sobre otras en finción del número de veces que han sido utilizadas.

Como crear una entrada en tu blog

Para ello hay que acceder al editor del blog y en la parte de entradas hacer click en "nueva entrada".

Para crear y elaborar la entrada, solo es necesario escribir un título y añadir un contenido. Para editarlo se dispone de un editor visual de fácil manejo para cualquier persona. Este dispone de las herramientas necesarias para dar formato al texto, crear listas y enlaces, insertar imágenes...et. Una vez terminado, es posible seleccionar varias acciones, como por ejemplo, Ver,que previsualiza el aspecto de la entrada del blog.

Una vez  redactado el contenido de la entrada y haberle dado el formato deseado se le hace selección en "Publicar" y de esta manera ya es accesible a todos los usuarios inmediatamente.

La publicación se puede gestionar de la siguiente manera:
Si se desea que esta aparezca en primer lugar con respecto a las otras entradas es necesario marcarla como destacada.
Si la publicación está lista para ser publicada pero se desea esperar a otra segunda opinión , se deja como pendiente de revisión.
Si se desea publicar en una fecha programada, se establece esta justo al lado del botón publicar.

Tipos de Blogs

En función del tipo de gestión o el conteido que se requiera, los blog se pueden clasificar en los siguientes tipos:

Blogs colaborativos: Múltiples autores publican entradas, normalmente sobre un mismo tema de interés común. Se consideran blogs temáticos.

Blogs corporativos: Son gestionados habitualmente por empresas u organizaciones que suelen constituir una plataforma más interactiva a través de la cuao anunciar productos.

Blogs personales: Son aquellos gestionados por una sola persona. Tienen un formato similar a un diario, y sus autores suelen publicar sus experiencias, relatos, opiniones....

Blogs temáticos: Dedicados a un tema en concreto. Se emnplean como punto de encuentro para usuarios que comparten intereses, de modo que cada uno pueda aportar información inteesante para el resto.

Fotologs o Vlogs: Destinados a la publicación de un solo contenido; en el caso de fotologs de imágenes y en el caso de vlogs de vídeos. También existe otro tipo de publicación de enlaces, denominado "linklogs".

Microblogs: Consiste en publicar pequeños fragmentos de contenidos, ya sean imágenes, videos o textos. La popularidad de este tipo de Blog ha aumentado debido a la rapidez y facilidad con la que se consume este tipo de cntenidos tan breves, lo que favorece la dufisión de los mismos.

Crear un anuncio con Audacity

Para crear tu propio anuncio, es necesario entrar en Audacity y le damos a grabación para poder grabar tu voz. Una vez que le das al botón de grabar comenzamos a citar la frase que deseemos para nuestro anuncio.

Después de grabarnos, podemos importar una música o melodía, previamente descargada, que acompañe a la frase y hacer así, un anuncio mucho mas completo. Cuando la hayamos importado es importante modificarlo un poco con las herramientas y efectos que nos ofrece audacity, ya que lo más normal es que el ruido de nuestra voz se escuche con un tono mas bajo que la música y esta nos la tape. También podemos desplazar el audio grabado para que aparezca al final o en el medio.

Aquí os dejo un anuncio que he creado con Audacity sobre el ahorro energético:
 https://www.dropbox.com/s/kf4v3al4zf4bs7v/ANUNCIO.mp3?dl=0

Como elaborar una nube de palabras

Para elaborar una nube de palabras abrimos la página https://www.nubedepalabras.es/ y seleccionamos una serie de palabras que estén relacionadas. Por ejemplo: palabras de comidas, de animales, de lugares....etc. Una vez que tienes la lista hecha, le damos a aplicar para que se haga la nube. Finalmente podemos darle formato a nuestro gusto eligiendo la forma, los colores, el tamaño...

Aquí os presento un ejemplo de una nube de palabras de los diferentes deportes en inglés que he elaborado en esta misma página:

Proyecto con Power Point

Este es el proyecto sobre el sistema solar que he creado junto con mi clase:

Crear un montaje con Gimp

Para crear este montaje, he hecho lo siguiente:

-Me he descargado una imagen en google de la estatua de la libertad y además otra de un paraguas.

-He abierto la segunda imagen del paraguas con el editor gimp para recortarla y copiarlo.

-A continuación, he abierto la primera imagen de la estatua para pegarle el paraguas. Para poder poner el paraguas justo en la mano de la estatua he tenido que clonar la vela que llevaba en la mano para quitarla y después poder poner en su lugar el paraguas. También he tenido que escalar el paraguas para que tuviese un tamaño razonable en proporción a la estatua.

-Por último, para que el cielo tenga un aspecto nublado, he utilizado la herramienta de clonar y he ido dibujando con tonos grises oscuros y claros.

¿Como crear un GIFT con Gimp?

Para ello es necesario tener instalado en tu dispositivo el editor Gimp. Posteriormente se escoge aquella foto con la que queremos hacer la animación y la abrimos con el editor Gimp.

Una vez dentro hacemos clic en la ventana Filtros- Distorsiones- I Warp y comenzamos a modificar nuestra imagen a nuestro gusto y utilizando nuestra imaginación. Después pasamos a la ventana de al lado en la que pone "animar", activamos la animación y elegimos el numero de fotogramas que tendrá nuestro GIFT.

Finalmente le damos a aceptar y lo exportamos cambiando la extensión a (.gif) para que podamos ver la imagen en movimiento.

Tipos de imágenes

Existen diferentes tipos de imágenes:

-Imágenes rasterizadas:

Una imagen rasterizada, también llamada bitmap, imagen matricial o pixmap, es una estructura o fichero de datos que representa una rejilla rectangular de pixeles o puntos de color, denominada raster que se puede visualizar en un monitor de ordenador, papel u otro dispositivo de representación.

 Los gráficos rasterizados se distinguen de los gráficos vectoriales en que estos últimos representan una imagen a través del uso de objetos geométricos como curvas de Bézier y polígonos, no del simple almacenamiento del color de cada pixel. El formato de imagen matricial está ampliamente extendido y es el que se suele emplear para tomar fotografías digitales y realizar capturas de vídeo. Para su obtención se usan dispositivos de conversión analógica-digital tales como escáneres y cámaras digitales.

 -Imágenes vectoriales:

 Son aquellas en las que la información de cada uno de los puntos se recoge en forma de ecuación matemática o mediante vectores que relacionan cada punto con el resto de los de la imagen. Por ejemplo una línea está definida por dos puntos, el grosor de línea, su color el tipo de trazo, la trama, si tiene flecha,... Un rectángulo está definido por dos puntos, grosor de línea, color de línea, tipo de trazo, trama del trazo y relleno.

-Imágenes 3D:

Pueden estar creadas con multitud de de vectores u objetos individuales, cada uno de los cuales tiene su propia definición (tamaño, tipo de línea, color, relleno...)

-Imágenes animadas:

Permiten transmitir una secuencia en movimiento pero sin sonido. Todas ellas están constituidas por un conjunto de imágenes estáticas que se van alternando de forma secuencial cada un periodo de tiempo seleccionado.

Como hacer una factura en una hoja de cálculo

Para ello hay que abrir LibreOffice Calc y una vez dentro empezamos a introducir los datos en una tabla
Para que el dato se quede almacenado en la celda debemos pulsar dentro de la celda.
Para definir que tipo de datos es el que va a contener la celda (fecha, moneda, etc ..) nos vamos a Barra de menús / Formato / Celdas.. / Pestaña Números.
Para Insertar una FÓRMULA en lugar de un dato hay que comenzar la fórmula por el signo igual y a continuación la operación o fórmula deseada. Dentro de una fórmula pueden aparecer los símbolos de las operaciones matemáticas básicas ( / , * , + , – , etc.. ), números, texto, coordenadas de celdas o rango de celdas, nombre de funciones, etc…
También es posible modificar el ancho de las columnas y una vez que hayas insertado los datos ( fechas, precios,..etc) los vas organizando en una tabla.
Finalmente para que se vea más claro o estético es posible eliminar la cuadricula de la hoja de cálculo haciendo clic en una pestaña que aparece el el lado derecho arriba y dándole a la opción activar o desactivar cuadrícula.

 Aquí os mostraré una factura que he creado yo misma con LibreOffice Calc.

También os dejo este enlace:
 https://www.dropbox.com/s/t8i80a4wb3iwomf/Factura%20de%20la%20electricidad.ods?dl=0