ESTÁNDARES DE PUBLICACIÓN Y EDITORES WEB.
Cuando se habla de estándares, se hace referencia, al conjunto de reglas y recomendaciones que 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 las que destacan: HTML, CSS, XML...
2.1 LENGUAJE PARA LA CREACIÓN DE PÁGINAS WEB.
Las páginas web se almacenan en ordenadores, locales o acceso público en Internet. Los usuarios, al introducir URL en el navegador, se conectan a dichos servidores, que procesan la petición devolviendo el código de la página solicitada.
Según el entorno en l que se ejecutan, los lenguajes más utilizados para creación de páginas web son:
- En el lado del servidor:
1-PHP, Java, .NET, Ruby, Python. Permiten programar el comportamiento del servidor web en el momento de atender a las peticiones de los usuarios y de generar el contenido HTML correspondiente.
2-SQL. Utilizado para interaccionar con 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.
2-CSS. Utilizado para definir el estilo con el que se presenta la estructura HTML de una página web.
3-JavaScript. Lenguaje de programación interpretado por el navegador o cliente web.
2.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 visuales, motrices, auditivas y cognitivas que requieren la utilización de herramientas y programas especiales, por ejemplo, lectores de contenido para personas con dificultades de visión. Para ello, se crearon estándares de accesibilidad, el uso de estas herramientas busca una mejora de la interacción usuario-web.
La definición de ISO: La usabilidad se refiere a la capacidad de un sotware de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso.
2.3 EDITORES PARA LA CREACIÓN DE CONTENIDO WEB.
Existen multitud de programas orientadas a la creación de páginas web. Algunos de ellos son simples editores, se limita a resaltar la sintaxis del lenguaje utilizado, por lo que el usuario se encarga de crear y distribuir el contenido, por ejemplo, Notepad++, Geany, Kate...
Otros editores más avanzados, disponen de funciones complementarias, por ejemplo, Bluefish, WebStorm, Visual Studio Express...
Finalmente, existe una última categoría de editores: los editores visuales o WYSIWYG ´lo que ves es lo que obtienes´. En estos editores las páginas web se crean como si se trataran de documentos de texto en programas como Microsoft Office Word o LibreOffice Writer. Su ventaja es que permiten obtener el aspecto del sitio web a medida que se trabaja en el mismo, pero su principal desventaja es que el código puede ser no óptimo ni amigable. Algunos ejemplos: Dreamweaver, KompoZer...
▼
martes, 19 de noviembre de 2019
sábado, 16 de noviembre de 2019
Resumen UD3: Tipos de páginas web.
TIPOS DE PÁGINAS WEB.
-¿Qué es una página web? Una Página Web es conocida como un documento de tipo electrónico, el cual contiene información digital, la cual puede venir dada por datos visuales y/o sonoros, o una mezcla de ambos, a través de textos, imágenes, gráficos, audio o vídeos y otros tantos materiales dinámicos o estáticos.
-Según el nivel de Interacción con el usuario:
1- Página estática: el contenido sólo puede ser modificado por el administrador de la misma. Estas páginas se suelen utilizar para la presentación de un producto, evento... Por ejemplo: https://www.beretoficial.com/
2- Página dinámica: es aquella que contiene aplicaciones dentro de la propia web, otorgando mayor interactividad con el navegante. Por ejemplo: https://www.survio.com/survey/d/W5D5N2W4A2T6X4M6H
-Según la temática:
1-Blog, foro o red social: páginas web destinadas a que los usuarios interaccionen entre sí y opinen sobre sus contenidos. Por ejemplo: https://lucyclip.es/?gclid=Cj0KCQiA2b7uBRDsARIsAEE9XpGDIAKJwyebioidtKyyKLAEYpX3ouGPR8NkwoGCX_Bt37R1u7t0Rm4aAsEcEALw_wcB
2- Presentación o corporativa: sitio web destinado a publicar un producto, el trabajo de una persona o una empresa ... Por ejemplo: https://www.beretoficial.com/
3- Comercio electrónico: página web 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. Por ejemplo: https://m.zara.com/
4-Aplicaciones web: sitios web destinados a ofrecer una funcionalidad tradicionalmente propia de aplicaciones de escritorio. Por ejemplo:https://www.gmail.com/mail/help/intl/es/about.html?iframe
-¿Qué es una página web? Una Página Web es conocida como un documento de tipo electrónico, el cual contiene información digital, la cual puede venir dada por datos visuales y/o sonoros, o una mezcla de ambos, a través de textos, imágenes, gráficos, audio o vídeos y otros tantos materiales dinámicos o estáticos.
-Según el nivel de Interacción con el usuario:
1- Página estática: el contenido sólo puede ser modificado por el administrador de la misma. Estas páginas se suelen utilizar para la presentación de un producto, evento... Por ejemplo: https://www.beretoficial.com/
2- Página dinámica: es aquella que contiene aplicaciones dentro de la propia web, otorgando mayor interactividad con el navegante. Por ejemplo: https://www.survio.com/survey/d/W5D5N2W4A2T6X4M6H
-Según la temática:
1-Blog, foro o red social: páginas web destinadas a que los usuarios interaccionen entre sí y opinen sobre sus contenidos. Por ejemplo: https://lucyclip.es/?gclid=Cj0KCQiA2b7uBRDsARIsAEE9XpGDIAKJwyebioidtKyyKLAEYpX3ouGPR8NkwoGCX_Bt37R1u7t0Rm4aAsEcEALw_wcB
2- Presentación o corporativa: sitio web destinado a publicar un producto, el trabajo de una persona o una empresa ... Por ejemplo: https://www.beretoficial.com/
3- Comercio electrónico: página web 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. Por ejemplo: https://m.zara.com/
4-Aplicaciones web: sitios web destinados a ofrecer una funcionalidad tradicionalmente propia de aplicaciones de escritorio. Por ejemplo:https://www.gmail.com/mail/help/intl/es/about.html?iframe
miércoles, 6 de noviembre de 2019
Mis blogs favoritos
LOS MEJORES BLOGS SOBRE MODA:
La moda es un conjunto de prendas de vestir, adornos y complementos basados en gustos, usos y costumbres que se utilizan por una mayoría durante un periodo de tiempo determinado y que marcarán tendencia según la duración del mismo.
A continuación os dejo los enlaces a mis blogs de moda favoritos:
1- https://www.theblondesalad.com/en-US
2-http://kenzas.se/
3-https://sincerelyjules.com/
4-https://www.amlul.com/es
5-https://www.kayture.com/
La moda es un conjunto de prendas de vestir, adornos y complementos basados en gustos, usos y costumbres que se utilizan por una mayoría durante un periodo de tiempo determinado y que marcarán tendencia según la duración del mismo.
A continuación os dejo los enlaces a mis blogs de moda favoritos:
1- https://www.theblondesalad.com/en-US
2-http://kenzas.se/
3-https://sincerelyjules.com/
4-https://www.amlul.com/es
5-https://www.kayture.com/
Cómo atraer usuarios
CÓMO ATRAER USUARIOS A UN BLOG.
-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:
-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:
martes, 5 de noviembre de 2019
Configuración de comentarios.
CONFIGURACIÓN DE COMENTARIOS.
La configuración de comentarios nos permite determinar aspectos relativos a la visualización de los comentarios, notificaciones y políticas de moderación.
- Configuración por defecto de las entradas: permite configurar los valores por defecto de creación de entradas. Entre otra cosas, es posible configurar avisos para comunicar a otros sitios web.
- Otra configuración de comentarios: permite configurar opciones como la posibilidad de que los usuarios puedan añadir comentarios de forma anónima y, en tal caso, determinar si deben introducir o no un nombre y una dirección de correo.
- Enviar correo electrónico cuando: para comprobar si hay notificaciones es posible programar el envío de avisos automáticos.
- Para que un comentario aparezca: permite definir si los comentarios se mostrarán públicamente.
- Moderación de comentarios: se utiliza para establecer filtros que obliguen a moderar ciertos comentarios.
- Lista negra de comentarios: permite agregar palabras que lo clasifican de spam.
La configuración de comentarios nos permite determinar aspectos relativos a la visualización de los comentarios, notificaciones y políticas de moderación.
- Configuración por defecto de las entradas: permite configurar los valores por defecto de creación de entradas. Entre otra cosas, es posible configurar avisos para comunicar a otros sitios web.
- Otra configuración de comentarios: permite configurar opciones como la posibilidad de que los usuarios puedan añadir comentarios de forma anónima y, en tal caso, determinar si deben introducir o no un nombre y una dirección de correo.
- Enviar correo electrónico cuando: para comprobar si hay notificaciones es posible programar el envío de avisos automáticos.
- Para que un comentario aparezca: permite definir si los comentarios se mostrarán públicamente.
- Moderación de comentarios: se utiliza para establecer filtros que obliguen a moderar ciertos comentarios.
- Lista negra de comentarios: permite agregar palabras que lo clasifican de spam.
miércoles, 30 de octubre de 2019
Licencias de contenido.
Licencias de contenido.
A la hora de publicar contenidos es muy importante tener en cuenta que el contenido debe ser propio de quienes lo publican. Si es un vídeo, imágenes ... se debe tener en cuanta la licencia del autor porque sino sería una violación de los derechos del autor.
Se suelen utilizar dos tipos de licencias:
-COPYRIGHT: Es una licencia que se aplica por defecto a todo el contenido generado por un autor, siempre que sea producido de forma original. Para poder usar este contenido es obligatorio pedir permiso a su creador.
-CREATIVE COMMONS: Esta licencia permite distribuir libremente el contenido de un autor, pero con la obligación de citar la fuente de dicho contenido. El autor debe expresar que el contenido se ha publicado bajo esta licencia. Bajo esta licencia se pueden establecer ciertas obligaciones:
- Sin obras derivadas (no se pueden realizar ni distribuir trabajos derivados).
-Compartir igual ( permite realizar obras derivadas pero bajo la misma licencia que el original).
-No comercial (la obra no puede emplearse conánimo de lucro).
-Atribución (se debe nombrar al autor).
CC0; Es una variante de Creative Commons, implica una renuncia de autor a todos los derechos de su obra.
A la hora de publicar contenidos es muy importante tener en cuenta que el contenido debe ser propio de quienes lo publican. Si es un vídeo, imágenes ... se debe tener en cuanta la licencia del autor porque sino sería una violación de los derechos del autor.
Se suelen utilizar dos tipos de licencias:
-COPYRIGHT: Es una licencia que se aplica por defecto a todo el contenido generado por un autor, siempre que sea producido de forma original. Para poder usar este contenido es obligatorio pedir permiso a su creador.
-CREATIVE COMMONS: Esta licencia permite distribuir libremente el contenido de un autor, pero con la obligación de citar la fuente de dicho contenido. El autor debe expresar que el contenido se ha publicado bajo esta licencia. Bajo esta licencia se pueden establecer ciertas obligaciones:
- Sin obras derivadas (no se pueden realizar ni distribuir trabajos derivados).
-Compartir igual ( permite realizar obras derivadas pero bajo la misma licencia que el original).
-No comercial (la obra no puede emplearse conánimo de lucro).
-Atribución (se debe nombrar al autor).
CC0; Es una variante de Creative Commons, implica una renuncia de autor a todos los derechos de su obra.
martes, 29 de octubre de 2019
Blogger
BLOGGER
Blogger es un servicio creado por Pyra Labs y adquirido por Google en el año 2003, que permite crear y publicar contenidos, el usuario no tiene que escribir ningún código o instalar programas de servidor.
Historia: Fue lanzado en septiembre de 1998, siendo una de las primeras herramientas de publicación 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.
Funcionamiento:Editor de entradas (que pueden ser programadas), diseñador de plantillas, publicación en dominios personalizados,adición de imágenes y videos a través del editor de entradas, acceso público o restringido al blog...
Los enlaces usados son:
https://es.wikipedia.org/wiki/Google
https://es.wikipedia.org/wiki/Pyra_Labs
https://es.wikipedia.org/wiki/Blog
https://es.wikipedia.org/wiki/Plantilla
Blogger es un servicio creado por Pyra Labs y adquirido por Google en el año 2003, que permite crear y publicar contenidos, el usuario no tiene que escribir ningún código o instalar programas de servidor.
Historia: Fue lanzado en septiembre de 1998, siendo una de las primeras herramientas de publicación 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.
Funcionamiento:Editor de entradas (que pueden ser programadas), diseñador de plantillas, publicación en dominios personalizados,adición de imágenes y videos a través del editor de entradas, acceso público o restringido al blog...
Los enlaces usados son:
https://es.wikipedia.org/wiki/Google
https://es.wikipedia.org/wiki/Pyra_Labs
https://es.wikipedia.org/wiki/Blog
https://es.wikipedia.org/wiki/Plantilla
Tipos de blogs. |
Logo de Blogger. |
Edición de entradas y páginas
EDICIÓN DE ENTRADAS Y PÁGINAS
Editar una entrada en WordPress es muy sencillo, basta con buscarla, como se ha estudiado en el punto anterior, y hacer clic en Editar. Este enlace nos conduce al mismo edtor que se utiliza para crear nuevas entrada.
Por otro lado, WordPress permite crear y editar páginas estáticas, en las que se suele proporcionar al usuario información sobre el contenido de blog, datos... Las páginas gestionan, desde la sección Páginas, de forma similar.
Editar una entrada en WordPress es muy sencillo, basta con buscarla, como se ha estudiado en el punto anterior, y hacer clic en Editar. Este enlace nos conduce al mismo edtor que se utiliza para crear nuevas entrada.
Por otro lado, WordPress permite crear y editar páginas estáticas, en las que se suele proporcionar al usuario información sobre el contenido de blog, datos... Las páginas gestionan, desde la sección Páginas, de forma similar.
lunes, 28 de octubre de 2019
Uso de las opciones Compartir y Ubicación
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 oros medios. Para compartir las entradas de forma automática en redes sociales como Facebook, por ejemplo, el autor del blog debe vincular su cuentas de WordPress a las diferentes redes sociales en las que quiera compartir las entradas mediante la opción Nueva conexión.
La sección Ubicación permite vincular una entrada a un lugar concreto, lo que resulta utíl, por ejemplo, cuando se desea asociar una entrada sobre la celebración de un evento a la localización donde tendrá lugar o indicar dónde está situado el lugar sobre el que se habla en la entrada.
Inserción de etiquetas y categorías.
Inserción de etiquetas y categorías.
La sección de Categorías y etiquetas permite asignar a la entrada etiquetas identificativas del contenido y categorías para clasificar la entrada.
Las características son las siguientes:
-Categorías: Permiten clasificar las diferentes entradas del blog. Normalmente se utiliza para identificar el tema o los temas de blog 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 . Por ejemplo: los artículos de tecnología pueden pertenecer a categorías de Software, Tarjetas...
-Etiquetas: Hacen referencia a los distintos conceptos relacionados con el contenido de cada entrada, Por lo general, a cada entrada le corresponden varias etiquetas. Al igual que las categorías permiten realizar búsquedas a los usuarios. Por ejemplo: los artículos de tecnología pueden contener etiquetas Android, IOS...
La sección de Categorías y etiquetas permite asignar a la entrada etiquetas identificativas del contenido y categorías para clasificar la entrada.
Las características son las siguientes:
-Categorías: Permiten clasificar las diferentes entradas del blog. Normalmente se utiliza para identificar el tema o los temas de blog 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 . Por ejemplo: los artículos de tecnología pueden pertenecer a categorías de Software, Tarjetas...
-Etiquetas: Hacen referencia a los distintos conceptos relacionados con el contenido de cada entrada, Por lo general, a cada entrada le corresponden varias etiquetas. Al igual que las categorías permiten realizar búsquedas a los usuarios. Por ejemplo: los artículos de tecnología pueden contener etiquetas Android, IOS...
BIENVENIDA
jueves, 24 de octubre de 2019
Creación de entradas.
Creación de entradas.
Para acceder al editor y crear una nueva entrada, es preciso hacer clic en el botón Añadir situado en la parte derecha del enlace Entradas de blog o en el botón Crear una entrada.
Para modificar la acción predeterminada, es posible desplegar la primera sección del menú de la izquierda, que permite gestionar la publicación:
-Publicar. La entrada se publica una vez redactada.
- Marcar como destacad. La entrada aparecerá en primer lugar con respecto a las demás entradas.
-Pendiente de revisión. Antes de publicarla se espera recibir una segunda opinión.
-Establecer fecha y hora. Situado al botón de publicar, de modo que la entrada permanece oculta hasta el momento indicado.
Para crear una entrada solo es necesario escribir un título y añadir contenido.
El editor dispone de las herramientas necesarias para dar formato al texto, crear listas y enlaces, insertar imágenes... Una vez completada la entrada, es posible seleccionar varias acciones, por ejemplo Ver, que previsualiza el aspecto de la entrada en el blog.
martes, 22 de octubre de 2019
Tipos de Blogs
TIPOS DE BLOGS.
Un blog es un sitio web en el que los contenidos, que se van actualizando periódicamente, se presentan, por lo general, ordenados de forma cronoógica.
-Blogs colaborativo
Múltiples autores publican entradas, normalmente, sobre un mismo tema de interés común. Estos blogs suelen considerarse también blogs temáticos.
-Blogs corporativos
Estos blogs son gestionados por una empresa, la cual anuncia productos, crea una imagen de marca o, simplemente, mantener al corriente a los clientes de las últimas novedades.
-Blogs personales
Son aquellos gestionados por una sola persona. Tienen un formato similar al de un diario y sus autores suelen publicar experiencias, opiniones o relatos cortos.
de vídeos.
- Blogs temáticos
Destinados a un tema concreto. Se emplean como punto de encuentro para usuarios que comparten intereses, de modo que cada uno pueda aportar, ya sea publicando entradas o mediante comentarios.
-Fotologs o volgs
Destinados a la publicación de un solo tipo de contenido; en el caso de fotologs, de imágenes, y en el caso de los vlogs,
- Microblogs
Se denomina microblogging a la acción de publicar pequeños fragmentos de contenido, ya sean vídeos, imágenes o textos. Plataformas como Tumblr permiten crear este tipo de blogs.
Un blog es un sitio web en el que los contenidos, que se van actualizando periódicamente, se presentan, por lo general, ordenados de forma cronoógica.
-Blogs colaborativo
Múltiples autores publican entradas, normalmente, sobre un mismo tema de interés común. Estos blogs suelen considerarse también blogs temáticos.
-Blogs corporativos
Estos blogs son gestionados por una empresa, la cual anuncia productos, crea una imagen de marca o, simplemente, mantener al corriente a los clientes de las últimas novedades.
-Blogs personales
Son aquellos gestionados por una sola persona. Tienen un formato similar al de un diario y sus autores suelen publicar experiencias, opiniones o relatos cortos.
de vídeos.
- Blogs temáticos
Destinados a un tema concreto. Se emplean como punto de encuentro para usuarios que comparten intereses, de modo que cada uno pueda aportar, ya sea publicando entradas o mediante comentarios.
-Fotologs o volgs
Destinados a la publicación de un solo tipo de contenido; en el caso de fotologs, de imágenes, y en el caso de los vlogs,
- Microblogs
Se denomina microblogging a la acción de publicar pequeños fragmentos de contenido, ya sean vídeos, imágenes o textos. Plataformas como Tumblr permiten crear este tipo de blogs.