You are on page 1of 45

INSTITUTO POLITECNICO NACIONAL

Centro de Estudios Cientficos y Tecnolgicos


Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota









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.



















INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.



















INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA 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
Botn de Office H
Barra de titulo I
Banda de opciones J
Barra de Etiquetas K













INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

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






INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

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









INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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)






INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA 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 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



















INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

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


INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

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





























INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

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
















INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

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



INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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)








INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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


INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 11

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

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





INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA 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 continuacin







































INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA No. 12

I. NOMBRE: ADMINISTRACIN DE DATOS II

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







INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota










UNIDAD 2


CREACIN DE PGINAS WEB






COMPETENCIA PARTICULAR:

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


















INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA 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 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: _______








INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota


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.














INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.











INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.







INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.







INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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 SIGNIFICADO
<b> </b> NEGRITA
<i> </i> CURSIVA
<u> </u> SUBRAYADO
<s> </s> 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.






INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 6

I. NOMBRE: ESTRUCTURA Y FORMATOS TIPOS DE ENCABEZADOS

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











INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.








INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

PRACTICA NO. 8

I. NOMBRE: ESTRUCTURA Y FORMATOS USO DE LISTAS

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








INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.



















INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota


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.






INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota


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:



INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota




Guardar los cambios y comprobar el funcionamiento en un navegador.

























INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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:









INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.






INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota


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.






INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.








INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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:



INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota



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:












INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA 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 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



















INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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 A
Barra de mens B
Barra de herramientas estndar C
Barra de documentos D
Barra de estado E
Inspector de propiedades F
Barra de herramientas insertar G






INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.









INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota


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.











INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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













INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota


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

















INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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.












INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota

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
















INSTITUTO POLITECNICO NACIONAL
Centro de Estudios Cientficos y Tecnolgicos
Wilfrido Massieu

COMPUTACIN BSICA II

Elaboro: Lic. Norma Guadalupe Loyo Mota


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

You might also like