{"id":9115,"date":"2019-09-17T10:33:19","date_gmt":"2019-09-17T08:33:19","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=9115"},"modified":"2026-03-10T16:28:39","modified_gmt":"2026-03-10T15:28:39","slug":"tutorial-dreamweaver","status":"publish","type":"post","link":"\/mx\/tutoriales\/tutorial-dreamweaver\/","title":{"rendered":"Tutorial completo sobre Dreamweaver"},"content":{"rendered":"

Al comenzar con el desarrollo de tu sitio web<\/a>, probablemente hayas escuchado sobre los editores WYSIWYG (What You See Is What You Get – Lo que ves es lo que obtienes). Así que la tentación de crear un sitio web sin conocimientos de codificación podría parecerte atractiva y te ha llevado a buscar un tutorial de Dreamweaver<\/a> en Internet.<\/p>

Y es que, cuando se utiliza Dreamweaver por primera vez, puede ser intimidante. Pero no tienes nada de qué preocuparte, este artículo cubrirá todo lo que debes saber sobre cómo crear un sitio web con Dreamweaver.<\/p>

\"\"<\/a><\/figure>

¿Qué es Adobe Dreamweaver CC?<\/h2>
\"Adobe<\/figure><\/div>

Adobe Dreamweaver CC es un famoso creador de sitios web y una herramienta de implementación, y se considera una combinación perfecta entre un WYSIWYG y otros editores HTML<\/a> más convencionales. Macromedia fue el primero en desarrollar Dreamweaver, que luego fue adquirido por Adobe Inc., en 2005.<\/p>

Dreamweaver inicialmente implementó una licencia perpetua, un pago único por usar el software, pero luego cambió a un modelo basado en suscripciones con la estructura Adobe Creative Cloud.<\/p>

Adobe Dreamweaver CC es un software de Entorno de Desarrollo<\/a> Integrado (IDE, por sus siglas en inglés), lo que significa que proporciona herramientas integrales y de soporte con fines de desarrollo. Con la estructura Creative Cloud, puedes optar por incluir otro software creativo de Adobe para aumentar tu productividad.<\/p>

Dreamweaver te permite crear y diseñar un sitio web a nivel visual, utilizando el método de arrastrar y soltar que te permite mover elementos en el tablero de diseñador. También puedes usarlo como cualquier editor de código tradicional: codifica solo con texto y podrás cargar instantáneamente el sitio web en tu servidor.<\/p>

Además, obtendrás un montón de material y recursos de aprendizaje, y un foro de la comunidad de Adobe dedicado a ayudarte a responder cualquier pregunta que tengas sobre el producto. Por si fuera poco, este programa se encuentra disponible en 15 idiomas diferentes. Así que, si estás buscando un tutorial de Dreamweaver, encontrarás mucha información.<\/p>

Todas estas características posicionan a Dreamweaver como un híbrido entre un sistema de gestión de contenido (CMS)<\/a> y un editor de código puro.<\/p>

Características distinguibles<\/h2>

Ser parte del ecosistema creativo de Adobe ya ha distinguido a Dreamweaver de otros editores de código basados ​​en imágenes. Dreamweaver tiene acceso a características y ventajas que solo Adobe podría ofrecer. Aun así, las dos características más dominantes de este software son:<\/p>

Interfaz visual amigable para principiantes<\/h3>
\"Interfaz<\/figure><\/div>

Adobe Dreamweaver CC es fácil de usar, pero, al mismo tiempo, difícil de dominar. Tu sitio pasará a ser tan bueno como tus habilidades. Es decir, si bien el software ofrece muchas funciones de desarrollo web, con conocimientos básicos o limitados no puedes aplicar dichas funciones al máximo.<\/p>

A pesar de esto, los principiantes pueden comenzar a construir un sitio web gracias a este editor visual. Hay funciones de arrastrar y soltar para insertar elementos HTML<\/a> en tu proyecto, y puedes ver instantáneamente cualquier cambio que realices en el sitio web. Un sencillo tutorial de Dreamweaver te ayudará a comenzar.<\/p>

También te ayuda a comprender en qué parte del elemento estás trabajando actualmente. Como puedes ver en la siguiente imagen de ejemplo, cuando haces clic en el título, resalta el código correspondiente en el editor.<\/p>

\"Espacio<\/figure><\/div>

Potente editor de código incorporado<\/h3>

Otro aspecto importante de Dreamweaver es el potente editor de código incorporado. Si los desarrolladores profesionales quieren codificar en un editor de texto, pueden hacerlo. Algunas de sus funciones clave incluyen:<\/p>