Tecnología

Inicio

Cómo hacer HTML en Dreamweaver

Adobe Dreamweaver es una herramienta de creación Web proporciona una interfaz de usuario para las personas que no saben cómo codificar sitios web. Puede añadir contenido a su sitio y libremente hacer diseños sin tener conocimientos de programación. Debido a que este es un programa WYSIWYG, su diseño en la vista de diseño debe parecerse a la de cerca el diseño que va a aparecer en un navegador Web. Adobe Dreamweaver también sirve como un editor HTML que permite añadir o editar los códigos HTML para afinar su diseño.

Instrucciones

1 Iniciar Adobe Dreamweaver desde el menú Inicio y haga clic en "Archivo" en la barra de menús. Haga clic en "Nuevo" si quieres empezar a hacer sus códigos HTML desde cero o haga clic en "Abrir" para editar el código HTML de una página existente.

2 Haga clic en "Ventana" en la barra de menú y haga clic en "inspector de código" para que aparezca un cuadro donde puede escribir códigos HTML.

3 Escriba los códigos HTML válidos para ver el resultado en la vista de diseño en tiempo real. Por ejemplo, si escribe <center> test </ center> en el inspector de código se centrará la palabra "prueba" en su página. Haga clic en el menú "Archivo" y haga clic en "Guardar" o "Guardar como ..." si no desea sobrescribir el archivo para guardar su trabajo HTML.

Consejos y advertencias

  • También puede hacer clic en el menú "Ver" y seleccione "Código" si usted prefiere hacer su HTML en pantalla completa. Seleccionar la opción "Código y diseño" de ese menú que permite dividir el Adobe Dreamweaver a la mitad en un lado muestra el cuadro de código HTML y el otro lado muestra la vista Diseño.
  • Si desea insertar un fragmento de código HTML en su diseño, haga clic en el punto de la página donde desea insertar el código y haga clic en "Insertar HTML ..." Pegar o introduzca el código HTML en el cuadro de texto y pulse la tecla "Enter" para añadirlo.
  • Escriba cualquier texto o introduzca objetos arrastrándolos a la vista Diseño para ver los cambios en el código equivalente cuando se carga el inspector de código. La aplicación de los cambios de formato y posicionamiento utilizando las distintas funciones de Dreamweaver que se encuentran en las barras de herramientas y barras de menús también actualizará el código. La observación de los cambios en el código puede ayudar a aprender más acerca de código HTML a medida que trabaja.