RSS

Grado 10°T

 

_________________________________________________________________________________

formato

TERCER PERIODO

clase 1.

* Teoría para el cuaderno

Imágenes   <IMG>

El uso de imágenes es uno de los factores que ha popularizado tanto World Wide Web. Incluir imágenes en una presentación web es muy sencillo, solo debe de tener en cuenta que las imágenes tienen que tener los formatos GIF, JPEG o PNG. Las imágenes en línea, se especifican a partir de la tag <img> que no tiene una tag correspondiente de cierre pero que puede acompañarse de los siguientes atributos:

    • src= Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar.
    • Align= Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidos left, right, top, middle y bottom.
    • Alt= Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima.
    • WIDTH= Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar.

 

    • HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen.

 

  • BORDER= Con BORDER especificamos el ancho de un borde que rodea la imagen.

<IMG SRC=”/graficos/bebe1.jpg” WIDTH=140 HEIGHT=210 BORDER=0 ALT=”Un bebé”>

* Explicación del tema

*Actividad practica calificable en clase.

_________________________________________________________________________________

Clase 2.

Práctica guiada

Tema: Imágenes – Galería de Imágenes

Desarrollo de actividad práctica paso a paso.

  1. Crear carpeta en el escritorio con el nombre práctica 1 
  2. Abrir la herramienta Notepad++
  3. Digitar el código básico de HTML
  4. Guardar el archivo con el nombre imagenes.html en la carpeta práctica 1
  5. Ejecutar el archivo html de la opción lounch in crhome
  6. Guardar imágenes formato jpeg, gif y png en la carpeta práctica 1
  7. Agregar la instrucción <img src=“nombredelaimagen.jpg”>
  8. Guardar cambios y ejecutar
  9. Modificar la instrucción img para el tamaño de las imagenes. WIDTH=”200″ HEIGHT=”200″
  10. Guardar cambios y ejecutar
  11. Realizar la galería de imágenes con los formatos jpeg, gif y png, adicionar la instrucción <br>
  12. Cambiar color de fondo bgcolor y centrar contenido.

_____________________________________________________________________

Clase 3.

Práctica 2.  Imágenes.

Teniendo en cuenta la teoría para el manejo de imágenes realice:

  1. Coloque como título principal, centrado, LICANTROPÍA
  2.  Abajo del título, agregue el nombre y los apellidos de los estudiantes que están realizando la actividad
  3. Agregue tres imágenes en formato jpeg, centradas en la misma línea, del mismo tamaño, concernientes al tema.
  4. Adicione el significado de la palabra licantropía y cambie el formato, texto a color, tipo de letra y justificado.
  5. Agregue dos imágenes en formato gif, centradas en la misma línea, del mismo tamaño, concernientes al tema.
  6. Agregue tres imágenes en formato png, centradas en la misma línea, del mismo tamaño, concernientes al tema.

Enviar carpeta comprimida a: candrez85@hotmail.com, Asunto: Taller imagenes 11.* 

_____________________________________________________________________

Clase 4.

ENLACES

Probablemente la característica que más ha influido, junto con las imágenes, en el espectacular desarrollo de la Web hayan sido los enlaces (links). Un enlace aparece generalmente como un texto azul subrayado y cuando situamos el cursor sobre él se transforma en una mano con el dedo índice extendido. Si pulsamos sobre el enlace saltamos a otra parte del documento, a otro documento situado en cualquier lugar, o incluso se abre el programa de correo para enviar un mensaje a la dirección indicada.

En general los enlaces tienen la siguiente estructura

<A HREF=”URL”> Texto del enlace</A>

El texto del enlace es lo que se visualizará en el navegador. La URL es la dirección donde apunta el enlace y puede ser de estos tipos:

Enlace a otra página local

En este caso la URL se dará de forma relativa (igual que para poner un fondo a la página). Por ejemplo si tenemos dos páginas en el mismo directorio pagina1.htm y pagina2.htm y queremos poner un enlace desde la pagina1.htm a la pagina2.htm debemos escribir

<a href=”pagina2.htm”>Ir a pagina2</a>

Las palabras forma relativa, al principio de esta sección, constituyen un enlace de este último tipo

Enlace a una dirección de Internet

Ahora la URL debe darse de forma absoluta, tal como la ves en la ventana de dirección del navegador, es decir:

