2A/2B Práctica#20 – Computación

Copiar la siguiente información en la libreta.

Elemento de lista <li>

Cada uno de los elementos de una lista ha de insertarse entre las etiquetas <li> y </li>.

Todos los elementos de la lista deberán encontrarse entre las etiquetas que indiquen si la lista es desordenada (con viñetas) u ordenada (numerada) como veremos a continuación.

Lista desordenada <ul>

Para que una lista sea desordenada, sus elementos deberán encontrarse entre las etiquetas <ul> y </ul>.

A través del atributo type es posible elegir el tipo de viñeta, que puede ser circle (círculo), disc (disco) o square (cuadrado).

 

Lista ordenada <ol>

Para que una lista sea ordenada, sus elementos deberán encontrarse entre las etiquetas <ol> y </ol>.

A través del atributo type es posible elegir el tipo de numeración, que puede ser 1 (números), a (letras minúsculas), A (letras mayúsculas)i (numeros romanos en minúsculas) o I (números romanos en mayúsculas).

Anidar listas

Es posible anidar listas dentro de otras. Estas listas pueden ser tanto desordenadas como ordenadas.

Por ejemplo, para insertar la siguiente lista:

 

  1. Lunes
    • Ingles
    • Frances
  2. Martes
    • Ingles
    • Correccion de ejercicios
      • Proponer ejercicios

 

 

Copiar el siguiente código en Notepad++.

 

 

2dos Proyecto – Deportes Olimpicos

Entrega Lunes 11 de diciembre
Cada alumno ya tiene designado el deporte de investigación. La lista esta publicada en sus salones.
Valor 30%
Portada con escudo, nombre completo de alumno y maestra, nombre del deporte que le tocó, fecha de entrega.
No copiar texto. Se anularán estos trabajos.
Tamaño de letra 11 o 12.
Incluir imágenes pequeños.

Que investigar:

image

image

1. Historia del deporte
2. Reglamento
3. Dimensión de cancha o pista, etc e implementós que se utilizan.
4. Datos importantes que te llamaron la atención.

2A/2B Práctica#19 – Computación

Anotar la siguiente información en la libreta.

Crear una página HTML con 30 caracteres especiales o más.

Los caracteres especiales son todas aquellas letras o símbolos que no están en el teclado ejemplo: árbol, canción, etc.

Anexo el archivo con los caracteres especiales.

Guardar el archivo como: P19 apellido Nombre

El texto que deben poner en notepad++ es el siguiente: (las letras en amarillo son los caracteres especiales, que ocupan un código especial)

2A/2B Práctica#18 – Computación

Crear una página web(html).

La página debe contener:

  • mínimo 4 párrafos(etiqueta <P>.
  • texto con tamaño 5, color cualquiera, menos negro, con la etiqueta<font>
  • fondo naranja claro con la etiqueta <bgcolor dentro de la etiqueta body>
  • imagen en el fondo(la que quieras) con la etiqueta <background dentro de body>
  • tres o más títulos con la etiqueta <H1 o marquee>

 

  •  Tema: Artista Favorito o el tema que quiera

Guardarlo con el siguiente nombre: P18  Apellido  Nombre                                             

2AB Práctica#17 – Computación

 

Copiar la siguiente información en la libreta.

Hiperenlace <a>

Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo.
Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de encontrarse entre las etiquetas <a> y </a>.
A través del atributo href se especifica la página a la que está asociado el enlace, la página que se visualizará cuando el usuario haga clic en el enlace.
<href=“http://www.schoology.com”  target=”_blank>Blog de tareas CLP</a>

Blog de tareas CLP

Destino del enlace

El destino del enlace determina en qué ventana va a ser abierta la página vinculada, se especifica a través del atributo target al que se le puede asignar los siguientes valores:

_blank:
Abre el documento vinculado en una ventana nueva del navegador.
_parent:
Abre el documento vinculado en la ventana del marco que contiene el vínculo o en el conjunto de marcos padre.
_self:
Es la opción predeterminada. Abre el documento vinculado en el mismo marco o ventana que el vínculo.
_top:
Abre el documento vinculado en la ventana completa del navegador.

No te preocupes si no te queda del todo claro para qué sirve cada una de estas opciones de destino, ya que se volverán a ver en el tema de Marcos. De momento sólo te interesa retener la opción _blank y _self.

Copiar el siguiente código en notepad++ y guardar el archivo como p17 apellido nombre con el tipo HTML.

2A/2B Práctica#16 – Computación

Crear una página HTML en Notepad++.

Tema: Revolución Mexicana

  • ¿Cómo comenzó?
  • ¿Quiénes formaron parte?
  • ¿Por qué se generó este movimiento?
  • ¿Cómo se desarrollo, en dónde ocurrió, cuánto tiempo duró?
  • Etc.

Para crearla necesitan las siguientes etiquetas:

  • El fondo debe ser una imagen dela Revolución Mexicana 1366 x 768 pixeles.
  • Color del texto, el que quieran menos el negro.
  • <p> para las párrafos. Deben de tener por lo menos 5 párrafos de 5 renglones cada uno, pueden ser más.
  • <font> para cambiar el texto de color, tamaño.
  • <h1> o <marquee> para los títulos.

Para ver ejemplos revisen las prácticas 14, 12 y 11.

Guardar el archivo como p16 apellido nombre y tipo HTML.

2AB Práctica#15 – Computación

Copiar la siguiente información en la libreta.

Marquesinas <marquee>

Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.

Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>.

La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.

A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos),scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).

A través del atributo direction puede modificarse la dirección en la que se moverá el texto. Puede tomar los valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o right (de izquierda a derecha).También es posible establecer un color de fondo, a través del atributo bgcolor.

Copiar el siguiente código en notepad++ y guardar el archivo como p15 apellido nombre con el tipo HTML.