Sei sulla pagina 1di 45

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

UNIDAD I HOJA ELECTRNICA DE CLCULO

COMPETENCIA PARTICULAR: Utiliza herramientas de la hoja electrnica de clculo para el procesamiento de la informacin en su mbito acadmico, social y laboral.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 1 I. NOMBRE: AMBIENTE DE LA HOJA ELECTRONICA DE CLCULO

II. RAP: Identifica los elementos del ambiente de la hoja electrnica de clculo de acuerdo a su uso y funcin. III. DESARROLLO DE LA PRACTICA: Resuelva lo siguiente: 1.- Que es una hoja de Clculo: _______________________________________________________________________ _________________________________________________ 2.- Cual es el nombre de la primera hoja de clculo: _______________________ 3.- De que partes consta una hoja de clculo: _________________________ _______________________ _________________________________ 4.- Cuantas filas y columnas contiene una hoja de clculo: ______________________________ ______________________________ 5.- Que es una celda: _____________________________________________________________________ 6.- Un libro de trabajo consta de ____________ hojas de clculo.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II 7.- Identifica los siguientes elementos, en el grafico:
Fila Columna Celda Barra de estado Barra de formulas Barra de desplazamiento horizontal Barra de desplazamiento vertical Botn de Office Barra de titulo Banda de opciones Barra de Etiquetas A B C D E F G H I J K

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 2 I. NOMBRE: HERRAMIENTAS PARA EDICION Y FORMATO FORMATO DE CELDAS

II. RAP: Emplea la herramientas de la hoja electrnica de clculo para procesar la informacin de diversas fuentes. III. DESARROLLO DE LA PRACTICA: Capture la siguiente hoja de calculo

Combinar celdas y centrar de la B2:H2, con tamao de fuente 14, negrita y cursiva Combinar celdas y centrar de la B3:H3, con tamao de fuente 14, negrita y cursiva En la Fila 4 aplicar color de relleno amarillo En las columnas D, E, G y H aplicar formato de numero-moneda Aplicar formato de numero-moneda a las celdas E10 y H10 En la Fila 10 aplicar color de relleno gris Aplicar los bordes como se muestran en la siguiente imagen.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II
PRACTICA NO. 3

I.

NOMBRE:

HERRAMIENTAS PARA EDICION Y FORMATO SERIE DE DATOS

II. RAP: Emplea la herramientas de la hoja electrnica de clculo para procesar la informacin de diversas fuentes. III. DESARROLLO DE LA PRACTICA: Realizar series de datos de nmeros, nombres y fechas como se muestra a continuacin.

Para realizar estas series recuerde solo capturar en las celdas los 2 primeros valores de cada celda, como se muestra en la siguiente figura y posteriormente seleccionar las 2 celdas y arrastrar el cursor en la esquina inferior derecha.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II
PRACTICA NO. 4

I.

NOMBRE:

HERRAMIENTAS PARA EDICIN Y FORMATO FORMATO DE HOJA

II. RAP: Emplea las herramientas de la hoja electrnica de clculo para procesar la informacin de diversas fuentes. III. DESARROLLO DE LA PRACTICA: Capture la siguiente hoja de clculo respetando el formato Inserte un encabezado que contenga las leyendas:
INSTITUTO POLITECNICO NACIONAL CECYT WILFRIDO MASSIEU PRACTRICA DE FORMATO DE HOJA ENCABEZADO

Inserte un pie de pgina que contenga la leyenda: Esto es un ejemplo de pie de pgina La pagina tiene que estar en orientacin horizontal Definir mrgenes personalizados (derecho e izquierdo 3.5, superior e inferior 3)

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

PRACTICA NO. 5

I.

NOMBRE:

FORMULAS Y FUNCIONES OPERACIONES BASICAS

II. RAP: Emplea la herramientas de la hoja electrnica de clculo para procesar la informacin de diversas fuentes. III. DESARROLLO DE LA PRACTICA: Teclee el siguiente cuadro en una hoja de Excel Realice cada una de las formulas correspondientes entre el VALOR A y VALOR B para llegar al valor de la columna resultado. Escriba cada una de las formulas realizadas en el siguiente cuadro: No olvide que para que reconozca una formula es necesario empezar con el signo de = igual

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

PRACTICA No. 6 I. NOMBRE: FORMULAS Y FUNCIONES USO DE FORMULAS I

