Etiquetas de formato de texto
Editar la información es un proceso importante en el diseño de una página web; conlleva a mejorar la presentación y distribución del texto en la pantalla, en un editor para contenidos en la plataforma de Internet es complejo brindar una apariencia agradable del texto de la página web y se lleva a cabo a través de etiquetas de formato de texto y se tienen las siguientes:
Usar un editor de páginas web facilita el diseño de un archivo html, hay que seleccionar el texto y dar clic en el icono correspondiente al formato que se desee, hoy en día, existe una gran variedad de iconos que cubren las características que debe cumplir una edición de texto como son fuentes, estilos, alineación, lista numerada y colores para el texto (Castro, 2003, pp. 85 - 95).
|
Etiquetas para dar formato al contenido de un documento |
Actividad de aprendizaje 2
Diseño y formato de una página web
En esta actividad de aprendizaje se tiene como objetivo aprender las etiquetas del lenguaje html para dar formato y diseño a los archivos portada.htm, indice.htm y presentacion.htm, empleando la vista código en Dreamweaver CS6.
Actividad de aprendizaje 2 Parte 1
Diseño y formato de una página web, empleando etiquetas html
Comenzar por la aplicación de formato al archivo portada.htm utilizando etiquetas, emplear Dreamweaver CS6, en vista código, brinda facilidades en la programación como: completar la etiqueta en inglés y distinguirlas mediante colores, numera las líneas de código. En el archivo de portada.htm como se describe en el video 43 aplicando las siguientes etiquetas:
Encabezados <h1....h6>
Centrado <center>
Párrafo <p>
Tipos de fuentes <font>
Estilos (negrita, cursiva, subrayado) <b>, <i>, <u>
Acentos &letraacute;
Salto de línea <br>
Comillas "
Video 43. Diseño y formato del archivo portada.htm empleando etiquetas html.
En el video 44 se aprecia el procedimiento para dar formato de texto aplicando las etiquetas html al archivo indice.htm y presentacion.htm
Video 44. Diseño y formato del archivo indice.htm y presentacion.htm empleando etiquetas html.
|
Archivo portada.htm, indice.htm y presentacion.htm |
Actividad de aprendizaje 2 Parte 2
Diseño y formato de una página web, empleando las hojas de estilo en cascada (CSS)
Una parte muy importante en la creación de una página web es la aplicación del diseño y formato, existe una técnica que permite realizar esta función de una manera más eficiente cuando se aplica a una gran cantidad de páginas web conocida como hojas de estilos en cascada, es práctico definir una regla que se va a aplicar a 50 archivos html y solamente se tiene que definir una sola vez para posteriormente aplicarse a cada elemento de la página web. La regla que se define se guarda en un archivo con extensión CSS y dentro de él se declaran las clases que tienen propiedades muy específicas. Realizar la aplicación del diseño y formato a los seis archivos de las especialidades, empleando las hojas de estilo en cascada, en la vista diseño. Las páginas web a las que se les aplica la técnica CSS son las siguientes:
aeronautica.htm
automotriz.htm
construccion.htm
electricidad.htm
mantenimiento.htm
soldadura.htm
En el video 45 se describe someramente el procedimiento para la creación y empleo de las hojas de estilo en cascada para el archivo aeronautica.htm de la unidad académica.
Video 45. Diseño y formato del archivo aeronautica.htm empleando hojas de estilo en cascada CSS.
|
Diseño y formato del archivo aeronautica.htm, empleando las hojas de estilo en cascada (CSS) |
Continuar con la aplicación del diseño y formato a una página web mediante el empleo de las hojas de estilo en cascada, proceder a aplicarlo a cada una de las especialidades de la unidad académica, seguir las instrucciones:
|
Diseño y formato de las otras especialidades, empleando las hojas de estilo en cascada (CSS) |