GOOGLE SITES

 Usando el Google Sites creé una página Web sobre la nanotecnología y sus aplicaciones en medicina.

Puedes ver la página Web aquí.

OBSTÁCULOS

 Un dinosaurio evita chocarse con con unos muros, el código es el siguiente:

ASTEROIDES

 

En este ejercicio un cohete español lanza banderas de Asturias para que no la golpeen botellas de sidra.

PRIMER JUEGO: FRONTÓN

 En este juego se tiene que golpear a Saquille O´Neal con una canasta para evitar que toque el color azul mientras que unos tiburones voladores entorpecen  la misión

CONDICIONALES IF THEN ELSE

En este ejercicio usé el comando if then else para que el cangrejo cambie el contenido del bocadillo dependiendo de su posición.

ESTRUCTURA CONDICIONAL

Podemos ver como un coche se desplaza hasta llegar hasta cierto punto, ahí para y explota.

BUCLE INFINITO SCRATCH

 En este ejercicio podemos ver como una beisbolista golpea la cabeza de Abel, que se aleja hasta el infinito. Utilicé una estructura secuencial de bucle infinito.

ESTRUCTURA SECUENCIAL 2 BUCLE REPEAT

En esta tarea, usamos la función repeat para repetir un determinado número de veces una acción.

Se observa un tiburón, con una estructura de bucle repeat similar a la del pez, perseguir un pez.

PROGRAMACIÓN Y ESTRUCTURA SECUENCIAL 1

La estructura secuencial es la siguiente: El jugador se mueve de derecha a izquierda y salta.

REFLEXIÓN DE LA SEGUNDA EVALUACIÓN

En esta segunda evaluación, al igual que en la primera, hemos seguido trabajando con Blogger, el cual usamos tanto para publicar nuestras avances en Html y demás lenguajes de programación como para escribir artículos de opinión sobre interesantes temas de la informática y las TIC. También seguimos haciendo tareas con el HTML y con el CSS, usando Sublime Text, parecidas a la evaluación pasada pero avanzando poco a poco. En esta evaluación añadimos también otro lenguaje, Javascript, que permite usar funciones muy curiosas y darle dinamismo a nuestra página. Seguimos usando el WordPress, para unas tareas sobre solucionar bugs. Todos los ejercicios de HTML los subimos a Neocities, igual que en la primera evaluación.

Mis actividades favoritas, y las que más he disfrutado haciendo son las de diseñar páginas Web porque, aunque no es lo que más me gusta ni lo que mejor se me da, mola ver que mejoras y que te salen cosas que antes no podías hacer.

ESTÁNDARES DE PUBLICACIÓN

Hace unos años, el desarrollo de páginas web era caótico, había que realizar una versión de cada página web para prácticamente cada navegador.

Para dar solución a este problema, el W3C lanzó una iniciativa en 1997 para lograr la accesibilidad web (Web Accessibility Initiative o WAI) y que se siguieran una serie de estándares o normas.

Los estándares de publicación web, hace referencia a las especificaciones técnicas, reglas y recomendaciones que definen y describen aspectos de la Word Wide Web. La tendencia es seguir el conjunto de prácticas estandarizadas para diseñar y construir sitios web más eficientes, atractivos y amigables. Algunos aspectos a considerar son la interoperabilidad, la accesibilidad y la usabilidad de páginas y sitios web.

Algunos de los estándares Web más conocidos y ampliamente utilizados son:

• HTML (HyperText Markup Language), para definir la estructura de los documentos.
• XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías.
• CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos.
• Javascript, que permite otorgar dinamismo y funcionalidad.

¿Qué es W3C?

El W3C (World Wide Web Consortium) es un comité que se dedica a implementar tecnologías uniformes en el uso y desarrollo de Internet. El organismo fue fundado en el MIT en Cambridge, Massachusetts, EE.UU. en 1994.

El objetivo del W3C es uniformar las especificaciones técnicas y establecer directrices para el desarrollo de tecnologías web, de forma que se mantenga la idea básica de la World Wide Web. Tecnologías como HTML, XML, CSS, otros lenguajes de marcado y servicios web son utilizados diariamente por millones de usuarios.

En el caso de España, la sede de W3C se encuentra en Gijón, Asturias; más concretamente en el Parque Científico Tecnológico de Gijón.

PÁGINAS ESTÁTICAS Y DINÁMICAS

Las páginas web dinámicas son generadas en el servidor por la ejecución del lenguaje Script sobre el cual se encuentran programadas y el resultado es una salida HTML despachada al navegador.

Este tipo de páginas Web permiten la creación de aplicaciones dentro de la propia web y ofrecen una mayor interactividad con los usuarios que la visiten. Su creación es más compleja, ya que se requiere de conocimientos específicos de lenguajes de programación y gestión de bases de datos.

Las páginas web dinámicas se hicieron necesarias hasta el momento de que crecieron tantas que surgió la necesidad de separar el contenido en una estructura mejor adaptada para su administración y lo mejor fue usar una base de datos para gestionarlo.

Una web estática es un archivo de texto HTML que despacha el servidor hacia el navegador, por lo que requiere menor procesamiento del lado servidor, ya que solo necesita localizar el archivo HTML, leerlo y despacharlo al navegador.

Son ideales para las empresas que no quieren muchas pretensiones con su sitio web, sino simplemente informar a sus clientes de sus productos y dar a conocer su perfil de empresa entre otros. La principal ventaja es lo económico que pueden resultar. Su diseño y desarrollo es más rápido que el de una web dinámica pero el usuario no puede seleccionar, ordenar o modificar los contenidos o el diseño de la página.

Si desea más información acerca de este tipo de páginas puede hacer clic sobre la imagen:

Caracteres especiales HTML

Al escribir el código en HTML, hay una serie de caracteres que no podemos escribir directamente, tal es caso de los signos < y >. Tampoco podemos escribir directamente mas de un espacio entre dos palabras, y otra serie de caracteres puede que no siempre aparezcan correctamente escritos o puede que haya dificultades en algunos navegadores para verlos bien. ¿Qué hacer si queremos introducir estos caracteres en una página?

Para escribir este tipo de caracteres con la seguridad de que se verán siempre bien, debemos sustituirlos por unas expresiones llamadas entidades HTML. Cada entidad HTML que representan a un caracter:

La siguiente tabla muestra las entidades HTML más usadas y sus correspondientes caracteres:

Entidad	Carácter	Descripción
&lt;	<	signo menor que
&gt;	>	signo mayor que
&amp;	&	ampersand
&quot;	"	comillas
&nbsp;	(espacio en blanco)	espacio en blanco
&apos;	'	apóstrofo

Los signos de mayor >, menor <, ampersand & y el espacio en blanco no pueden escribirse directamente, por lo que utilizaremos siempre los caracteres especiales.

Si desea conocer más acerca de estas entidades, pinche aquí.

HITO TIC FAVORITO

Mi hito TIC favorito es la creación de YouTube o más bien, su popularización como plataforma para subir y compartir videos con gente de todo el mundo.

En la actualidad, YouTube pertenece a Google, aunque en sus comienzos, se trataba de un proyecto privado de Steve Chen, Jawed Larim y Chad Hurley.

No fue la primera plataforma en tener la idea de facilitar la distribución de vídeos, pero sí la que popularizó esta forma de compartir vídeos.

Para bien o para mal, en mi opinión más para bien, YouTube a dado la posibilidad a personas a tener una relación mucho más cercana con sus seguidores que, por ejemplo, una cadena de televisión. Además, aunque es cierto que existe de todo, por regla general los "youtubers" pueden dar su opinión sincera y sobre todo son "libres" y esto les permite dar información de una manera menos sesgada que otros medios de comunicación tradicionales.

Todo empezó con el primer video publicado en YouTube.

CALENDARIO PERSONALIZADO

Esta actividad consistía en hacer un calendario escolar personalizado, utilizando nuestras propias fotos.

Utilicé Google fotos para buscar una foto de cada ,es y las fui guardando.

Luego abrí un único word con la opción de calendario y a partir de enero, fui copiando y pegando el mes y luego cambiándole detalles como los colores, el título y la foto.

Finalmente, ya con todos los meses en el word, fui ajustando las fotos poco a poco para que me quedaran lo más similares posibles todas las páginas y marcando los días de fiesta.

WORDPRESS

Casi el 40% de las webs que han sido creadas a lo largo de la historia han utilizado Wordpress.

El Wordpress es un tipo de CMS (si estás interesado en saber lo que es un CMS pinche aquí), un sistema de gestión de contenidos web que en pocas palabras es un sistema para publicar contenido en la web de forma sencilla. Tan común es ya, que es el líder absoluto a nivel mundial para la creación de webs desde hace muchísimos años.

Es un software de código abierto (se puede tener acceso a todo el código) que además podemos tratar de mejorar dentro de su comunidad. Por lo tanto WordPress es gratuito y podemos descargarlo desde sus servidores para distintos fines.

WordPress llegó para democratizar la web, como otros CMS. Desde el año 2003, es un sistema de gestión de contenidos que hace que la creación de contenido web no dependa sólo de programadores y de personas de alto conocimiento técnico. Ahora, cualquier persona puede crear una web.

WordPress se divide en tres partes:

• Core: WordPress en sí, que es absolutamente gratuito y descargable.
• Temas: que sirven para cambiar la apariencia de la web. Hay un enorme repositorio gratuito, pero también hay recursos de pago fuera del repositorio.
• Plugins: utilidades que pueden convertir tu web en casi cualquier cosa. Igualmente que los temas, hay un repositorio gratuito y miles de empresas que venden sus funcionalidades.

CMS

CMS son las siglas de Content Management System, en español Sistema de Gestión de Contenidos. En resumen, un CMS te permite crear, organizar, publicar y eliminar contenidos de tu sitio web.

El CMS hace posible publicar y actualizar contenidos constantemente y tienen muchas funcionalidades que facilitan la automatización. Utilizar un Sistema de Gestión de Contenidos es la opción más elegida por todas aquellas empresas e individuos que quieren tener un sitio web dinámico y actualizado.

Precisamente, la función de un software CMS es facilitar todos esos procesos y ponerlos a disposición del público general que no tiene ni el tiempo ni los conocimientos técnicos. De forma muy sencilla, podríamos decir que funcionan como “plantillas” pero no solo para el aspecto exterior sino también para toda la gestión interna.

Utilizando un CMS para gestionar tu contenido, podrás automatizar la mayoría de los procesos que mantienen tu sitio web vivo y actualizado.

Por otra parte, se pueden clasificar los CMS dependiendo de su funcionalidad:

• ECM: Corresponde a Enterprise Content Management. Son CMS especialmente pensados para gestionar los documentos y contenidos empresariales.
• DAM: Son muy similares a los gestores ECM pero se especializan la gestión de los llamados rich media. Es decir, con ellos se almacenan, gestionan contenidos de tipo audiovisual principalmente.
• CMS de E-Commerce: Son CMS que se han diseñado para facilitar todos los aspectos relacionados con el comercio electrónico, tales como Liferay, Drupal, Magento…
• Wikis: Estos gestores de contenido se centran en facilitar páginas web de tipo enciclopédico.
• CMS Foros: Estos gestores de contenido facilitan las herramientas necesarias para diseñar y gestionar foros de Internet.
• CMS para medios. Los medios de comunicación son otro de los grandes sectores que utilizan gestores de contenido en su día a día, y debe ser un proceso rápido y sencillo. Las tareas diarias de las redacciones digitales se desempeñen con agilidad y comodidad con gestores como Xalok como CMS.

REFLEXIÓN DE LA PRIMERA EVALUACIÓN

 Esta primera evaluación ha sido útil, hemos aprendido cosas nuevas y prácticas, que quizás nos sean útiles en el futuro, decidamos seguir estudiando tecnología o no.

Empezamos creándonos una cuenta en Codecademy, para familiarizarnos con el código HTML que estudiaríamos más tarde.

Seguimos con actividades simples en el bloc de notas. Iniciándonos también en el Neocities y con el Sublime. Ejercicios cada vez más complejos con los que pasamos de simplemente poner nuestro nombre a ser capaces incluso de insertar imágenes, vídeos o enlaces en nuestra página Web.

También llegamos al CSS, otro tipo de lenguaje relacionado con la estética de la página

Paralelamente, organizamos nuestro blog y realizamos actividades como investigar acerca de los derechos de autor, sobre los Premios Princesa de Asturias o el meta charset entre otros.

PREMIOS PRINCESA DE ASTURIAS

 Los premiados de este año son:

Carmen Linares y María Pagés, Premio Princesa de Asturias de las Artes
Eduardo Matos Moctezuma, Premio Princesa de Asturias de Ciencias Sociales
Adam Michnik, Premio Princesa de Asturias de Comunicación y Humanidades
Shigeru Ban, Premio Princesa de Asturias de la Concordia
Ellen MacArthur, Premio Princesa de Asturias de Cooperación Internacional
Fundación y Equipo Olímpico de Refugiados, Premio Princesa de Asturias de los Deportes
Geoffrey Hinton, Yann LeCun, Yoshua Bengio y Demis Hassabis, Premio Princesa de Asturias de Investigación Científica y Técnica
Juan Mayorga, Premio Princesa de Asturias de las Letras

Mi favorito es Eduardo Matos Moctezuma, porque estudió arqueología y me parece el más interesante de los premiados. Se centra sobre todo en el estudio de los aztecas y otros pueblos de preexistentes al descubrimiento de América.

Entre todas las actividades, la que más me llama la atención es paraíso flamenco, en la que destaca Maria Pagés y es en la que me habría gustado participar.

¿Qué es el meta charset="utf-8"?

El elemento meta con atributo charset en un documento HTML se utiliza para indicar la codificación de caracteres del documento. Este elemento se suele escribir en minúsculas aunque funciona indistintamente en mayúsculas y minúsculas. 

Se escribe este elemento debajo de <head>.

Básicamente, gracias a este elemento sabemos los caracteres que se puede utilizar, en este caso "utf-8" es un conjunto de caracteres universal que incluye casi todos los caracteres de todos los idiomas humanos.

Si quiere aprender más sobre el meta charset= uft-8, pinche aquí.