Mostrando entradas con la etiqueta TIC II. Mostrar todas las entradas
Mostrando entradas con la etiqueta TIC II. Mostrar todas las entradas

13 de septiembre de 2019

Bienvenidos al Blog de la asignatura de TIC


Comenzamos con la clase de TIC !!

Lo primero de todo, daros la bienvenida a esta web que he creado y que tiene como objetivo facilitaros el seguimiento de la materia de TIC durante este curso.

Aquí os ire dejando toda la información necesaria sobre los diferentes temas que vayamos viendo (edición de imagen, de audio o vídeo, ofimática, CAD 2D y 3D, diseño web, programación, etc). Esta información podrá venir en diferentes formatos (documento PDF, videotutorial, animación, enlaces a páginas de interés, etc). 

De igual forma, aquí tendréis siempre disponibles las actividades que vayamos realizando en clase y que no hayáis podido hacer por algún motivo durante la hora de clase.

Espero que la asignatura os resulte entretenida.

10 de septiembre de 2018

TIC II: Conociendo el lenguaje HTML


En esta entrada os dejo una serie de documentos que nos permitirán conocer el funcionamiento de uno de los lenguajes de programación en los que está basado Internet, el HTML.
HTML, junto con CSS y Javascript son los 3 principales lenguajes de programación utilizados a la hora de realizar cualquier página web

HTML 1: Aspectos básicos
HTML 2: Formato de texto 
HTML 3: Enlaces
HTML 4: Elementos multimedia
HTML 5: Maquetación
HTML 6: Listas y tablas

9 de noviembre de 2016

TIC II: Hojas de estilo en cascada. Primeros pasos con CSS3


Aquí os dejo un pequeño manual que he ido realizando sobre CSS3. Está incompleto, pero podéis descargarlo para ir echándole un vistazo en clase. No os preocupéis que no hay que sabérselo de memoria, con tenerlo al lado para el examen basta...
Cuando lo tenga terminado os aviso

Download

Práctica CSS3

Práctica CSS3 Selectores

27 de octubre de 2016

TIC II: Resumen de HTML5

Descargad las imágenes para analizar el funcionamiento y la estructura de un documento HTML5 y sus principales etiquetas.
El documento html que contiene toda esta información el el siguiente:

Download index.html

Podéis descargar la estructura de carpetas de la web con algunos archivos incluidos (pdf, zip, imágenes, vídeos, audios, etc) desde aquí

El software con el que lo he escrito no es el bloc de notas, sino que he utilizado un editor de código gratuito llamado brackets. Podéis descargarlo haciendo clic en el enlace que hay a continuación o en la barra lateral del blog, en la sección de software TIC. 
AVISO: No es compatible con Windows XP

Download Brackets





20 de octubre de 2016

Comparador de imágenes


En esta entrada os dejo una pequeña aplicación que he encontrado en Internet y que quizá hayáis visto en alguna ocasión en algún periódico online cuando nos quieren mostrar el aspecto de una zona antes y después de una catástrofe o para comparar el aspecto de una actor o actriz antes y después del paso del tiempo o del paso por el quirófano.
El servicio online que nos permite hacer esto se llama JustaposeJS.
Sin más, os dejo el efecto 
La forma de incrustarlo en nuestro blog es la de siempre. JustaposeJS nos pedirá la dirección web de 2 imágenes o el enlace a Dropbox de dichas imágenes.
Lo más importante es que dichas imágenes tengan un enfoque, encuadre, tamaño y relación de aspecto similar. Si no las tienen originalmente se pueden modificar con nuestro editor de imágenes favorito (Gimp, Photoshop, etc).
Después nos generará un código <iframe> que deberemos copiar en la parte HTML de una de nuestras entradas.
Tras el salto os dejo un ejemplo que he creado con el aspecto del conocidísimo fondo de pantalla de XP tras el paso de los años. 





20 de diciembre de 2012

Blogs: añade un gadget de Twitter



Twitter dispone de varios widgets para ser insertados en blogs y páginas web (cronología de usuario, favoritos, lista y búsqueda). Con ellos, es posible publicar tweets, realizar retweets, marcar como favorito y responder desde el mismo widget.
Tras el salto os explico como configurarlos e insertarlos en nuestro blog.


Los widgets están en el apartado de Configuración de nuestra cuenta (icono con forma de engranaje). Allí encontraremos una nueva pestaña, de nombre Widgets, y un botón de Crear nuevo que debemos pulsar para empezar la creación del widget. 

twitter-configuracion-widgets

Esto nos lleva a una página con cuatro pestañas más. Cada una de ellas se corresponde con un tipo diferente de widget. Las opciones de configuración son exactamente las mismas (excepto la primera) para todos los artilugios, e incluyen:
    Altura: tamaño de alto del widget en píxeles. Por defecto, 600. El ancho se ajusta de forma automática al espacio que tengamos.

Plantilla: Sólo hay dos diseños para el aspecto de nuestro widget, claro y oscuro. El primero muestra el texto de los tweets en negro sobre un fondo blanco. El segundo muestra el texto de los tweets en blanco sobre un fondo negro.

Abrir automáticamente las fotos: Si queremos que, por defecto, se vean las imágenes publicadas en el widget, marcaremos esta casilla. Si queremos que los visitantes tengan que hacer clic en el enlace "Show Photo" para verlas, la desmarcaremos. Esto puede ser útil para evitar que se vean en nuestro blog fotos comprometidas y para reducir  los tiempos de carga.

Color del enlace: color de los links que muestra el widget. Por defecto, vienen en azul, aunque podemos cambiarlo fácilmente.

Dominios: dirección web donde incrustaremos el widget. Deber ser la dirección exacta, sin el http:// delante. Para los blogs de Blogger, no vale sólo con blogspot.com, sino que hay que poner blogspot.com.es

    twitter-widget-cronologia-de-usuario

    En función del tipo de widget que vayamos a crear, la primera opción de configuración será distinta:

      En el widget de Cronología de usuario, que es el que muestra la actividad (tweets, retweets, menciones...) de un perfil de Twitter determinado, debeemos escribir el nombre del usuario en cuestión sin la arroba delante. Puede ser el tuyo o el de otra persona, siempre que sea una cuenta pública.
      En el widget de Favoritos, que es el que muestra los tweets que ha marcado como favorito (con la estrella) un perfil concreto, escribiremos el nombre del usuario cuyos favoritos deseemos visualizar, sin la arroba delante. Pueden ser los nuestros o los de otra persona, si la cuenta es pública.
      En el widget de Lista, que es el que muestra los tweets publicados por los miembros de una lista de Twitter, escogeremos la lista a mostrar en el menú desplegable. Puede tratarse de una lista creada por ti o una de las listas a las que estás suscrito. Como siempre, deben ser públicas.
      Por último, en el widget Buscar, que es el que muestra los resultados de una búsqueda en Twitter, escribiremos la consulta de búsqueda deseada. Es posible utilizar hashtags y operadores de búsqueda avanzada de este servicio, así como marcar o desmarcar la casilla Modo seguro, que excluirá los tweets considerados ofensivos.
        Una vez finalizada la configuración, hacemos clic sobre Crear widget para obtener el código HTML que deberemos copiar y pegar en nuestro blog como siempre. Nos dirigiremos al apartado Diseño de nuestro blog, haremos clic sobre Añadir un gadget, y pegaremos el código dentro del gadget HTML/Javascript. 

        twitter-widgets-codigo

        Otra vez en la pestaña Widgets del apartado de Configuración de nuestra cuenta de Twitter, podremos ver todos los widgets creados, así como modificar su configuración o suprimirlos.

        twitter-widgets-editar-eliminar