unidad i hoja electrÓnica de cÁlculo - inicio - …€¦ ·  · 2016-11-236.- un libro de...

45
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos Wilfrido Massieu COMPUTACIÓN BÁSICA II Elaboro: Lic. Norma Guadalupe Loyo Mota UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO COMPETENCIA PARTICULAR: Utiliza herramientas de la hoja electrónica de cálculo para el procesamiento de la información en su ámbito académico, social y laboral.

Upload: duongtram

Post on 22-May-2018

217 views

Category:

Documents


0 download

TRANSCRIPT

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

UNIDAD I

HOJA ELECTRÓNICA DE CÁLCULO

COMPETENCIA PARTICULAR:

Utiliza herramientas de la hoja electrónica de cálculo para el procesamiento de la información en su ámbito académico, social y laboral.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 1

I. NOMBRE: AMBIENTE DE LA HOJA ELECTRONICA DE CÁLCULO

II. RAP: Identifica los elementos del ambiente de la hoja electrónica de cálculo de acuerdo a su uso y función.

III. DESARROLLO DE LA PRACTICA:

Resuelva lo siguiente:

1.- Que es una hoja de Cálculo: ________________________________________________________________________________________________________________________

2.- Cual es el nombre de la primera hoja de cálculo: _______________________ 3.- De que partes consta una hoja de cálculo: _________________________ _______________________ _________________________________ 4.- Cuantas filas y columnas contiene una hoja de cálculo: ______________________________ ______________________________ 5.- Que es una celda:

_____________________________________________________________________ 6.- Un libro de trabajo consta de ____________ hojas de cálculo.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

7.- Identifica los siguientes elementos, en el grafico:

Fila A

Columna B

Celda C

Barra de estado D

Barra de formulas E

Barra de desplazamiento horizontal F

Barra de desplazamiento vertical G

Botón de Office H

Barra de titulo I

Banda de opciones J

Barra de Etiquetas K

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 2

I. NOMBRE: HERRAMIENTAS PARA EDICION Y FORMATO “FORMATO DE CELDAS”

II. RAP: Emplea la herramientas de la hoja electrónica de cálculo para procesar la información de diversas fuentes.

III. DESARROLLO DE LA PRACTICA:

Capture la siguiente hoja de calculo

Combinar celdas y centrar de la B2:H2, con tamaño de fuente 14, negrita y cursiva

Combinar celdas y centrar de la B3:H3, con tamaño 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.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 3

I. NOMBRE: HERRAMIENTAS PARA EDICION Y FORMATO “SERIE DE DATOS”

II. RAP: Emplea la herramientas de la hoja electrónica de cálculo para procesar la información de diversas fuentes.

III. DESARROLLO DE LA PRACTICA:

Realizar series de datos de números, nombres y fechas como se muestra a continuación.

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.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 4

I. NOMBRE: HERRAMIENTAS PARA EDICIÓN Y FORMATO “FORMATO DE HOJA”

II. RAP: Emplea las herramientas de la hoja electrónica de cálculo para procesar la información de diversas fuentes.

III. DESARROLLO DE LA PRACTICA:

Capture la siguiente hoja de cálculo 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 página que contenga la leyenda: “Esto es un ejemplo de pie de página”

La pagina tiene que estar en orientación horizontal

Definir márgenes personalizados (derecho e izquierdo “3.5”, superior e inferior “3”)

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 5

I. NOMBRE: FORMULAS Y FUNCIONES “OPERACIONES BASICAS”

II. RAP: Emplea la herramientas de la hoja electrónica de cálculo para procesar la información 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

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 6

I. NOMBRE: FORMULAS Y FUNCIONES “USO DE FORMULAS I”

II. RAP: Emplea la herramientas de la hoja electrónica de cálculo para procesar la información de diversas fuentes.

III. DESARROLLO DE LA PRACTICA:

TECLEE EL SIGUIENTE REPORTE DE VENTAS:

Una vez tecleada la información 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.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

- 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 artículos.

- 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.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 7

I. NOMBRE: FORMULAS Y FUNCIONES “USO DE FORMULAS II”

II. RAP: Emplea la herramientas de la hoja electrónica de cálculo para procesar la información de diversas fuentes.

III. DESARROLLO DE LA PRACTICA:

Realiza una lista de alumnos y obtén 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, combinación de celdas, no uses funciones solo formulas.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 8

I. NOMBRE: FORMULAS Y FUNCIONES “USO DE FUNCIONES”

II. RAP: Emplea la herramientas de la hoja electrónica de cálculo para procesar la información de diversas fuentes.

III. DESARROLLO DE LA PRACTICA:

En un nuevo libro captura la siguiente información.

Por medio de funciones calcula el máximo, mínimo, total, porcentaje de días y promedio, mensual y por estado.

No se te olvide aplicar formato a la hoja de cálculo con las herramientas vistas en el curso,

como son: fuente Arial Narrow con negrita de 14 en títulos y sin negrita de 10 en los días.

Aaplicar bordes y sombreados en los estados.

Color de relleno amarillo en los máximos, mínimos, total, porcentaje y promedio.

El porcentaje de días se obtiene de el número de días de precipitación sobre los 365 días

del año.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 9

I. NOMBRE: GRÁFICAS

II. RAP: Emplea la herramientas de la hoja electrónica de cálculo para procesar la información de diversas fuentes.

III. DESARROLLO DE LA PRACTICA:

Capture el siguiente cuadro de ventas de componentes de computadoras

Mediante el asistente para gráficos, obtenga el grafico de las ventas. (Pestaña insertar,

grafico de la banda de opciones)

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 10

I. NOMBRE: GRÁFICAS II

II. RAP: Emplea la herramientas de la hoja electrónica de cálculo para procesar la información de diversas fuentes.

III. DESARROLLO DE LA PRACTICA:

Capture la siguiente hoja de cálculo, respetando el formato:

El objetivo de esta práctica es graficar solo algunos rangos de datos, aquí se va a graficar solo las ventas de cosméticos de Sonia Cervantes y Erika González.

El gráfico deberá estar junto con los datos en la hoja de cálculo.

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 pestaña 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 González.

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 título de “VENTAS DE COSMETICOS TRIMESTRALES”

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 11

I. NOMBRE: ADMINISTRACIÓN DE DATOS

II. RAP: Utiliza las herramientas de la hoja electrónica de cálculo para la administración 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 continuación:

A este reporte aplicarle un filtro que ordene de mayor a menor venta en el año de 2006, como se muestra a continuación

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

A este reporte aplicarle un filtro que solo despliegue las marcas Nissan, Matiz y Seat, como se muestra a continuación

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 12

I. NOMBRE: ADMINISTRACIÓN DE DATOS II

II. RAP: Utiliza las herramientas de la hoja electrónica de cálculo para la administración de datos de diversos contextos.

III. DESARROLLO DE LA PRACTICA:

A partir del siguiente reporte de ventas crear una tabla dinámica

Para crear la tabla dinámica en la pestaña insertar seleccionar la opción tabla dinámica.

Debe de seleccionar el rango de A3:E11

Seleccionar la opción de hoja de cálculo 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

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

UNIDAD 2

CREACIÓN DE PÁGINAS WEB

COMPETENCIA PARTICULAR:

Elabora páginas WEB a través del código HTML y el Editor Institucional

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 1

I. NOMBRE: CONCEPTOS BASICOS DE PAGINA WEB

II. RAP: Identifica los elementos que componen la estructura de una página Web de acuerdo a su uso y función.

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 página WEB __________________________________________________________ 12.-Anote la etiqueta de apertura y cierre de titulo_________________ ___________________ 13.- El cuerpo del documento se establece con que etiquetas: _______

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

14.- Realice su primera página 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 TAMAÑO 8

