# data[].attributes.headline
HERRAMIENTAS PARA EL DISEÑO DE SITIOS WEB

# data[].attributes.subject
HERRAMIENTAS PARA EL DISEÑO DE SITIOS WEB

# data[].attributes.body
Una página web está compuesta por uno o varios documentos html relacionados entre sí mediante hipervínculos (enlaces). Además estos documentos pueden contener otros elementos como pueden ser imágenes, sonidos, animaciones multimedia, aplicaciones

# data[].attributes.body
Documento realizado en HTML y que es parte de un sitio Web. Aparte del HTML se pueden utilizar otros lenguajes complementarios como PHP, ASP, Javascript.

# data[].attributes.body
Página principal y sus otras páginas, gráficos, documentos, multimedia y otros archivos asociados que se almacenan en un servidor Web o en el disco duro de un equipo.

# data[].attributes.body
Al hipervínculo se le suele llamar "enlace web" o en su versión anglosajona "link". Un hipervínculo es una conexión de una página a otro destino como, por ejemplo, otra página o una ubicación diferente en la misma página.

# data[].attributes.body
(Lenguaje de marcado de hipertexto) Lenguaje estándar de marcas empleado para documentos del World Wide Web.

# data[].attributes.body
La elaboración de páginas Web comprende las fases de Análisis, Planificación, Contenido, Diseño, Programación, Testeo, Mercadeo y Publicidad.

# data[].attributes.body
Todo proyecto posee una fase de planificación. En ella se deben definir:

Cuáles son los requerimientos técnicos para este fin

Quiénes serán los miembros del equipo

Seleccionar la estructura

Planear un sitio bien organizado y

Realizar estudios de mercadeo comparativo

# data[].attributes.body
A la hora del desarrollo de un sitio Web se debe comenzar por dar respuesta a un grupo muy concreto de interrogantes, que permitirán aclarar y definir de manera básica las expectativas existentes en torno a la aplicación Web e Interacción que se va a generar.

# data[].attributes.body
Definir los usuarios

Lo que los usuarios esperan de la visita

Qué se pretende comunicar a través del sitio Web.

# data[].attributes.headline
Selección del equipo de trabajo adecuado.

# data[].attributes.subject
Selección del equipo de trabajo adecuado.

# data[].attributes.body
Se trata del conjunto de técnicos que estarán a cargo de la concepción, construcción, evaluación y mantenimiento del sitio.

Los miembros del equipo Web serán los responsables de todas aquellas estructuras no visibles que hacen a la operatividad de un sitio.

El equipo se basará en la convergencia de saberes y experiencias. Debe estar integrado por técnicos de muy diversas disciplinas, capaces de contemplar los distintos aspectos que están en juego.

# data[].attributes.body
Antes de emprender el desarrollo de una aplicación Web, se deben determinar:

Los requerimientos de hardware de la aplicación

El equipo servidor

La capacidad de respuesta

Terminales

Requerimientos de red

Determinar si la aplicación ha de disponerse de una intranet o extranet.

# data[].attributes.body
En esta etapa de la metodología se busca determinar los requerimientos en cuanto al software que se utilizará para el desarrollo de la aplicación; es decir:

Sistemas operativos

Servidor (software)

Editores para diseño Web

Lenguajes de programación

Animaciones y

Otros componentes.

# data[].attributes.body
Navegacion
Lineal
Jerarquica
Radial
Red

# data[].attributes.body
A la hora de planificar un sitio Web, se debe realizar un estudio de viabilidad que refleje el costo financiero a invertir, y que abarque:

Tiempo

Personal

Hospedaje Web

Dominio

Licencias en caso de necesitarse

Mantenimiento

# data[].attributes.body
Fase de Contenido
Fase de diseño
Fase de Programacion
Fase de Testeo
Fase de Mercado y Publicidad

# data[].attributes.body
El diseño efectivo y eficiente de sitios web puede ser una tarea compleja, difícil y larga. Hoy en día el mercado de herramientas es muy amplio y cubre todo tipo de necesidades, por eso resulta difícil escoger la adecuada para cada proyecto.