<A HREF=”http://centros4.pntic.mec.es/ies.de.cistierna”>IES Cistierna</A>

te llevaría a la página de entrada del IES Cistierna

  Enlaces usando imágenes

Con frecuencia se emplean imágenes como enlaces. A veces son enlaces a las mismas imágenes con más resolución, como en el caso de fotos. Otras veces nos llevan a una localización cualquiera.
Para que una imagen sea un enlace hay que colocarla en el lugar del texto del enlace, Ejemplo

<A HREF=” #inicio”><img src=”imagen.gif”></A>
obtengo una imagen que al pulsarla me lleva al inicio de esta

 

* Explicación del tema

*Actividad practica calificable en clase.

_____________________________________________________________________

Clase 5.

Práctica guiada

Tema: Enlaces

Desarrollo de actividad práctica paso a paso.

  1. Crear carpeta en el escritorio con el nombre práctica 3 
  2. Abrir la herramienta Notepad++
  3. Digitar el código básico de HTML
  4. Guardar el archivo con el nombre página1.html en la carpeta práctica 3
  5. Ejecutar el archivo html de la opción lounch in crhome
  6. Crear una página nueva de la opción archivo, nuevo
  7. Insertar el contenido de la página según el tema: Texto, Imagen y objeto de enlace
  8. Guardar archivo con el nombre página2.html en la carpeta práctica 3
  9. Agregar la instrucción <a href=página2.html>  Ir a página 2 <a> en la página principal
  10. Guardar cambios y ejecutar
  11. Agregar la instrucción <a href=página2.html>  <img src=”flecha.jpg”> <a> en la página secundaria.
  12. Guardar cambios y ejecutar
  13. Cambiar color de fondo bgcolor de las dos páginas y centrar contenido.____________________________________________________________________

Clase 6.

Práctica 4. Enlaces.

Teniendo en cuenta la teoría para el manejo de enlaces, realice una página sencilla que asemeje una cartelera de cine con las siguientes especificaciones.

  1. Coloque como título principal, centrado, CARTELERA DE CINE
  2.  Abajo del título, agregue el nombre y los apellidos de los estudiantes que están realizando la actividad
  3. Agregue tres imágenes en formato jpeg, centradas en la misma línea, del mismo tamaño, de tres películas te llamen la atención.
  4. Ubique el nombre de cada pelicula abajo de la imagen. Textos que deberan de ser utilizados como enlace a cada página de la sinopsis.
  5. Cree tres páginas adicionales, que contengan: El título de la pelicula, una imagen principal y la sinopsis, con el texto justificado. Adicionalmente:
  6. Agregue en cada página una imagen pequeña y centrela en la parte inferior de la página, la cual será posteriormente utilizada como enlace a la página principal.

Enviar carpeta comprimida a: candrez85@hotmail.com, Asunto: Taller enlaces 11.* 

______________________________________________________________________

Clase 7.

Sustentación 1. Digital: Imágenes y  Enlaces. APAREAMIENTO

Grupo1. Evaluación

Grupo2. Evalaución

_____________________________________________________________________

Clase 8.

Sustentación 2. Digital: Imágenes y  Enlaces. CREACIÓN DE PÁGINA 

1. Cree una carpeta en el escritorio con el nombre examen10._

2.Guarde la Imagen en la carpeta

3. Abra el Notepad++,  digite el código base de acuerdo a las instrucciones y guarde el archivo de acuerdo a la imagen.

  1. Centre toda la información
  2. Fondo de color y título de acuerdo a la imagen – con color de texto.
  3. Texto alusivo, 4 reglones
  4. Imagen de 200 x 200
  5. Hacer enlace con imagen sugerida. Solo con esa imagen.
  6. Cree la página 2. Con fondo del mismo color – Nombre de la imagen, tamaño de 400 x 400, usando la misma de la página anterior.
  7. Hacer enlace con imagen sugerida. Solo con esa imagen.Para devolverse a la página inicial.

Ejemplo de Estructura

Equipo 1.

Equipo 2.

IMÁGENES

 

FLECHAS

____________________________________________________________________

Clase 9.Tablas

Una tabla básica

Las tablas se usan con profusión en las páginas Web, muchas veces debido a que son el único instrumento con el que se cuenta, para asegurarse que las cosas estarán en su sitio. Para definir una tabla se usan las etiquetas:

<TABLE> y </TABLE> son las etiquetas donde está contenida la tabla
<TR> y </TR> son las etiquetas que indican el comienzo y fin de una fila (<th> y </th> si es una fila de cabecera)
<TD> y </TD> señalan una celda.

La tabla se va definiendo declarando una fila y a continuación las celdas que contiene esa fila, luego otra fila y sus celadas, etc. No es necesario que todas las filas contengan el mismo número de celdas.

La tabla (2×2) más sencilla que podemos hacer es la siguiente

Escribimos: Visualizamos
<TABLE >
<TR>
<TD>1 </TD> <TD> 2 </TD>
</TR> <TR>
<TD>3 </TD> <TD> 4</TD>
</TR>
</TABLE>
1 2
3 4

Atributos de la etiqueta TABLE

Todos los atributos son opcionales

BORDER=”4″. Indica el tamaño del borde en píxels, en este caso 4. Si no se indica nada carece de borde
WIDTH=”5″ o WIDTH=”50%”. Es el ancho de la tabla, puede especificarse en valor absoluto (5 píxels) o como un porcentaje (50% del ancho disponible)
ALIGN=” left”, “right”, “center”. Alinea la tabla a la izquierda , derecha o en el centro.

Otro ejemplo

Escribimos: Visualizamos
<TABLE BORDER=”3″ WIDTH=”150″>
<TR>
<TD>1 </TD> <TD> 2 </TD>
</TR> <TR>
<TD>3 </TD> <TD> 4</TD>
</TR>
</TABLE>
1 2
3 4

Atributos de las etiquetas de fila y celda

Las etiquetas que soportan las filas y las celdas son

WIDTH=”30″. Ancho de toda la fila o celda. También se puede dar en %
ALIGN=” left”, “right”, “center”. Alinea el contenido a la izquierda, derecha o centro
BGCOLOR=”#AACCEE”. Pone un fondo del color especificado a la celda o fila
COLSPAN=3. Especifica el número de columnas que abarca la fila
ROWSPAN=2. Especifica el número de filas que abarca la columna

Tercer ejemplo. Fijate en la etiqueta TH, que sustituye a TR, resalta su contenido con negrita, por eso se usa para los títulos

Escribimos: Visualizamos
<TABLE BORDER=”3″ WIDTH=”200″>
<TH COLSPAN=2 BGCOLOR=”#6D8FFF> Este es el título</TH>
<TR align=”center”>
<TD>Esta es la celda de la 1ª fila y de la 1ª columna</TD>
<TD> Esta es de la 1ª fila y de la 2ª columna</TD>
</TR>
<TR BGCOLOR=”#6D8FFF>
<TD>Esto está con un fondo azul</TD>
<TD align=”right” valign=”bottom”>Y esto también</TD>
</TR>
</TABLE>
Este es el título
Esta es la celda de la 1ª fila y de la 1ª columna Esta es de la 1ª fila y de la 2ª columna
Esto está con un fondo azul Y esto también

Imagen1

 

 

 

 

 

 

 

 

 

 

 

 

 

* Explicación del tema

______________________________________________________________________

Clase 9. Actividad Práctica básica – Tablas

 

______________________________________________________________________

 

EXAMEN DEL PERIODO: HTML

________________________________________________________________

CUARTO PERIODO

clase 1.

clase 2.

Teoría en cuaderno: Clase 9 del 1° Periodo

Una tabla básica

clase 3.

En una página web realice la tablas que cumpla con las siguientes características 

cuadros

clase 4.

Diagrama la figura en html, utilizando color, numeros o letras.

dibujo1

dibujo2

clase 5.

Ejercicio de Factura

Resultado de imagen para tablas en html

Clase 6.examen-colspan

clase 7.

clase 8.

clase 9.

________________________________________________________________

Taller # 1. Bases de Datos ( 28 de Enero de 2016)

– Documentos de apoyo

a. Definiciones Bases de Datos

b. Definiciones Bases de Datos

1. ¿Qué es una base de datos? De tres definiciones diferentes

2. En que sitios se utiliza una base de datos (señale 10) y cual es su función en dicho sitio?

3. Defina tabla, Registro y campo,  En el tema de las bases de datos.

4. Represente gráficamente una base de datos.

_________________________________________________________

Taller # 2. Bases de Datos – Microsoft Access ( 18 de febrero de 2016)

