1. COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE Código
COLEGIO FRANCISCANO DE SAN LUIS BELTRAN PGF 02 R-04
Proceso
GESTION DE FORMACION Página 1 de 3
Procedimiento
DISEÑO CURRICULAR
L.F.1813 de octubre 20 de 2003
GUIA No.2 DE TECNOLOGIA E INFORMÁTICA
GRADO 6º CURSO 1-2-3 PERIODO: III FECHA 1 de Agosto de 2012
ALUMNO_________________________________________________________________________________
DOCENTES: Lic. GREGORIO PEÑA CORONADO – Ing. MIGUEL MANJARRES JIMENO
DESEMPEÑO: Reconocer la importancia y utilidad del lenguaje del HTML para la elaboración de páginas Web
INDICADOR DE DESEMPEÑO
• Identifica las estructuras que debe llevar una página web.
CONTENIDOS:
Estructura de una página Web.
ESTRUCTURA DE UNA PÁGINA WEB
INSTRUCCIONES: Realiza cuidadosamente los pasos descritos a continuación:
1. Haz clic en el botón Inicio de la barra de tareas
2. Selecciona el menú Todos los programas
3. Selecciona el submenú Accesorios
4. Selecciona la opción Bloc de notas
5. A continuación aparecerá la siguiente ventana:
6. Edita el siguiente código HTML tal como se muestra en la siguiente figura:
Esto es lo que se conoce con el nombre de Código
HTML del hipertexto.
El código HTML de un hipertexto se edita (se
escribe) en el Bloc de notas.
El código HTML comienza con la etiqueta: <HTML>
El código HTML termina con la etiqueta: </HTML>
7. Haz clic en el menú Archivo de la Barra de menú
8. Selecciona la opción Guardar
9. A continuación aparecerá la siguiente ventana:
2. COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE Código
COLEGIO FRANCISCANO DE SAN LUIS BELTRAN PGF 02 R-04
Proceso
GESTION DE FORMACION Página 2 de 3
Procedimiento
DISEÑO CURRICULAR
L.F.1813 de octubre 20 de 2003
GUIA No.2 DE TECNOLOGIA E INFORMÁTICA
El código HTML del hipertexto se puede guardar en:
El Escritorio.
Mis documentos.
Cualquier parte del PC.
Este hipertexto se guardara en el Escritorio
Aquí se debe colocar el nombre
de archivo del Código HTML del
hipertexto. Todo nombre de
archivo de un hipertexto debe
terminar con la extensión “html”
Llamemos este hipertexto como:
ejemplo1.html
10. Haz clic en el siguiente botón para guardar el código HTML del hipertexto en el escritorio:
11. Escribe en el cuadro de texto Nombre el nombre de archivo ejenplo1.html
De la siguiente manera:
12. Cuando ya se halla especificado el lugar en donde se quiere guardar el hipertexto y el nombre con el que se
quiere guardar, se de hacer clic en el siguiente botón:
Realiza los siguientes pasos para visualizar el hipertexto en el navegador:
1. Abre el Escritorio.
2. Haz doble clic sobre el siguiente icono:
3. A continuación aparecerá el resultado final de este ejemplo en el navegador (Internet Explorer) el cual es:
Las etiquetas: <TITLE> y </TITLE>
Contienen el titulo del hipertexto.
Este titulo siempre aparecerá en la
barra de titulo del navegador.
Zona de visualización del navegador.
Las etiquetas: <BODY> y </BODY>
Contienen el contenido del hipertexto.
Este contenido siempre aparecerá en la Zona de visualización del navegador.
.
3. COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE Código
COLEGIO FRANCISCANO DE SAN LUIS BELTRAN PGF 02 R-04
Proceso
GESTION DE FORMACION Página 3 de 3
Procedimiento
DISEÑO CURRICULAR
L.F.1813 de octubre 20 de 2003
GUIA No.2 DE TECNOLOGIA E INFORMÁTICA
ACTIVIDAD EXTRACLASE : CON base en la práctica anterior contesta las siguientes preguntas:
1. ¿Donde se edita el código HTML de un hipertexto?:
2. ¿Con cual etiqueta comienza el código HTML de un hipertexto?
3. ¿Con cual etiqueta termina el código HTML de un hipertexto?
4. ¿Todo nombre de archivo de un hipertexto debe terminar con la extensión?
5. ¿Qué contienen las etiquetas? <TITLE> y </TITLE>
6. ¿En que lugar del navegador aparecerá el titulo del hipertexto?
7. ¿Qué contienen las etiquetas? <BODY> y </BODY>
8. ¿En que lugar del navegador aparecerá el contenido del hipertexto?
9. En el navegador Internet Explorer ubica el puntero del mouse sobre cada una
de las siguientes Herramientas de navegación y coloca al frente su nombre:
10. Completa la siguiente tabla: Coloca el nombre de las respectivas etiquetas en los lugares señalados.
ESTRUCTURA BÁSICA DE UNA PAGINA WEB O HIPERTEXTO
ETIQUETA
Inicio del HTML
Inicio del encabezado <HEAD>
Inicio del titulo
Encabezado Titulo Titulo del hipertexto
Fin del titulo
Fin del encabezado </HEAD>
Inicio del cuerpo
Cuerpo Cuerpo Contenido del hipertexto
Fin del cuerpo
Fin del HTML