- EN LA PÁGINA SE DEBE DE MOSTRAR EL SIGUIENTE TEXTO: Esta es una página de ejemplo de código sencillo de HTML Se puede visualizar con cualquier navegador

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 2

I. NOMBRE: ESTRUCTURA Y FORMATOS I

II. RAP: Crea paginas a través del código HTML.

III. DESARROLLO DE LA PRACTICA:

En esta práctica se utilizará la siguiente etiqueta para definir márgenes

leftmargin="40" topmargin="40"

Abre el bloc de notas

Crea una página Web que tenga por título Practica no. 2

Color de fondo azul

Márgenes izquierdo y superior de 40

Añadir el código necesario para que quede de la siguiente manera:

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 3

I. NOMBRE: ESTRUCTURA Y FORMATOS II “IMAGEN DE FONDO”

II. RAP: Crea paginas a través del código HTML

III. DESARROLLO DE LA PRACTICA:

En esta práctica 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 extensión .gif

Crea una página Web que tenga por título Practica no. 3

Establece la imagen como imagen de fondo

Añade la leyenda esto es una prueba, este texto con color rojo.

Añadir el código necesario para que quede de la siguiente manera:

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 4

I. NOMBRE: ESTRUCTURA Y FORMATOS III

II. RAP: Crea paginas a través del código HTML

III. DESARROLLO DE LA PRACTICA:

En esta práctica se utilizará la siguientes etiquetas:

<br> salto de línea <hr> separador

<p> y </p> párrafos

Abre el bloc de notas

Crea una página Web que tenga por título Practica no. 4

El Encabezado es en color rojo con tamaño de fuente 8 y centrado (align=”center”).

Añade un separador (línea horizontal)

Añadir dos párrafos como se muestra en la imagen, la fuente en los párrafos es en color negro y tamaño 6.

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 5

I. NOMBRE: ESTRUCTURA Y FORMATOS “ESTILOS DE TEXTO”

II. RAP: Crea paginas a través del código HTML

III. DESARROLLO DE LA PRACTICA:

Utilizar las siguientes etiquetas para los diferentes estilos de texto

ETIQUETA SIGNIFICADO

<b> </b> NEGRITA

<i> </i> CURSIVA

<u> </u> SUBRAYADO

<s> </s> TACHADO

Abre el Bloc de notas

Crea una página Web que tenga por título Practica 5 Estilos de Texto

Añadir el código necesario para que quede de la siguiente manera:

Recuerda utilizar la etiqueta de salto de línea <br>

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 6

I. NOMBRE: ESTRUCTURA Y FORMATOS “TIPOS DE ENCABEZADOS”

I. RAP: Crea paginas a través del código HTML

II. DESARROLLO DE LA PRACTICA:

En esta práctica se utilizará la siguiente etiqueta para los crear diferentes tipos de encabezados

<h1> </h1>

Abre el bloc de notas

Crea una página Web que tenga por título Practica 6 Tipos de Encabezados

Añadir el código necesario para que quede de la siguiente manera:

Recuerda utilizar la etiqueta de salto de línea <br>

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 7

II. NOMBRE: ESTRUCTURA Y FORMATOS “MARQUESINAS”

III. RAP: Crea paginas a través del código HTML

IV. DESARROLLO DE LA PRACTICA:

En esta práctica se utilizará las siguientes etiquetas para crear marquesinas.

<marquee> y </marquee>. Behavior Direction Bgcolor

Abre el bloc de notas

Crea una página Web que tenga por título Practica 7 Marquesina

Añadir el código necesario para que quede de la siguiente manera:

Utilizando el tipo de movimiento “scroll”, la dirección “left” y el color de fondo “blue”

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 8

I. NOMBRE: ESTRUCTURA Y FORMATOS “USO DE LISTAS”

I. RAP: Crea paginas a través del código HTML

II. DESARROLLO DE LA PRACTICA:

En esta práctica se utilizará la siguiente etiqueta para crear las listas.

<li> y </li>

Abre el bloc de notas

Crea una página Web que tenga por título Practica 8 Uso de listas

El encabezado debe estar subrayado

Crea la lista( desordenada) como se muestra en la siguiente pantalla, con viñetas circulares, con el atributo etiqueta type=”circle”

Utiliza las siguientes etiquetas para crear esta lista <ul> y </ul>

Añadir el código necesario para que quede de la siguiente manera:

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

Crea otra página Web que tenga por título Uso de listas ordenadas

Crea la lista( ordenada) como se muestra en la siguiente pantalla, con el atributo números type=”1”

Utiliza las siguientes etiquetas para crear esta lista <ol> y </ol>

Añadir el código necesario para que quede de la siguiente manera:

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 9

I. NOMBRE: MANEJO DE OBJETOS “USO DE IMAGENES”

II. RAP: Crea paginas a través del código HTML

III. DESARROLLO DE LA PRACTICA:

En esta práctica se utilizará la siguiente etiqueta para insertar imágenes

<img> Esta etiqueta no necesita etiqueta de cierre

Abre el bloc de notas

Crea una página Web que tenga por título Practica 9 Insertar Imágenes

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.

Añadir el código necesario para que la imagen quede en el centro del texto (atributo align ) como se muestra a continuación:

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 10

I. NOMBRE: MANEJO DE OBJETOS “CONTENIDO TOTAL”

II. RAP: Crea paginas a través del código HTML

III. DESARROLLO DE LA PRACTICA:

En esta práctica 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 página Web que tenga por título 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 práctica vamos a utilizar Todo lo Aprendido Hasta el Momento”, con fuente color rojo y tamaño 6.

Insertar un separador después del encabezado

Posteriormente insertar una marquesina con color de fuente negro, fondo de marquesina azul y dirección “left” que diga “Lista de Contenido”

Teclear una lista ordenada con números, con tamaño de fuente 4 ,que contenga: 1. Color de Texto 2. Tamaño de Fuente 3. Alineación de Texto 4. Separadores 5. Listas Ordenadas 6. Marquesinas 7. Imágenes

Insertar una imagen de aplauso entre las leyendas “felicidades “ y “buen trabajo”

Añadir el código necesario para que la pagina Web quede como se muestra a continuación:

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 11

I. NOMBRE: MANEJO DE OBJETOS E HIPERVÍNCULOS “HIPERVÍNCULOS”

II. RAP: Crea paginas a través del código HTML

III. DESARROLLO DE LA PRACTICA:

En esta práctica se utilizará la siguiente etiqueta para generar hipervínculos

<a href> y </a>

Abre el bloc de notas

Crea una página Web que tenga por título Sitio Sencillo

La pagina principal debe de contener 3 hipervínculos, uno a primera pagina, otro a una segunda página y un tercero a la pagina del cecyt “www.cecyt11.ipn.mx”

Cada hipervínculo 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

Añadir el código necesario para que la página principal quede como se muestra a continuación:

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

La primera página 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 continuación.

La segunda página se guardara con el nombre “pagina_2.htm” y debe de contener la

siguiente leyenda “Esta es la segunda página de contenidos.” Centrada como se muestra a continuación.

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 12

I. NOMBRE: TABLAS

II. RAP: Crea paginas a través del código HTML

III. DESARROLLO DE LA PRACTICA:

En esta práctica 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 página Web que tenga por título 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 información correspondiente como se muestra a continuación:

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 13

I. NOMBRE: USO DE MARCOS (FRAMES)

II. RAP: Crea paginas a través del código HTML

III. DESARROLLO DE LA PRACTICA:

En esta práctica se utilizará la siguientes etiquetas para generar marcos

<frameset> y </frameset> <frame>

Abre el bloc de notas

Crea una página Web que tenga por título 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 continuación:

Guardar los cambios y comprobar el funcionamiento en un navegador.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 14

I. NOMBRE: USO DE MARCOS (FRAMES) II

II. RAP: Crea paginas a través del código HTML

III. DESARROLLO DE LA PRACTICA:

En esta práctica se utilizará la siguientes etiquetas para generar marcos

<frameset> y </frameset> <frame>

Abre el bloc de notas

Crea una página Web que tenga por título Uso de marcos, no olvides llamarla (index)

La pagina debe de contener un marco horizontal (fila) y 2 marcos verticales (columnas)

Crear una página 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 página del marco izquierdo debe de contener tres enlaces 1) nombre, 2) teléfono, 3 animal favorito, con fondo amarillo.

Crear una página del marco derecho debe de tener fondo rosa y una leyenda que diga “Teclee un enlace y aparecerán aquí tus datos personales”, centrado y con etiqueta <h2>, todo esto se muestra a continuación:

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 continuación:

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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 continuación:

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

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 15

I. NOMBRE: ESTRUCTURA Y FORMATO

II. RAP: Crea páginas 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 básicos de Dreamweaver en el grafico:

Barra de títulos A

Barra de menús B

Barra de herramientas estándar C

Barra de documentos D

Barra de estado E

Inspector de propiedades F

Barra de herramientas insertar G

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 16

I. NOMBRE: ESTRUCTURA Y FORMATO II

II. RAP: Crea páginas WEB por medio del Editor institucional

III. DESARROLLO DE LA PRACTICA:

Utilizando Dreamweaver, crear una página web que incluya todos tus gustos personales, como se muestra a continuación:

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 después del título principal

cuerpo de la pagina fuente arial de 12

En cada actividad incluir una lista desordenada con viñetas

Los títulos deben de estar en negrita.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 17

I. NOMBRE: MANEJO DE OBJETOS E HIPERVINCULOS

II. RAP: Crea páginas WEB por medio del Editor institucional

III. DESARROLLO DE LA PRACTICA:

Utilizando Dreamweaver, crear una página web que incluya imágenes de tu colección favorita, como se muestra a continuación:

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 descripción de esta, la imagen debe de contener un borde de 4, alineada al centro, tamaño ancho de 50 y alto de 70

Los títulos deben de estar en negrita.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 18

I. NOMBRE: MANEJO DE OBJETOS E HIPERVINCULOS II

II. RAP: Crea páginas WEB por medio del Editor institucional

III. DESARROLLO DE LA PRACTICA:

Utilizando Dreamweaver, crear una página web que incluya hipervinculos, como se muestra a continuación:

La pagina principal contiene todas las materias de segundo semestre y cada materia tiene una liga a otra pagina que contiene la descripción 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

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

Las siguientes páginas de cada materia son como se muestra a continuación:

Color de fondo amarillo.

Titulo de la materia

Descripción de la materia

Imagen alusiva a la materia

Leyenda de “REGRESO” con una liga a la pagina principal.

En total es una página principal y 8 ligas

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 19

I. NOMBRE: HOJA DE CALCULOS (TABLAS)

II. RAP: Crea páginas WEB por medio del Editor institucional

III. DESARROLLO DE LA PRACTICA:

Utilizando Dreamweaver, crear una página web que incluya una tabla de 3 columnas y 3 filas como se muestra a continuación:

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 títulos “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.

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 20

I. NOMBRE: FRAMES (MARCOS)

II. RAP: Crea páginas WEB por medio del Editor institucional

III. DESARROLLO DE LA PRACTICA:

Utilizando Dreamweaver, crear una página web que incluya marcos, como se muestra a continuación:

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 natación, tenis, frontón, cada botón debe de contener un hipervínculo que aparezca en el marco derecho

INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos

Wilfrido Massieu

COMPUTACIÓN BÁSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

Se deben de crear tres páginas más, una para cada deporte (hipervínculo), 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 descripción de este, como se muestra en la siguiente pantalla