jueves, 27 de abril de 2017


Práctica 7: Creación de aplicación  a través de Mobincube



El objetivo de esta práctica es la creación de una aplicación de tu bar favorito a través de una página web llamada Mobincube, que nos ofrece unas plantillas que nos facilitará este trabajo.
Lo primero es registrarse, de forma totalmente gratuita, y decidir el tipo de aplicación que crearemos, en nuestro caso de un bar.






Tras elegir el tipo de aplicación, nos dispondremos a personalizarla. Es bastante sencillo porque desde el principio la pagina te ofrece un tutorial a seguir para hacerlo más fácil y mas rápido.

                                 
                                                                      Edición de la cabecera


                                                                                        Edición de la información que se mostrara por pantalla

Por último, esta página nos genera una URL y un código QR para poder descargar la aplicación.







miércoles, 5 de abril de 2017


Práctica 6

En esta práctica hemos conocido que existen programas que nos permiten crear interfaces de páginas web o mockups que nos sirven para tener una vista previa de la página a diseñar. 
Una de estas herramientas que nos ayudan ha crear mockups es Pidoco, que es la que vamos a utilizar en esta práctica para crear una interfaz para una página web de la semana cultural de Mérida.
Pidoco es un programa online que te permite trabajar con él de forma gratuita. Su forma de funcionar es bastante fácil

Primero seleccionamos el tamaño sobre el que queremos trabajar, es decir, tamaño pantalla de ordenador, teléfono,...

A partir de aquí se nos genera una pantalla con el tamaño elegido en la que podremos ir añadiendo y modificando los elementos que quieres que compongan nuestra página.




Mockup de mi diseño para la página web de la semana cultural.


domingo, 2 de abril de 2017

Práctica 5


Esta práctica está compuesta por dos ejercicios. 

1) En el primero hemos modificado una página web de Bootstrap. 
Seleccionaremos un archivo de la página Bootstrap con extensión .html y nos lo descargamos.


Se nos creara una carpeta con el mismo nombre de la pagina.


En la misma página nos hemos guardado una plantilla que será la que modificaremos. Tras esto podremos personalizar esta página como nosotros queramos.


                                           

Simplemente he inspeccionado la página para conocer el nombre de la parte de este elemento y así poder modificar el html


2) La segunda parte de la práctica consta de dos partes.

Una enfocada a la edición de vídeos a través de las herramientas que nos ofrece Youtube. Primero es crearte una cuenta en esta plataforma. Una vez que la tengamos pasamos a la edición. 
Youtbe te permite utilizar una serie de vídeos y música para poder probar como se edita con sus herramientas. Es bastante simple.

        
Para mi vídeo he tomado tres cortos con licencia Creative Commons ya que esta te permite utilizar estos vídeos sin problemas de derechos. Del mismo modo tienes música que también puedes utilizar para estas ediciones.




Podemos editar tanto los vídeos y la música. Además nos permiten hacer transiciones entre escenas y subtitular el vídeo.

Tras editar el vídeo Youtube debe analizarlo por lo que tardara unos momentos en subirse. Tras esto también puedes modificar la miniatura del vídeo y si quieres que sea público o no. Mi vídeo editado esta subido en mi blog a través de un widget en el solo debemos copiar el html del vídeo y pegarlo en la este widget para poder mostrarlo en nuestra web.




Por último, utilizaremos el programa Soundation que es una aplicación que nos permite la creación clips de audio. También es bastante fácil de utilizar. 

   
                                  En la parte de la derecha tenemos una librería que es de donde sacamos los sonidos que queremos incorporar en nuestro clip. Simplemente he combinado varios sonidos en los distintos canales para crear una melodía.

Una vez creada, he subido el clip a mi página web  de la misma forma que el  vídeo anterior.








sábado, 18 de marzo de 2017


Práctica  4 Java Script



En esta práctica 4 hemos introducido a nuestra página web una serie de funciones a través Java Script.  




Lo que se ha hecho es crear un archivo con extensión .js en el que hemos escrito estas funciones.

Cada una de ellas realiza un objetivo diferente como por ejemplo la función myfuntionalert que crea un cuadro en el que nos muestra un mensaje, que puede ser cambiado si lo deseamos. En mi caso, el cuadro nos dice "Gracias por visitar mi pagina".

Al igual pasa con las demás funciones, pueden ser cambiadas a su gusto para personalizar tu web de la forma que mas te guste.













Tras haber creado nuestro Java Script, realizaremos otros cambios en nuestro Index (deberán estar colocados en la misma ubicación) para poder utilizar las funciones en él.



Lo primero que haremos tras copiar haber copiado las funciones en el html será hacer los cambios correspondientes en cada una de ellas.
Por ejemplo, en la función click me que lo que hará será llevarnos a mi blog personal debemos enlazarlos poniendo la localización de esta página web.  
Una de estas funciones creadas, nos permite cambiar el aspecto de la página web enlazando esta función con cada uno de los archivos .css previamente creadas. De esta forma podemos crear y añadir mas estilos a nuestra pagina de una forma fácil y sencilla.



















miércoles, 22 de febrero de 2017


Cambio por HTML


La primera publicación ha sido modificada en el título a través de HTML en la segunda línea.


La forma en que ha sido modificado ha sido cambiando la letra "b" por una "i" tanto al principio como al final de la línea, que permite que el texto se cambie a cursiva.

Hoja de Estilos - CSS



Las hojas de estilos son un conjunto de propiedades y normas de definición y aplicación que crean diferentes estilos para una pagina o web o más. 
Toda hoja de estilos esta compuesta por una regla de estilos que esta formada por:


  • Selector - indica las etiquetas a las que se aplica.
  • Declaración - el valor de la propiedad.



Podemos encontrar distintos tipos dependiendo del selector:
  • Basado en el elemento - Aplica un estilo a las declaraciones de uno o varios tipos de etiquetas.


  • Basado en el contexto - Aplica un estilo a un elemento que contenido en otro elemento.


  • Basado en un identificador o una clase - Aplica un estilo a un elemento que debe de ser único dentro  de la pagina. Para seleccionar elemento  se escribe # seguido de id.


  • Basado en una clase - Se basa en seleccionar un elemento con un punto (.) delante del nombre del mismo elemento para definirlo.



  • Basado en una pseudoclase - Consiste en caracterizar los vínculos dependiendo del estado en el que se encuentren: link- no visitado,visited- visitado, hover- cuando el ratón está sobre el enlace ,active- el momento en el que se pulsa.