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:
- Recuperar su ·rea de trabajo con su p·gina Web.
- Hacer cambios en su documento HTML usando el editor de textos.
- Cargar nuevamente el documento en su Web Browser para ver los cambios.
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:
- Si no est· abierta, elija Nueva ventana (New Window) del men™ Archivo (File).
- 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.
- Abra de nuevo su programa editor de textos.
- 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
- Vaya a la ventana del editor de texto.
- 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.
- 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:
- øCÛmo se abrÌa de nuevo el ·rea de trabajo?
- øQuÈ pasos d·bamos para realizar cambios en el documento HTML?
- ø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.
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: