PRACTICAS HTML CICLO 5.

IED ALMIRANTE PADILLA
MANEJO DE ORDENADORES CICLO 5
NOMBRE (S): ________________________________CURSO

.VISITA EL SIGUIENTE ENLACE Y RECORRE EL TUTORIAL DE HTML
http://www.aulafacil.com/CursoHtml/Lecc-1.htm
DESARROLLO de ACTIVIDAD EXTRACLASE (Consulta y responde en la carpeta)

Crea una carpeta tamaño carta para llevar este material de consulta permanente y
desarrolla de manera precisa la siguiente consulta ( debes llevarla a clase de manejo de
ordenadores para revisión y trabajo en clase)

Que Es Una Pagina Web

Como se puede construir una página web

¿Qué es el Código HTML?
Que puedo hacer con esta aplicación- principales
características
¿Cuál es el origen del Código HTML? (reseña histórica)
¿Qué navegadores se pueden usar?
¿Nombra 5 programas diferentes para crear páginas web?
¿Qué editores de texto puedo usar?




DESCRIPCIÓN GENERAL:
HTML (Hipertexto Markup Language) es el lenguaje utilizado para representar documentos en la
WWW (World Wide Web). Las páginas web pueden ser vistas por el usuario mediante un tipo de
aplicación llamada navegador. Podemos decir por lo tanto que el HTML es el lenguaje usado por
los navegadores para mostrar las páginas webs al usuario, siendo hoy en día la interface más
extendida en la red.
Este lenguaje nos permite aglutinar textos, sonidos e imágenes y combinarlos a nuestro gusto.
Además, y es aquí donde reside su ventaja con respecto a libros o revistas, el HTML nos permite la
introducción de referencias a otras páginas por medio de los enlaces hipertexto.
¿Qué necesito para crear una página Web?
Un navegador. Aunque hay más, parece que el Explorer y el Netscape son los mejores.
Un editor de Html (que bien puede ser el que viene con los navegadores) o bien escribir todo el
código
a
mano.
Hacer las fotos que vas a poner y escanearlas (esto suele llevar bastante tiempo si no se ha
hecho
antes)
Puedes
hacerlo
en
el
CPR.
Un programa gráfico para retocar las imágenes, mira en la página de imágenes.
Espacio en un servidor que albergue la página. Si tienes cuenta en el PNTIC puedes subir unos
250
KB,
que
son
suficientes
para
una
página
sencilla
Un programa para subir la página al servidor, puede ser el WS_FTP que localizarás en
http://www.ipswitch.com
Dar de alta la página en algunos buscadores (Alta Vista, Olé, etc) y también en el PNTIC si la
página está relacionada con la educación. Si no haces esto, solamente podrán visitar tu página
quienes conozcan la dirección exacta.
OBJETIVOS ESPECÍFICOS
1. Determinar en que momento es apropiado utilizar código html con respecto a los
programas que manejo.
2. Entender el concepto del código HTML y las partes que la componen.
3. Utilizar adecuadamente etiquetas y atributo, me permiten construir una página web.
CONOCIMIENTO Y DESTREZAS (LOGROS a EVALUAR)

Reconoce y describe características generales y funciones del código HTML, diseña una
página web, utilizando el bloc de notas para crear, editar y manipular las etiquetas y los
atributos respectivos que le permitan solucionar problemas comunes al manejar la
información.
RECURSOS Y MATERIALES
Computador, internet, tener conocimientos básicos de manejo de Windows, un editor de texto y
haber utilizado alguna vez un navegador de Internet, guía de trabajo, textos auxiliares, medios de
almacenamiento (USB, CD-RW).
DESARROLLO DE ACTIVIDADES EN CLASE (Teoría + conceptos explicados)
1.
a)
b)
c)
d)
e)
f)
g)
Observa cada afirmación y coloca V=Verdadero o F=Falso, según corresponda.
Es recomendable usar el bloc de notas.
Una página es un archivo donde está contenido el código HTML.
Hay que utilizar siempre la misma extensión en los s archivos.
¿Las etiquetas y sus atributos se pueden escribir en mayúsculas o minúsculas?
Algunas etiquetas funcionan solamente con algunos de los navegadores.
Cuando se carga una imagen normal en el navegador, éste va mostrándola de arriba abajo.
El formato JPG usa 16.7 millones de colores, por lo que se emplea con imágenes de alta
resolución, obteniendo un grado de compresión más alto que con el GIF.
h) Las etiquetas se pueden modificar por medio de sus atributos.
i) El nombre de la etiqueta y sus atributos se colocan entre los símbolos < y > y normal
mente se usan dos, una de inicio y otra final, para conseguir el efecto deseado.
2. Relaciona cada función de la izquierda con el significado correcto de la parte derecha.
FUNCION
BGCOLOR
CUERPO
DESCRIPCIÓN
Es la sección comprendida entre <head> y </head>. En ella se
encuentra necesariamente el título (entre las etiquetas <title> y
</title>).
Parámetro usado para específica la ruta y nombre de archivo (URL)
de la imagen que será usada como fondo del documento. Esta se
verá como mosaico para cubrir toda la ventana si es pequeña (lo
habitual).
(Body) del documento html es normalmente lo más importante. Es
aquí donde debemos colocar el contenido de nuestra página: texto,
BACKGROUND fotos, etc.
CABECERA
Parámetro usado para especificar el color de fondo de la página. El
color se define como una terna de números (#rrggbb) en base
hexadecimal en el orden rojo, verde, azul (Red, Green, Blue).
También se puede usar el nombre en inglés de los colores
predefinidos en los navegadores.
3. Explica la estructura básica del Código Html:
__________________________________________________________________________
__________________________________________________________________________
________________________________________________________________________.
4. Elige la opción correcta:
1. Los títulos o encabezamientos que se emplean al comienzo de una sección. Las
etiquetas que se usan son:
a) <h1> Título </h1>
b) <h2> Título </h2>
c) <h3> Título </h3>
d) <h4> Título </h4>
e) <h5> Título </h5>
f) <h6> Título </h6>
g) Todas las anteriores
La siguiente instrucción me está indicando:
<font size=2 face="MS Sans Serif" color="navy"> <B> Como ves se pueden poner varios atributos
separados por un espacio </b> </font>:
a)
b)
c)
d)
Tipo, color y tamaño de las fuentes, el estilo (negrita, cursiva, etc).
Tablas, listas, formularios.
Fotos, sonidos, fondos
Ninguna de las anteriores.
ACTIVIDADES PRÁCTICAS (Trabajo en Clase)

Utilizando Código Html elabore los siguientes ejercicios.
Ejercicios
1. Confeccione una página con las marcas mínimas que debe tener y en el cuerpo de la
misma disponga su nombre y apellido.
2. Confeccionar una página HTML que muestre su nombre y apellido y en la siguiente línea
los nombres de sus padres separados por un guión.
3. Confeccione una página que muestre en un párrafo datos referentes a su tema preferido y
en otro párrafo su nombre y e-mail.
4. Confeccionar el titular de un periódico con un título de nivel 1. Luego definir dos títulos
de segundo nivel con los textos (Noticias políticas y Noticias deportivas), en cada una de
estas secciones definir dos titulares de tercer nivel con un párrafo cada una. Al final de la
página mostrar un título de cuarto nivel con el nombre de la empresa propietaria del
periódico.
5.
Desarrollar una página que muestre dos imágenes
6.
Confeccionar una página que contenga un hipervínculo a un periódico (indicar sólo el
nombre de dominio del periódico). Disponer además un segundo hipervínculo a una
página determinada de ese periódico.
OBSERVACIONES

Se debe imprimir el trabajo y anexarlo a la carpeta, para ser revisado en el momento que
se establezca (En el transcurso del tercer periodo en hora de clase debe entregar el
taller.)

Las consultas se realizaran en horas de clase y/o se deben complementar en casa si es
necesario.

Los ejercicios prácticos se deben resolver y entregarlos en hora de clase.
__________________________
______________________________