PRACTICA 27. HARDWARE DE RED ( REDES DE COMPUTADORA)

 

  Instrucciones: INGRESA A EDRAW Y ELABORA LA LAMINA DE HARDWARE DE RED QUE VENDRA EN TU EXAMEN BIIMETRAL

PRACTICA 26. SEÑALES DIGITALES Y SU FORMA DE ONDA

 

PRACTICA 26. PORTADA DE 4 BIMESTRE

 TEMAS: REDES DE REDES

SERVICIOS DE INTERNET

PRACTICA 11. SEÑALES Y TIPOS DE SEÑALES EN INFORMATICA

 Instrucciones :

 INGRESA A LA PAGINA DE LA UNAM DEL TEMA DE SEÑALES Y PRESTA ATENCION A TU PROFESOR PARA LA EXPLICACION DE LA PRACTICA 9

Señales (unam.mx)

  

  

PRACTICA 08. TEXTO EN MOVIMIENTO EN HTML

<MARQUEE> Texto que se desplaza </MARQUEE>

WIDHT, HEIGHT
Ajustan la anchura y altura, respectivamente, de la marquesina. Pueden ser igual a un número de pixels, o a un porcentaje de la pantalla. Ejemplo:

<MARQUEE WIDTH=50% HEIGHT=60> Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels </MARQUEE>

PONER TEXTO EN MOVIMIENTO QUE CHOQUE CON LA PANTALLA DE UN LADO A OTRO

BEHAVIOR
Este atributo (que quiere decir en inglés comportamiento) sirve para definir de qué manera se va a efectuar el desplazmiento del texto. Si es igual a SCROLL (el valor por defecto), el texto aparece por un lado, se desplaza hasta el otro hasta desaparecer por él, y vuelve a empezar (como los casos que hemos visto anteriormente). Si es igual a SLIDE, aparece por un lado y se desplaza hasta llegar al otro extremo, y se para ahí. Si es igual a ALTERNATE se desplaza alternativamente hacia un lado y otro, siempre dentro de los límites de la marquesina. Ejemplo:

<MARQUEE BEHAVIOR=ALTERNATE>Este texto se mueve a un lado y otro, sin desaparecer</MARQUEE>

PRACTICA 7. Estilos de fuentes PROYECTO

 

PRACTICA 6. TIPOS DE FUENTES

 

Instrucciones: abres tu ultimo codigo de portada html la ultima versión y pones un tipo de letra en cada titulo de tu portada

te muestro el código que necesitas para aplicar el tipo de letra

PRACTICA 5. CODIGOS DE COLORES EN PORTADA HTML

 Instrucciones : codificar la portada html y poner un color de texto en cada titulo y un color de fondo como te muestra la lamina guardalo como practica 6

ACCESO A CODIGO DE COLORES

PRACTICA 4. PAGINAS HTML COLORES FIJOS DE FONDO

 Instrucciones : crear las siguientes página con el color sólido que se muestra la codificación html 

a) la pagina de color amarillo que se te pone de ejemplo  guardarla como práctica 5amarillo.html

b)crear otra página con color rojo guardarla como práctica5rojo

c) crear otra página con color verde guardarla como práctica5verde

Debe tener los nombres de página ( práctica 5amarillo.html, práctica5rojo y práctica5verde

PRACTICA 2. PORTADA EN HTML

 

PRACTICA 1. PAGINAS WEB Y TIPOS DE PAGINAS WEB

     UNIDAD I. INTRODUCCIÓN AL HTML

    SUBTEMA: QUE ES HTML Y CODIFICACION HTML

practica 2. 1.entrar a word drive y anotar la estructura de una pagina Web HTMl

             

                 

2. abrir el archivo adjunto y pasarlo en el blog de notas de windows 

a) guardarlo como practica2.html

b) abrirlo en navegador y se vera la salida de la pagina web

MANDAR FOTOGRAFIA DE COMO QUEDO

La Informatica en La Administracion

 Da click para accesar al video

PRACTICA 13. HACER UNA SEÑAL ANALOGICA EN EXCEL

 

Instrucciones: Hacer una señal analogica en excel con los siguientes Datos.

Datos Incremento de 10 
límite de 360

EL PRODESOR TE EXPLICARA  EL PROCEDIMEINTO DE ELABORACION EN EXCEL

PRACTICA 11. CARACTERISTICAS DE UNA SEÑAL DIGITAL

 Instrucciones:

      crear una tabla con formato y color y poner las características de la señal digital

      la tabla debe ser de 2 X 5

      

GUARDA TU PRACTICA COMO PRACTICA 11. CARACTERISTICAS DE SEÑAL DIGITAL

EN TU CARPETA DE TRABAJO

PRACTICA 10. SEÑAL DIGITAL

 INSTRUCCIONES:

 SUBE TU DIAGRAMA DE PROCESOS DE SEÑAL DIGITAL COMO SE EXPLICO

 EN SALON DE CLASES

   

ACCESO A LA PAGINA UNAM ( SEÑAL DIGITAL)   

PRACTICA 3. PORTADA HTML CON FONDO

 

PRACTICA 22. TEXTO EN MOVIMIENTO EN HTML 5

 Instrucciones:

  implementar los siguientes textos en movimiento y prestar atención a la explicación de tu profesor

  

guardarlo como practica22.html

y crear 5 frases de éxito e implementar el texto en movimiento que rebote en la pantalla

Guardarlo como practica22movimiento_rebote.html

PRACTICA 21. PROGRAMACION DE BOTONES CON IMAGEN

 

PRACTICA 20. PROGRAMAR BOTONES DE RESTABLECIMIENTO

Instrucciones : Programar 3 botones de Restablecimiento como se muestra en la lamina mostrada te dejo el código listo para implementar

PRACTICA 19. PROGRAMAR BOTON DE ENVIO

 

PROGRAMA EN HTML EL PRIMER BOTON DE ENVIO

 3 BOTONES  QUE NOS LLEVEN A PAGINAS WEB DIFERENTES

PRACTICA 18(4B). PROGRAMACION DE FORMULARIO SOBRE EVENTO DE COMIDA

 

Instrucciones: Programar el formulario de encuestas del evento de comida en html

 A) insertar imagen relacionada al evento de comida

 B) programar los formularios con place Holder

 C) programar los formularios con opción Buton

Te adjunto las practicas relacionadas para hacer tu proyecto

     practica 13. dimensionado de imagen

 

practica 17. Programación de tablas con dimensionado de imágenes

Practica 16. programación de Campos Place holder

    

PRACTICA 17. Diseñar 2 Formularios de Registro y Traducir

 Conceptos Necesarios

ETIQUETAS PARA PROGRAMAR CAMPOS  Y FORMULARIO

ETIQUETAS PARA PROGRAMAR TEXTO CON TITULOS Y SUBTITULOS

PRACTICA A DESARROLLAR : TRADUCIR EL TEXTO Y  SE MUESTRA COMO SE VERA EN NAVEGADOR AL CODIFICAR FORMULARIO 1

                                                             FORMULARIO 2

 

PRACTICA 16( 18). MI PRIMERO FORMULARIO HTML 5

 Instrucciones: 1.Descargar editor profesional Notepad ++ para programadores

 

   2. Codificar el codigo prototipo en notepad ++ para obtener el formaulario

     

3. AL GUARDARLO Y ABRIRLO EN NAVEGADOR QUEDARA ASI

PRACTICA PROGRAMAR LOS CAMPOS SIGUIENTES:

1.Escriba nombre del Alumno Anglo

2.Escriba sus Apellidos

3. Escriba su Edad

4. Escriba su Genero ( M/F)

5. Escriba su grado de Ingles 

PRACTICA 15. PROGRAMACION EN TABLAS CON DIMENSIONADO DE IMAGENES

 

  PROGRAMACION DE TABLA DE 6 x 3

  DIMENSIONADO DE IMAGENES ( TAMAÑO MEDIANO)

PRACTICA 17. Programación en tablas con DIMENSIONADO de imágenes nivel 2

 Instrucciones : programar en html la siguiente tabla con su estructura correspondiente 

1.  Aplicar Opción Buton
2.  Hipervinculos
3.  Imagen de Evaluación de Valoración

PRACTICA 16. PROGRAMACION HTML PROYECTO 1 ( PROGRAMACION OPCION BUTTOM )

 

   Codificarlo en Editor HTML 5 en linea

  

PRACTICA 13. DIMENSIONADO DE IMAGENES HTML

 Instrucciones :

Programar los siguientes artículos de papelería con sus imágenes y características mencionadas en la lámina 

    

 

PRACTICA 12. PORTADA 3 BIMESTRE Y VINCULAR ENTRE PAGINAS HTML ( 2 PARTE DEL PROYECTO PAPELERIA)

 

       Instrucciones: 

      Desarrollar una portada digital del 3BIMESTRE EN WORD , WORD DRIVE O EN CUADERNO

1. TEMAS IMAGENES:  TABLAS EN HTML, DIMENCIONADO DE IMAGENES, FORMULARIOS 

2. NOMBRE Y GRUPO

Instrucciones: Explicara tu profesor en video conferencia  para vincular entre paginas html

                        y terminar el proyecto PAPELERIA HTML

       

GUIA DE ESTUDIO PARA EL SEGUNDO EXAMEN BIMESTRAL

 DESARROLLAR EN WORD Y HACER LA PARTE PRACTICA

PRACTICA 25.MENUS DESPLEGABLES CSS

 Instrucciones :

 Codificar el siguiente menu depslegble en cSS  quedara de la siguiente forma la PROGRAMACION

CODIGO PREPARADO POR TU PROFESOR

<<DESCARGA EL CODIGO>>

PRACTICA 24. PROGRAMACION DE MENU CSS DESPLEGABLE

 CONCEPTOS TEORICOS

CSS es un lenguaje utilizado en la presentación de documentos HTML. Un documento HTML viene siendo coloquialmente “una página web”. Entonces podemos decir que el lenguaje CSS sirve para organizar la presentación y aspecto de una página web.

PRACTICA

Instrucciones: Programar el Siguiente menu css desplegable , se deja estructrura de codigo y tu profesor te explicara linea por linea, programarlo en tu editor html 5

RESULTADO DE LA PROGRAMACION

CODIGO PREPARADO POR EL PROFESOR ( ING ROJAS )