INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
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 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
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
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
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
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.
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA 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 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 ).
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
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
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
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
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
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
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
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
UNIDAD 2
CREACIÓN DE PÁGINAS WEB
COMPETENCIA PARTICULAR:
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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_________________ ___________________
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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:
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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:
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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.
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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>
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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>
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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”
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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:
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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:
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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:
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
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.
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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:
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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:
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
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
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
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
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
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
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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.
INSTITUTO POLITECNICO NACIONAL Centro de Estudios Científicos y Tecnológicos
Wilfrido Massieu COMPUTACIÓN BÁSICA II
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
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
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