Link: Manual de Access 2010

_________________________________________________________

TALLER DE HTML – 3 mAYO DE 2016

 

ENVIAR POR PAREJA EN UN DOCUMENTO DE WORD CON PORTADA.

candrez85@hotmail.com

Del documento encontrado en la siguiente página resuelve el cuestionario.

https://www.um.es/atica/documentos/html.pdf

COPIE EL CUESTIONARIO EN EL CUADERNO

Actividad world wide web

1. Que es el HTML
2. Nombre y significado de las dos herramientas necesarias para comenzar nuestro trabajo de HTML
3. Que es la url
4. Cual es la definición para browser en el documento.
De el nombre de 4 de los más usados.
5. Como se le llama al hecho de moverse con el browser por las páginas www
6. Que es un documento de hipertexto.
7. Que es la www
8. Que es un servidor web. Investiga en otras fuentes.

 

—————————————————————————-

Taller # 2. Bases de Datos

Del archivo Definiciones BasesdeDatos2, utilizando los siguientes  elementos, realice:

Taller # 2. Bases de Datos ( 19 de febrero de 2014)

Página de apoyo

bases de datos

EN MICROSOFT WORD POR PAREJA PARA RESOLVER EL TALLER

1. Menciones 10 bases de datos con 2 tablas posible para cada una. 

2. Realice 3 Tablas con su nombre y 4 campos de la base de datos llamada Colegio

3. Que Tablas Crees que puedas realizar en una base de datos llamada supermercado. Menciona 2, con 3 campos y 3 Registros. haciendo un esquema gráfico.

Nota:

– No olvide  la portada

– Envie a: candrez85@hotmail.com

– Asunto: Taller #2 – BdeD- Nombre y Apellido

__________________________________________________________________________________________

EVALUACIÓN 1. BASES DE DATOS  – 15 FEB DE 2015

EQUIPO1

1. Haga un listado de 8 campos de la tabla LIBROS (BIBLIOTECA)

2. De la base de Datos TIENDA PELICULAS realice dos tablas, con 4 campo y 3 registros (inventados).

EQUIPO2

1. Haga un listado de 8 campos de la tabla PRODUCTOS (ALMACEN)

2. De la base de Datos RESTAURANTE  realice dos tablas, con 4 campo y 3 registros (inventados).

__________________________________________________________________________________________

Taller # 3. Tipos de datos Relaciones (25 de febrero de 2015)

Realice el taller y entregue un cuaderno por pareja.

1. De acuerdo al documento Definiciones BasesdeDatos2 responda las siguientes preguntas:

a. En sus palabras que se entiende por LLAVE PRIMARIA O IDENTIFICADORA.

b. De 5 ejemplos de Llave primaria

c. Que es un Sistema de Gestión de Base de Datos (SGBD)

d. Cueles son las ventajas de las bases de datos. Enuncie 5 y defínalas brevemente.

e. Que tipos de campos manejan las bases de datos, definalos con un ejemplo de cada uno.

f. Que tipos de datos podemos encontrar en el documento. Definelos brevemente.

Terminada la actividad marque el cuaderno con el nombre de los dos integrantes.  

________________________________________________________________________________________

Taller # 4.q de relaciones entre tablas en las bases de datos.  (11 de Marzo de  2014)

2. Que son las relaciones en las bases de datos y haga dos ejemplos. Con minimo 4 campos y un registro.

1.  Realice dos tablas que desee con 4 campos y 1 registro en donde relacione dos campos de una base de datos cualquiera.

2. De la base de datos ALMACEN  realice 4 campos sin registros para las tablas Clientes, Ventas y Articulo y 2 relaciones entre ellas.

________________________________________________________________________________________

REDES INFORMATICAS   AGOSTO  13 DEL 2014

Redes Informáticas 10°

EVALUACIÓN GRUPO 1

________________________________________________________________________________________

Diseño de bases de datos

Base de Datos Planillas para Examen

Generalidades del Access

Manual de Access 2010

Manual 2 de Access 2010

Ejercicios Access 2010 

ecuaciones trig

Hoja del Observador.

*

*

REDES INFORMATICAS

*

EVALUACION GRUPO 1

EVALUACION GRUPO 2

*

CODIGO HTML5

*

EVALUACION GRUPO 1

EVALUACION GRUPO 2

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: