-
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.