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

Estándares de publicació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.

Lenguajes para la creación de Páginas web

Las páginas web se almacenan en ordenadores denominados <<servidores web>>. los usuarios, al introducir una dirección URL en el navegador se conectan a dichos servidores, que procesan la petición devolviendo el código de la página web solicitada, la cual es interpretada por el navegador o cliente web de modo que el usuario pueda visualizarla correctamente.

                    

            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 lo susuarios
• SQL. Utilizando 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.
• Java script. Lenguaje de programación interpretado por el navegador o cliente web.

En el servidor	En el cliente
PHP	HTML
JAVA	CSS
.NET	JAVASCRIT
RUBY
PYTHON
SQL

Accesibilidad y usabilidad en la web:

EL uso de estas herramientas busca una mejora de la interacción usuario-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 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 UD3: Tipos de páginas WEB

Tipos de páginas WEB

Una página web ​ 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. 

Existen dos tipos de páginas web según el nivel de interaccion con el usuario:

• Estática: El contenido de una página estática solo puede ser modificado por el administrador de la misma, por ejemplo como www.buyto.es, www.belzuz.com o www.belzuz.com.
• Dinámica: Permite al usuario interactuar con el sitio web, ya sea para crear contenidos o para realizar otras acciones, como comprar productos, acceder mediante contraseña, filtrar contenidos... Por ejemplo www.starwars.com, www.steampowered.com o www.artiemhotels.com

Según la temática:

• Blog, foro o red social: Destinadas a que los usuarios interaccionen entre sí y opinen, por ejemplo www.mireyitasarciat.blogspot.com ,www.dtelepathy.com  o www.line25.com
• Presentación o corporativa: Sitio web destinado a publicitar un producto por ejemplo www.amazon.es, www.shein.com best.aliexpress.com
• Comercial electrónico: Destinada a la realización de transaciones comerciales online www.kuombo.com www.fotografiaecommerce.com www.brainsins.com
• Aplicaciones web: sitios web, como los gestores de correo Microsoft Outlook destinados a ofrecer una funcionalidad propia de aplicaciones de escritorio.
  Pixlr.com Codepen.io Google Docs.com

Mis blogs favoritos

En esta entrada os voy a mostrar mis blogs favoritos de distintas temáticas:

• https://josepanadero.wordpress.com/

• http://www.lacocinaderebeca.es/

• https://blogde.moda/

• https://www.bolsamania.com/cine/

• http://www.cocinaconmarta.com/

¿Cómo atraer usuarios?

¿Cómo atraer usuarios a tu blog?

• 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 motivos para visitarlo periódicamente.

• Interaccionar con los usuarios que participan en el blog: Aunque el autor puede limitarse a publicar entradas los usuarios esperan una respuesta a sus dudas, críticas o agradecimientos.

• Establecer un diseño que facilite la lectura y el acceso a las distintas entradas: A pesar del hecho de que el contenido publicado en el blog pueda resultar de interés para muchos usuarios, aspectos como la dificultad de navegar por el mismo pueden llevar a muchos lectores al rechazo a visitarlo.

• Título y URL fáciles de recordar: Para asegurarte de que un usuario que ha visitado alguna vez tu blog recuerden facilmente tu URL.

Configuración de comentarios

Configuració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 politicas de moderación.

• Configuración por defector de la entrada Permite Configurar los valores por defecto de creación de entradas
• Otra configuración de comentarios  Permite configurar opciones como la posibilidad de que los usuarios puedan añadir comentarios
• Enviar correo electrónico cuando En aquellos casos en los que el administrador del sitio no accede con frecuencia al sitio web
• Para que aparezca un comentario Esta opción  tiene que ver con la moderación d elos contenidos
• Moderación de comentarios Se utiliza para establecer filtros que obliguen a moderar ciertos comentarios antes de que sean montrados públicamente
• Lista negra de comentarios Permite agregar palabras que, al detectarse en un comentario, lo clasifican como spam.

Licencias de contenido

Licencias de contenido

Es muy importante tener en cuenta que el contenido publicado debe ser original, propio de quienes lo publican. Si desea utilizar contenido generado por otras personas, ya sean textos, imágenes, audio o video, se debe tener en cuenta la licencia bajo la que el autor ha distribuido dicho contenido, se suelen utilizar dos tipos de licencias sobre el contenido:

