2A/2B Práctica#11 — Computación

Copiar la siguiente información en la libreta

Crear una página HTML sobre el tema: SOLIDARIDAD

  • 5 párrafos(de 5 renglones cada uno),
  • 5 títulos,
  • Texto de color(que no sea negro cualquier otro color).
  • Tamaño del texto (6, 7 u 8 tú eliges),
  • Color del fondo el que tu elijas.

Guardar su archivo como p11 apellido nombre y enviarlo por schoology.

Anexo un ejemplo de lo que tienen que realizar.

2A/2B práctica#8— Computación

Copiar la siguiente información en la libreta.

Texto con ESTILO (formato).

Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto.

A continuación se muestran algunas etiquetas asociadas al tipo de letra:

 

Etiqueta

Significado

<b>

Negrita

<i>

Cursiva

<u>

Subrayado

<s>

Tachado

<big>

Aumenta  el tamaño de la fuente

<small>

Disminuye  el tamaño de la fuente

<strong>

Destacado(resalta el texto)

<sub>

Subíndice

<sup>

Superíndice

Copiar el siguiente código en Notepad++ y guardar el archivo con el nombre P8 apellido Nombre con el tipo HTML.

2A/2B práctica#6 — Computación

Copiar el siguiente apunte en la libreta.

Etiqueta <HR> nos sirve para crear una linea separadora de texto los atributos son los siguientes.

color  —  color hexadecimal    — asigna un color a la linea

Copiar el siguiente código en Notepad++ y guardarlo con el siguiente nombre P5 Apellido Nombre.html, recuerden que deben enviar su trabajo por schoology(enviar tarea).  

 

 

2A/2B práctica#5 — Computación

Copiar el siguiente apunte en la libreta.

Párrafos <p> …

El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>.

No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente.

También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el valor del atributo align, cuyos valores pueden ser left (izquierda),right(derecha), center(centrado) o justify(justificado).

Otro par de etiquetas que permiten agrupar bloques de texto, pero que no implican el cambio de línea (como en el caso de <p> y <div>), son las etiquetas <span> y</span> volveremos a hablar de estas etiquetas cuando veamos las hojas de estilo.

 

 Copiar el siguiente código en Notepad++ y guardarlo con el nombre P5 apellido nombre.html y enviarlo por schoology.

2A/2B práctica#4 — Computación

Copiar la siguiente información en la libreta.

Saltos de línea <br>

En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla ENTER.

Si pulsamos ENTER en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla ENTER hay que insertar la etiqueta <br>donde se desee que se produzca el salto.

La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br>después de ella, ya que dicha etiqueta no existe.

Texto preformateado <pre>

Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.

Utilizando estas etiquetas podemos tener la seguridad de que en el navegador se mostrarán todos los espacios en blanco que se inserten en el texto, así como todos los saltos de línea resultantes de pulsar la tecla ENTER, sin la necesidad de utilizar la etiqueta <br>.

El inconveniente de esta etiqueta es que entre las etiquetas <pre> y </pre> no se pueden incluir las etiquetas <img> (para incluir imágenes), <object> (para incluir objetos como animaciones), <big><small><sub> ni <sup> (las veremos en este tema).

Copiar la siguiente código en Notepad++ y guardar el archivo como p4 apellido nombre y tipo HTML. Enviarlo por schoology.

 

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

Copiar en en la libreta la siguiente información

Cuerpo del documento <body>

El cuerpo del documento contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc.

Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.

A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página.

El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.

Por ejemplo:

<body bgcolor=”#0000FF”>   ó    <body bgcolor=”blue”>

La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen.

Por ejemplo:

<body background=”fondo.gif”>

En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir:        

<body background=”imagenes/fondo.gif”>

 

Anexo el siguiente código que debes copiar en notepad++ y guardarlo con el nombre P2 apellido nombre , recuerda que le debes poner tipoHTML(Hyper Text Markup Language)

2A Práctica#1 — Computación

Crear una sopa de letras en WORD, con una dimensión de 15 columnas x 15 renglones, con 15 palabras, que son las siguientes: ALEMANIA, FRANCIA, ESPAÑA, HOLANDA, BÉLGICA, PORTUGAL,INGLATERRA, FINLANDIA, NORUEGA, SUECIA, SUIZA, ITALIA, HUNGRÍA, AUSTRIA, CROACIA. 

  • Colorear los cuadros en donde están las palabras en la sopa de letras.
  • Insertar 1 o más imágenes sobre las palabras.
  • Anotar las palabras en la parte de abajo de la tabla.
  • Encabezado centrado(Colegio La Paz, Secundaria).
  • Pie de página centrado(Nombre completo, Grupo y Grado).
  • Tamaño del texto 20.
  • Guarda el archivo como: p1 apellido nombre y enviarla por schoology.
  • Fecha de entrega: 04 SEPTIEMBRE 2019

2B Práctica#1 — Computación

Crear una sopa de letras en WORD, con una dimensión de 15 columnas x 15 renglones, con 15 palabras, que son las siguientes: MÉXICO, USA, CANADÁ, BELICE, GUATEMALA, SALVADOR, HONDURAS, COSTA RICA, PANAMÁ, VENEZUELA

  • Colorear los cuadros en donde están las palabras en la sopa de letras.
  • Insertar 1 o más imágenes sobre las palabras.
  • Anotar las palabras en la parte de abajo de la tabla.
  • Encabezado centrado(Colegio La Paz, Secundaria).
  • Pie de página centrado(Nombre completo, Grupo y Grado).
  • Tamaño del texto 20.
  • Guarda el archivo como: p1 apellido nombre y enviarla por schoology.
  • Fecha de entrega: 04 SEPTIEMBRE 2019

2C PRÁCTICA#41 — COMPUTACIÓN

Crear un video en Power Point sobre el tema:

Trabajando en Notepad++

  • ¿Cuál es la estructura básica de un documento HTML?
  • ¿Cómo guardar un archivo HTML en Notepad++?
  • ¿Cómo cambiar el color de fondo de una página HTML?
  • ¿Cómo poner una imagen de fondo de una página HTML?
  • ¿Cómo crear un párrafo?
  • ¿Cómo y con cual etiqueta se le puede dar formato al texto?
  • ¿Cómo podemos poner un títulodentro del documento HTML?

 

El  archivo se guarda de la siguiente manera:        P41 Apellido Nombre

 

              EL TRABAJO ES  INDIVIDUAL

El video debe contener:

  • Nombre
  • Grupo
  • Titulo
  • Animación.
  • Transición.
  • Imágenes.
  • Diapositivas: 12 mínimo.
  • Sonido

Pasos para crear el video:

Una vez que realizaste y guardaste tu presentación en Power Point dar clic en:

* Menú archivo

* Guardar y enviar

* Crear un video

* Poner los segundos para cada diapositiva (recomiendo 15)

* Botón Crear video

* Te pedirá el nombre del video, le das el mismo nombre que el Power Point.

2B PRÁCTICA#41 — COMPUTACIÓN

Crear un video en Power Point sobre el tema:

Trabajando en Notepad++

  • ¿Cuál es la estructura básica de un documento HTML?
  • ¿Cómo guardar un archivo HTML en Notepad++?
  • ¿Cómo cambiar el color de fondo de una página HTML?
  • ¿Cómo poner una imagen de fondo de una página HTML?
  • ¿Cómo crear un párrafo?
  • ¿Cómo y con cual etiqueta se le puede dar formato al texto?
  • ¿Cómo podemos poner un títulodentro del documento HTML?

 

El  archivo se guarda de la siguiente manera:        P41 Apellido Nombre

 

              EL TRABAJO ES  INDIVIDUAL

El video debe contener:

  • Nombre
  • Grupo
  • Titulo
  • Animación.
  • Transición.
  • Imágenes.
  • Diapositivas: 12 mínimo.
  • Sonido

Pasos para crear el video:

Una vez que realizaste y guardaste tu presentación en Power Point dar clic en:

* Menú archivo

* Guardar y enviar

* Crear un video

* Poner los segundos para cada diapositiva (recomiendo 15)

* Botón Crear video

* Te pedirá el nombre del video, le das el mismo nombre que el Power Point.

2A PRÁCTICA#42 — COMPUTACIÓN

Crear un video en Power Point sobre el tema:

Trabajando en Scratch

  • ¿Cómo se accede a scratch?
  • ¿Cómo se comienza un nuevo proyecto?
  • ¿Como se guarda un archivo?
  • ¿Cómo puedo ver los trabajos que ya realice?
  • ¿Qué tipos de bloques se tienen?
  • ¿Cuál es el área de trabajo?
  • ¿Cómo se ejecuta en programa?
  • ¿Cómo se inserta un objeto(sprite)?
  • ¿Cómo se puede agregar un fondo?
  • ¿Cómo podemos colorear un objeto(ejemplo, colorear al gato)?
  • ¿Cómo podemos insertar un sonido?
  • ¿Cómo podemos cambiar el idioma del área de trabajo?
  • ¿Cómo podemos guardar nuestro archivo en la computadora?
  • ¿Cómo podemos cambiar el tamaño de nuestros objetos?

 

El  archivo se guarda de la siguiente manera:        P42 Apellido Nombre

 

              EL TRABAJO ES  INDIVIDUAL

El video debe contener:

  • Portada
    • Nombre
    • Grupo
    • Titulo
    • Escudo
  • Animación.
  • Transición.
  • Imágenes.
  • Diapositivas: 15 mínimo.
  • Sonido

Pasos para crear el video:

Una vez que realizaste y guardaste tu presentación en Power Point dar clic en:

  • * Menú archivo
    • * Guardar y enviar
      • * Crear un video
        • * Poner los segundos para cada diapositiva (recomiendo 15)
          • * Botón Crear video
            • * Te pedirá el nombre del video, le das el mismo nombre que el Power Point.

2A PRÁCTICA#41 — COMPUTACIÓN

Crear un video en Power Point sobre el tema:

Trabajando en Notepad++

  • ¿Cuál es la estructura básica de un documento HTML?
  • ¿Cómo guardar un archivo HTML en Notepad++?
  • ¿Cómo cambiar el color de fondo de una página HTML?
  • ¿Cómo poner una imagen de fondo de una página HTML?
  • ¿Cómo crear un párrafo?
  • ¿Cómo y con cual etiqueta se le puede dar formato al texto?
  • ¿Cómo podemos poner un títulodentro del documento HTML?

 

El  archivo se guarda de la siguiente manera:        P41 Apellido Nombre

 

              EL TRABAJO ES  INDIVIDUAL

El video debe contener:

  • Nombre
  • Grupo
  • Titulo
  • Animación.
  • Transición.
  • Imágenes.
  • Diapositivas: 12 mínimo.
  • Sonido

Pasos para crear el video:

Una vez que realizaste y guardaste tu presentación en Power Point dar clic en:

* Menú archivo

* Guardar y enviar

* Crear un video

* Poner los segundos para cada diapositiva (recomiendo 15)

* Botón Crear video

* Te pedirá el nombre del video, le das el mismo nombre que el Power Point.

2C Página principal.html — Computación

Crear una página en notepad++ en donde escribas un resumen de los temas vistos en clase durante el ciclo escolar.

  • Scratch( cada ejercicio,de que trataba cada uno).

  • Power Point(cada uno)

  • Notepad++( explicar los diferentes TAGs etiquetas que se miraron durante el ciclo escolar)

    • Ejemplo: HTML, HEAD, TITLE, BODY, BGCOLOR, FONT, LIST, IMG, TABLE, H1, MARQUEE, MÁS… cada una de ellas tiene diferentes atributos que se pueden modificar, los debes explicar, tod en base las prácticas que realizaste.

Anexo ejemplo de como crear un párrafo y un título, recuerda que para esta práctica por lo menos necesitas 3 título y 3 párrafos.

2A Página principal.html — Computación

Crear una página en notepad++ en donde escribas un resumen de los temas vistos en clase durante el ciclo escolar.

  • Scratch( cada ejercicio,de que trataba cada uno).

  • Power Point(cada uno)

  • Notepad++( explicar los diferentes TAGs etiquetas que se miraron durante el ciclo escolar)

    • Ejemplo: HTML, HEAD, TITLE, BODY, BGCOLOR, FONT, LIST, IMG, TABLE, H1, MARQUEE, MÁS… cada una de ellas tiene diferentes atributos que se pueden modificar, los debes explicar, tod en base las prácticas que realizaste.

Anexo ejemplo de como crear un párrafo y un título, recuerda que para esta práctica por lo menos necesitas 3 título y 3 párrafos.

2B Página principal.html — Computación

Crear una página en notepad++ en donde escribas un resumen de los temas vistos en clase durante el ciclo escolar.

  • Scratch( cada ejercicio,de que trataba cada uno).

  • Power Point(cada uno)

  • Notepad++( explicar los diferentes TAGs etiquetas que se miraron durante el ciclo escolar)

    • Ejemplo: HTML, HEAD, TITLE, BODY, BGCOLOR, FONT, LIST, IMG, TABLE, H1, MARQUEE, MÁS… cada una de ellas tiene diferentes atributos que se pueden modificar, los debes explicar, tod en base las prácticas que realizaste.

Anexo ejemplo de como crear un párrafo y un título, recuerda que para esta práctica por lo menos necesitas 3 título y 3 párrafos.

2C Convertir Presentación de Power Point a Video

Todas las presentaciones creadas en Power Point, deberán convertirlas en video con formato MP4.

  • Práctica # 24
  • Práctica # 34
  • Práctica # 39
  • Proyecto # 1
  • Proyecto # 2

En la página  https://www.onlinevideoconverter.com/es se pueden convertir los videos de un formato a otro.

Pasos para covertir una presentación de  power point a video.

2B/2A Convertir Presentación de Power Point a Video

Todas las presentaciones creadas en Power Point, deberán convertirlas en video con formato MP4.

  • Práctica # 24
  • Práctica # 34
  • Práctica # 39
  • Proyecto # 1
  • Proyecto # 2

En la página  https://www.onlinevideoconverter.com/es se pueden convertir los videos de un formato a otro.

Pasos para covertir una presentación de  power point a video.

2B/2A Práctica#34 — Computación

Crear un video en Power Point sobre el tema:

Tema: Expropiación Petrolera

              EL TRABAJO ES  INDIVIDUAL

El video debe contener:

  •  Portada
    • Nombre
    • Grupo
    • Titulo
  • Animación.
  • Transición.
  • Imágenes(mínimo 5).
  • Diapositivas: 20 mínimo.

 

Pasos para crear el video:

Una vez que realizaste y guardaste tu presentación en Power Point dar clic en:

  1. * Menú archivo
  2. * Guardar y enviar
  3. * Crear un video
  4. * Poner los segundos para cada diapositiva (recomiendo 10 a 15)
  5. * Botón Crear video
  6. * Te pedirá el nombre del video, le das el mismo nombre que el Power Point.

El  archivo se guarda de la siguiente manera:        P34 Apellido Nombre       Enviarlo por Schoology

 

2C Práctica#34 — Computación

Crear un video en Power Point sobre el tema:

Tema: Expropiación Petrolera

              EL TRABAJO ES  INDIVIDUAL

El video debe contener:

  •  Portada
    • Nombre
    • Grupo
    • Titulo
  • Animación.
  • Transición.
  • Imágenes(mínimo 5).
  • Diapositivas: 20 mínimo.

 

Pasos para crear el video:

Una vez que realizaste y guardaste tu presentación en Power Point dar clic en:

  1. * Menú archivo
  2. * Guardar y enviar
  3. * Crear un video
  4. * Poner los segundos para cada diapositiva (recomiendo 10 a 15)
  5. * Botón Crear video
  6. * Te pedirá el nombre del video, le das el mismo nombre que el Power Point.

El  archivo se guarda de la siguiente manera:        P34 Apellido Nombre       Enviarlo por Schoology

 

2B Práctica#32 — Computación

Crear una página web en Notepad++ sobre el tema:

Debes utilizar la etiquetas ya vistas en clase, revisar la práctica #10 ahí puedes ver un ejemplo de como crear párrafos, títulos, y en la práctica#28 te muestra como insertar imágenes.

Tema: Benito Juárez(mínimo 10 párrafos de 5 renglones cada uno, también imágenes, mínimo 5)

  • Biografía.
  • Puestos que ocupo.
  • Obras que realizó.
  • Batallas que peleo.
  • Frases célebres.

El  archivo se guarda de la siguiente manera:        P32 Apellido Nombre  Enviarlo por Schoology

Fecha de entrega: viernes 15 de marzo del 2019.

 

Ejemplo:

2A Práctica#32 — Computación

Crear una página web en Notepad++ sobre el tema:

Debes utilizar la etiquetas ya vistas en clase, revisar la práctica #10 ahí puedes ver un ejemplo de como crear párrafos, títulos, y en la práctica#28 te muestra como insertar imágenes.

Tema: Benito Juárez(mínimo 10 párrafos de 5 renglones cada uno, también imágenes, mínimo 5)

  • Biografía.
  • Puestos que ocupo.
  • Obras que realizó.
  • Batallas que peleo.
  • Frases célebres.

El  archivo se guarda de la siguiente manera:        P32 Apellido Nombre  Enviarlo por Schoology

Fecha de entrega: jueves 14 de marzo del 2019.

 

Ejemplo:

2C Práctica#32 — Computación

Crear una página web en Notepad++ sobre el tema:

Debes utilizar la etiquetas ya vistas en clase, revisar la práctica #10 ahí puedes ver un ejemplo de como crear párrafos, títulos, y en la práctica#28 te muestra como insertar imágenes.

Tema: Benito Juárez(mínimo 10 párrafos de 5 renglones cada uno, también imágenes, mínimo 5)

  • Biografía.
  • Puestos que ocupo.
  • Obras que realizó.
  • Batallas que peleo.
  • Frases célebres.

El  archivo se guarda de la siguiente manera:        P32 Apellido Nombre  Enviarlo por Schoology

Fecha de entrega: miércoles 13 de marzo del 2019.

Ejemplo:

2c Práctica#31 — Computación

Crear  1 carteles en Word o Publisher.

EL TRABAJO ES INDIVIDUAL

Tema: Concurso Científico

Lo que debe contener cada CARTEL:

  • Tamaño de la hoja Tabloide.
    • (En forma horizontal), el tamaño se cambia en menú Diseño de Página – Tamaño – Tabloide
  • Colegio La Paz
  • Escudo. Utilizar el de los 75 aniversario.
  • Fecha de realización del evento
  • XXIX Concurso Científico
  • Materia — Física
  • Datos de la premiación
  • Dibujo(s)
  • Integrantes
  • Grado y grupo

 

Anexo la convocatoria dar un clic AQUÍ.

 

Fecha de entrega:

  • Impresa: 13 marzo 2019
  • Digital: 06 marzo 2019

2B/2A Práctica#31 — Computación

Crear  1 carteles en Word o Publisher.

EL TRABAJO ES INDIVIDUAL

Tema: Concurso Científico

Lo que debe contener cada CARTEL:

  • Tamaño de la hoja Tabloide.
    • (En forma horizontal), el tamaño se cambia en menú Diseño de Página – Tamaño – Tabloide
  • Colegio La Paz
  • Escudo. Utilizar el de los 75 aniversario.
  • Fecha de realización del evento
  • XXIX Concurso Científico
  • Materia — Física
  • Datos de la premiación
  • Dibujo(s)
  • Integrantes
  • Grado y grupo

 

Anexo la convocatoria dar un clic AQUÍ.

 

Fecha de entrega:

  • Impresa: 11 marzo 2019
  • Digital: 04 marzo 2019

2C Práctica#28 — Computación

Copiar la siguiente información en la libreta.

El tag básico para colocar una imagen es “img“. Este tag, a diferencia de la gran mayoría de los tags de html, no necesita un cierre.

El atributo “src” es imprescindible para poder colocar una imagen. Este atributo es el que indica dónde se encuentra alojada la imagen que queremos mostrar.

La foto podemos alinearla en la página como queramos mediante “align“, utilizando los atributos “left” para alinearla a la izquierda, “right” para alinearla a la derecha, “top” para alinearla arriba, “bottom” para alinearla abajo y “middle” para alinearla al centro.

También podemos poner una descripción de la imagen dentro de la misma para que la gente puede leerla al mantener el ratón encima de ella.

Atributos opcionales pero muy recomendables, son el height y el width. El height marca la altura de la imagen, mientras que el width marca la anchura. Son recomendables porque así ayudaremos al navegador a representar la imagen.

Y por último, también queremos mostrarte que le puedes adjudicar un borde a la fotografía. El atributo ya te lo sabes: “border“. Después solo tendrás que definir cuál quieres que sea el grosor del borde.

EJEMPLO

<img src=”html/imagenes/prueba.jpg” border=”1″ alt=”Este es UN TEXTO alterno” width=”400″ height=”300″>

 

Copiar el siguiente código en  notepad++, guardarlo como p28 apellido nombre y enviarlo por schoology.

 

 

 

2A Práctica#28 — Computación

Copiar la siguiente información en la libreta.

El tag básico para colocar una imagen es “img“. Este tag, a diferencia de la gran mayoría de los tags de html, no necesita un cierre.

El atributo “src” es imprescindible para poder colocar una imagen. Este atributo es el que indica dónde se encuentra alojada la imagen que queremos mostrar.

La foto podemos alinearla en la página como queramos mediante “align“, utilizando los atributos “left” para alinearla a la izquierda, “right” para alinearla a la derecha, “top” para alinearla arriba, “bottom” para alinearla abajo y “middle” para alinearla al centro.

También podemos poner una descripción de la imagen dentro de la misma para que la gente puede leerla al mantener el ratón encima de ella.

Atributos opcionales pero muy recomendables, son el height y el width. El height marca la altura de la imagen, mientras que el width marca la anchura. Son recomendables porque así ayudaremos al navegador a representar la imagen.

Y por último, también queremos mostrarte que le puedes adjudicar un borde a la fotografía. El atributo ya te lo sabes: “border“. Después solo tendrás que definir cuál quieres que sea el grosor del borde.

EJEMPLO

<img src=”html/imagenes/prueba.jpg” border=”1″ alt=”Este es UN TEXTO alterno” width=”400″ height=”300″>

 

Copiar el siguiente código en  notepad++, guardarlo como p28 apellido nombre y enviarlo por schoology.

 

 

 

2B Práctica#28 — Computación

Copiar la siguiente información en la libreta.

El tag básico para colocar una imagen es “img“. Este tag, a diferencia de la gran mayoría de los tags de html, no necesita un cierre.

El atributo “src” es imprescindible para poder colocar una imagen. Este atributo es el que indica dónde se encuentra alojada la imagen que queremos mostrar.

La foto podemos alinearla en la página como queramos mediante “align“, utilizando los atributos “left” para alinearla a la izquierda, “right” para alinearla a la derecha, “top” para alinearla arriba, “bottom” para alinearla abajo y “middle” para alinearla al centro.

También podemos poner una descripción de la imagen dentro de la misma para que la gente puede leerla al mantener el ratón encima de ella.

Atributos opcionales pero muy recomendables, son el height y el width. El height marca la altura de la imagen, mientras que el width marca la anchura. Son recomendables porque así ayudaremos al navegador a representar la imagen.

Y por último, también queremos mostrarte que le puedes adjudicar un borde a la fotografía. El atributo ya te lo sabes: “border“. Después solo tendrás que definir cuál quieres que sea el grosor del borde.

EJEMPLO

<img src=”html/imagenes/prueba.jpg” border=”1″ alt=”Este es UN TEXTO alterno” width=”400″ height=”300″>

 

Copiar el siguiente código en  notepad++, guardarlo como p28 apellido nombre y enviarlo por schoology.

 

 

 

2A Práctica#25– Computación

Copiar en la libreta

Tablas

En este tema vamos a ver cómo trabajar con tablas. Podremos insertar tablas, filas y columnas, y modificar sus propiedades.

Tabla <table>

Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna.

COLUMNA
FILA CELDA

Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla.

Fila <tr>

Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiquetas <table> y </table>.

Columna o celda <td>

Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>.

 

Título de tabla <caption>

No solamente es posible establecer títulos para las columnas, también es posible establecer un título para la tabla mediante las etiquetas <caption> y </caption>.

 

Combinar celdas

Para las etiquetas <td> y <th> existen los atributos colspan y rowspan, que se utilizan para combinar celdas.

 

 

 

Copiar el siguiente código en notepad ++ y guardarlo como P25 apellido nombre

2C Práctica#25– Computación

Copiar en la libreta

Tablas

En este tema vamos a ver cómo trabajar con tablas. Podremos insertar tablas, filas y columnas, y modificar sus propiedades.

Tabla <table>

Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna.

COLUMNA
FILA CELDA

Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla.

Fila <tr>

Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiquetas <table> y </table>.

Columna o celda <td>

Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>.

 

Título de tabla <caption>

No solamente es posible establecer títulos para las columnas, también es posible establecer un título para la tabla mediante las etiquetas <caption> y </caption>.

 

Combinar celdas

Para las etiquetas <td> y <th> existen los atributos colspan y rowspan, que se utilizan para combinar celdas.

 

 

 

Copiar el siguiente código en notepad ++ y guardarlo como P25 apellido nombre

2B Práctica#25– Computación

Copiar en la libreta

Tablas

En este tema vamos a ver cómo trabajar con tablas. Podremos insertar tablas, filas y columnas, y modificar sus propiedades.

Tabla <table>

Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna.

COLUMNA
FILA CELDA

Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla.

Fila <tr>

Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiquetas <table> y </table>.

Columna o celda <td>

Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>.

 

Título de tabla <caption>

No solamente es posible establecer títulos para las columnas, también es posible establecer un título para la tabla mediante las etiquetas <caption> y </caption>.

 

Combinar celdas

Para las etiquetas <td> y <th> existen los atributos colspan y rowspan, que se utilizan para combinar celdas.

 

 

 

Copiar el siguiente código en notepad ++ y guardarlo como P25 apellido nombre

2A/2C Práctica#24 — Computación

Crear una presentación en Power Point.

Tema: Hijas del Espíritu Santo

¿Quiénes son?

¿Dónde están sirviendo en México y el mundo?

¿Qué hacen?

Casas de ejercicios.

Etc.

Guardarlo con el siguiente nombre: P24  Apellido  Nombre   

La presentación debe contener lo siguiente:

  • Texto.(con animación)
  • Imágenes.(con animación)
  • Transición.
  • Datos del alumno

Guardar la página como p24 apellido nombre

2C Proyecto#2 — Computación

Crear una presentación digital en Power Point

Tema: Reyes Magos

  • ¿Cuando se festeja.?
  • ¿Porque se festeja.?
  • Personajes que se mencionan.
  • Comida típica
  • Países en los que se festejan.
  • ¿Cual es la tradición?

El video debe contener lo siguiente:

  • Música
  • Texto.
  • Imágenes.
  • Transición.
  • Animación.
  • Datos del alumno

Guardar el archivo como proy2 apellido nombre

2B Práctica#24 — Computación

Crear una presentación en Power Point.

Tema: Hijas del Espíritu Santo

¿Quiénes son?

¿Dónde están sirviendo en México y el mundo?

¿Qué hacen?

Casas de ejercicios.

Etc.

Guardarlo con el siguiente nombre: P24  Apellido  Nombre   

La presentación debe contener lo siguiente:

  • Texto.(con animación)
  • Imágenes.(con animación)
  • Transición.
  • Datos del alumno

Guardar la página como p24 apellido nombre

2B/2A Proyecto#2 — Computación

Crear una presentación digital en Power Point

Tema: Reyes Magos

  • ¿Cuando se festeja.?
  • ¿Porque se festeja.?
  • Personajes que se mencionan.
  • Comida típica
  • Países en los que se festejan.
  • ¿Cual es la tradición?

El video debe contener lo siguiente:

  • Música
  • Texto.
  • Imágenes.
  • Transición.
  • Animación.
  • Datos del alumno

Guardar el archivo como proy2 apellido nombre

2A Proyecto#1 – Computación

Crear una presentación en Power Point

Tema: Navidad

Debes explicar

  • ¿Qué es?
  • ¿Por qué se festeja?
  • ¿Qué día se festeja?
  • ¿Tú como lo festejas?
  • ¿Cuándo comenzó a festejarse?
  • Comidas típicas.
  • Etc.

La presentación debe contener lo siguiente:

  • Texto.
  • Imágenes.
  • Transición.
  • Animación.
  • Datos del alumno

Guardar su trabajo de la siguiente manera:   Proy 1 Apellido Nombre

EL TRABAJO ES  INDIVIDUAL

2B/2C Proyecto#1 – Computación

Crear una presentación en Power Point

Tema: Navidad

Debes explicar

  • ¿Qué es?
  • ¿Por qué se festeja?
  • ¿Qué día se festeja?
  • ¿Tú como lo festejas?
  • ¿Cuándo comenzó a festejarse?
  • Comidas típicas.
  • Etc.

La presentación debe contener lo siguiente:

  • Texto.
  • Imágenes.
  • Transición.
  • Animación.
  • Datos del alumno

Guardar su trabajo de la siguiente manera:   Proy 1 Apellido Nombre

EL TRABAJO ES  INDIVIDUAL

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

Imagen <img>

Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual.

Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre.

El nombre de la imagen ha de especificarse a través del atributo src.

Por ejemplo, para insertar la siguiente imagen:

Habría que escribir:

<img src=“imagenes/logo_animales.gif”>

 

Teniendo encuenta que la imagen se llama logo_animales.gif y que está dentro de la carpeta imágenes, que se encuentra en el mismo directorio que el documento actual (referencia relativa al documento).

Para trabajar de una forma más sencilla y ordenada, es recomendable que todos los documentos html se encuentren en un mismo directorio, y que dentro de este directorio existan diferentes carpetas para agrupar otros objetos, como puede ser una carpeta destinada a almacenar imágenes, o una carpeta destinada a almacenar archivos de audio, etc.

Copiar el siguiente código en notepad++, guardarlo como p20 apellido nombre  y tipo HTML, y enviarlo por schoology

2C Práctica#20 — Computación

Imagen <img>

Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual.

Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre.

El nombre de la imagen ha de especificarse a través del atributo src.

Por ejemplo, para insertar la siguiente imagen:

Habría que escribir:

<img src=“imagenes/logo_animales.gif”>

 

Teniendo encuenta que la imagen se llama logo_animales.gif y que está dentro de la carpeta imágenes, que se encuentra en el mismo directorio que el documento actual (referencia relativa al documento).

Para trabajar de una forma más sencilla y ordenada, es recomendable que todos los documentos html se encuentren en un mismo directorio, y que dentro de este directorio existan diferentes carpetas para agrupar otros objetos, como puede ser una carpeta destinada a almacenar imágenes, o una carpeta destinada a almacenar archivos de audio, etc.

Copiar el siguiente código en notepad++, guardarlo como p20 apellido nombre  y tipo HTML, y enviarlo por schoology

2A Práctica#19 — Computación

Crear una página web(html) en Notepad++.

La página debe contener:

  • mínimo 10 párrafos(etiqueta <P>.
  • texto con tamaño 5, color verde con la etiqueta<font>
  • fondo naranja claro con la etiqueta <bgcolor dentro de la etiqueta body>
  • tres o más títulos con la etiqueta <H1 o marquee>

Tema: Thanksgiving (Día de Acción de Gracias)

Debes explicar

  • ¿Qué es?
  • ¿Dónde inició?
  • ¿Quiénes lo festejan?
  • ¿De qué manera lo festejan?
  • ¿Cuáles son las recetas de comida que se comen ese día?
  • Etc.

 

2C Práctica#19 — Computación

Crear una página web(html) en Notepad++.

La página debe contener:

  • mínimo 10 párrafos(etiqueta <P>.
  • texto con tamaño 5, color rojo con la etiqueta<font>
  • fondo beige con la etiqueta <bgcolor dentro de la etiqueta body>
  • tres o más títulos con la etiqueta <H1 o marquee>

Tema: Thanksgiving (Día de Acción de Gracias)

Debes explicar

  • ¿Qué es?
  • ¿Dónde inició?
  • ¿Quiénes lo festejan?
  • ¿De qué manera lo festejan?
  • ¿Cuáles son las recetas de comida que se comen ese día?
  • Etc.

 

2B Práctica#18 — Computación

Crear una página web(html) en Notepad++.

La página debe contener:

  • mínimo 10 párrafos(etiqueta <P>.
  • texto con tamaño 5, color rojocon la etiqueta<font>
  • fondo lila con la etiqueta <bgcolor dentro de la etiqueta body>
  • tres o más títulos con la etiqueta <H1 o marquee>

Tema: Samsung Galaxy Smartphone’s

  •   Historia
  •  Modelos
  • Software
  • Aplicaciones
  • Precios
  • Capacidad de almacenamiento

 

Guardarlo y enviarla por schoology con el siguiente nombre: P18  Apellido  Nombre                                        

2C Práctica#18 — Computación

Crear una página web(html) en Notepad++.

La página debe contener:

  • mínimo 10 párrafos(etiqueta <P>.
  • texto con tamaño 5, color rojocon la etiqueta<font>
  • fondo lila con la etiqueta <bgcolor dentro de la etiqueta body>
  • tres o más títulos con la etiqueta <H1 o marquee>

Tema: iPod´s

  •   Historia
  •  Modelos
  • Software
  • Aplicaciones

 

Guardarlo y enviarla por schoology con el siguiente nombre: P18  Apellido  Nombre                                        

2A Práctica#18 — Computación

Crear una página web(html) en Notepad++.

La página debe contener:

  • mínimo 10 párrafos(etiqueta <P>.
  • texto con tamaño 6, color azul con la etiqueta<font>
  • fondo verde claro con la etiqueta <bgcolor dentro de la etiqueta body>
  • tres o más títulos con la etiqueta <H1 o marquee>

Tema: iPhone´s

  •   Historia
  •  Modelos
  • Software
  • Aplicaciones

 

Guardarlo y enviarla por schoology con el siguiente nombre: P18  Apellido  Nombre                                        

2C práctica#17 — Computación

Crear una página web(html).

La página debe contener:

  • mínimo 4 párrafos(etiqueta <P>.
  • texto con tamaño 8, rojo, con la etiqueta<font>
  • fondo amarillo con la etiqueta <bgcolor dentro de la etiqueta body>
  • tres o más títulos con la etiqueta <H1 o marquee>

Sobre el valor del mes: “El Respeto”

  • ¿Qué es?
  • ¿Porque debemos practicarlo?
  • ¿De qué manera lo podemos practicar?
  • ¿En dónde lo debemos de practicar?
  • Etc.

Guardar el archivo como P17 apellido nombre y con el tipo HTML

2B práctica#17 — 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, violeta, con la etiqueta<font>
  • fondo verde claro con la etiqueta <bgcolor dentro de la etiqueta body>
  • tres o más títulos con la etiqueta <H1 o marquee>

Sobre el valor del mes: “El Respeto”

  • ¿Qué es?
  • ¿Porque debemos practicarlo?
  • ¿De qué manera lo podemos practicar?
  • ¿En dónde lo debemos de practicar?
  • Etc.

Guardar el archivo como P17 apellido nombre y con el tipo HTML

2A práctica#17 — Computación

Crear una página web(html).

La página debe contener:

  • mínimo 4 párrafos(etiqueta <P>.
  • texto con tamaño 6, naranja, con la etiqueta<font>
  • fondo azul claro con la etiqueta <bgcolor dentro de la etiqueta body>
  • tres o más títulos con la etiqueta <H1 o marquee>

Sobre el valor del mes: “El Respeto”

  • ¿Qué es?
  • ¿Porque debemos practicarlo?
  • ¿De qué manera lo podemos practicar?
  • ¿En dónde lo debemos de practicar?
  • Etc.

Guardar el archivo como P17 apellido nombre y con el tipo HTML

2B práctica#16 — 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.

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

2A/2C práctica#16 — 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.

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

2C Práctica#15 – Computación

Crear una página web(html) en Notepad++.

La página debe contener:

  • mínimo 4 párrafos de 5 renglones cada uno(con la etiqueta <P>.
  • texto con tamaño 10, color azul, con la etiqueta<font>
  • fondo gris  <con el atributo bgcolor dentro de la etiqueta body>
  • imagen en el fondo(sobre Revolución Mexicana) con la etiqueta <background dentro de body>
  • tres o más títulos con la etiqueta <con la etiqueta H1 o marquee>

Nota: Revisar la práctica 10, ahí tienen el código de como se realiza la práctica(párrafos, fondo. títulos)

Sobre el tema: Revolución Mexicana

  • ¿Cómo comenzó?
  • ¿Quiénes formaron parte?
  • ¿Por qué se generó este movimiento
  • Etc.

Guardar el archivo como P15 apellido nombre y con el tipo HTML

2B Práctica#15 – Computación

Crear una página web(html) en Notepad++.

La página debe contener:

  • mínimo 4 párrafos de 5 renglones cada uno(con la etiqueta <P>.
  • texto con tamaño 8, color rojo, con la etiqueta<font>
  • fondo verde con la etiqueta <con el atributo bgcolor dentro de la etiqueta body>
  • imagen en el fondo(sobre Revolución Mexicana) con la etiqueta <background dentro de body>
  • tres o más títulos con la etiqueta <con la etiqueta H1 o marquee>

Nota: Revisar la práctica 10, ahí tienen el código de como se realiza la práctica(párrafos, fondo. títulos)

Sobre el tema: Revolución Mexicana

  • ¿Cómo comenzó?
  • ¿Quiénes formaron parte?
  • ¿Por qué se generó este movimiento
  • Etc.

Guardar el archivo como P15 apellido nombre y con el tipo HTML

2A Práctica#15 – Computación

Crear una página web(html).

La página debe contener:

  • mínimo 3 párrafos(etiqueta <P>.
  • texto con tamaño 6, color blanco, con la etiqueta<font>
  • fondo rojo con la etiqueta <bgcolor dentro de la etiqueta body>
  • tres o más títulos con la etiqueta <H1 o marquee>

Sobre el tema: Revolución Mexicana

  • ¿Cómo comenzó?
  • ¿Quiénes formaron parte?
  • ¿Por qué se generó este movimiento
  • Etc.

Guardar el archivo como P15 apellido nombre y con el tipo HTML

2C Día de Muertos

Crear una página web(html).

La página debe contener:  (revisar la práctica 10, ahí se muestra un ejemplo de como realizar lo que se te pide)

  • Mínimo 3 párrafos(etiqueta <P>)
  • Texto con tamaño 8, color rojo, verde y blanco, con la etiqueta<font>
  • Imagen en el fondo(sobre Día de Muertos) con la etiqueta <background dentro de body>
  • Uno o más títulos con la etiqueta <H1 o marquee>

Sobre el tema: Día de Muertos

  • ¿Cuando se festeja?
  • ¿Desde cuando se festeja?
  • ¿Porque se festeja?
  • ¿En cuales países se festeja?
  • ¿De que manera se festeja?
  • ¿Tú y la familia lo festejan?
  • Etc.

Guardar el archivo como P01 noviembre apellido nombre y con el tipo HTML y enviarla por schoology.

2A Práctica#14 → 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 left (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 p14 apellido nombre con el tipo HTML y enviarlo por Schoology.

 

 

 

2C Práctica#14 → 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 left (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 p14 apellido nombre con el tipo HTML y enviarlo por Schoology.

 

 

 

2B Práctica#14 → 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 left (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 p14 apellido nombre con el tipo HTML y enviarlo por Schoology.

.

 

 

 

2C Letrero Kermesse — Computación

Crear un letrero en Publisher o Word.

Tema: Kermesse

Lo que debe contener el letrero:

  • Tamaño de la hoja: Tabloide
  • Tema: Star Wars(anexar imágenes del tema)
  • Colegio La Paz A.C.
  • Escudo del colegio
  • Fecha: 28 de octubre del 2018
  • Horario: 11 a.m. a 7:00 p.m.
  • Que habrá:
    • Antojitos(tacos, pizza, sushi, paella, ….. más)
    • Snacks(elotitos, crepaletas, tostilocos, …. y más)
    • Juegos(brincolines, golfito, tiro al blanco, … y más)
  • Etc.

Guardar su trabajo con el siguiente nombre: Letrero  apellido nombre y enviarlo por schoology.

 

 

2A Práctica#10 → Computación

Copiar la siguiente información en la libreta

Crear una página HTML con 5 párrafos(de 5 renglones cada uno), 5 títulos, el texto de color(que no sea negro cualquier otro color, EL TAMAÑO 6, 7 u 8 tú eliges), sobre el tema: SOLIDARIDAD

Guardar su archivo como p10 apellido nombre y enviarlo por schoology.

Anexo un ejemplo de lo que tienen que realizar.

2B/2C Práctica#7 → Computación

Copiar la siguiente información en la libreta.

Texto con ESTILO (formato).

Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto.

A continuación se muestran algunas etiquetas asociadas al tipo de letra:

 

Etiqueta

Significado

<b>

Negrita

<i>

Cursiva

<u>

Subrayado

<s>

Tachado

<big>

Aumenta  el tamaño de la fuente

<small>

Disminuye  el tamaño de la fuente

<strong>

Destacado(resalta el texto)

<sub>

Subíndice

<sup>

Superíndice

Copiar el siguiente código en Notepad++ y guardar el archivo con el nombre P7 apellido Nombre con el tipo HTML.

2A Práctica#7 → Computación

Copiar la siguiente información en la libreta.

Texto con ESTILO (formato).

Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto.

A continuación se muestran algunas etiquetas asociadas al tipo de letra:

 

Etiqueta

Significado

<b>

Negrita

<i>

Cursiva

<u>

Subrayado

<s>

Tachado

<big>

Aumenta  el tamaño de la fuente

<small>

Disminuye  el tamaño de la fuente

<strong>

Destacado(resalta el texto)

<sub>

Subíndice

<sup>

Superíndice

Copiar el siguiente código en Notepad++ y guardar el archivo con el nombre P7 apellido Nombre con el tipo HTML.

2B/2C Práctica#5 — Computación

Copiar el siguiente apunte en la libreta.

Etiqueta <HR> nos sirve para crear una linea separadora de texto los atributos son los siguientes.

color  —  color hexadecimal    — asigna un color a la linea

Copiar el siguiente código en Notepad++ y guardarlo con el siguiente nombre P5 Apellido Nombre.html, recuerden que deben enviar su trabajo por schoology(enviar tarea).  

 

 

2A Práctica#5 — Computación

Copiar el siguiente apunte en la libreta.

Etiqueta <HR> nos sirve para crear una linea separadora de texto los atributos son los siguientes.

color  —  color hexadecimal    — asigna un color a la linea

Copiar el siguiente código en Notepad++ y guardarlo con el siguiente nombre P5 Apellido Nombre.html, recuerden que deben enviar su trabajo por schoology(enviar tarea).  

 

 

2B Práctica#4 — Computación

Copiar el siguiente apunte en la libreta.

Párrafos <p> …

El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>.

No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente.

También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el valor del atributo align, cuyos valores pueden ser left (izquierda),right(derecha), center(centrado) o justify(justificado).

Otro par de etiquetas que permiten agrupar bloques de texto, pero que no implican el cambio de línea (como en el caso de <p> y <div>), son las etiquetas <span> y</span> volveremos a hablar de estas etiquetas cuando veamos las hojas de estilo.

 

 Copiar el siguiente código en Notepad++ y guardarlo con el nombre P4 apellido nombre.html y enviarlo por schoology.

 

2A/2C Práctica#4 — Computación

Copiar el siguiente apunte en la libreta.

Párrafos <p> …

El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>.

No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente.

También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el valor del atributo align, cuyos valores pueden ser left (izquierda),right(derecha), center(centrado) o justify(justificado).

Otro par de etiquetas que permiten agrupar bloques de texto, pero que no implican el cambio de línea (como en el caso de <p> y <div>), son las etiquetas <span> y</span> volveremos a hablar de estas etiquetas cuando veamos las hojas de estilo.

 

 Copiar el siguiente código en Notepad++ y guardarlo con el nombre P4 apellido nombre.html y enviarlo por schoology.

 

2C Práctica#3 – Computación

Copiar la siguiente información en la libreta.

Saltos de línea <br>

En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla ENTER.

Si pulsamos ENTER en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla ENTER hay que insertar la etiqueta <br>donde se desee que se produzca el salto.

La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br>después de ella, ya que dicha etiqueta no existe.

Texto preformateado <pre>

Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.

Utilizando estas etiquetas podemos tener la seguridad de que en el navegador se mostrarán todos los espacios en blanco que se inserten en el texto, así como todos los saltos de línea resultantes de pulsar la tecla ENTER, sin la necesidad de utilizar la etiqueta <br>.

El inconveniente de esta etiqueta es que entre las etiquetas <pre> y </pre> no se pueden incluir las etiquetas <img> (para incluir imágenes), <object> (para incluir objetos como animaciones), <big><small><sub> ni <sup> (las veremos en este tema).

Copiar la siguiente código en Notepad++ y guardar el archivo como p3 apellido nombre y tipo HTML. Enviarlo por schoology.

 

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

Copiar la siguiente información en la libreta.

Saltos de línea <br>

En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla ENTER.

Si pulsamos ENTER en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla ENTER hay que insertar la etiqueta <br>donde se desee que se produzca el salto.

La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br>después de ella, ya que dicha etiqueta no existe.

Texto preformateado <pre>

Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.

Utilizando estas etiquetas podemos tener la seguridad de que en el navegador se mostrarán todos los espacios en blanco que se inserten en el texto, así como todos los saltos de línea resultantes de pulsar la tecla ENTER, sin la necesidad de utilizar la etiqueta <br>.

El inconveniente de esta etiqueta es que entre las etiquetas <pre> y </pre> no se pueden incluir las etiquetas <img> (para incluir imágenes), <object> (para incluir objetos como animaciones), <big><small><sub> ni <sup> (las veremos en este tema).

Copiar la siguiente código en Notepad++ y guardar el archivo como p3 apellido nombre y tipo HTML. Enviarlo por schoology.

 

2B/2C ¿Como buscar imágenes en Google?

Anotar el siguiente apunte en la libreta.

Para buscar imágenes de una manera más exacta y precisa , debemos utilizar las herramientas que nos ofrece GOOGLE.

Pasos para realizar una búsqueda:

  • Acceder a  www.google.com
  • Dar clic en Imágenes
  • Después en Herramientas
    • Tamaño
    • Color
    • Tipo

Ejemplos:

Buscar una imagen de montañas, con color rosa.

 

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

Copiar en en la libreta la siguiente información

Cuerpo del documento <body>

El cuerpo del documento contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc.

Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.

A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página.

El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.

Por ejemplo:

<body bgcolor=”#0000FF”>   ó    <body bgcolor=”blue”>

La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen.

Por ejemplo:

<body background=”fondo.gif”>

En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir:        

<body background=”imagenes/fondo.gif”>

 

Anexo el siguiente código que debes copiar en notepad++ y guardarlo con el nombre P2 apellido nombre , recuerda que le debes poner tipoHTML(Hyper Text Markup Language)

2C Práctica #2 – Computación

Copiar en en la libreta la siguiente información

Cuerpo del documento <body>

El cuerpo del documento contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc.

Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.

A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página.

El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.

Por ejemplo:

<body bgcolor=”#0000FF”>   ó    <body bgcolor=”blue”>

La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen.

Por ejemplo:

<body background=”fondo.gif”>

En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir:        

<body background=”imagenes/fondo.gif”>

 

Anexo el siguiente código que debes copiar en notepad++ y guardarlo con el nombre P2 apellido nombre , recuerda que le debes poner tipoHTML(Hyper Text Markup Language)