---

4.1) No. de Práctica: 4

4.2) Nombre: Diseño gráfico (maquetado)

4.3) Objetivo: Hacer el diseño del maquetado básico de un sitio Web

4.4) Introducción: 1

4.5) Especificar la correlación con él ó los temas y subtemas del programa de estudio vigente: 1

4.6) Material y equipo necesario: 1

4.7) Metodología:


PASO 1: Logotipo

• Hacer el logotipo del sitio.

PASO 2: Diagrama

• Hacer el diagrama de árból del sitio.

PASO 3: Maquetado

• Hacer 3 maquetados de la página principal del sitio propuesto, uno para "Escritorio", otro para "Tableta" y otro para "Celular".

El diagrama de árbol y los maquetados pueden hacerse en cualquier software, se recomienda usar herramientas en línea (on-line) y gratuitas. Algunas sugerencias de herramientas son las siguientes:

• balsamiq https://balsamiq.com/index.html
• Cacoo https://cacoo.com/lang/es/
• Frame box http://www.framebox.org/
• Gliffy https://www.gliffy.com/
• Hootgloo https://www.hotgloo.com/
• invision https://www.invisionapp.com/
• iplotz http://iplotz.com/
• JUSTINMIND http://www.justinmind.com/free
• Lumzy http://www.lumzy.com/
• Mockflow https://www.mockflow.com/
• Mockingbird https://gomockingbird.com/home
• Pencil http://pencil.evolus.vn/

PASO 4: Sitio en Internet

• Subir el logo, diagrama del sitio y maquetados del proyecto personal a un sitio en internet, puede ser cualquier sitio.

Algunos sitios recomendados son los siguientes (sitios gratuitos):

• 000webhost
• 110MB Hosting
• miarroba
• Zymic
• Freehostia
• Hostinger

4.8) Sugerencias didácticas: 1

4.9) Reporte del alumno (resultados): 1



4.10) Bibliografía preliminar: 1

---