Símbolo de Copyright

• Copyright: Licencia que se aplica por defecto a todo el contenido generado por el autor, siempre que sea producido por el autor.

Símbolo de Creative Commons

• Creative Commons:Este tipo de licencia permite, entre otras cosas, distribuir libremente el contenido de un autor en los medios o páginas web de otras personas u organizadores, con la obligación de citar la fuente de dicho contenido.

Blogger

¿Qué es blogger?

Figura 1.-logotipo de 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.

Figura 2.- creador de blogger

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. 

En el 2003, Pyra Labs fue adquirido por Google; por ende, también Blogger. Google consiguió los recursos que Pyra requería. Más adelante, las "características premium", que eran de pago, fueron habilitadas para el público en general gracias a la ayuda de Google. 

El 9 de mayo de 2004, Blogger fue relanzado, añadiendo nuevas plantillas de diseño basadas en CSS, archivaje individual de publicaciones, comentarios y publicación por correo electrónico. Después, Google lanzaría una herramienta llamada BlogThis! en la barra de búsqueda Google. Esta herramienta permite abrir una nueva ventana con un formulario de publicación que permite al usuario publicar sin necesidad de visitar la página principal de Blogger.

A finales de 2006, con el nuevo Blogger Beta, se hizo posible publicar artículos por categorías o etiquetas (labels), así como la posibilidad de poner bitácoras de acceso restringido para personas invitadas por un administrador del blog, entre otras funciones.
Para ver un video explicativo sobre como usar blogger pincha aquí⇩

Edición de entradas y páginas

Edición de entradas y páginas

Editar una entrada en blogger es muy sencillo, basta con buscarla, como se ha estudiado en el punto anterior, y hacer clic en Editar. Este enlace, qu econduce al mismo editor que se utiliza para crear nuevas entradas.

Blogger permite crear y editar páginas estáticas, en las que se suele proporcionar 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

Uso de las opciones Compartir y Ubicación

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 la sentradas de forma automática en redes sociales como Facebook o twitter, por ejemplo,el autor del blog debe vincular su cuenta de blogger a la sdiferentes redes sociales en las que quiera compartir la sentradas mediante la opción Nueva conexión.

La sección de Ubicación permite vincular una entrada a un lugar concreto, lo que resulta útil, por ejmplo, cuando desea asociar una entrada sobre la celebración de un evento a la localización donde tendrá lugar.

Bienvenida

Hola soy Mireya Sarciat, alumna de 2º de Bachillerato y os doy la bienvenida a mi blog de TIC

Inserción de etiquetas y categorías

Interserción de etiquetas y categorías

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

Las caracteríasticas de las categorías y las etiquetas son las siguientes:

• Categorías:Permiten clasificar diferentes entradas en el blog
• Etiquetas: Hacen referencia a los distintos conceptos relacionados con el contenido de cada entrada. Por lo general a cada entrada se le suelen asignar varias etiquetas para que sea más facil al buscarlas

Creación de entrada

Creación de entrada

Para acceder al editor y crear una nueva entrada, es preciso clicar en el botón de nueva entrada que se encuentra en la parte derecha del enlace Entradas del blog

Antes de empezar a trabajar con el editor es preciso tener en cuenta qué se desea hacer con la entrada una vez que se ha escrito el contenido. Los pasos ha seguir son desplegar la ventana del menú de la izquierda, que permite gestionar la publicación:

• Publicar: La entrada se publica una vez redactada
• Marcar como destacada: La entrada aparecerá en primer lugar con respecto al resto de entradas del blog
• Pendiente de revisión: La entrada está lista para ser publicada, pero, antes de hacerlo se espera recibir una segunda opinión.
• Establecer fecha y hora: Situado junto al botón de Publicar, Permite seleccionar una fecha de publicación, de modo que la entrada permanece oculta a los usuarios hasta el momento indicado

Para crear una entrada es necesario escribir un título y añadir un contenido, ademas de añadir etiquetas para que los usuarios puedan encontrar facilmente tu entrada.

Tipos de Blogs

Tipos de Blogs