II. RAP: Emplea la herramientas de la hoja electrnica de clculo para procesar la informacin de diversas fuentes. III. DESARROLLO DE LA PRACTICA:

TECLEE EL SIGUIENTE REPORTE DE VENTAS:

Una vez tecleada la informacin realizar los siguientes pasos: El texto contenido en la celda A1, centrarlo en el rango de celdas A1:H1 (combinar celdas y centrar), dar formato en negritas y tipo de letra Comic Sans Ms de 14. El texto contenido en la celda A2, centrarlo en el rango de celdas A2:H2 (combinar celdas y centrar), dar formato en negritas y tipo de letra Comic Sans Ms de 12, con color de fuente azul.
Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II Las celdas A4:H4 en color rojo, con negritas y centradas. Realizar por medio de formula la suma total de ventas de enero a junio para cada uno de los artculos. Realizar por medio de formula la suma total de ventas mensuales para cada mes. (Los totales deben de estar con negrita y sombreados de color gris ). Incluir bordes en las celdas de ventas.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 7 I. NOMBRE: FORMULAS Y FUNCIONES USO DE FORMULAS II

II. RAP: Emplea la herramientas de la hoja electrnica de clculo para procesar la informacin de diversas fuentes. III. DESARROLLO DE LA PRACTICA: Realiza una lista de alumnos y obtn su promedio por alumno y por materia utilizando formulas. Captura una lista como la siguiente:

PROMEDIO DE ALUMNOS DEL PLANTEL

Recuerda debes de respetar el formato y los colores, centrado, combinacin de celdas, no uses funciones solo formulas.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 8 I. NOMBRE: FORMULAS Y FUNCIONES USO DE FUNCIONES

II. RAP: Emplea la herramientas de la hoja electrnica de clculo para procesar la informacin de diversas fuentes. III. DESARROLLO DE LA PRACTICA: En un nuevo libro captura la siguiente informacin. Por medio de funciones calcula el mximo, mnimo, total, porcentaje de das y promedio, mensual y por estado.

No se te olvide aplicar formato a la hoja de clculo con las herramientas vistas en el curso, como son: fuente Arial Narrow con negrita de 14 en ttulos y sin negrita de 10 en los das. Aaplicar bordes y sombreados en los estados. Color de relleno amarillo en los mximos, mnimos, total, porcentaje y promedio. El porcentaje de das se obtiene de el nmero de das de precipitacin sobre los 365 das del ao.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 9 I. NOMBRE: GRFICAS

II. RAP: Emplea la herramientas de la hoja electrnica de clculo para procesar la informacin de diversas fuentes. III. DESARROLLO DE LA PRACTICA: Capture el siguiente cuadro de ventas de componentes de computadoras

Mediante el asistente para grficos, obtenga el grafico de las ventas. (Pestaa insertar, grafico de la banda de opciones)

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 10 I. NOMBRE: GRFICAS II

II. RAP: Emplea la herramientas de la hoja electrnica de clculo para procesar la informacin de diversas fuentes. III. DESARROLLO DE LA PRACTICA: Capture la siguiente hoja de clculo, respetando el formato:

El objetivo de esta prctica es graficar solo algunos rangos de datos, aqu se va a graficar solo las ventas de cosmticos de Sonia Cervantes y Erika Gonzlez. El grfico deber estar junto con los datos en la hoja de clculo. Seleccionar los datos a representar, es decir C4:F4, C6:F6 (las selecciones discontinuas se realizan pulsando la tecla CTRL al mismo tiempo que seleccionamos). Ir a la pestaa Insertar e insertar un grafico de columna en 3D En el nombre de las series debe de aparecer el nombre de las vendedoras Sonia Cervantes y Erika Gonzlez. En las etiquetas horizontales debe de aparecer los nombres de los trimestres Por ltimo insertar un cuadro de texto para que el grafico contenga el ttulo de VENTAS DE COSMETICOS TRIMESTRALES

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 11 I. II. NOMBRE: ADMINISTRACIN DE DATOS

RAP: Utiliza las herramientas de la hoja electrnica de clculo para la administracin de datos de diversos contextos.

III. DESARROLLO DE LA PRACTICA: TECLEE EL SIGUIENTE REPORTE DE VENTAS:

A este reporte aplicarle un filtro que lo ordene por marca, como se muestra a continuacin:

A este reporte aplicarle un filtro que ordene de mayor a menor venta en el ao de 2006, como se muestra a continuacin

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II A este reporte aplicarle un filtro que solo despliegue las marcas Nissan, Matiz y Seat, como se muestra a continuacin

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 12 I. II. NOMBRE: ADMINISTRACIN DE DATOS II

