11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Unidad 12. HTML <strong>de</strong>s<strong>de</strong> <strong>Dreamweaver</strong> (I)12. 1En este tema vamos a ver algunas <strong>de</strong> las facilida<strong>de</strong>s que proporciona <strong>Dreamweaver</strong> para trabajarsobre <strong>el</strong> propio código HTML, y no únicamente sobre <strong>el</strong> editor gráfico <strong>de</strong> la vista diseño.En este tema no se preten<strong>de</strong> enseñaros <strong>el</strong> lenguaje HTML sino cómo po<strong>de</strong>r realizar algunosreajustes directamente en <strong>el</strong> código estando <strong>de</strong>ntro <strong>de</strong> <strong>Dreamweaver</strong>.EtiquetasYa sabes que <strong>el</strong> lenguaje HTML está basado en etiquetas que marcan <strong>el</strong> inicio y fin <strong>de</strong> cada<strong>el</strong>emento <strong>de</strong> la página Web.En <strong>el</strong> primer tema vimos como ejemplo las etiquetas que hay que incluir en <strong>el</strong> código HTML <strong>de</strong> unapágina para darle un título. Consistía simplemente en escribir <strong>el</strong> título <strong>de</strong>seado entre las etiquetas y .Las etiquetas consisten en poner un mismo comando entre los símbolos < y >. La primera etiquetaindica inicio, y la segunda, que incluye <strong>el</strong> símbolo /, indica final y se su<strong>el</strong>e <strong>de</strong>nominar etiqueta <strong>de</strong>cierre.Las etiquetas disponen <strong>de</strong> atributos que permiten <strong>de</strong>finir características d<strong>el</strong> <strong>el</strong>emento sobre <strong>el</strong> queactúan, incluyendo cierto código <strong>de</strong>ntro <strong>de</strong> la etiqueta.Por ejemplo, un párrafo se inserta entre las etiquetas y , pero es posible cambiar suscaracterísticas pre<strong>de</strong>terminadas, como pue<strong>de</strong> ser alinearlo a la <strong>de</strong>recha. Para <strong>el</strong>lo, en lugar <strong>de</strong>introducir <strong>el</strong> texto d<strong>el</strong> párrafo entre las etiquetas anteriores, ha <strong>de</strong> insertarse entre las etiquetas y .También hay <strong>el</strong>ementos que no precisan insertar etiqueta <strong>de</strong> cierre. Por ejemplo, un May+INTRO<strong>de</strong>ntro d<strong>el</strong> código HTML equivale a la etiqueta .También podrás ver la etiqueta en las páginas que sigan <strong>el</strong> estándar XHTML. Éste obliga aque todas las etiquetas se cierren, incluso aqu<strong>el</strong>las que no tienen etiqueta final, por lo que pasa a ser o a .<strong>Dreamweaver</strong> inserta automáticamente las etiquetas necesarias para construir la página con laapariencia y contenido <strong>de</strong>finidos en <strong>el</strong> editor gráfico, pero también ofrece otras posibilida<strong>de</strong>s paratrabajar directamente sobre <strong>el</strong> código.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!