Un blog​ es un sitio web que incluye, a modo de diario personal de su autor o autores, contenidos de su interés, que suelen estar actualizados con frecuencia y a menudo son comentados por los lectores.

• Blogs colaborativos: Es un tipo de Herramienta de trabajo colaborativo con poca interactividad puesto que el dueño del sitio implanta información, en forma de texto, imágenes, videos o hipervínculos que lleven a otras páginas con temas relacionados, el usuario (no en todos los blogs) tiene sólo la posibilidad de comentar acerca de lo que piensa, pero generalmente esto no es algo trascendental en el blog como tal.
• Blogs corporativos: Son blogs que se usan internamente para mejorar la comunicación y la cultura de una sociedad anónima o externamente para las relaciones de marketing, branding o relaciones públicas
• Blogs personales: Es un diario en curso o un comentario de un individuo, es el blog más tradicional y común. Los blogs suelen convertirse en algo más que en una forma para comunicarse, también se convierten en una forma de reflexionar sobre la vida u obras de arte.
• Blogs temáticos:Algunos blogs se centran en un tema particular, como los blogs políticos, blogs de lgbt, blogs educativos, blogs de salud, blogs de viajes (también conocidos como cuadernos de viajes), blogs de jardinería, blogs de la casa, blogs de moda, blogs de proyectos educativos, blogs de música clásica, blogs de esgrima, blogs jurídicos, etc.
• Fotologs o vlogs:Es posible además agregar fotografías y vídeos a los blogs. Los blogs dedicados únicamente a esto han recibido el nombre de fotoblogs y videoblogs respectivamente. Con ello, se facilita la comprensión de la información a la persona que lo lee.
• Microblogs:es la práctica de publicar pequeños fragmentos de contenidos digitales (puede ser texto, imágenes, enlaces, vídeos cortos u otros medios de comunicación) en Internet. Ofrece un modo de comunicación que para muchos es orgánica, espontánea y captura la imaginación del público. Lo utilizan amigos para mantenerse en contacto, socios de negocios para coordinar las reuniones o compartir recursos útiles, y las celebridades y políticos para las fechas de sus conciertos, conferencias, lanzamientos de libros u horarios de viajes.

Anuncio en Audacity

En esta entrada os voy a explicar como hacer un anuncio con Audacity, aquí os dejo un enlace para poder utilizarlo.

1. Abrimos Audacity y pensamos sobre que queremos hacer el anuncio
2. Pulsamos este botón para grabar nuestro audio:
   
3. Si queremos ponerle musica de fondo a nuestro anuncio podemos buscar en esta página en la que aparece música, fotos, etc... Sin derechos de autor:http://recursostic.educacion.es/bancoimagenes/web/
4. Cuando descargemos la música que más nos guste en nuestro proyecto de audacity en el que anteriormente hemos grabado nuestro audio pulsamos Archivo, Importar, Audio, y elegimos la música.
5. Para terminar Podemos hacerle las modificaciones que queramos a nuestro anuncio: Mover la parte en la que hablamos a el centro del anuncio con la herramienta desplazamiento en el tiempo, hacer que la música suene menos cuando hablamos con la herramienta de envolvente, etc...

Aquí os dejo un enlace para que veais el resultado de mi anuncio con Audacity, espero que os guste.

Nube de palabras

En la entrada de hoy aprenderemos como hacer una nube de palabras, espero que os guste.
Para realizar nuestra nube de etiquetas debemos seguir los siguientes pasos:

1. Debemos entrar en la siguiente página web (podemos entrar en este enlace)
2. En la página web podemos ver la opción lista de palabras pinchamos y escribimos en ella las palabras que nosotros queramos, por ejemplo la misma palabra en distintos idiomas o diferentes palabras de un mismo campo semántico.
3. Por último con la opción de forma, temas o colores podemos darle el fromato que más nos guste a nuestra nube de palabras. ¡y ya estaría!

Este es un ejemplo de como quedaría una nube de etiquetas, espero que os guste:

Creación de una presentación con impress

En esta entrada os enseñaré una presentación realizada en clase sobre el sistema solar, espero que os guste y valoreis el tiempo invertido.

Para poder ver y descargar la presentación pincha en la siguiente imagen:

Montaje con GIMP

Montaje con GIMP