RAP: Utiliza las herramientas de la hoja electrnica de clculo para la administracin de datos de diversos contextos.

III. DESARROLLO DE LA PRACTICA: A partir del siguiente reporte de ventas crear una tabla dinmica

Para crear la tabla dinmica en la pestaa insertar seleccionar la opcin tabla dinmica. Debe de seleccionar el rango de A3:E11 Seleccionar la opcin de hoja de clculo existente para que se cree en la misma hoja Seleccionar todos los campos para agregar al informe Generar sumas de totales por columnas de ventas

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

UNIDAD 2

CREACIN DE PGINAS WEB

COMPETENCIA PARTICULAR: Elabora pginas WEB a travs del cdigo HTML y el Editor Institucional

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 1 I. NOMBRE: CONCEPTOS BASICOS DE PAGINA WEB

II. RAP: Identifica los elementos que componen la estructura de una pgina Web de acuerdo a su uso y funcin. III. DESARROLLO DE LA PRACTICA: Resuelva lo siguiente: 1.- Que significa www: _________________________________________________________ 2.- Que significa hipertexto: _________________________________________________________ 3.- Que es un navegador: _________________________________________________________ 4.- Anote el nombre de dos navegadores:______________________ _______________________ 5.-Que significa HTTP: _________________________________________________________ 6.- Que significa URL: _________________________________________________________ 7.- Que es HTML: _________________________________________________________ 8.- Que extensiones puede tener un archivo de hipertexto. ___ ____ 9.-Que es un nombre de dominio. __________________________________________________________ 10.- Escriba tres ejemplos de dominios. ____________________________ _______________________ _________________________ 11.- Escriba las partes de una pgina WEB __________________________________________________________ 12.-Anote la etiqueta de apertura y cierre de titulo_________________ ___________________ 13.- El cuerpo del documento se establece con que etiquetas: _______

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

14.- Realice su primera pgina Web la cual debe de contener lo siguiente: - titulo PRIMERA PAGINA WEB - EL FONDO DE LA PAGINA DEBE DE SER ROJO - LA LETRA DEBE DE SER NEGRA DE TAMAO 8 - EN LA PGINA SE DEBE DE MOSTRAR EL SIGUIENTE TEXTO: Esta es una pgina de ejemplo de cdigo sencillo de HTML Se puede visualizar con cualquier navegador

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 2 I. NOMBRE: ESTRUCTURA Y FORMATOS I

II. RAP: Crea paginas a travs del cdigo HTML. III. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguiente etiqueta para definir mrgenes leftmargin="40" topmargin="40" Abre el bloc de notas Crea una pgina Web que tenga por ttulo Practica no. 2 Color de fondo azul Mrgenes izquierdo y superior de 40 Aadir el cdigo necesario para que quede de la siguiente manera:

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 3 I. NOMBRE: ESTRUCTURA Y FORMATOS II IMAGEN DE FONDO

II. RAP: Crea paginas a travs del cdigo HTML III. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguiente etiqueta para una imagen de fondo <body background=image.gif > Abre el bloc de notas Crea una carpeta que se llame practica 3 Copia tu imagen favorita en esa carpeta, recuerda que la imagen es con extensin .gif Crea una pgina Web que tenga por ttulo Practica no. 3 Establece la imagen como imagen de fondo Aade la leyenda esto es una prueba, este texto con color rojo. Aadir el cdigo necesario para que quede de la siguiente manera:

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA No. 4 I. NOMBRE: ESTRUCTURA Y FORMATOS III

II. RAP: Crea paginas a travs del cdigo HTML III. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguientes etiquetas: <br> salto de lnea <hr> separador <p> y </p> prrafos Abre el bloc de notas Crea una pgina Web que tenga por ttulo Practica no. 4 El Encabezado es en color rojo con tamao de fuente 8 y centrado (align=center). Aade un separador (lnea horizontal) Aadir dos prrafos como se muestra en la imagen, la fuente en los prrafos es en color negro y tamao 6.

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 5 I. NOMBRE: ESTRUCTURA Y FORMATOS ESTILOS DE TEXTO

II. RAP: Crea paginas a travs del cdigo HTML III. DESARROLLO DE LA PRACTICA: Utilizar las siguientes etiquetas para los diferentes estilos de texto
ETIQUETA <b> </b> <i> </i> <u> </u> <s> </s> SIGNIFICADO NEGRITA CURSIVA SUBRAYADO TACHADO

Abre el Bloc de notas Crea una pgina Web que tenga por ttulo Practica 5 Estilos de Texto Aadir el cdigo necesario para que quede de la siguiente manera:

Recuerda utilizar la etiqueta de salto de lnea <br> Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 6 I. I. NOMBRE: ESTRUCTURA Y FORMATOS TIPOS DE ENCABEZADOS

RAP: Crea paginas a travs del cdigo HTML

II. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguiente etiqueta para los crear diferentes tipos de encabezados <h1> </h1> Abre el bloc de notas Crea una pgina Web que tenga por ttulo Practica 6 Tipos de Encabezados Aadir el cdigo necesario para que quede de la siguiente manera:

Recuerda utilizar la etiqueta de salto de lnea <br> Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 7 II. NOMBRE: ESTRUCTURA Y FORMATOS MARQUESINAS

III. RAP: Crea paginas a travs del cdigo HTML IV. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar las siguientes etiquetas para crear marquesinas.
<marquee> y </marquee>. Behavior Direction Bgcolor

Abre el bloc de notas Crea una pgina Web que tenga por ttulo Practica 7 Marquesina Aadir el cdigo necesario para que quede de la siguiente manera: Utilizando el tipo de movimiento scroll, la direccin left y el color de fondo blue

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 8 I. I. NOMBRE: ESTRUCTURA Y FORMATOS USO DE LISTAS

RAP: Crea paginas a travs del cdigo HTML

II. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguiente etiqueta para crear las listas. <li> y </li> Abre el bloc de notas Crea una pgina Web que tenga por ttulo Practica 8 Uso de listas El encabezado debe estar subrayado Crea la lista( desordenada) como se muestra en la siguiente pantalla, con vietas circulares, con el atributo etiqueta type=circle Utiliza las siguientes etiquetas para crear esta lista <ul> y </ul> Aadir el cdigo necesario para que quede de la siguiente manera:

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II Crea otra pgina Web que tenga por ttulo Uso de listas ordenadas Crea la lista( ordenada) como se muestra en la siguiente pantalla, con el atributo nmeros type=1 Utiliza las siguientes etiquetas para crear esta lista <ol> y </ol> Aadir el cdigo necesario para que quede de la siguiente manera:

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

PRACTICA NO. 9 I. NOMBRE: MANEJO DE OBJETOS USO DE IMAGENES

II. RAP: Crea paginas a travs del cdigo HTML III. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguiente etiqueta para insertar imgenes <img> Esta etiqueta no necesita etiqueta de cierre Abre el bloc de notas Crea una pgina Web que tenga por ttulo Practica 9 Insertar Imgenes Utiliza el atributo src para especificar el nombre de la imagen. Recuerda que la imagen debe de ser de tipo GIF y debe de estar dentro de la misma carpeta del documento html . Utiliza el atributo align centrar el dibujo entre el texto. Aadir el cdigo necesario para que la imagen quede en el centro del texto (atributo align ) como se muestra a continuacin:

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

PRACTICA NO. 10 I. NOMBRE: MANEJO DE OBJETOS CONTENIDO TOTAL

II. RAP: Crea paginas a travs del cdigo HTML III. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguientes etiquetas para su desarrollo: <Font color> <br> <h1> <Font size> <li> <img scr> <marquee> Abre el bloc de notas Crea una pgina Web que tenga por ttulo Practica 10 Contenido Total Recuerda que la imagen debe de ser de tipo GIF y debe de estar dentro de la misma carpeta del documento html . La pagina debe de contener el encabezado En esta prctica vamos a utilizar Todo lo Aprendido Hasta el Momento, con fuente color rojo y tamao 6. Insertar un separador despus del encabezado Posteriormente insertar una marquesina con color de fuente negro, fondo de marquesina azul y direccin left que diga Lista de Contenido Teclear una lista ordenada con nmeros, con tamao de fuente 4 ,que contenga: 1. Color de Texto 2. Tamao de Fuente 3. Alineacin de Texto 4. Separadores 5. Listas Ordenadas 6. Marquesinas 7. Imgenes Insertar una imagen de aplauso entre las leyendas felicidades y buen trabajo Aadir el cdigo necesario para que la pagina Web quede como se muestra a continuacin:

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 11 I. NOMBRE: MANEJO DE OBJETOS E HIPERVNCULOS HIPERVNCULOS

II. RAP: Crea paginas a travs del cdigo HTML III. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguiente etiqueta para generar hipervnculos <a href> y </a> Abre el bloc de notas Crea una pgina Web que tenga por ttulo Sitio Sencillo La pagina principal debe de contener 3 hipervnculos, uno a primera pagina, otro a una segunda pgina y un tercero a la pagina del cecyt www.cecyt11.ipn.mx Cada hipervnculo debe de contener los siguientes atributos: link="red" alink="black" vlink="blue" Recuerde que todas las paginas deben de estar en la misma carpeta y la pagina principal la debe guardar como index.html Aadir el cdigo necesario para que la pgina principal quede como se muestra a continuacin:

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II La primera pgina se guardara con el nombre pagina_1.htm y debe de contener la siguiente leyenda Esta es la primera pagina de contenidos. Centrada como se muestra a continuacin.

La segunda pgina se guardara con el nombre pagina_2.htm y debe de contener la siguiente leyenda Esta es la segunda pgina de contenidos. Centrada como se muestra a continuacin.

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

PRACTICA NO. 12 I. NOMBRE: TABLAS

II. RAP: Crea paginas a travs del cdigo HTML III. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguientes etiquetas para generar tablas
<table> y </table> <tr> y </tr> para filas <td> y </td>

Abre el bloc de notas Crea una pgina Web que tenga por ttulo Ejemplo de Tablas La pagina debe de contener una tabla con 3 filas y 5 columnas El borde de la tabla debe de ser de numero 2 La primera fila debe de tener un fondo azul Cada celda debe de tener la informacin correspondiente como se muestra a continuacin:

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 13 I. NOMBRE: USO DE MARCOS (FRAMES)

II. RAP: Crea paginas a travs del cdigo HTML III. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguientes etiquetas para generar marcos
<frameset> y </frameset> <frame>

Abre el bloc de notas Crea una pgina Web que tenga por ttulo Uso de marcos La pagina debe de contener un marco horizontal (fila) y 2 marcos verticales (columnas) En cada marco (frame) debe de estar la leyenda como se muestra a continuacin:

Guardar los cambios y comprobar el funcionamiento en un navegador.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 14 I. NOMBRE: USO DE MARCOS (FRAMES) II

II. RAP: Crea paginas a travs del cdigo HTML III. DESARROLLO DE LA PRACTICA: En esta prctica se utilizar la siguientes etiquetas para generar marcos
<frameset> y </frameset> <frame>

Abre el bloc de notas Crea una pgina Web que tenga por ttulo Uso de marcos, no olvides llamarla (index) La pagina debe de contener un marco horizontal (fila) y 2 marcos verticales (columnas) Crear una pgina con La cabecera que debe de tener el fondo azul y el encabezado debe decir Pagina de mis Datos Personales, centrado con la etiqueta <h1>. Crear una pgina del marco izquierdo debe de contener tres enlaces 1) nombre, 2) telfono, 3 animal favorito, con fondo amarillo. Crear una pgina del marco derecho debe de tener fondo rosa y una leyenda que diga Teclee un enlace y aparecern aqu tus datos personales, centrado y con etiqueta <h2>, todo esto se muestra a continuacin:

En la pagina del marco izquierdo hacer un primer enlace a otro pagina que contenga tu nombre , y este nombre aparezca en el marco derecho, esto es con la etiqueta <target>, como se muestra a continuacin:

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

En la pagina del marco izquierdo hacer un segundo enlace a otro pagina que contenga tu telfono , y este telfono aparezca en el marco derecho, esto es con la etiqueta <target>, como se muestra a continuacin:

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II En la pagina del marco izquierdo hacer un tercer enlace a otro pagina que contenga tu animal favorito , y este animal aparezca en el marco derecho, esto es con la etiqueta <target>, como se muestra a continuacin:

Recuerda que la imagen debe de ser con extensin .gif y todas las paginas, as como la imagen debe de estar en una sola carpeta para que no haya ningn problema, te sugiero que este carpeta se llame PRACTICA 14

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 15 I. NOMBRE: ESTRUCTURA Y FORMATO

