TIC II: Proyecto Diseño Web

Tras aprender a utilizar los lenguajes HTML5 y CSS3, vamos a realizar el diseño de una página web utilizando el software libre Bluegriffon.

Bluegriffon es un editor WYSIWYG (en ingles, el acrónimo de "lo que ves es lo que obtienes"), lo que permite al usuario realizar páginas web de forma sencilla sin apenas usar código. Sin embargo, utilizaremos Bluegriffon como base y retocaremos lo que necesitemos usando el código HTML y CSS aprendido. 

Puedes descargar la última versión estable (2.1.1) desde su página web o la versión 1.7.2, que usaremos en clase, desde la barra de software del blog.

En el siguiente enlace podéis descargar la carpeta del proyecto con todas las imágenes necesarias para crear nuestra página web.

Carpeta del proyecto           Download

¿Te interesa? sigue leyendo

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

¿Te interesa? sigue leyendo

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

¿Te interesa? sigue leyendo

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. 

¿Te interesa? sigue leyendo

Prácticas de QCAD

En este enlace os dejo unos PDF´s con las prácticas a realizar. Guardadlas en vuestro ordenador en la partición D del disco duro, que no está congelada.

Práctica QCAD
Práctica QCAD 2
Práctica QCAD 3
Práctica QCAD 4

Para realizar las prácticas que vienen a continuación, usaremos AutoCad. La forma de trabajo no es idéntica al QCAD pero no creo que os resulte dificil. Además dispone de una herramienta de recorte que funciona mucho mejor y que nos va a servir para hacer las piezas mucho más fácilmente.

También podéis intentarlas en QCAD y pedir ayuda cuando no sepáis continuar.

Práctica final

¿Te interesa? sigue leyendo