Hoy vamos a aprender a hacer un montaje con GIMP como podemos observar en el título, estos son los pasos:

1. Abrimos en la herramienta de menú la aplicación de GIMP.
2. Elegimos las fotos con las que queremos hacer nuestro montaje, por ejemplo yo usé estas dos imágenes:
   
   
3. Con la herramienta de cortar recortamos a los personajes de la primera imagen.
4. Abrimos la segunda imagen y pegamos como capa nueva (para trabajar mejor las diferentes capas) a los personajes cortados anteriormente.
5. Ajustamos con la herramienta de mover, escalado, rotación... Donde queramos situar nuestros personajes.
6. Por ultimo si queremos modificar algo de color de los personajes o del fondo le damos a colores en la barra de herramientas de arriba y empezamos a modificar como queramos los colores tanto del fondo como de la imagen que pegamos al principio. 

Este es el resultado de mi montaje:

 

Creación de un GIF con GIMP

Creación de un GIF con GIMP

Hoy vamos a aprender a hacer un GIF, estos son los pasos:

1.   Abrimos el GIMP con la imagen que más nos guste.
2. Abrimos las ventanas de herramientas.
3. Clicamos en flitros, distorsión y Iwarp.
4. Le damos a animación y ponemos el numero de capas que queramos y si queremos que el GIF sea con efecto ping-pong o inverso, editamos la imagen con los efectos mover, crecer, encoger...
   
5. Cuando le demos a aceptar lo exportamos como GIf y ¡ya estaría!

Este es el resultado:

Tipos de imágenes

Tipos de imágenes:
Existen diferentes tipos de imágenes, cada una de ellas con características particulares que la hacen adecuada para distintos fines.

• Imágenes rasterizadas o mapas de bits: están formadas por multitud de puntos llamados píxeles que, en su conjunto, defien la imagen final. Cada uno de estos puntos tienen una infromación de color, brillo, contraste...     Al guardar esta imagen se guarda la información de todos los píxeles.
  
• Imágenes vectoriales: las imágenes están creadas con multitud de vectores u objetos individuales, cada uno de los cuales tiene su propia definición de tamaño, color, relleno...  Los archivos de imágenes vectoriales guardan la definición de sus componentes a partir de expresiones matemáticas.
  
• Imágenes 3D: estás 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.
  
• Imágenes animadas: constituyen una primera aproximación a los vídeos, ya que trasmiten una secuencia en movimiento, pero sin sonido. Aunque existen muchos tipos de imágenes animadas, todas ellas están constituidas por un conjunto de imágenes estáticas que se van alternando, de forma secuencial, cada periodo de tiempo especificado. Inicialmente, las animaciones estaban compuestas por simples imágenes bit-map, sin demasiados colores, que daban como resultado una imagen GIF animada; estas eran las animaciones más utilizadas en internet.
  

Sistema de numeración

Este archivo que podeis descargar clicando aquí es un sistema de numeración para cambiar números de sistema binario a decimal y al contrario, para ello he utilizado solo tres formulas, =SI,=TRUNCAR Y =RESIDUO.
 Esta es una imagen de como ha quedado el archivo:

Como hacer una factura de electricidad

Hoy aprenderemos a hacer nuestra factura de electricidad en una hoja de calculos
Para ello tienes que seguir estos pasos:

1. Abrir nuestra hoja de calculo
2. Escribir nuestros datos de fecha de emisión, fecha de cargo, fecha y lectura(kwh) actual y anterior en diferentes celdas. cuando tengas esos datos podemos empezar.
3. Vamos a calcular la potencia facturada, la energía facturada, el impuesto eléctrico, el descuento, el total de energía, el alquiler del equipo, total de servicios, el IVA y por último el total de la factura.
4. Ponemos todos esos datos en nuestra hoja de cálculo 
5. Más tarde ponemos las fórmulas para que la hoja de cálculo haga las cuentas por nosotros (las fórmulas son las siguientes):
   
6. Por ultimo ya podemos ponerle color, bordes y eliminar la cuadrícula de la hoja de cálculo para que quede mejor
7. ¡Y ya estaría!

Este es un ejemplo de mi factura de electricidad:

Podeis descargar mi hoja de cálculo pinchando aquí