SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
LICEO FARALLONES DEL NORTE
LEONARDO ANTONIO HINCAPIE GARCIA
DOCENTE INFORMATICA
GUIA DE NIVELACION
INFORMATICA
PRIMER PERIODO
GRADO 11
HTML
LICEO FARALLONES DEL NORTE
LEONARDO ANTONIO HINCAPIE GARCIA
DOCENTE INFORMATICA
TEMA SUBTEMA DESEMPENO
POWER POINT ESTRUCTURA DE UNA
PAGINA
Crea páginas WEB
utilizando las
herramientas
tecnológicas de trabajo
colaborativo de acuerdo
con las necesidades de
información, motivación
e interés y las
tendencias de las TIC’s
ESTRUCTURA DE UNA PÁGINA
Ejercicio 1: Deportes.
1. Abrir el documento quienes.htm, de la carpeta originales/deportes del curso.
2. Guardar la página con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/deportes
3. Establecer #0099CC como color de fondo y 40 como tamaño de los márgenes.
4. Guardar los cambios y comprobar el funcionamiento con tu navegador, no te
preocupes por el formato del texto, lo arreglarás en el tema siguiente.
Ejercicio 2: Flores.
1. Copiar la imagen fondo.gif que encontrarás en la
carpeta originales/flores/imagenes a tu carpeta Mis
documentos/ejercicios_html/flores/imagenes
2. Copiar el documento inicio.htm, de la carpeta originales/flores a tu
carpeta Mis documentos/ejercicios_html/flores.
3. Abrir el documento Mis documentos/ejercicios_html/flores/inicio.htm con el
Bloc de notas.
4. Establecer como imagen de fondo la imagen fondo.gif de la
carpeta ejercicios_html/flores/imágenes.
5. Guardar los cambios y comprobar el funcionamiento en tu navegador.
LICEO FARALLONES DEL NORTE
LEONARDO ANTONIO HINCAPIE GARCIA
DOCENTE INFORMATICA
TEMA SUBTEMA DESEMPENO
POWER POINT EL TEXTO Crea páginas WEB
utilizando las
herramientas
tecnológicas de trabajo
colaborativo de acuerdo
con las necesidades de
información, motivación
e interés y las
tendencias de las TIC’s
MODIFICAR LAS PROPIEDADES DEL TEXTO
Ejercicio 1: Deportes.
1. Abrir el documento quienes, de tu carpeta ejercicios_html/deportes.
2. Añadir el código necesario para que la página quede de la siguiente forma:
Ejercicio 2: Deportes.
1. Abrir el documento donde.htm, de la carpeta originales/deportes del curso.
2. Guardar la página con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/deportes
3. Convertir la última frase en una marquesina.
4. Guardar los cambios y comprobar el funcionamiento en un navegador.
LICEO FARALLONES DEL NORTE
LEONARDO ANTONIO HINCAPIE GARCIA
DOCENTE INFORMATICA
Ejercicio 3: Deportes.
1. Abrir el documento intalaciones.htm, de la carpeta originales/deportes del
curso.
2. Guardar la página con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/deportes
3. Convertir la lista de actividades que aparece antes de la frase Puedes
apuntarte... en una lista con viñetas.
4. Guardar los cambios y comprobar el funcionamiento en un navegador.
Ejercicio 4: Flores.
1. Abrir el documento inicio.htm, de la carpeta ejercicio_html/flores.
2. Añadir el código necesario para que la página quede de la siguiente forma:
Establecer #990033 como color del texto del documento, y 4 como el tamaño normal.
Guardar los cambios y comprobar el funcionamiento en un navegador.
TEMA SUBTEMA DESEMPENO
POWER POINT HIPERENLACES Crea páginas WEB
utilizando las
herramientas
tecnológicas de trabajo
colaborativo de acuerdo
con las necesidades de
información, motivación
e interés y las
tendencias de las TIC’s
Realiza páginas web
sencillas de excelente
LICEO FARALLONES DEL NORTE
LEONARDO ANTONIO HINCAPIE GARCIA
DOCENTE INFORMATICA
calidad totalmente
claras y entendibles
Cumple con todos los
requisitos exigidos para
la creación y postura de
información en su
página web sobre su
proyecto de vida
INSERTAR HIPERENLACES
Ejercicio 1: Deportes.
1. Abrir el documento menu.htm, de la carpeta originales/deportes del curso.
2. 2 Guardar la página con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/deportes
3. 3 Rectificar la página para que la palabra E-MAIL sea un enlace de correo
electrónico a tu dirección de correo.
4. 4 Guardar los cambios y comprobar el funcionamiento en un navegador.
Ejercicio 2: Deportes.
1. Abrir el documento instalaciones.htm, de la carpeta ejercicios_html/deportes.
2. 2 Añadir al texto de cada actividad un enlace al párrafo correspondiente a esa
actividad para que el navegante pueda ver directamente la descripción de la
actividad sin tener que moverse por toda la página.
3. 3 Guardar los cambios y comprobar el funcionamiento en un navegador.
Ejercicio 3: Flores.
1. Abrir el documento menu.htm, de la carpeta originales/flores del curso.
2. 2 Guardar la página con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/flores
3. 3 Asociar a la palabra Inicio un enlace a la página inicio.htm, a la
palabra Productos un enlace a la página productos.htm y a la
palabra Pedidos un enlace a la páginapedidos.htm, las
páginas inicio.htm, productos.htm y pedidos.htm se encontrarán en el mismo
directorio que la página menu.htm. Las páginas se abrirán en la misma ventana.
4. 4 Guardar los cambios y comprobar el funcionamiento del enlace a la página
Inicio.htm en un navegador (las páginas productos.htm y pedidos.htm se
incorporarán más adelante).
LICEO FARALLONES DEL NORTE
LEONARDO ANTONIO HINCAPIE GARCIA
DOCENTE INFORMATICA
TEMA SUBTEMA DESEMPENO
POWER POINT IMAGENES Crea páginas WEB
utilizando las
herramientas
tecnológicas de trabajo
colaborativo de acuerdo
con las necesidades de
información, motivación
e interés y las
tendencias de las TIC’s
Realiza páginas web
sencillas de excelente
calidad totalmente
claras y entendibles
Cumple con todos los
requisitos exigidos para
la creación y postura de
información en su
página web sobre su
proyecto de vida
INSERTAR IMÁGENES
Ejercicio 1: Deportes.
1. Abrir el documento menu.htm, de la carpeta ejercicios_html/deportes.
2. Sustituir la palabra DEPORTES por la imagen logodeportes.gif que se
encuentra en la carpeta imagenes de la carpeta ejercicios_html/deportes, la
imagen deberá tener deportes como texto alternativo.
3. Sustituir la palabra E-MAIL por la imagen email.gif, sin texto alternativo.
4. Guardar los cambios y comprobar el funcionamiento en un navegador.
Ejercicio 2: Deportes
1. Abrir el documento instalaciones.htm, de la carpeta ejercicios_html/deportes.
2. Sustituir la palabra DEPORTES que aparece al final de la página por la misma
imagen logodeportes.gif que en el ejercicio anterior, la imagen deberá
tener deportes como texto alternativo.
3. Guardar los cambios y comprobar el funcionamiento en un navegador.
LICEO FARALLONES DEL NORTE
LEONARDO ANTONIO HINCAPIE GARCIA
DOCENTE INFORMATICA
Ejercicio 3: Flores.
1. Abrir el documento menu.htm, de la carpeta flores.
2. Sustituir la palabra FLORES por la imagen logo_flores.gif que se encuentra en
la carpeta imágenes de la carpeta flores, la imagen deberá tener flores como
texto alternativo y el texto que hay a su derecha debe quedar a media altura de
la imagen.
3. Guardar los cambios y comprobar el funcionamiento en un navegador.

Más contenido relacionado

Similar a 11 once

Similar a 11 once (20)

Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Actividad 10º
Actividad 10ºActividad 10º
Actividad 10º
 
Tema 7
Tema 7Tema 7
Tema 7
 
Paso apaso de html
Paso apaso de htmlPaso apaso de html
Paso apaso de html
 
Computación 2
Computación 2Computación 2
Computación 2
 
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014
 
Guia sistemade archivos
Guia sistemade archivosGuia sistemade archivos
Guia sistemade archivos
 
Solución taller ambientes colaborativos
Solución taller ambientes colaborativosSolución taller ambientes colaborativos
Solución taller ambientes colaborativos
 
Ejercicios_HTML5.pdf
Ejercicios_HTML5.pdfEjercicios_HTML5.pdf
Ejercicios_HTML5.pdf
 
Ejercicios_HTML5.pdf
Ejercicios_HTML5.pdfEjercicios_HTML5.pdf
Ejercicios_HTML5.pdf
 
Guía c1 10. fundamentos de access
Guía c1 10. fundamentos de accessGuía c1 10. fundamentos de access
Guía c1 10. fundamentos de access
 
Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
 
Tarea 3 parcial 2
Tarea 3 parcial 2 Tarea 3 parcial 2
Tarea 3 parcial 2
 
Gustavo villacis-tuotrial
Gustavo villacis-tuotrialGustavo villacis-tuotrial
Gustavo villacis-tuotrial
 
Guia sistemade archivos
Guia sistemade archivosGuia sistemade archivos
Guia sistemade archivos
 
Joomladay Mallorca 2010 Templates Workshop
Joomladay Mallorca 2010 Templates WorkshopJoomladay Mallorca 2010 Templates Workshop
Joomladay Mallorca 2010 Templates Workshop
 
Manual de creacion de una página web
Manual de creacion de una página webManual de creacion de una página web
Manual de creacion de una página web
 
Computación
ComputaciónComputación
Computación
 
Hot potatoes
Hot potatoesHot potatoes
Hot potatoes
 

11 once

  • 1. LICEO FARALLONES DEL NORTE LEONARDO ANTONIO HINCAPIE GARCIA DOCENTE INFORMATICA GUIA DE NIVELACION INFORMATICA PRIMER PERIODO GRADO 11 HTML
  • 2. LICEO FARALLONES DEL NORTE LEONARDO ANTONIO HINCAPIE GARCIA DOCENTE INFORMATICA TEMA SUBTEMA DESEMPENO POWER POINT ESTRUCTURA DE UNA PAGINA Crea páginas WEB utilizando las herramientas tecnológicas de trabajo colaborativo de acuerdo con las necesidades de información, motivación e interés y las tendencias de las TIC’s ESTRUCTURA DE UNA PÁGINA Ejercicio 1: Deportes. 1. Abrir el documento quienes.htm, de la carpeta originales/deportes del curso. 2. Guardar la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/deportes 3. Establecer #0099CC como color de fondo y 40 como tamaño de los márgenes. 4. Guardar los cambios y comprobar el funcionamiento con tu navegador, no te preocupes por el formato del texto, lo arreglarás en el tema siguiente. Ejercicio 2: Flores. 1. Copiar la imagen fondo.gif que encontrarás en la carpeta originales/flores/imagenes a tu carpeta Mis documentos/ejercicios_html/flores/imagenes 2. Copiar el documento inicio.htm, de la carpeta originales/flores a tu carpeta Mis documentos/ejercicios_html/flores. 3. Abrir el documento Mis documentos/ejercicios_html/flores/inicio.htm con el Bloc de notas. 4. Establecer como imagen de fondo la imagen fondo.gif de la carpeta ejercicios_html/flores/imágenes. 5. Guardar los cambios y comprobar el funcionamiento en tu navegador.
  • 3. LICEO FARALLONES DEL NORTE LEONARDO ANTONIO HINCAPIE GARCIA DOCENTE INFORMATICA TEMA SUBTEMA DESEMPENO POWER POINT EL TEXTO Crea páginas WEB utilizando las herramientas tecnológicas de trabajo colaborativo de acuerdo con las necesidades de información, motivación e interés y las tendencias de las TIC’s MODIFICAR LAS PROPIEDADES DEL TEXTO Ejercicio 1: Deportes. 1. Abrir el documento quienes, de tu carpeta ejercicios_html/deportes. 2. Añadir el código necesario para que la página quede de la siguiente forma: Ejercicio 2: Deportes. 1. Abrir el documento donde.htm, de la carpeta originales/deportes del curso. 2. Guardar la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/deportes 3. Convertir la última frase en una marquesina. 4. Guardar los cambios y comprobar el funcionamiento en un navegador.
  • 4. LICEO FARALLONES DEL NORTE LEONARDO ANTONIO HINCAPIE GARCIA DOCENTE INFORMATICA Ejercicio 3: Deportes. 1. Abrir el documento intalaciones.htm, de la carpeta originales/deportes del curso. 2. Guardar la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/deportes 3. Convertir la lista de actividades que aparece antes de la frase Puedes apuntarte... en una lista con viñetas. 4. Guardar los cambios y comprobar el funcionamiento en un navegador. Ejercicio 4: Flores. 1. Abrir el documento inicio.htm, de la carpeta ejercicio_html/flores. 2. Añadir el código necesario para que la página quede de la siguiente forma: Establecer #990033 como color del texto del documento, y 4 como el tamaño normal. Guardar los cambios y comprobar el funcionamiento en un navegador. TEMA SUBTEMA DESEMPENO POWER POINT HIPERENLACES Crea páginas WEB utilizando las herramientas tecnológicas de trabajo colaborativo de acuerdo con las necesidades de información, motivación e interés y las tendencias de las TIC’s Realiza páginas web sencillas de excelente
  • 5. LICEO FARALLONES DEL NORTE LEONARDO ANTONIO HINCAPIE GARCIA DOCENTE INFORMATICA calidad totalmente claras y entendibles Cumple con todos los requisitos exigidos para la creación y postura de información en su página web sobre su proyecto de vida INSERTAR HIPERENLACES Ejercicio 1: Deportes. 1. Abrir el documento menu.htm, de la carpeta originales/deportes del curso. 2. 2 Guardar la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/deportes 3. 3 Rectificar la página para que la palabra E-MAIL sea un enlace de correo electrónico a tu dirección de correo. 4. 4 Guardar los cambios y comprobar el funcionamiento en un navegador. Ejercicio 2: Deportes. 1. Abrir el documento instalaciones.htm, de la carpeta ejercicios_html/deportes. 2. 2 Añadir al texto de cada actividad un enlace al párrafo correspondiente a esa actividad para que el navegante pueda ver directamente la descripción de la actividad sin tener que moverse por toda la página. 3. 3 Guardar los cambios y comprobar el funcionamiento en un navegador. Ejercicio 3: Flores. 1. Abrir el documento menu.htm, de la carpeta originales/flores del curso. 2. 2 Guardar la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/flores 3. 3 Asociar a la palabra Inicio un enlace a la página inicio.htm, a la palabra Productos un enlace a la página productos.htm y a la palabra Pedidos un enlace a la páginapedidos.htm, las páginas inicio.htm, productos.htm y pedidos.htm se encontrarán en el mismo directorio que la página menu.htm. Las páginas se abrirán en la misma ventana. 4. 4 Guardar los cambios y comprobar el funcionamiento del enlace a la página Inicio.htm en un navegador (las páginas productos.htm y pedidos.htm se incorporarán más adelante).
  • 6. LICEO FARALLONES DEL NORTE LEONARDO ANTONIO HINCAPIE GARCIA DOCENTE INFORMATICA TEMA SUBTEMA DESEMPENO POWER POINT IMAGENES Crea páginas WEB utilizando las herramientas tecnológicas de trabajo colaborativo de acuerdo con las necesidades de información, motivación e interés y las tendencias de las TIC’s Realiza páginas web sencillas de excelente calidad totalmente claras y entendibles Cumple con todos los requisitos exigidos para la creación y postura de información en su página web sobre su proyecto de vida INSERTAR IMÁGENES Ejercicio 1: Deportes. 1. Abrir el documento menu.htm, de la carpeta ejercicios_html/deportes. 2. Sustituir la palabra DEPORTES por la imagen logodeportes.gif que se encuentra en la carpeta imagenes de la carpeta ejercicios_html/deportes, la imagen deberá tener deportes como texto alternativo. 3. Sustituir la palabra E-MAIL por la imagen email.gif, sin texto alternativo. 4. Guardar los cambios y comprobar el funcionamiento en un navegador. Ejercicio 2: Deportes 1. Abrir el documento instalaciones.htm, de la carpeta ejercicios_html/deportes. 2. Sustituir la palabra DEPORTES que aparece al final de la página por la misma imagen logodeportes.gif que en el ejercicio anterior, la imagen deberá tener deportes como texto alternativo. 3. Guardar los cambios y comprobar el funcionamiento en un navegador.
  • 7. LICEO FARALLONES DEL NORTE LEONARDO ANTONIO HINCAPIE GARCIA DOCENTE INFORMATICA Ejercicio 3: Flores. 1. Abrir el documento menu.htm, de la carpeta flores. 2. Sustituir la palabra FLORES por la imagen logo_flores.gif que se encuentra en la carpeta imágenes de la carpeta flores, la imagen deberá tener flores como texto alternativo y el texto que hay a su derecha debe quedar a media altura de la imagen. 3. Guardar los cambios y comprobar el funcionamiento en un navegador.