Dentro de algunas herramientas que te facilitaran el trabajo son las siguientes:

1. Adobe Color CC: permite crear una paleta de color de manera gratuita.
2. Typecast: te permite trabajar con más de 5 mil fuentes  en un solo panel de control. Su objetivo es poder decidir la tipografía que utilizaras en los textos.

3. Mockflow: permite mostrar un prototipo de diseño en cuestión de minutos y online.

4. GuideGuide: prepara documentos en cuestión de minutos

5. Layervault: aplicación que te permite controlar y gestionar todos los aspectos de un proyecto, desde una misma interfaz.

6. Invision: transforma los diseños rápidamente en prototipos interactivos.

# data[].attributes.body
Cada vez surgen más sitios que te permiten crear tu página web usando editores visuales sin necesidad de escribir ni una sola etiqueta de código. Wix es uno de esos sitios. Es tan fácil de utilizar que cualquier usuario medio podría crearse una página web sencilla en poco tiempo. Su editor visual es muy intuitivo y te permite crear bloques y arrastrar elementos para que los ubiques justo en el sitio que tú quieras. Lo malo es que la versión gratuita tiene opciones limitadas, por lo que si quieres disfrutar de todas las ventajas de Wix vas a tener que contratar una cuenta Premium. Pero si no necesitas una página web demasiado compleja puede ser una buena opción.

# data[].attributes.body
Kompozer es un editor de HTML gratuito. Es una herramienta muy versátil que es ideal si la utilizas como complemento de otras aplicaciones, aunque si quieres también puedes utilizarla para desarrollar un sitio web en HTML. Personalmente, la encuentro muy útil para ahorrar tiempo a la hora de crear elementos en HTML como barras de navegación, listas de enlaces, botones personalizados o galerías de imágenes. Es un editor ideal para empezar a sumergirte en HTML5, CSS3 o PHP.

# data[].attributes.attachment_link.description
Curso de creación de páginas web con Kompozer

# data[].attributes.body
Weebly es un editor similar a Wix. Su interfaz se parece más a un editor clásico de páginas web, aunque también permite modificar los elementos de una forma sencilla, pinchando y arrastrando o modificando directamente los contenidos dentro del editor visual.

# data[].attributes.attachment_link.description
Start with a template that suits your style. Whether you're a store owner, event planner, fitness instructor, musician or realtor, simply drag and drop content into place and make it your own.

# data[].attributes.body
Dreamweaver es el editor web más conocido y más utilizado por los diseñadores. Forma parte de la suite Creative Cloud de Adobe y, por tanto, es perfectamente compatible con otras herramientas de diseño gráfico de la misma suite, como Photoshop o Illustrator, lo que convierte a Dreamweaver en una opción más que recomendable si quieres invertir en una herramienta de pago. Es una herramienta idónea si tienes conocimientos de HTML5, CSS3 o PHP. De lo contrario, quizá lo mejor sería que optaras por una herramienta un poco más asequible hasta que adquieras un conocimiento mayor de estos códigos, pues Dreamweaver es una herramienta de perfil avanzado ideada para profesionales del diseño (aunque eso no significa que no puedas utilizarla :P).

# data[].attributes.attachment_link.title
Tutoriales Dreamweaver: Desarrollo de tienda online y una pagina Web

# data[].attributes.attachment_link.description
Aprende a hacer una pagina Web o una tienda online desde cero, se proporciona codigo fuente e indicaciones. Videotutoriales fáciles de seguir, con soporte.

# data[].attributes.body
Es una extensión para navegadores como Google Chrome y Mozilla Firefox muy sencilla de utilizar. Basta con que selecciones el cuentagotas que aparece al lado de la barra de direcciones y pases el ratón por encima del elemento del que quieres averiguar el color.

# data[].attributes.body
Para realizar buenas imágenes para tus artículos no hace falta utilizar herramientas como Adobe Illustrator o ser experto en diseño gráfico. Existe una herramienta muy útil a la hora de crear contenidos para tu web o blog, que es gratuita y online. Se llama Canva.

# data[].attributes.body
Se trata de una de las mayores bases de tipografías gratuitas del mundo en la que podrás encontrar fuentes de cualquier estilo: Monospace, Handwriting, Display, Sans Serif y Serif. No importa qué estilo quieras darle a tu página web, con Google Fonts siempre encontrarás una tipografía que se adapte a ello. Para Aula CM, esta son las mejores Google Fonts que te servirán para mejorar el diseño de tu web.

# data[].attributes.body
Algunas de las características que lo convierten en una buena herramienta es su sistema de sintaxis y coloreado. Notepad++ es capaz de identificar las expresiones propias del lenguaje utilizado y resaltarlas en una combinación de colores que facilitan la lectura y el escaneo por parte del ojo humano.

# data[].attributes.headline
Te mostraremos algunas "Herramientas de Diseño WEB"

# data[].attributes.subject
Te mostraremos algunas "Herramientas de Diseño WEB"

# data[].attributes.body
https://aulacm.com/herramientas-diseno-paginas-web-blog/

# data[].attributes.body
Cambiaron por completo el concepto de diseño que existía hasta entonces, en el que por lo general para poder crear un sitio web era necesario confeccionarlo en un editor tradicional a base de introducir código y más código. Los sistemas CMS permiten separar diseño y contenido, de forma que ahorran mucho tiempo y esfuerzo al usuario. De hecho, con ellos puedes confeccionar sitios web aparentemente complejos sin necesidad de utilizar código, pues ellos generan el código por ti de manera automática. A continuación, vamos a repasar los tres sistemas CMS más populares.

# data[].attributes.headline
En los tipos de sistema CMS podemos encontrar Joomla:es un CMS gratuito basado en PHP que permite generar sitios web dinámicos. Su panel de administración te permite, entre otras cosas, instalar plantillas y personalizar tu sitio web por módulos, así que con poco vas a poder conseguir resultados muy buenos. Es una herramienta muy utilizada sobre todo para desarrollar sitios web de comercio electrónico, aunque en realidad se puede utilizar para fines muy diversos (plataforma de blogging, web personal, TPV, sitio de e-learning, etc.). 

# data[].attributes.subject
En los tipos de sistema CMS podemos encontrar Joomla:es un CMS gratuito basado en PHP que permite generar sitios web dinámicos. Su panel de administración te permite, entre otras cosas, instalar plantillas y personalizar tu sitio web por módulos, así que con poco vas a poder conseguir resultados muy buenos. Es una herramienta muy utilizada sobre todo para desarrollar sitios web de comercio electrónico, aunque en realidad se puede utilizar para fines muy diversos (plataforma de blogging, web personal, TPV, sitio de e-learning, etc.). 

# data[].attributes.body
Es el sistema CMS más utilizado por los usuarios de Internet y el que tiene una mayor cuota de mercado (un dato importante). Al contrario de lo que ocurre con Drupal y Joomla, su interfaz es mucho más intuitiva, por lo que la mayoría de usuarios medios que quieren utilizar un CMS para desarrollar un sitio web suelen recurrir a esta herramienta. WordPress surgió inicialmente como plataforma de blogging, pero poco a poco fue evolucionando hasta el punto de que ahora puede utilizarse para crear cualquier tipo de página web. Hay miles de plantillas disponibles y miles de widgets y plugins que permiten a los usuarios potenciar sus páginas web sin necesidad de introducir código.

Adjunto link de referencia como utilizar esta pagina muy interesante:
https://www.youtube.com/watch?v=JFJdmHzNwfQ

# data[].attributes.body
es otro sistema CMS basado en PHP y combinable con MySQL (al igual que Joomla y WordPress), que puede utilizarse para múltiples propósitos, aunque curiosamente se ha estandarizado para desarrollar comunidades y sitios web participativos. Permite confeccionar sitios web utilizando plantillas y módulos (hay miles disponibles). No obstante, su curva de aprendizaje es bastante alta, dado que es una herramienta creada por programadores y para programadores, por tanto si buscas un sistema CMS fácil de usar e intuitivo quizá Drupal no sea la mejor opción (aunque eso no significa que no puedas aprender a utilizarlo).

