Writing HTML | Acerca de | FAQ | Alumnos | Tags | Lecciones | anterior | siguiente |

2. Modificando un Documento HTML

Ahora que ya ha creado su primer documento HTML aprenderá cómo hacer cambios rápidamente en su documento y ver las actualizaciones en su Web Browser.

Objetivos

Después de esta lección será capaz de:

Lección

Reabriendo Su ¡rea de Trabajo

Nota: Si no tiene el documento de la lección anterior, bájese una copia ahora.

Para completar esta lección necesitará crear una segunda ventana y reabrir la ventana del editor de texto que usó en la primera lección. Aquí tiene los pasos para reabrir su área de trabajo:

  1. Si no está abierta, elija Nueva ventana (New Window) del menú Archivo (File).
  2. Use el comando Abrir archivo... (Open File...) del menú Archivo (File) para encontrar y abrir el archivo HTML que creó en la lección anterior.
  3. Abra de nuevo su programa editor de textos.
  4. En el editor abra el archivo ("Volc.htm") que creó en la lección previa.
    NOTA: Si usa Windows, entonces su archivo debería llamarse "VOLC.HTM".

    De ahora en adelante supondremos que puede abrir fácilmente su espacio de trabajo.

Haciendo Cambios En Su Documento HTML

  1. Vaya a la ventana del editor de texto.
  2. Después del texto que escribió en la lección anterior pulse varias veces ENTER e introduzca este texto: 
    
          Un volcán es un lugar donde el magma,
          o roca caliente y derretida del interior del planeta,
          alcanza la superficie. Puede suceder violentamente,
          en una explosión supersónica y masiva, o más
          tranquilamente, como un flujo de lava lenta y largo.
    Note que este texto debe estar antes de las etiquetas </body> y </html> al final de su archivo HTML.

  3. Elija Guardar (Save) del menú Archivo (File) para guardar los cambios en su archivo.

Cargando de Nuevo el Documento en el Web Browser

Vuelva al Web Browser donde se ve la versión previa de su archivo.
Note que el nuevo texto que ha introducido en los pasos anteriores puede no ser aún visible. Para ver dichos cambios use el botón de Reload (Actualizar) o el menú de su Web Browser. Esto le dice a su Web Browser que lea el mismo fichero y lo muestre otra vez con cualquier cambio que haya habido. Ahora debería ver el nuevo texto introducido.

Note que el Web Browser habrá ignorado las líneas extra que haya introducido.
No obstante, usted deseará usar líneas en blanco, espacios extra y las etiquetas de comentario que vimos en la lección 1 para hacer sus archivos más fáciles de leer en el editor de textos.

¡Mejor arrastrando y soltando!

Debe existir un modo más fácil de cargar y visualizar sus páginas HTML.
Eche un vistazo al escritorio de su ordenador para encontrar el icono de sus páginas HTML (en el explorador de Windows) y la ventana del Web Browser. Simplemente haga click y arrastre y suelte el icono de su archivo de "Volc.htm" justo en la ventana del browser.
Voilá! Su página se verá si su ordenador soporta operaciones de "Drag and Drop", arrastrar y soltar (sabemos que funciona en Macintosh System 7.5 y Windows 95).

Compruebe Su Trabajo

Compare su documento con este ejemplo de cómo el documento debería aparecer. Si su página aparece diferente de la del ejemplo, revise el texto que introdujo en el editor. Asegúrese de que es él mismo que él de la sección Haciendo Cambios En Su Documento HTML de esta lección.

Revisión

Tópicos a revisar en esta lección:
  1. ¿Cómo se abría de nuevo el área de trabajo?
  2. ¿Qué pasos dábamos para realizar cambios en el documento HTML?
  3. ¿Cómo se podían mostrar y ver dichos cambios en el Web Browser?

Práctica Independiente

Como hizo durante la lección, modifique su propio documento HTML, el mismo que comenzó en la pasada lección. Añada algunas líneas y vea si puede cargar de nuevo el archivo modificado en el Web Browser satisfactoriamente.

A continuación....

Ahora que ya ha comprendido el proceso de edición añadiremos grandes y preciosos encabezados de sección a sus documentos HTML.

IR A.... | Índice de Lecciones | anterior: "Creando Su Primer Documento HTML" | siguiente: "Encabezados - Los Seis Niveles" |

Writing HTML Lección 2: Modificando un Documento HTML
©1995, 1996 Maricopa Center for Learning and Instruction (MCLI)
Maricopa County Community College District, Arizona

El enlace con el MCLI es Alan Levine --}
Comentarios a levine@maricopa.edu
Traducido al español por agma@usa.net, y corregido por Andrés Valencia

URL: