Al final del Modulo 2 se nos propone comenzar a crear un sitio Web para publicarlo en Internet al final del curso.
Tenemos 3 variantes propuestos:
1. Un currículo
2. Identidad digital personal en la Web
3. Un sitio de empresa
Me gustaría probar crear un sitio Web personal. Así que comenzamos!
WIREFRAME DE NAVEGACIÓN DE SITIO WEB
El
Wireframe o esquema de sitio web es el primer paso que permite esquematizar el diseño de la página u ordenamiento del contenido de sitio Web.
Primero comenzaré con el esquema general del sitio.
Debo decir que me gusta el diseño gráfico, ilustración y dibujo y me gustaría tener un sitio de web personal para poder exponer mis proyectos.
El primer wireframe lo realicé con el programa de prototipos y diagramas
Gliffy.
 |
| Diagrama inicial |
 |
| Diagrama más detallada |
Planteo que mi sitio web tendrá las siguientes paginas :
- Home page
- Sobre mí ↱ Proyectos ⇀ № 1⇀ №2...
- Gallery ⥤ ⥤
- Blog ↳ Regalo para ti
- Contact
Mi siguiente paso será probar realizarlo con software Adobe Muse.
De momento hice un "Plan" como lo llaman en Muse, o sea un diagrama general de paginas que tendrá mi sitio Web.
 |
El fireframe de sitio en Adobe Muse
|
Mi primera impresión " Es un programa maravillooooooosooooo!"En 1 minuto lo tenía hecho todo.
Os debo una explicación. Hago muchos proyectos personales de ilustración y diseño gráfico, para los quales uso los programas de Adobe Photoshop, Illustrator, InDesign etc. No puedo permitirme comprarlos así de golpe, pero ahora hay una buena opción... Estoy suscrita al
Adobe Creative Cloud que me permite (pagando un precio muy razonable al mes 49,99€+ IVA) tener acceso a
todas las programas de Adobe en su versión CC.
Ahora comenzaré hacer los mock-up de las páginas.
Continuará....
