Adobe dreamweaver cs5 básico html

Video: Dreamweaver CS5 HTML 5 Pack

La creación de una página web en Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver es una tarea sencilla. Comprender el HTML básico se crea requiere una pequeña explicación. La página Web puede ser tan simple o complejo como usted quiere y ambos tipos son igualmente eficaces si se ha creado correctamente.

Dreamweaver funciona en segundo plano para asegurar que su nueva página funciona en la mayoría de todas las versiones recientes de navegadores web comunes, como Firefox, Internet Explorer y Safari. Las porciones de código se crea para ayudar al navegador web reconoce que este es el HTML y la versión de HTML que utiliza.

De manera predeterminada, Dreamweaver utiliza el estándar XHTML 1.0 Transicional cada vez que se crea una nueva página HTML. XHTML combina el rigor de XML (Extensible Markup Language) con etiquetas HTML para crear un lenguaje que funciona de forma fiable y consistente a través de navegadores web y nuevos dispositivos (como teléfonos móviles y PDA) por igual.

Para crear una página en blanco, seleccione Archivo → Nuevo → página en blanco → → HTML y haga clic en Crear.

Aparece una página HTML en blanco, sin título. No tiene ningún formato hasta que se agrega tablas o capas.

Video: Learning Adobe Dreamweaver CS5: Lesson 2 HTML Basics (Part 1)

  • Escriba algún texto (por ejemplo, su nombre) en la página y haga clic en el botón de código en la barra de herramientas Documento.

    Cuando se escribe en la página en el documento, el texto aparece en la página web. Pero hay mucho más que eso.

  • Seleccione Dividir vista haciendo clic en el botón Dividir en la barra de herramientas Documento.

    Video: HTML Tutorial with Dreamweaver CS5

    Esta acción muestra tanto las vistas Código de diseño y al mismo tiempo, de manera que se puede ver cómo los cambios afectan HTML detrás de las escenas.

    Trabajar en la vista dividida ayuda a ver cómo se crean y formato con etiquetas HTML elementos de la página.
    Trabajar en la vista dividida ayuda a ver cómo se crean y formato con etiquetas HTML elementos de la página.
  • Seleccione el texto.

  • Seleccionar la opción de texto de la lista desplegable Común del panel Insertar.

    Video: DreamWeaver CS5

    Supongamos que posteriormente elija B (para negrita) en negrita el texto seleccionado. En la vista de código de la página, verá que la etiqueta se añadió antes del texto y se añadió la etiqueta después del texto.

  • Se puede cambiar la orientación y disposición de las vistas en Dividir vista. Para cambiar la vista de diseño desde la derecha hacia la izquierda, seleccione Ver → Vista de diseño izquierda. Para organizar los puntos de vista vertical, seleccione Ver → Dividir verticalmente. Nota: Es posible revertir estas opciones tan fácilmente de las mismas opciones en el menú Ver.

    Artículos Relacionados