HERRAMIENTAS DE DESARROLLO WEB

ELABORADO POR

DIEGO FERNANDO CARTAGENA TOVAR

ENTREGADO A

ERIKA BRAND CABRERA

SERVICIO NACIONAL DEL APRENDIZAJE “SENA”

TECNÓLOGO EN GESTIÓN ADMINISTRATIVA

NEIVA – HUILA

2023
 TYPECAST

Esta aplicación nos va a permitir trabajar con más de 5.000 fuentes desde Typekit,
Fontdeck, Fonts.com y Google Web Fonts en un solo panel de control.

El objetivo principal de esta herramienta es decidir la tipografía que utilizaremos en

los textos que publicaremos en la web de una forma sencilla y rápida de la misma
forma como haríamos con los editores de texto y fotografía.

Podremos crear columnas de contenido y alterar la tipografía utilizada, escogiendo

en el menú lateral el proveedor de las fuentes escribiendo cualquier tipo de texto
para ver los resultados directamente en la web.

Finalmente podremos obtener el código CSS para poder utilizar estas fuentes en

sus páginas web, con la total certeza de que tus usuarios cargarán la fuente y
verán el mismo resultado que tu.
 ADOBE KULER

Si lo que necesitamos es crear una paleta de color para nuestro proyecta de

desarrollo web Adobe Kuler nos permitirá crear y buscar combinaciones de
colores.

Para poder utilizar esta aplicación deberás estar registrado como usuarios en la

página de Adobe y con nuestro usuario y password podrás utilizarlo sin problemas.

INVISION
Esta herramienta ha revolucionado en el mundo de las aplicaciones de
representación de prototipos. Transformaremos nuestros diseños en prototipos
interactivos con transiciones y animaciones web dotando de un realismo a
nuestros mockups.

Además, nos permite compartir un mismo proyecto con cuánta gente se desee por

lo que resulta muy práctica a la hora de que este pueda previsualizar e interactuar
con el diseño de su web antes de comenzar con el desarrollo web.

MOCKFLOW

Mockflow es una herramienta que nos permite montar un prototipo de nuestra

web en cuestión de minutos, online y para una multitud de plataformas diferentes:
Android, iPhone, WordPress, Drupal, Facebook.

Es una herramienta muy intuitiva, esto es porque es tan sencillo como arrastrar los
componentes que queremos proporcionar a la web para construir nuestro
wireframe.

La versión gratuíta solo nos permite crear un proyecto con 4 páginas pero

podemos descargarlas en muchos formatos y borrar estos mockups conforme los
dejemos de necesitar.
 SQUARESPACE LOGO

Todas las páginas importantes incluyen logos e iconos que son realmente
atractivos. Pues bien, desde este sitio web podremos crear de forma muy simple y
sencilla un logo para nuestra marca y proyecto.

Por supuesto no podremos esperar que cumpla con todos los requisitos
que teníamos en mente, pero es mucho mejor que un logo hecho en Paint.

Una vez creado el logo podremos descargarlo en formato PNG, lo único es que al

ser gratis solo podremos elegir la descarga en baja resolución. Pero cómo un
primer contacto con el diseño de logos no está nada mal.