# data[].attributes.body
Con Page Ruler podremos saber exactamente las dimensiones y ahorrarnos unos cuantos kb por el camino.

# data[].attributes.body
si lo que Usted busca en Internet es un espacio para diversión y entretenimiento, existen una infinidad de sitios para charlar, convivir virtualmnete, escuchar algo de música, checar algún video, exhibición de films, jugar, inclusive apostar (tenga a la mano su tarjeta de crédito) y hasta sexo virtual en línea (no guarde su tarjeta de crédito). Música, revistas, videos, películas y libros están disponibles en línea en muchos de los sitios de entretenimiento en el Web.

Todas las celebridades están al alcance de Usted con tan sólo un par de clics, ya sea en portales especializados en entretenimiento o en Sitios Web personales.

Michael Bolaños, de eDrive.com, fue uno de los primeros en prever el potencial de combinar estas nuevas tecnologías con la industria del entretenimiento. Cindy.com, el sitio oficial de Cindy Crawford, logró los 400,000 visitantes y más de 17 millones de hits en su primer mes de operaciones.

# data[].attributes.body
Estos sitios Web tienen como objetivo primario dar a conocer su empresa y sus productos en la red mundial de Internet. Son sitios orientados particularmente a la mercadotecnia de su empresa para, en esencia, promover los productos y servicios y generar nuevas oportunidades de negocio.

Lo común es publicar información relevante acerca de su empresa, su planta de producción, sus instalaciones, el catálogo de productos, programas de calidad, asociaciones y certificaciones, información técnica, procesos para requisiciones, logística, distribuidores autorizados, procesos de garantía y formas de contacto

# data[].attributes.body
Algunas empresas toman ventaja de Internet para el reforzamiento de sus marcas. Mas que crear oportunidades de negocio, estos sitios tienen como propósito fundamental, comunicar una imagen al mercado que atienden para reforzar el posicionamiento de sus marcas en la mente de los consumidores. Sitios como el de Coca Cola y BP Amoco, reflejan en sus páginas el concepto de su marca e imagen.

Usted puede optar por este género de sitios si su intención es comunicar imagen y llegar hasta el consumidor final del producto o servicio que su empresa ofrece, con el propósito esencial de reforzar su marca.

# data[].attributes.body
Estas tiendas virtuales tienen como principal objetivo la venta de mercancías a través de Internet. Se da poca relevancia a la información acerca de la empresa, centrándose mas bien en los propios productos. Este género de sitios están totalmente orientados a la venta en línea de productos y servicios, por lo que no es de extrañarse que sus tres elementos básicos sean: Un catálogo detallado de los artículos con precios y especificaciones de cada producto, un "carrito de compras" con un control de los artículos seleccionados e importe total de las compras, y desde luego todas las facilidades para la selección del medio de pago y el procesamiento de las transacciones con una institución financiera.

# data[].attributes.body
El propósito esencial de este tipo de sitios es ofrecer un servicio a sus clientes, proveedores y demás socios comerciales. El servicio en cuestión puede tratarse de consultas a bases de datos, colocación y seguimiento de pedidos, consultas sobre bancos de información pública y de acceso restringido, noticias, información financiera y de la bolsa, entre otras. En ocasiones estos servicios son complementarios a los productos y servicios que las empresas ofrecen. Se emplea a Internet como un medio de comunicación para facilitar el acceso a la información.

Ejemplos de este género los encontramos en los sitios de DHL, SKYTEL, portales noticiosos y financieros, sitios de climas y horarios en el mundo, traductores de idiomas en línea, enciclopedias en línea, OCC y los centenares de sitios con ofertas de empleo, MSN Messenger y sitios de chat en línea, los miles de sitios de estaciones de radio, recintos feriales y centros de exposiciones, los foros de discusión,   expertos asesores en línea, directorios empresariales,  páginas amarillas, sitios de asociaciones, organizaciones y organismos gubernamentales, entre muchos otros.