II. RAP: Crea pginas WEB por medio del Editor institucional III. DESARROLLO DE LA PRACTICA: Resuelva lo siguiente: 1. Que es Dreamweaver: ________________________________________________ _______________________________________________________________ 2. Enliste las vistas de un documento: ________________ ________________ ________________ 3. Identificar los elementos bsicos de Dreamweaver en el grafico:
Barra de ttulos Barra de mens Barra de herramientas estndar Barra de documentos Barra de estado Inspector de propiedades Barra de herramientas insertar A B C D E F G

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 16 I. NOMBRE: ESTRUCTURA Y FORMATO II

II. RAP: Crea pginas WEB por medio del Editor institucional III. DESARROLLO DE LA PRACTICA: Utilizando Dreamweaver, crear una pgina web que incluya todos tus gustos personales, como se muestra a continuacin: Aplicarle formato al texto: Titulo (encabezado 3) Insertar fecha y hora para que se actualice cada vez que se guarda la pagina Insertar una regla horizontal despus del ttulo principal cuerpo de la pagina fuente arial de 12 En cada actividad incluir una lista desordenada con vietas Los ttulos deben de estar en negrita.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

PRACTICA NO. 17 I. NOMBRE: MANEJO DE OBJETOS E HIPERVINCULOS

II. RAP: Crea pginas WEB por medio del Editor institucional III. DESARROLLO DE LA PRACTICA: Utilizando Dreamweaver, crear una pgina web que incluya imgenes de tu coleccin favorita, como se muestra a continuacin: Aplicarle formato al texto: Titulo (encabezado 3) El cuerpo de la pagina fuente arial de 12 Color de fondo verde agua En cada imagen realizar una descripcin de esta, la imagen debe de contener un borde de 4, alineada al centro, tamao ancho de 50 y alto de 70 Los ttulos deben de estar en negrita.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 18 I. NOMBRE: MANEJO DE OBJETOS E HIPERVINCULOS II

II. RAP: Crea pginas WEB por medio del Editor institucional III. DESARROLLO DE LA PRACTICA: Utilizando Dreamweaver, crear una pgina web que incluya hipervinculos, como se muestra a continuacin: La pagina principal contiene todas las materias de segundo semestre y cada materia tiene una liga a otra pagina que contiene la descripcin de la materia as como una imagen alusiva a esta. Aplicarle formato al texto: Titulo (encabezado 3, con negritas) El cuerpo de la pagina fuente arial de 12 Color de fondo lila

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

Las siguientes pginas de cada materia son como se muestra a continuacin: Color de fondo amarillo. Titulo de la materia Descripcin de la materia Imagen alusiva a la materia Leyenda de REGRESO con una liga a la pagina principal. En total es una pgina principal y 8 ligas

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 19 I. NOMBRE: HOJA DE CALCULOS (TABLAS)

II. RAP: Crea pginas WEB por medio del Editor institucional III. DESARROLLO DE LA PRACTICA: Utilizando Dreamweaver, crear una pgina web que incluya una tabla de 3 columnas y 3 filas como se muestra a continuacin: En la primera fila combinar celdas y centrar el titulo TABLA DE ANIMALES Esta fila debe de tener el fondo azul En la segunda fila teclear los ttulos GATO, PERRO, OSO en cada celda con fondo rosa En la tercera fila insertar una imagen de un gato, un perro, un oso en cada celda Para que la tabla quede centrada en la pagina definir margen izquierdo de 120 pixeles y margen superior de 60 pixeles.

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II PRACTICA NO. 20 I. NOMBRE: FRAMES (MARCOS)

II. RAP: Crea pginas WEB por medio del Editor institucional III. DESARROLLO DE LA PRACTICA: Utilizando Dreamweaver, crear una pgina web que incluya marcos, como se muestra a continuacin: La pagina debe de contener 3 marcos, un izquierdo, un derecho y un superior El marco superior debe de contener una marquesina, fondo de marco verde El marco derecho debe de tener fondo rosa con la leyenda que aparece en la pantalla El marco izquierdo debe de tener fondo azul con 3 botones de flash con las leyendas natacin, tenis, frontn, cada botn debe de contener un hipervnculo que aparezca en el marco derecho

Elaboro: Lic. Norma Guadalupe Loyo Mota

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Cientficos y Tecnolgicos Wilfrido Massieu COMPUTACIN BSICA II

Se deben de crear tres pginas ms, una para cada deporte (hipervnculo), cada una debe de contener una tabla de una columna con dos filas, en la cual aparece una imagen del deporte, as como una breve descripcin de este, como se muestra en la siguiente pantalla

Elaboro: Lic. Norma Guadalupe Loyo Mota

Potrebbero piacerti anche