Tema 1: Heramienta de diseño web

Mai multe ca acesta

Unidad 2. Posicionamiento Digital

creat de Fundación Didáctica XXI

FASES PARA CREAR UN AMBIENTE VIRTUAL DE APRENDIZAJE

creat de CLAUDIA PATRICIA CARDENAS BOLIVAR

HERRAMIENTAS PARA EL APRENDIZAJE Y CONSTRUCCIÓN DEL CONOCIMIENTO

creat de Carmen Alicia Gómez

Teléfonos Inteligentes

creat de Angela Suárez Rojas

Diseño web funcional: Herramientas de diseño web

Frameworks de edición web

Bootstrap

Módulo CSS3

Twitter

Skeleton

Foundation

Ruby on Rails

Es más fácil encontrar herramientas adaptadas al framework concreto para facilitar el desarrollo.

Facilita la colaboración: permite ahorrar tiempo y trabajo a los desarrollos colaborativos

facilita el trabajo, evita errores y acelera el proceso estructural de la app

infraestructura, marco de trabajo o armazón

Desarrollo de software

implementación de una aplicación

Editores HTML online

Rendera Online HTML5 Editor

JavaScript

CSS

HTML5

Free Online HTML Editor

Quackit Online HTML Editor

Online HTML Editor

Editores

Microsoft Visual Studio Express for Web

Kompozer

Coffe Cup Free Editor

GNU Emacs

Notepad++

Sublime Text

Características de un editor HTML

VENTAJAS

Portable.

Multiplataforma: windows, linux, mac, etc

Multilenguaje

Soporta tablas, plantillas y hojas de estilo

Gratuito ( o de pago)

Editor visual

Herramientas de diseño web

Logos

Hipster Logo Generator

Withoomph

Squarespace Logo

Es una seña de identidad por la que tus clientes o usuarios potenciales identificarán tu sitio del resto

Plantillas

TIPOS

Strikingly

HTML5 Up

Templated

USO

Nos permiten realizar diseños web con muy buenos resultados en poco tiempo