 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
 |
|
 |
 |
|
|
|
|||
|
TEMA 4: Formato avanzado del documento | ||||
OBJETIVO En este tema, aprenderás a darle una mejor apariencia a tu página con la ayuda de elementos de organización, principalmente las tablas y separadores; elementos visuales, como las imágenes; y elementos de enlace, como las hiperligas. Al finalizar, podrás programar una página completa de html en base a los conocimientos técnicos y diseño que has aprendido a lo largo del curso. INTRODUCCIÓN Hasta el momento has aprendido cómo editar las propiedades de los documentos y los elementos principales que los componen, como color y textos.  Lograr
un sitio interesante para los usuarios, no sólo depende de
una buena programación técnica, es también importante
saber organizar la información para que ésta sea clara
y atractiva. El diseño visual o gráfico también
forma parte de la programación de la página para lo
cual debemos aprender ciertos conceptos básicos de la estructura
de la información.La sección superior de una página es la primera que un usuario ve, por lo que resulta recomendable incluir el logo o el título de la página, e incluso en algunas ocasiones el menú. La sección del lado izquierdo es importante porque en nuestro idioma, leemos de izquierda a derecha, por lo que los usuarios verán inevitablemente esa parte. Es recomendable ubicar los elementos fijos de un sitio dentro de esta área, por ejemplo el menú. En la sección central, que suele ser la más amplia de las páginas, se incluye el contenido del sitio. Dentro de esa área puedes organizar la información de la forma que creas más conveniente.  Toma como ejemplo práctico, el diseño de la página del curso que estás viendo en este momento. ¿Identificas todas las secciones? Con este tema damos por terminado el aprendizaje de conceptos básicos para la creación de tu sitio Web. Al finalizar este tema, estarás listo para crear tu proyecto final. Subtemas: 4.1 Hiperligas 4.2 Imágenes 4.3 Separadores 4.4 Trabajar con Tablas 4.5 Las celdas ACTIVIDAD 4: El Proyecto Integrador (10% calificación final) |
|||||
|
|||||
|
 |
|
