Вы находитесь на странице: 1из 130

Computacin Bsica II 2014

Competencia General: Maneja herramientas informticas vigentes, que

UNIDAD 2 HTML

le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

Competencias Particular: Utilizar los elementos fundamentales del


diseo de una pgina web. Manejar los elementos bsicos del lenguaje HTML en la creacin de pginas web.

Comenzar con una lluvia de ideas de acuerdo a las siguientes preguntas:


1.- Que entiendes por una pgina web? 2. Qu tipo de informacin tiene las pginas web que has visitado? 3. Qu diferencia encuentras entre una pgina web y un sitio web? 4. Qu tienen en comn los sitios web que has visitado? 5. Para qu crees que sirve una pgina web? 6.- Qu te gustara que tuviera la pgina web que disears? Pgina Web Se conoce como pgina web al documento que forma parte de un sitio web y que suele contar con enlaces (tambin conocidos como hipervnculos o links) para facilitar la navegacin entre los contenidos. Las pginas web estn desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores.
pagina web Resultados de la bsqueda http://definicion.de/?s=pagina+web#ixzz2IMBPGg2K

Sitio Web Es un espacio virtual en Internet. Se trata de un conjunto de pginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW).
Definicin de sitio web - Qu es, Significado y Concepto http://definicion.de/sitio-web/#ixzz2IM9qiiog

Trabajaremos en Bloc de Notas y Word Pad, solamente para identificar Etiquetas o Tag, Atributos y Propiedades.

HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las pginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que est compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no slo se compone de texto, puede contener imgenes, sonido, vdeos, etc., por lo que el resultado puede considerarse como un documento multimedia.

Computacin Bsica II 2014


Los documentos HTML deben tener la extensin html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las pginas web). Los navegadores se encargan de interpretar el cdigo HTML de los documentos, y de mostrar a los usuarios las pginas web resultantes del cdigo interpretado. Etiquetas o Tag Las Etiquetas estn siempre encerrados entre los signos menor que (<) y mayor que (>). Pueden ir en mayasculas como en minsculas. Es recomendable escribirlos en maysculas, para poder ubicarlas rpidamente dentro del Cdigo. <Etiquetas></Etiquetas> Las Etiquetas a menudo se escriben de a pares. Una Etiqueta de apertura y otra de cierre. Atributos y Propiedades: La Etiquetas llegan a tener uno ms Atributos y Propiedades en ellos. <Etiquetas Atributos=Propiedades></Etiquetas> Estructura Bsica para Html <HTML> < HEAD><TITLE></TITLE></HEAD> <BODY> </BODY> </HTML> Inicio de Pgina Encabezado y Ttulo Fin Encabezado y Ttulo Cuerpo Fin de Cuerpo Fin de Pgina

Esto escrbelo en tu Bloc de Notas, posteriormente viene el guardarlo que ah est la clave colcale un nombre y la extensin .html. Ejemplo: Primera Pagina.html. Vamos a ir agregndole ms Etiquetas, Atributos y Propiedades. <HTML> < HEAD><TITLE>Mi Primera Pgina</TITLE></HEAD> <BODY Bgcolor=orange> Est es mi primera Pgina </BODY> </HTML> Ahora vuelve a guardar tu pgina y visualzala con tu navegador dando doble clic sobre el archivo en el administrador de archivos. BODY Tiene los Atributos Bgcolor y Background uno para color de fondo y otro para la imagen, Text para agregarle color al texto de nuestra pgina.

Computacin Bsica II 2014


Competencia General: Maneja herramientas informticas vigentes, que
le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

UNIDAD 2 HTML

Competencias Particular: Utilizar los elementos fundamentales del


diseo de una pgina web. Manejar los elementos bsicos del lenguaje HTML en la creacin de pginas web.

Antes de cada Texto podemos agregar una Etiqueta que se llama:

FONT
Los Atributos que podemos agregarle son Color <FONT Color=Blue> Texto con color azul, e irle agregando <FONT Color=Blue Size=7>, color azul y un tamao de texto 7 considerando del 1 al 7. Y Face < FONT Color=Blue Size=7 Face=Arial>donde indicamos el nombre de la fuente, cual podemos agregar todas las que nos proporciona el Bloc de Notas. TEXTO El texto es elemento ms utilizado en las pginas web.

Apariencia
El texto que escribimos aparecer con un formato simple. Pero podemos destacar alguna parte del texto hacer de l un encabezado. Podemos hacer el texto ms pequeo, ms grande, ponerlo en italica, colorearlo, como si fuera un procesador de texto. Podemos hacer que el texto se vea negrito con la Etiqueta B: <B>texto bold </B> Para que se vea en itlica, usamos la Etiqueta I . Es recomendable usar esta caracterstica con los tamaos de letras ms grandes, ya que con las pequeas se vern bastante mal. <I>texto en itlica</I> Podemos subrayar el texto con la Etiqueta U. Debemos tener cuidado cuando subrayamos un texto ya que podra confundirse con un enlace (link). Adems resulta muy molesto para la lectura si el texto subrayado es largo. <U>texto subrayado </U> Todos estas Etiquetas pueden ser combinados entre s fcilmente. <B><I><U>pedacito de texto subrayado en italica </U></I></B>

Computacin Bsica II 2014


Headers
Los encabezados de las pginas prrafos se pueden usar con las Etiquetas de encabezamiento. Existen 6 tamaos, denotado con una H seguido por un nmero. El nmero determina el tamao desde el 1 (el ms pequeo) hasta el 6 (el ms grande). Las Etiquetas de encabezamiento automticamente colocan saltos de lnea antes y despus de la Etiqueta. <H1>H1 Enorme</H1> <H2>H2 Grande</H2> <H3>H3 Normal</H3> <H4>H4 Chico</H4> <H5>H5 Pequeo</H5> <H6>H6 Muy pequeo</H6> Solamente las Etiquetas del H1 al H3 son usadas. Un encabezado simple puede ser hecho utilizando la Etiqueta B y un salto de lnea, Etiqueta <BR>.

DISEO
Cuando deseamos iniciar una nueva lnea en nuestro procesador de textos, simplemente presionamos la tecla [Enter]. Entonces el cursor se posiciona en la siguiente lnea y comenzamos a escribir nuevamente. La Etiqueta que nos permite ubicar cortes de lneas es el <BR> (break). Y tenemos <HR> para indicar un salto con una lnea.

Prrafos
La Etiqueta <P> se escribe al inicio de un prrafo y la Etiqueta</P> al final del prrafo. Est nos permite generar un prrafo y agregarle atributos para que este ms personalizada. La alineacin puede ser: <P Align=Center, Left, Right y Justify>.

Listas
Desordenada; se le llama al generar una lista con vietas a partir de la Etiqueta < UL> para el ttulo de nuestra lista y para identificar cada uno de los elementos con la etiqueta <LI>. Ordenada; la etiqueta <OL> nos permite generar una lista numerada y <LI> para cada uno de los elementos.

Desordenadas
<UL> Lista Lista <LI>Qumica Qumica <LI>Fsica Fsica <LI>Historia Historia </UL> A <UL> Podemos agregarle el Atributo Type y sus propiedades son (circle, disc o square)

Ordenadas
<OL type=i> Lista Lista <LI>Qumica i. Qumica <LI>Fsica ii. Fsica <LI>Historia iii. Historia </OL> A <OL> Podemos agregarle el Atributo Type y sus propiedades son (1, A, a, i, I)

Computacin Bsica II 2014 Actividad a desarrollar:


1. Investiga 10 Etiquetas con un mnimo de dos atributos diferentes a las que vimos en clase. Indicar
la Etiqueta, atributo y que nos permite realizar: Ejemplo <FONT Color=Orange>Color al texto <FONT Size=5>Tamao de letra Traer en su usb los colores Hexadecimal. Busca en Google Colores Hexadecimales y utiliza las tres primeras opciones que te genera.

2. Estructura y Formato: Genera la siguiente pantalla con diferentes tamaos de texto considerando
la estructura bsica para crear pginas html.

Computacin Bsica II 2014


Muestra del cdigo que se genera para obtener la pantalla anterior:

Genera la siguiente pantalla con fondo de color y texto en diferentes alineaciones.

Computacin Bsica II 2014


Muestra del cdigo que se genera para obtener la pantalla anterior:

Genera la siguiente pantalla con fondo de imagen, texto con vietas y doble lnea en medio.

Computacin Bsica II 2014


Muestra del cdigo que se genera para obtener la pantalla anterior:

Computacin Bsica II 2014


Competencia General: Maneja herramientas informticas vigentes, que
le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

UNIDAD 2 HTML

Competencias Particular: Utilizar los elementos fundamentales del


diseo de una pgina web. Manejar los elementos bsicos del lenguaje HTML en la creacin de pginas web.

Texto en Movimiento (Marquesina)


En lenguaje HTML, la marquesina es usada cuando se desea dar movimiento a texto e imgenes, dentro de una tabla. Esta maneja atributos que nos permiten dar efectos diferentes a la presentacin de esta entre los cuales veremos en nuestro curso, color de fondo, tamao: ancho y altura, direccin: arriba, abajo, izquierda y derecha, velocidad: rpida y despacio, comportamiento, repeticiones. Comenzaremos con la marquesina ms sencilla, la cual tiene la etiqueta <marquee>, recuerda que previo a esta etiqueta debe de estar la estructura bsica, tambin recuerda que la etiqueta deber estar despus de la etiqueta body: <html> <head> <title>MARQUESINA</title> </head> <body> <marquee>TEXTO EN MOVIMIENTO </marquee> </body> </html> Para esta etiqueta veremos los siguientes atributos: ATRIBUTO ACCION bgcolor Color de fondo de la marquesina Width El ancho que ocupara la marquesina (en porcentaje tomando en cuenta que el ancho de pantalla es el 100%) Height La altura que tendr (valor numrico) Behavior Comportamiento (este me permite tener rebote horizontalmente, y que el desplazamiento del texto se detenga y no salga ms) Direction El lugar de donde saldr (esta cuenta con cuatro direcciones up, down, left,right. scrolldelay Lo lenta que esta se desplazar scrollamount Lo rpido que esta se desplazar loop El nmero de repeticiones Puedes usar la cantidad de atributos dentro de tu etiqueta <marquee> para obtener el movimiento que mejor acomode a tu pgina.

Computacin Bsica II 2014


Ejemplo: <marquee direction=up behavior=alternate bgcolor=yellow width=65% height=200>

MANEJO DE IMAGENES
Una de las caractersticas principales del lenguaje HTML y de la WWW es la introduccin de elementos de imagen. En un documento HTML se puede incluir cualquier imagen en alguno de los siguientes formatos grficos: gif, jpg, png y bmp. El formato ms extendido y practico es el GIF, todos los navegadores grficos de la Web soportan este formato, adems existen gran cantidad de programas de tratamiento de grficos que permiten grabar los grficos o convertir grficos a GIF. Este formato, as mismo, utiliza algoritmos de compresin que hacen que sus ficheros sean de corto tamao y apropiado para su transmisin por la red. El formato GIF es ms recomendado para iconos, grficas, y el formato JPEG es ms til para imgenes reales como paisajes, personas. La etiqueta es: <img src=Nombre del archivo. Extensin>, esta etiqueta maneja atributos como son: ATRIBUTO alt align border Width height ACCION Texto alternativo Alineacin del texto (top, middle, botton, left y right) Borde que rodea la imagen Ancho de la imagen Largo de la imagen

Manejo de Audio
Se emplean dos etiquetas para incorporar el sonido en una pgina web diseada en html, una es para el sonido de fondo y la otra para incorporar el audio para interactuar con el usuario. La etiqueta de sonido de fondo es <bgsound src=nombre del archivo de sonido. Extensin>. El archivo de sonido puede estar en formato .mid, .wav, mp3, wma, entre otras. El nico atributo que veremos para esta etiqueta es loop que nos sirve para el numero de repeticiones. Esta etiqueta normalmente por llevar un orden se coloca despus de la etiqueta body, sin embargo se le puede colocar en cualquier lugar dentro de body.

10

Computacin Bsica II 2014


La segunda etiqueta es: <embed src=nombre del archivo. Extensin>, esta nos permite tener de manera visible o no los controladores de reproduccin bsica, esta maneja los siguientes atributos: ATRIBUTO Width Height Hidden Loop autostart ACCION Ancho de reproductor Alto de reproductor Oculta o muestra los controles de reproduccin (cuando se le asigna true los oculta y cuando se le asigna false los muestra) Las veces que se repetir la cancin Suena la msica al cargar la pgina o al accionar los controladores (true al cargar y false al activar el control)

Manejo de Video
En el manejo de video los formatos empleados son variados entre los cuales se destacan: avi, mpeg, ram, mov, wmv. Los ficheros avi y mpeg se reproducen con el Reproductor Multimedia de Windows, pero los dems necesitan visores propios que se deben instalar previamente. Por ejemplo los ficheros ram se visualizan con Real Player, los mov con Quick Time, etc. Son los llamados plug-in. Se tienen dos etiquetas, una muestra los controladores y la otra solo la reproduccin del video sin control alguno, a continuacin se muestran: <img dynsrc=nombre del archivo. Extensin> Sin controladores ATRIBUTOS ACCIN Width Ancho del video Height Largo del video Loop Numero de repeticiones (se coloca un valor numrico para determinar esta o la palabra infinite, cuando queremos se indefinidamente) Start Determina si el video comenzara a reproducirse en cuanto cargue la pgina o la pasar el puntero del mouse encima de l. Para el primer caso se escribir: start=fileopen Para el segundo caso se escribir: start=mouseover <embed src= nombre del archivo. Extensin> Con controladores ATRIBUTO ACCION Width Ancho de reproductor Height Alto de reproductor Hidden Oculta o muestra los controles de reproduccin (cuando se le asigna true los oculta y cuando se le asigna false los muestra) Loop Las veces que se repetir la cancin autostart Suena la msica al cargar la pgina o al accionar los controladores (true al cargar y false al activar el control)

11

Computacin Bsica II 2014 Actividad a desarrollar:


Siguiendo las instrucciones que a continuacin se darn realiza una pgina web. 1. Crea un archivo con nombre ejerci, al cual coloca una imagen de fondo. 2. Ponle una marquesina con las siguientes caractersticas: a. Un ancho de 70% b. Que su comportamiento sea de revote c. El texto ser RECICLAJE i. Con tipo de letra elephant ii. Con la letra grande iii. Centrada 3. Inserta el siguiente texto: El reciclaje es un proceso fisicoqumico o mecnico o trabajo que consiste en someter a una materia o un producto ya utilizado (basura), a un ciclo de tratamiento total o parcial para obtener una materia prima o un nuevo producto. Tambin se podra definir como la obtencin de materias primas a partir de desechos, introducindolos de nuevo en el ciclo de vida y se produce ante la perspectiva del agotamiento de recursos naturales, macro econmico y para eliminar de forma eficaz los desechos de los humanos que no necesitamos. A este colcale el tamao de letra h3, tipo de letra Consolas, utiliza las etiquetas necesarias para que este texto quede justificado. 4. Coloca una imagen con tamao de 400 por 250 y texto alternativo de Recicla!!!, centrada. 5. Coloca un video con tamao 400 por 250 y que este empiece al dar clic en play, este estar en la misma lnea que la imagen anterior.

12

Computacin Bsica II 2014


Competencia General: Maneja herramientas informticas vigentes, que
le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

UNIDAD 2 HTML
TABLAS

Competencias Particular: Utilizar los elementos fundamentales del


diseo de una pgina web. Manejar los elementos bsicos del lenguaje HTML en la creacin de pginas web.

Las tablas en HTML son usadas para organizar informacin de una manera ms clara en la que se constituyen por filas y columnas y l intercepcin de estas nos da una celda, lugar en donde colocaremos los datos para posteriormente mostrarlos en el navegador. Antes de comenzar a escribir el cdigo de cualquier tabla, se deber saber de cuantas filas y columnas estar constituida por ejemplo, si queremos una tabla de 4 columnas y 3 filas ( 4x3), en la cual se escribir la siguiente informacin: Descripcin Memoria USB 16G Mouse inalmbrico Cantidad 3 6 Precio $350 $150 Total $1,050.00 $900.00

Para crear esta tabla que se le considera sencilla por no tener combinacin de celdas, el cdigo ser el siguiente: <table> <tr> <td>Descripcin</td> <td>Cantidad</td> <td>Precio</td> <td>Total</td> </tr>

Primera fila

<tr> <td>Memoria USB 16G</td> <td>3</td> <td>$350</td> <td>$1,050.00</td> </tr>

Segunda fila

13

Computacin Bsica II 2014


<tr> <td>Mouse inalmbrico</td> <td>6</td> <td>$150</td> <td>$900.00</td> </tr> </table>

Tercera fila

Recuerda que previo al cdigo anterior, debers tener tu estructura bsica, esta deber estar por debajo de la etiqueta de body. Tu tabla quedara de la siguiente manera:

Los atributos para combinar las celdas sern los siguientes: ATRIBUTO ACCIN border Borde de la tabla, este estar acompaado de un valor numrico, donde 0 es sin borde y del 1 en adelante tendr un grosor bordercolor Color del borde width Alto de la celda height Ancho de la celda valign Alineacin vertical con las siguientes posiciones: Top, middle y bottom align Alineacin horizontal: Right, left, center bgcolor Color solido de fondo background Imagen de fondo rowspan Unin de filas, colocando con numero las filas que se unirn, esta etiqueta estar dentro de <td> colspan Unin de columnas, colocando con numero las columnas que se unirn esta etiqueta estar dentro de <td> th Encabezados de tablas cellspacing Separacin entre cada celda cellpadding Espacio entre la celda y el texto Dependiendo de la accin que se desee en la tabla ser el lugar del atributo, estos podrn estar dentro de la etiqueta <table>, <tr> y <td>. Cabe mencionar que la etiqueta <tr> nos sealara la fila y <td> las columnas que tendr esta. Recuerda que todas estas debern tener su cierre al final con la diagonal.

14

Computacin Bsica II 2014 HIPERVINCULO O ENLACES


Estos nos darn la interactividad de interactuar entre las diversas pginas que componen la informacin en la web, atreves de estos puedo tener hipervnculos en texto, imagen y en el propio documento. Cuando el enlace es en texto o imagen, a otra pgina la etiqueta ser: <a href=nombre de la pgina o direccin URL>texto o imagen</a> Cuando el enlace es dentro de la misma pgina la etiqueta ser: <a href=#palabra>Palabra</a> Colocar en el lugar donde se quiere dirigir, la siguiente etiqueta: <a name=palabra>palabra opcional</a>

MARCOS O FRAME
Los marcos o frame en html son muy tiles, cuando se desea dividir la pgina en partes y cada parte maneje informacin, antes de comenzar a dividir el navegador en partes es necesario primero saber en cuantas partes este ser dividido. Existen diversas formas de dividir el navegador con pginas, empezaremos por el acomodo horizontal, como se muestra en la siguiente imagen:

Superior

Central

Se deber hacer dos pginas independientes, a la primera llmale azul y a la segunda naranja. Una vez que tengas, estas en un bloc nuevo escribirs el siguiente cdigo: <frameset rows=40%,*> <frame name=superior src=azul.html> <frame name=central src=naranja.html> </frameset>

15

Computacin Bsica II 2014


Ahora veremos el acomodo vertical:

Izquierdo

Central

Usando las mismas pginas que anteriormente usamos tendremos el siguiente cdigo: <frameset cols=40%,*> <frame name=izquierdo src=azul.html> <frame name=central src=naranja.html> </frameset> Para hacer combinados de la siguiente forma:

<frameset rows=30%,*> <frame name=superior src=rosa.html <frameset cols=25%,*> <frame name=izquierdo src=azul.html> <frame name=central src=naranja.html> </frameset> </frameset>

<frameset cols=25%,*> <frame name=izquierdo src=azul.html> <frameset rows=20%,*> <frame name=superior src=rosa.html <frame name=central src=naranja.html> </frameset> </frameset>

16

Computacin Bsica II 2014

<frameset cols=80%,20%> <frame name=derecho src=azul.html> <frameset rows=30%,*> <frame name=superior src=rosa.html> <frame name=central src=naranja.html> </frameset> </frameset>

Es posible combinar los hipervnculos con los marcos, es decir que un hipervnculo se reproduzca en el marco central, o en cualquier otro marco, sin que este se otro navegador. El atributo es target, este deber estar dentro de la etiqueta de hipervnculo, acompaado del nombre del marco en donde queremos el hipervnculo.

17

Computacin Bsica II 2014 Actividad a desarrollar:


Realiza una pgina con tres marcos como se muestra en la siguiente figura:

En sedes tiene un hipervnculo que te dirigir a la siguiente pgina que tambin construirs:

En el marco superior (azul), tendrs una marquesina simple con letra color blanco y tipo de letra Goudy Stout y las dos imgenes que se muestran en el modelo, todas las imgenes y texto los podrs sacar de internet. Al marco Izquierdo, le colocaras un ttulo sin movimiento, con tipo de letra Goudy Stout y color azul con un cdigo 1108BD, agrega el texto Sedes, centrado, el cual tendr un hipervnculo que se mostrara en la pgina Central

18

Computacin Bsica II 2014


(amarilla) a una pgina que previamente hars, la cual se muestra en la imagen anterior y tendr las siguientes caractersticas: Colocaras una imagen de fondo con nombre de archivo manos.png, colocaras tambin una tabla de 4 columnas y 3 filas, en la cual colocaras las imgenes, ttulos en el orden como se muestra en la imagen. Tambin colocaras un hipervnculo que regrese a la pgina amarilla del inicio. Por ultimo coloca una imagen como se muestra, cual estar centrada, observa la imagen. En la pgina central, por un color amarillo de fondo con cdigo DDE90A colocaras un ttulo BRASIL 2014, con un tipo de letra Goudy Stout, color verde con nmero de cdigo 0EBD08, escribirs el siguiente prrafo: La Copa Mundial de la FIFA Brasil 2014 ser la XX edicin de la Copa Mundial de Ftbol. Esta edicin del torneo se realizar en Brasil durante el ao 2014 (del 12 de junio al 13 de julio), siendo la segunda vez que se realiza este torneo en Brasil despus de la Copa Mundial de Ftbol de 1950, luego de que el presidente de la FIFA, Joseph Blatter, estableciera el criterio de rotacin continental. En 2004, la FIFA eligi a Sudamrica como sede de la Copa Mundial de 2014. Pese al entusiasmo inicial de algunos pases, solamente Brasil y Colombia presentaron sus candidaturas oficiales antes del cierre del plazo, el 18 de diciembre de 2006. Algunos meses despus, Colombia retir su candidatura, dejando como nico postulante a Brasil. El 30 de octubre de 2007 la FIFA design de manera oficial a Brasil como el pas que albergar la Copa del Mundo de Ftbol de 2014 El cual tendr un color de texto en blanco, con tipo de letra Consolas, coloca el texto como se muestra en la segunda imagen anterior.

19

Computacin Bsica II 2014

20

Computacin Bsica II 2014


Competencia General: Maneja herramientas informticas vigentes, que
le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

UNIDAD 2 HTML
INTEGRADORES:

Competencias Particular: Utilizar los elementos fundamentales del


diseo de una pgina web. Manejar los elementos bsicos del lenguaje HTML en la creacin de pginas web.

Ejercicio 1: Sigue las siguientes instrucciones:


Pgina 1, nombre Index.HTML, como fondo colocar la imagen llamada fondo.jpg, coloca una marquesina que corra rebotando de un lado a otro, con el ttulo Sistema de las 3 R en letra color blanca, tipo de fuente Comic Sans MS, con etiqueta H1, insertar una tabla de 3*3 con el borde amarillo, en las primera 3 celdas colocar las imgenes letra-r-verde-flores.gif, letra-r-verde.gif y letra-r-burbuja.gif en tamao de width="89" height="95", cada una, respectivamente en cada celda, en las celdas de abajo colocar los textos de Recicla, Reduce, Reutiliza tipo de fuente Comic Sans MS, color blanco, tanto las letras como las imgenes estarn vinculadas a sus respectivas pginas, Recicla.HTML, Reduce.HTML, Reutiliza.HTML, deber verse de la siguiente forma.

21

Computacin Bsica II 2014


Pgina Reduce.HTML, como fondo colocar la imagen Fondo_reduce.jpg, insertar una tabla de 2x2, borde color amarillo tamao 2, la primer fila debe estar combinada y debe contener el texto Reduce en forma de marquesina, letra color blanca, tipo Comic Sans MS, tamao 9, en la primer celda inferior deber contener el siguiente texto, en color blanco: Reducir es la ms importante ya que tiene el efecto ms directo y amplio en la reduccin de los daos al medio ambiente, y consiste en dos partes: Comprar menos reduce el uso de energa, agua, materia prima (madera, metal, minerales, etc.) y qumicos utilizados en la fabricacin de los productos; disminuye las emisiones producidas en el transporte del producto, y tambin minimiza la contaminacin producida por su desecho y desintegracin. Utilizar menos recursos (agua, energa, gasolina, etc.) se puede lograr con focos y electrodomsticos ms eficientes, una casa bien mantenida y buenos hbitos como desenchufar los aparatos elctricos cuando no estn en uso, cerrar el agua de la ducha mientras te enjabonas y compartir tu coche. Colocar en la segunda celda la imagen Img_reduce.jpg, tamao width="400" height="400", esta debe ser el hipervnculo a la primer pgina, debe quedar como se muestra en el siguiente modelo.

Pgina Recicla.HTML, como fondo colocar la imagen Fondo_recicla.jpg, insertar una tabla de 2*2,borde color amarillo tamao 2, la primer fila debe estar combinada y debe contener el texto Recicla en forma de marquesina , letra color blanca, tipo Comic Sans MS, tamao 9, en la primer celda inferior deber contener el siguiente texto, en color blanco:
Reciclar es la erre ms comn y menos eficaz. Se trata de rescatar lo posible de un material que ya no sirve para nada (comnmente llamado basura) y convertirlo en un producto nuevo. Por ejemplo, una caja vieja de cartn se puede triturar y a travs de un proceso industrial o casero convierte a papel nuevo. Lo bueno del reciclaje es que actualmente casi todo tipo de basura se puede reciclar y muchos municipios ya lo tienen integrado a su sistema de recoleccin de basura.

22

Computacin Bsica II 2014


Colocar en la segunda celda la imagen Img_recicla.jpg, tamao width="341" height="272", esta debe ser el hipervnculo a la primer pgina, debe quedar como se muestra en el siguiente modelo.

Pgina Reutiliza.HTML, como fondo colocar la imagen Fondo_reutiliza.jpg, insertar una tabla de 2*2, borde color amarillo tamao 2, la primera fila debe estar combinada y debe contener el texto Reutiliza en forma de marquesina, letra color blanca, tipo Comic Sans MS, tamao 9, en la primera celda inferior deber contener el siguiente texto, en color blanco:
Reutilizar significa alargar la vida de cada producto desde cuando se compra hasta cuando se tira. La mayora de los bienes pueden tener ms de una vida til, sea reparndolos o utilizando la imaginacin para darles otro uso. Por ejemplo, una botella de refresco se puede rellenar (el mismo uso) o se puede convertir en portavelas, cenicero, maceta o florero (otro uso). Reutilizar tambin incluye la compra de productos de segunda mano, ya que esto alarga la vida til del producto y a la vez implica una reduccin de consumo de productos nuevos, porque en vez de comprar algo nuevo lo compras de segunda mano.

Colocar en la segunda celda la imagen Img_reutiliza.jpg, tamao width="377" height="382", esta debe ser el hipervnculo a la primer pgina, debe quedar como se muestra en el siguiente modelo.

23

Computacin Bsica II 2014


Ejercicio 2: Instrucciones: Lee cuidadosamente los siguientes puntos para que lleves acabo tu examen.
NOTA: Las pginas que crearas sern sin barra de desplazamiento

1. Crea una carpeta en el escritorio con tus dos apellidos y grupo 2. Crearas dos pginas web en lenguaje html 3. A la primera pgina le pondrs las siguientes caractersticas: a. El ttulo de la pgina ser Mundial 2014 y as tambin lo llamaras al momento de guardar el archivo, colocaras un color de fondo con cdigo 0EE811 y texto en color amarillo. b. En el titulo centrado lo colocaras en movimiento con dos imgenes en los extremos con nombre de archivo mascota.png y en el centro la palabra BRASIL 2014 con un tipo de letra Papyrus y un tamao de letra muy grande, con un ancho de movimiento de 85% y que este rebote. c. Crearas una tabla de 4x4 con las letras en color segn el siguiente cdigo 2311E9, con un tamao de celda de 10, un borde de 5, color de borde en blanco y un color amarillo de fondo. (figura 1) d. El encabezado: tendr las siguientes caractersticas tipo Ravie, el tamao muy grande y posteriormente tendr un hipervnculo a la segunda pgina.

e. Las siguientes tres filas pondrs la informacin segn se muestra en la figura anterior, la letra ser la que la maquina coloca por default y en los tamaos varalos segn se muestra, coloca los ttulos y encabezados centrados.

24

Computacin Bsica II 2014


f. Las imgenes de la ltima fila las centraras y colocaras en el orden en que se muestra en la imagen anterior y centrada. 4. En la segunda pgina como ttulo Sedes y el nombre del archivo tambin ser este. a. Colocaras una imagen de fondo con el nombre bandera.jpg y color de letra en amarillo. b. Crearas una tabla de 2x2 con las siguientes caractersticas: i. Sin bordes ii. Esta estar alineada del lado izquierdo c. En la primera columna colocaras la imagen que tiene como nombre de archivo mapa 2.png. d. En la segunda columna colocaras SEDES PRINCIPALES, como encabezado, con un tipo de letra Jokerman y tamao muy grande, centrado. e. En la ltima celda de esta columna colocaras un listado de cuatro elementos, como se muestra en la figura 2; este texto tendr las siguientes caractersticas: i. Color blanco ii. Tipo de letra Snap ITC iii. Tamao grande iv. Centrado 5. Coloca la imagen con nombre copa.jpg del lado derecho inferior de tu pgina con un ancho de 60 y alto de 75, esta imagen tendr hipervnculo a la pgina Mundial 2014

25

Computacin Bsica II 2014

26

Computacin Bsica II 2014

UNIDAD 2 DREAMWEAVER

Competencia

Maneja herramientas informticas vigentes, que le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

General:

Competencias Particular: Crear pginas WEB por medio del editor Institucional

Adobe Dreamweaver es una aplicacin en forma de suite, que est destinada a la construccin,
diseo y edicin de sitios, videos y aplicaciones Web basados en estndares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa ms utilizado en el sector del diseo y la programacin web, por sus funcionalidades, su integracin con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estndares del World Wide Web Consortium. Se vende como parte de la suite Adobe Creative Suite. A partir de la compra de Macromedia por parte de Adobe. Las letras CS significan Creative Suite Dreamweaver ha tenido un gran xito desde finales de los aos 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicacin est disponible tanto para la plataforma MAC como para Windows, aunque tambin se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine. Dreamweaver permite al usuario utilizar la mayora de los navegadores Web instalados en su ordenador para pre visualizar las pginas web. Antes de empezar a trabajar con DW CS3, es importante conocer que al igual que en HTML se necesita tener en orden los archivos, este orden tiene que ser a travs de las carpetas. Para ello se necesita crear un sitio, este se puede ser creado desde la ventana de inicio o bien atreves del men sitio (nuevo sitio)

27

Computacin Bsica II 2014


Al crear el sitio DW nos lleva de la mano atreves de un asistente de cinco pasos, que a continuacin se mostraran. Paso 1
En este paso elegirs el nombre que tendr tu sitio, en esta ventana tambin te preguntara cul es tu direccin URL, ese espacio quedara vaco, debido a que no tienes ninguna asignada.

Paso 2 Colocaras que no deseas utilizar una tecnologa de servidor

Paso 3 Seleccionaras: editar copias locales en mi equipo, y luego cargarlas al servidor cuando estn listas (recomendable), en esta ventana tambin te dar la opcin de en donde quieres tu sitio, por default te lo asigna en documentos pero se puede elegir otra ubicacin diferente.

28

Computacin Bsica II 2014

Paso 4 En esta ventana desplegaras el men y elegirs ninguno, debido a que no tienes ningn servidor remoto en el momento de desarrollar tu pgina.

Paso 5 Este el ltimo de los pasos, en l se te dar un resumen de las acciones que elegiste en los 4 anteriores, si tienes que hacer algn cambio puedes regresar a modificar, si no fuera el caso solo dale un clic en completado y este ser visualizado en el rea de paneles

Si deseas modificar o eliminar el sitio puedes acudir al administrador de sitio, esta ventana la podrs tener en el men Sitio o en el panel de archivo, este te dar la siguiente ventana en la cual t podrs realizar cualquier cambio. Una vez que realizaste cualquier modificacin solo le dars listo y regresaras al rea de trabajo.

29

Computacin Bsica II 2014


Para comenzar a trabajar con DW es muy importante que elijas ahora si todava tienes la ventana de inicio en el bloque crear a HTML, para dar paso ya al rea de trabajo que tendrs que conocer, a continuacin se describe esta con las partes que debes de conocer:

Panel insertar

Barra de titulo

Barra de men Paneles

Barra de herramientas rea de trabajo

rea de Propiedades

En el panel de propiedades se mostrara las opciones que tenemos para el elemento seleccionado, cuando estamos trabajando con texto aparecer nicamente las propiedades de este as como las que corresponden a la configuracin de la pgina. En propiedades para texto, podremos asignar tipo de fuente, tamao, color, alineacin, negritas, cursiva, vinculo y destino, listados ordenados y desordenados, entre algunas ms.

30

Computacin Bsica II 2014


Cuando deseas cambiar las propiedades de la pgina tendrs la siguiente ventana:

Esta ventana nos muestra 5 categoras, la que nos ayudara a configurar la pgina ser aspecto, en esta tendremos la fuente que tendr nuestra pgina, el tamao, color de fuente, el color de fondo, una imagen de fondo y los mrgenes que tendr nuestro ambiente, nos da la opcin de aplicar los cambios para ver si estos son los que queremos y si es as aceptamos para que estos sean permanentes.

31

Computacin Bsica II 2014 Actividad a desarrollar:


1. Crea un sitio con el nombre de primeros pasos ( este podr ser en cualquier ubicacin) 2. Construye una pgina que tenga las siguientes caractersticas: a. Un ttulo que diga: Proyecto de Vida, centrado, con un tipo de fuente que sea Broadway, tamao muy grande, color anaranjado. b. Color de fondo verde (la tonalidad que desees). c. Coloca un prrafo de 5 lneas, de tu proyecto de vida a corto plazo y dale una alineacin justificada, con un tipo de letra copper black, tamao de 12 y el color que ms te guste. d. Has un litado ordenado de tus cinco prioridades en este semestre, este ser por orden de importancia. 3. Muestra tu pgina a tu profesor en el navegador.

32

Computacin Bsica II 2014

UNIDAD 2 DREAMWEAVER

Competencia

Maneja herramientas informticas vigentes, que le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

General:

Competencias Particular: Elabora pginas WEB a travs


del cdigo HTML y el editor institucional.

DISEO DE PGINAS CON MARCOS UTILIZANDO DREAMWEAVER


Los marcos estn compuestos por dos elementos: el frameset o conjunto de marcos y los marcos individuales. El conjunto de marcos contiene informacin sobre la cantidad de marcos que habr en la pgina, el tamao, caractersticas, etc. Este conjunto no se muestra en los navegadores sino que solo contiene la informacin para mostrar los marcos. Los marcos son zonas definidas o reas de una pgina HTML y cada marco aloja una pgina Web. Lo que se suele hacer al disear una pgina con marcos, es definir un marco la parte superior de la pgina, en donde comnmente se coloca el nombre y logo de la empresa o la institucin que desea mostrar informacin por medio de esta pgina, adems otro marco para parte de navegacin de la pgina y otro marco para el contenido. La ventaja de los marcos es que podemos establecer zonas que siempre sern visibles por ms que el usuario descienda con la barra de desplazamiento de su navegador. Entonces, una pgina Web compuesta por tres marcos, en realidad est integrada por cuatro archivos individuales: el archivo del conjunto de marcos y tres archivos, uno para cada marco. CREACIN DE MARCOS Recordemos que Dreamweaver nos permite crear sitios WEB, y en este caso, para explicar cmo crear marcos, debemos haber definido previamente nuestro sitio, as como la estructura de carpetas para dicho sitio, tal como se muestra en la figura No. 1.

Figura No. 1

De acuerdo a lo anterior, es importante considerar que para la construccin de un sitio web debemos haber definido previamente, adems de la estructura del sitio, todos los elementos que se incluirn en las pginas de dicho sitio WEB, es decir, las imgenes, los textos, los videos, etc. Con el fin de explicar el tema de marcos, se definir un sitio llamado Marcos II, por medio del cual definiremos un sitio integrado por marcos. Para esto, lo primero que haremos ser iniciar Dreamweaver, posteriormente damos click en el men Sitio, despus en Nuevo sitio y se obtiene la siguiente ventana de dialogo para establecer las caractersticas del sitio (Figura No. 2).

33

Computacin Bsica II 2014

Figura No. 2

En el campo Nombre del sitio, establecemos Marcos II y para el campo Carpeta raz local damos clic en el cono que est a la derecha para ubicar la carpeta del sitio que estamos construyendo, damos click en seleccionar, quedando de esta manera la carpeta raz local. Por ltimo en el campo Carpeta predeterminada de imgenes, de igual manera damos click en el cono que se encuentra a la derecha para ubicar la carpeta de imgenes de nuestro sitio WEB, damos click en seleccionar para que quede completo este campo. El resto de los datos los dejamos sin cambios y click en Aceptar, quedando con esto definido el sitio Marcos II, tal como se muestra en la figura No. 3, podemos observar que en el panel de la derecha se muestra la estructura de las carpetas que previamente definimos para nuestro sitio.

Figura No. 3

34

Computacin Bsica II 2014


Ahora procederemos a crear un sitio WEB, que contenga tres marcos, uno superior, uno izquierdo y uno central o principal. Para esto, damos click en el menu Insertar, ubicamos el cursor en la opcin Marcos y despus damos click en Izquierdo anidado superior, tal como se muestra en la figura No. 4.

Figura no. 4

la cual podemos especificar en embargo, de momento cancelar, ya que posteriormente manera ms prctica

Como respuesta a esta accin, se obtiene sobre el espacio de trabajo de Dreamweaver, los marcos y una ventana de dilogo (Figura No. 5) por medio de nombre de los marcos, sin seleccionaremos la opcin los guardaremos todos, de

Figura No. 5

Los marcos que hemos seleccionados para construir la pgina principal de nuestro sitio, se muestra en la figura No. 6, faltando que se guarde cada uno de ellos, adems del conjunto de marcos.

Figura No. 6

35

Computacin Bsica II 2014


Para guardar los marcos, damos click en el men Archivo, despus en la opcin Guardar todo, mostrndose una ventana de dilogo por medio de la cual, ser posible nombrar el conjunto de marcos, al que comnmente se le asigna el nombre de index y lo ubicamos en la carpeta HTML de la estructura de carpetas. Esto se muestra en la figura No. 7.

Figura No. 7

Despus de esto, y de manera automtica aparecen de manera sucesiva las ventanas para guardar los marcos, asignndoles los nombres de: principal, izquierdo y superior respectivamente. Al trabajar con marcos, es muy conveniente tener activado el panel de marcos, para contar con la certeza de que estamos ubicados en el que corresponda. Este panel se muestra a la derecha y en la parte inferior de la pantalla de Dreamweaver, tal como se observa en la figura No. 8.

Figura No. 8

Si el panel marcos no se encuentra visible, lo podemos activar por medio del men Ventana y seleccionado la opcin Marcos. El ancho y las caractersticas de los marcos se pueden ajustar de acuerdo a las caractersticas y necesidades del sitio, ya sea de manera manual o por medio del inspector de propiedades. En la figura No. 9 se muestra como modificar el ancho del marco izquierdo, ubicando el cursor en la lnea divisoria entre los marcos y arrastrndola hasta el valor deseado. En la figura No. 10 se muestra el rea Columna, por medio de la cual se escribe la cantidad en porcentaje o pixeles que se desea del marco o columna, en este caso se establece un ancho de 20%.

36

Computacin Bsica II 2014

Figura No. 10 Figura No. 9

Ancho en % del

Ya definida la estructura de marcos, se disea el contenido de cada uno de ellos. Iniciaremos con el marco superior, el cul comnmente se utiliza para mostrar el tema del sitio o el logo de la institucin. En principio como un ejemplo prctico, le colocaremos un color de fondo azul y un texto por medio de una marquesina con rebote. Teniendo la seguridad, por medio del panel de marcos, que estamos ubicados en el marco superior, se establece el color fondo por medio de la opcin propiedades de la pgina, que se ubica en el inspector de propiedades. Para el caso del texto con marquesina, Dreamweaver no cuenta con esa opcin de manera directa, sin embargo podemos utilizar la posibilidad de que el ambiente del editor de pginas WEB cuenta con tres opciones de visualizacin para las pginas: Diseo, Cdigo y Dividir. La ltima de estas, permite justamente dividir la pantalla en dos, la parte superior muestra el cdigo y la inferior la pgina en su diseo, esto se muestra en la figura No. 11.

Figura no. 11.

Insertamos en el lugar que corresponda en el rea del cdigo lo requerido para lograr que se muestre el texto Planes de clase, la marquesina en el marco superior se muestra en la figura No 12.

37

Computacin Bsica II 2014

Figura No. 12

En el segundo paso se disea el contenido del marco izquierdo, el cul contendr la navegacin del conjunto de marcos. Para ello en primera instancia le asignamos el color amarillo como fondo. Despus de esto, se insertarn tres botones flash por medio de los cules se vincularn igual nmero de pginas. Para insertar un botn flash, damos click en el men Insertar, despus la opcin Media y por ltimo Botn Flash, tal como se muestra en la siguiente figura No. 13

Figura No. 13

Como resultado de esta accin, se muestra una ventana de dilogo, por medio de la cual se selecciona el tipo de botn, el texto que se le asignar, el tipo y tamao de letra y dos aspectos muy importantes, la pgina que se vincular por medio del botn, la que se localiza dando click en el botn Examinar y seleccionamos en este caso la pgina Actividad2, que se ubica en la carpeta del mismo nombre dentro de la estructura de carpetas del sitio WEB. El otro aspecto de gran importancia, es seleccionar el destino donde se visualizar la pgina llamada por medio del botn, quien en este caso se selecciona la opcin mainframe, que es el marco principal, lo anterior se observa en la figura No. 14. En la figura No. 15 se muestra el marco con los tres botones flash, el segundo se vincula a la pgina Actividad3 y el tercero a la pgina Beatles, ambas dentro de la carpeta HTML de la estructura de carpetas. El marco con los tres botones se muestra en la figura No. 15.

38

Computacin Bsica II 2014

Figura No. 14

Figura No. 15

Por ltimo se disea la pgina principal en la cual se incluye un texto y una imagen, relativo a la temtica, quedando finalmente la pgina con marcos tal como se tiene en la figura No. 16.

Figura No. 16

39

Computacin Bsica II 2014 Actividad a desarrollar:


Disea la pgina WEB con marcos que se muestra en la siguiente figura.

Los hipervnculos del marco izquierdo deben mostrar en el marco principal las pginas de Lincoln y Los miserables, de acuerdo a lo que se muestra a continuacin:

Utiliza imgenes semejantes a las mostradas, localizndolas por medio de internet.

40

Computacin Bsica II 2014

UNIDAD 2 DREAMWEAVER

Competencia

Maneja herramientas informticas vigentes, que le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

General:

Competencias Particular: Elabora pginas WEB a travs


del cdigo HTML y el editor institucional.

INSERTAR OBJETOS EN DREAMWEAVER


VIDEOS Un aspecto atractivo, aunque no siempre muy prctico, es la insercin de videos en una pgina WEB. Es importante considerar que los videos ocupan mucho espacio y normalmente tardan cierto tiempo en descargarse, debido a que son muy pesados, por tal situacin es deseable considerar cuando son realmente necesarios y sern de utilidad para el usuario. Los formatos de vdeo que suelen utilizarse en Internet son el AVI, el MPEG y el MOV. La insercin de video en Dreamweaver, es realmente muy sencilla, sin embargo para que accin se pueda realizar con la sencillez que se menciona, es necesario que haya sido estructurado y diseado previamente y de manera adecuada el sitio WEB, para que en el panel de la derecha se contenga la estructura de carpetas, tal como se muestra en la figura No. 1. Es necesario insistir que las imgenes, videos, audio, deben estar ya dentro de la carpeta que corresponda.

Estructura de carpetas

Figura No. 1

A partir de esto, se tienen dos opciones para la insercin de videos. La primera y ms adecuada, es recurriendo al men Insertar, de ah se selecciona la opcin Media y por ltimo Plug in, para obtener como resultado la ventana de dilogo que permite seleccionar el video a insertar, esto lo observamos en las figuras No. 2 y 3.

41

Computacin Bsica II 2014

Figura No. 2

Figura No. 3

Al seleccionar el video, de manera inmediata aparece en la esquina superior izquierda un pequeo elemento que es el video insertado, solo que como ya sabemos, este se podr visualizar solo por medio del explorador. Las dimensiones del video se pueden ajustar a lo requerido ubicando el cursor en alguna de las asas que se presentan en el contorno del elemento, sin embargo la forma ms precisa de hacerlo es por medio del inspector de propiedades en los campos correspondientes a An (ancho) y Al (alto). El video en el ambiente de Dreamweaver y en el explorador se puede observar en las figuras No. 4 y 5.

Figura No. 4

Figura No. 5

Otra forma para insertar el video, an ms sencilla es ubicando el video en el panel de la derecha y simplemente arrstralo a la posicin deseada en la pgina WEB, el resto del procedimiento es como se estableci anteriormente. Es importante mencionar que todos los objetos insertados a travs de la opcin Plug-in precisan que el usuario tenga instalado un reproductor o un plug-in apropiado para reproducirlos, de lo contrario no se visualizarn por medio del explorador. SONIDO Para insertar un sonido en la pgina WEB, tambin es de considerar la utilidad de este elemento al estar presente en la pgina, de lo contrario es recomendable no utilizarlo. Los formatos de sonido ms habituales en Internet son, MP3, WAV y en algunas ocasiones MIDI, aunque existen otros formatos diferentes que tambin pueden utilizarse. Lo ideal es incluir algn archivo de audio que no ocupe mucho espacio, y que no por ello sea de mala calidad. El procedimiento para insertar el sonido es el mismo que se describi para la insercin de video.

42

Computacin Bsica II 2014

UNIDAD 2 DREAMWEAVER
TABLAS EN DREAMWEAVER

Competencia

Maneja herramientas informticas vigentes, que le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

General:

Competencias Particular: Elabora pginas WEB a travs


del cdigo HTML y el editor institucional.

Las tablas son una herramienta de gran utilidad en el diseo de pginas WEB, Actualmente la mayora de las pginas Web se basan en tablas ya que nos permiten colocar texto, imgenes o cualquier otro objeto en celdas, de acuerdo a lo deseado. Dreamweaver permite insertar, manipular y adecuar tablas con gran facilidad, situacin que se explicar en los prrafos siguientes. Insertar tabla Para insertar una tabla, abrimos el men insertar, de el seleccionamos la opcin tablas, obteniendo la ventana de dilogo que se muestra en la figura No. 1, por medio de la cual se especifican las caractersticas de la tabla.

Figura No. 1

En la parte de tamao de tabla, lo primero que se debe hacer es establecer la cantidad de filas y columnas que contendr la tabla, posterior a esto, se indica el ancho, el que puede ser expresado en pixeles o porcentaje. Cuando este ancho se establece en pixeles, la tabla siempre se mostrar en el navegador con el mismo tamao, independientemente de las caractersticas del mismo, en el caso de elegir la opcin de porcentaje, la tabla se ajustar al tamao de la ventana del navegador que se est utilizando para visualizar la pgina.

43

Computacin Bsica II 2014


En grosor del borde, al igual que en HTML, se establece en pixeles, por medio de una cantidad numrica. Si deseamos que el borde no se muestre, se coloca cero en la casilla correspondiente. El relleno de celda establece la distancia que se tendr entre el contenido de las celdas y los bordes de la misma. En espacio entre celdas, se indica el espacio que existir entre las celdas. El rea de encabezado, presenta cuatro opciones, en la primera, y que est por default, la tabla no contendr ningn encabezado, en las siguientes dos, se podr establecer un encabezado superior, o a la izquierda y en la ltima se combinan los dos anteriores. Por ltimo, en lo que corresponde a accesibilidad, en texto, se puede establecer un ttulo como encabezado para la tabla, la parte de alinear, justamente permite alinearlo de manera predeterminada, que lo har centrado, aunque podemos escoger si es superior (arriba de la tabla), inferior (debajo de la tabla), izquierda o derecha. En resumen, se hace una descripcin de la tabla, sin que esto aparezca en la ventana del navegador. En la figura No. 2, se muestra una tabla de cuatro filas, cuatro columnas (4X4), un ancho del 90%, grosor de 2 pixeles, relleno de celdas en 3, espacio de ellas en 4, el ttulo se muestra en superior.

Figura No. 2

En color verde, por medio de lneas se muestran las dimensiones de la tabla, en este caso el ancho que se estableci es del 90% al disear la tabla y entre parntesis se indica el valor que es el ancho visual que se aparece en la vista de diseo. Adems junto a estos valores aparecen por medio de cabezas de fleca, unos mens desplegables que proporcionan diferentes opciones para configurar la tabla, este men se observa en la figura No. 3.

Figura No. 3 Al seleccionar la tabla, en el inspector de propiedades se activan las opciones para editar o modificar la tabla (figura No. 4).

Figura No. 4

44

Computacin Bsica II 2014


Por medio del inspector de propiedades, es posible modificar los valores que se establecieron al insertar la tabla, adems pueden especificarse otros ms como: Alinear, con lo cual es posible alinear la tabla, ya sea a la izquierda, al centro o a la derecha, tambin se puede especificar el relleno y el espacio en las celdas con Rell. Celda y Esp. Celda. En la parte inferior del inspector tenemos Col. Fondo (color de fondo), Col. Borde (color del borde), Im (imagen de fondo). Para seleccionar una celda de la tabla basta con dar click sobre de ella y con esto el inspector de propiedades se complementa (Figura No. 5), para darle formato tanto a su contenido como a la propia celda. La parte superior del inspector, permite dar formato al texto de la celda, adems es posible incluir listas y sangras, as como hipervnculos.

Figura No. 5

El ancho (An) y alto (Al) de las celdas, se expresan en pixeles y no es necesario especificarlos, sin embargo cuando se desean valores especficos se indican en los campos mencionados. Otra forma de modificar el ancho y alto de las celdas, es ubicando el cursor en el borde de la celda que se desea modificar y arrastrando hasta lograr la dimensin requerida. La parte inferior del inspector permite dar formato a la propia celda ya que se puede ubicar en ella una imagen o color de fondo, adems de color al borde con Fnd. Con Horiz y Vert. Se define la alineacin del contenido de la celda. Esta parte del inspector de propiedades permite combinar celdas, para lo cual se seleccionan las celdas que se desea combinar y despus se da click en el cono correspondiente; para dividir una celda, se utiliza el cono que se ubica en la misma zona del inspector que se muestra en la figura No. 6.

Combinar
Figura No. 6

Dividir

Las operaciones anteriores tambin se pueden realizar dando click con el botn derecho del mouse sobre la celda o grupo de celdas que se desean combinar, a partir del men contextual que se presenta, seleccionamos tabla y a partir de este se selecciona la opcin requerida, como pueden ser insertar o eliminar columnas(Figura No. 7).

45

Computacin Bsica II 2014

Figura No. 7

Otra de las acciones que se pueden realizar con respecto a las tablas, es ubicar una tabla dentro de la celda de una tabla ya existente, ubicando el cursor en la celda que se desea colocar la tabla y utilizar el procedimiento ya descrito, en la figura No. 8 se muestra lo que denominamos tablas anidadas.

Figura No. 8

Para insertar texto, imagen o cualquier otro objeto dentro de una celda, basta con ubicar el cursor en la celda especfica y seguir los procedimientos correspondientes. En la figura No. 9, se muestra una tabla conteniendo una imagen en una celda.

Figura No. 9

46

Computacin Bsica II 2014 Actividad a desarrollar:


Disear, utilizando tablas, un sitio WEB que contenga las siguientes pginas: Pgina principal

Contiene dos tablas, una arriba que incluye una fila y cuatro celdas, en la primera se tiene una imagen de 300x200, en la segunda se incluye el texto, en la cuarta es una celda vaca para establecer un espacio entre el texto y el logo, por ltimo en la cuarta celda se tiene el logo de IPN de 100x150. Despus de la tabla se tiene una marquesina con 60% de ancho, color de fondo, y fuente como se observa en la imagen, que muestra el texto DIFERENTES TIPOS DE PROTESIS y comportamiento de rebote. A continuacin de esto, se presenta otra tabla de tres filas y tres columnas. En las celdas de la primera fila se tienen tres imgenes de 120x183, las celdas tienen la misma altura que las imgenes, pero un ancho de 140. Las imgenes fungen como hipervnculos para llevar, cada una de ellas a las pginas correspondientes que se muestran ms adelante. La tercer fila contiene tambin tres celdas con los textos mostrados, cuya fuente es Arial y tamao 1. La altura de la fila es solo lo suficiente para contener el texto correspondiente. La tercera y ltima celda, son tres celdas combinadas con texto igual a la fila anterior. La tabla tiene un ancho de 59% y todos los elementos de la pgina estn centrados.

47

Computacin Bsica II 2014


Las pginas que sern enlazadas desde la pgina principal, son: Pgina de rodilla

Pgina de hombro

Pgina de cadera

Obsrvese que cada una de estas pginas contiene un hipervnculo para regresar a la pgina principal. Nota. Utiliza las imgenes que te proporcione tu profesor, de no ser as, baja de internet algo equivalente. Puedes utilizar el tema propuesto para el diseo del este sitio o de preferencia el tema de tu Proyecto Aula.

48

Computacin Bsica II 2014

UNIDAD 2 DREAMWEAVER
INTEGRADORES:
Ejercicio 1:

Competencia

Maneja herramientas informticas vigentes, que le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

General:

Competencias Particular: Elabora pginas WEB a travs


del cdigo HTML y el editor institucional.

LOS AUTOS ELCTRICOS E HBRIDOS


Crea tu sitio y en el coloca los recursos que tu profesor te proporcionara en una carpeta (imgenes, texto y videos), te recomiendo que trabajes en la creacin de tus pginas, dentro de tu sitio para que no tengas imprevistos sobre la direccin de unidades en el sistema (no encuentra los archivos). Un tic, para observar las imgenes en el explorador selecciona presentacin en iconos grandes Sobre los marcos, te sugiero que guardes uno por uno dndoles un nombre que identifiques de acuerdo con su propsito. En este ejercicio integrador, crearas 4 pginas web en DreamWaver. Tambin utilizaras los siguientes elementos: tabla, imgenes, videos, estos recursos los encontraras dentro de la carpeta proporcionada por tu profesor (o en forma suelta si existen problemas para enviar la carpeta), insertaras tablas, botones flash, texto flash y marcos. En la insercin de elementos se insertaran de acuerdo al modelo, los colores y medidas de los textos y marcos pueden variar en forma mnima, se te calificara siempre y cuando no sea muy diferente al modelo propuesto. Instrucciones para crear tus pginas. Pgina 1(principal) 1.- Crear los marcos arriba, izquierda, derecha y abajo, 2.-En el marco arriba. Inserta una tabla de 3 columnas x 2 filas donde colocaras las imgenes como fondo y los dos textos con marquesina que rebote. (Se muestra en la figura 1) 3.- en el marco izquierdo, inserta un botn flash tipo corporate-blue con el texto PGINA SEMARNAT (vincular con http://www.semarnat.gob.mx), un botn flash tipo corporate-orange con el texto ELCTRICOS, un texto flash estilo arial black con el texto HIBRIDOS, un texto flash estilo batang con un texto IMGENES, cada botn se vinculara con la pgina correspondiente y todas las pginas se presentaran en el marco principal. (Se muestra en la figura 1)

49

Computacin Bsica II 2014


4.- En el marco derecho, insertar la imagen de calendario como fondo. (Se muestra en la figura 1) 5.- En el marco abajo, insertar fondo y colocar el texto. (Se muestra en la figura 1) 6.- En el marco principal, insertar fondo de imagen. (Se muestra en la figura 1)

Figura 1

50

Computacin Bsica II 2014


Pgina 2 (elctricos) 1.- insertar el marco arriba, coloca el fondo e inserta una tabla de 1 fila y 3 columnas, coloca el fondo y el texto. (Ver Figura 2) 2.- en el marco principal, insertas una tabla de 1 fila y 2 columnas coloca el fondo y el texto e inserta la imagen. (Ver Figura 2)

Figura 2

51

Computacin Bsica II 2014


Pgina 3 (hbridos) 1.- inserta el marco izquierdo y el derecho, coloca el fondo y el texto. (Ver Figura 3) 2.- inserta el marco abajo, coloca el fondo y el texto. (Ver Figura 3) 3.- en el marco principal, coloca el fondo e inserta una tabla de 1 fila y 2 columnas, inserta las imgenes. (Ver Figura 3)

Figura 3

52

Computacin Bsica II 2014


Pgina 4 (imgenes) 1.- crea una tabla de 2 filas y 2 columnas, inserta los 3 videos con el argumento autostart=false con la finalidad de no reproducirse automticamente al ejecutar la pgina. (Ver Figura 4) 2.- en la celda donde no hay videos coloca el fondo de imagen e inserta la imagen honda. Todos los videos incluyendo la tabla, el ancho y el alto son al 100%(Ver Figura 4)

Figura 4

53

Computacin Bsica II 2014


Ejercicio 2:
INSTRUCCIONES PARA DREAMWEAVER: Te deben quedar tus pginas lo ms exactas posibles en color y formato. Genera una carpeta en el escritorio con tu nombre y guarda todo lo que generes: Genera la siguiente pgina con los marcos que se muestra:

Tendr un ttulo en el marco superior, central una imagen de fondo y el de la izquierda un ttulo con tres ttulos con vieta que te llevaran los dos primeros a una pgina que a continuacin se indican y tienen que verse en el mainframe. Y el ltimo hipervnculo a tu archivo que generes en Excel. Primer hipervnculo te lleva a la pgina parques tiene que quedar como en la muestra dos tablas con el texto, color e imagen que se muestra y un hipervnculo para regresar a la pgina principal.

54

Computacin Bsica II 2014


El segundo hipervnculo te lleva a la pgina Granja donde tienes una tabla con texto y dos imgenes que te llevaran a los sitios correspondientes las pginas son: http://www.granjalasamericas.com.mx/ y http://granjatiopepe.com/, y un hipervnculo para regresar a la pgina principal

55

Computacin Bsica II 2014

56

Computacin Bsica II 2014


Competencia General: Maneja herramientas informticas vigentes, que

UNIDAD 1 EXCEL

le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

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

Elementos del ambiente de la hoja electrnica de clculo de acuerdo a su uso y funcin.


Excel es un software que permite realizar tareas contables y financieras debido al formato de hojas de clculo, estructuradas en columnas y filas que permiten registrar datos e insertar formulas en cada una de las celdas. En las celdas se introducen datos para todo tipo de clculos ya sea financieros, estadsticos, matemticos, etc,.estas permiten introducir modelos numricos para todo tipo de clculos financieros, estadsticos, matemticos. Por tanto, con ellas podremos almacenar, manipular, calcular y analizar datos numricos, de texto y frmulas. La potencia de una hoja de clculo radica en el ahorro del trabajo que trae consigo, ya que ser suficiente desarrollar un anlisis con unos datos concretos y al modificar cualquiera de esos datos, automticamente, toda la hoja se modifica basndose en ellos. A una hoja de clculo podemos agregarle imgenes, lneas, cuadros de texto, grficas, etc. La versin que utilizaremos en este curso ser Excel 2010, facilita la creacin de libros de clculo, que pueden incluir varias hojas en su interior. Introduciendo datos en sus celdas y mediante unas cuantas frmulas, puede realizar clculos complejos de manera rpida y automatizada, tambin puede graficar los datos para producir trabajos claros y profesionales. Los modelos desarrollados en la hoja de clculo pueden acompaarse de una grfica que presenten de forma representativa los datos que contiene. Las posibilidades de grficas en Excel son absolutamente ilimitadas, el programa dispone de 14 tipos de grficas diferentes, cada uno de ellos integra a su vez varios formatos y la posibilidad de personalizarlos cambiando la orientacin, aadiendo comentarios, etc. Excel como Base de Datos: Son hojas de clculo cuya informacin es procesada con base en una estructura lgica definida en ella, podr ordenar, buscar y administrar convenientemente una gran parte de la informacin usando operaciones estndar. Excel con Macros: Programa funciones personalizadas. La hoja de clculo est compuesta por celdas que son la unidad fundamental. Cada celda se forma por la interseccin de una columna y una fila, en ella se puede introducir hasta 256 caracteres. Las columnas se nombran desde la A hasta la Z y contina por la AA hasta la XFD, y 1048576 filas numeradas desde la 1 hasta la 1048576. Las celdas se identifican con el nombre de la columna en la que estn situadas seguida por el nmero de la fila. Por ejemplo A1 como se muestra en la imagen que esta abajo.

57

Computacin Bsica II 2014


El ambiente grfico es la presentacin del entorno de trabajo para Excel 2010 se basa ahora en conteniendo Fichas o cintas con comandos como los veremos a continuacin. grupos

La pantalla de Excel
El aspecto que ofrece la ventana de la aplicacin de Excel 2010 es igual a la que aparece en cualquier ventana de Office, es prcticamente igual en cuanto a estructura y manejo, las diferencias se dan en las tareas especficas propias del tipo de aplicacin. Incorporando sus propias variaciones. Los elementos de la pantalla de Microsoft Excel 2010 son las siguientes:

58

Computacin Bsica II 2014


Las cintas o fichas de opciones se han diseado en forma de grupos lgicos relacionados con una actividad como dar formato, hacer referencias, etc.

La Ficha inicio
Esta Ficha contiene los grupos de Portapapeles, Fuente, Alineacin, Numero, Estilos, Celdas y Modificar, cada una de ellas contiene a su vez las que sirven para dar formato.

La Ficha insertar
En ella se pueden ver los grupos de opciones, Tablas, Ilustraciones, Grficos, Mini grficos, Filtros, Vnculos, Texto y Smbolos los cuales, a su vez contienen una serie de botones que sirven para insertar diferentes objetos como pueden ser imgenes, tablas, formas, SmartArt, grficos, hipervnculos, cuadro de texto etc.

La Ficha diseo de pginas


Temas, Configurar pgina, Ajustar rea de impresin, Opciones de hoja y Organizar, son los grupos de opciones que se encuentran en esta Ficha, adems de los botones ms importantes para poder configurar la hoja de trabajo, como son: mrgenes, orientacin, tamao, rea de impresin, imprimir encabezados y pie de pgina etc.

La Ficha formulas
Esta Ficha incluye los grupos: Biblioteca de funciones, Nombres definidos, Autora de frmulas, Clculo, bsicamente contiene los botones que servirn para realizar todo tipo clculos.

59

Computacin Bsica II 2014


La Ficha datos
Los botones de estos grupos son para manejar los datos de la tabla de la hoja de clculo como ordenar datos externos, conexiones, ordenar y filtrar, herramientas de datos y esquemas.

La Ficha revisar
Esta Ficha contiene los grupos para dar revisin al archivo de la hoja de clculo que se est trabajando, como revisin, idioma, comentarios y cambios

La Ficha vista
Vista que contiene grupos para desplazarse con ventanas dentro del el rea de trabajo como son: vistas de libro, mostrar, zoom ventana y macros.

Barra de frmulas:
Es la barra donde se van a editar los datos introducidos en la hoja de clculo. Est dividida en tres partes. En la parte izquierda, aparece la referencia a la celda que est seleccionada en la hoja, se le denomina celda activa. En la celda activa se introducen y editan los datos. La segunda divisin de la barra de frmulas, que solo se activa cuando se estn introduciendo o modificando datos, sirven para aceptar o descartar los datos que se acaban de introducir. La ltima parte de la barra, edita el contenido de la celda activa, independientemente del formato de la celda.

60

Computacin Bsica II 2014


Rango
Es una porcin cuadrangular de celdas, se leen de izquierda a derecha, de arriba hacia abajo, tomando en cuenta las columnas y las filas y entre ellos el signo de dos puntos en cuyo caso este rango se llamara: c8:e17.

Actividad de aprendizaje:
1. Abre el programa Excel 2. Imprime pantalla 3. Pega la ventana en power point y procede a colocar los nombres de los elementos de la ventana, utilizando flechas y cuadros de texto

Cuestionario
1. Cmo se define una hoja de clculo? 2. Las columnas se identifican por? 3. Las filas se identifican por? 4. Una celda se define como? 5. Un rango se define como? 6. Cmo se selecciona un rango discontinuo? 7. Cmo se debe de escribir una formula en la barra de frmulas?

61

Computacin Bsica II 2014

62

Computacin Bsica II 2014


Competencia General: Maneja herramientas informticas vigentes, que

UNIDAD 1 EXCEL

le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

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

Herramientas para edicin y formato.


En esta clase vamos a aprender la edicin de datos, a darle formato a una hoja de clculo, a la celda; copiar y pegar; insertar encabezado y pie de pgina; autoformato de tabla y celda, etc, utilizando Excel 2010. En la ficha inicio tenemos en el primer grupo llamado portapapeles las opciones de copiar, cortar y pegar.

Grupo Portapapeles

Con estos comandos puedes duplicar mover y copiar formato de celdas en una hoja de clculo. Existen diferentes mtodos para realizar estas acciones

Mover celdas
En ocasiones almacenamos informacin en una celda en forma equivocada, recuerda que el uso de la computadora es para ahorrar tiempo y esfuerzo, no es necesario que borres y vuelvas a escribir la informacin en la celda correcta, simplemente mueve la informacin a la celda especfica, para esto haz lo siguiente: 1. Selecciona la celda que contiene la informacin a mover 2. Haz clic en el botn Cortar o con el teclado la combinacin de teclas Ctrl + X 3. Selecciona la celda donde deseas almacenar la informacin 4. Haz clic en el botn Pegar o con el teclado la combinacin de teclas Ctrl + V Existe un mtodo ms rpido para mover la informacin y es a travs del mouse, para esto haz lo siguiente: 1. Selecciona la celda que contiene la informacin 2. Ubica el puntero del mouse en cualquier borde de la celda 3. Haz clic sostenido, arrastra y suelta en la celda deseada.

63

Computacin Bsica II 2014


Copiar celdas
Para copiar una o varias celdas a otra posicin, puedes de la siguiente manera: Selecciona la o las celdas a copiar. 1. Haz clic en el botn Copiar, o bien, mediante la combinacin de teclas CTRL + C 2. Observa como aparece una lnea punteada alrededor de la o las celdas copiadas lo cual te indica que la informacin est colocada en el portapapeles. Para pegar la informacin del portapapeles a la hoja haz lo siguiente: 1. Selecciona la o las celdas sobre las que quieres copiar la informacin del portapapeles. 2. Haz clic en el botn Pegar, o bien, utiliza la combinacin de teclas CTRL + V. Debes tener cuidado, ya que al pegar unas celdas sobre otras que no estn vacas, se borrar el contenido de stas ltimas. Si deseas quitar la lnea punteada alrededor del rea copiada, oprime la tecla Esc del teclado, mientras tengas activada la lnea punteada puedes volver a pegar el rango en otras celdas sin necesidad de volver a copiar.

Pegar
Cada vez que pegas se copia el texto tal y como lo copiaste, con el formato que tena. Por ejemplo, si copias algo que estaba en estilo cursiva y tamao 20, al pegar se pegar tambin en cursiva y tamao 20. En ocasiones puede interesarte que no se copie el formato, para solucionar esto existen las Opciones de pegado. Debajo del icono Pegar aparece una flecha. Si haces clic en ese icono se despliega una lista con las opciones que puedes ver en esta imagen. En algunas ocasiones te puede interesar copiar el valor de una celda sin llevarte la frmula, o copiar la frmula pero no el formato o aspecto de la celda, es decir, elegir los elementos del rango a copiar. Esta posibilidad nos la proporciona el Pegado especial. En la opcin Pegar como imagen, en caso de que el contenido de la celda sea texto este se pegar como imagen y no podr ser modificada. En la opcin Pegar vnculos de imagen, aparecer en la barra de frmulas la direccin de la ubicacin del objeto que copiaste.

Copiar formato
Este icono te permite copiar las caractersticas de formato de una celda para aplicarlas a otras celdas, solo copia el formato dejando la informacin igual como estaba. Este icono se puede utilizar para copiar un formato una vez o para copiar un formato varias veces. Haz clic sobre la celda de la cual quieres copiar el formato, haz clic en el icono de copiar formato, el cursor tomar la forma de brocha, colcalo sobre la celda en la que quieres copiar el formato, y haz clic sobre ella, y para terminar vuelve a hacer clic en el icono de copiar formato para desactivar esta funcin.

64

Computacin Bsica II 2014


El portapapeles
Puedes acceder al Portapapeles haciendo clic en la pequea flecha que aparece en la parte inferior derecha de la seccin Portapapeles de la ficha Inicio. Para pegar uno de ellos, haz clic sobre el objeto que desees pegar. Para pegar todos los elementos a la vez, haz clic sobre el botn. Y si lo que quieres es vaciar el Portapapeles, haz clic sobre el botn. Si ya no ocupas el panel del Portapapeles, haz clic sobre su botn cerrar . Si deseas que aparezca automticamente este panel o no a la hora de copiar algn elemento, haz clic en el botn.

Copiar celdas sin utilizar el portapapeles, haz lo siguiente:


1. Selecciona las celdas a copiar. 2. Sita el puntero del mouse sobre un borde de la seleccin y oprime la tecla Control. 3. Observa como el puntero del mouse se transforma en. 4. Manteniendo oprimida la tecla CTRL, haz clic sostenido con el botn izquierdo del mouse y arrastrarlo hasta donde desees copiar el rango. 5. Observa como aparece un recuadro que te indica dnde se situar el rango en caso de que sueltes el botn del mouse. 6. Suelta el botn del mouse cuando elijas donde quieras copiar el rango. 7. suelta la tecla CTRL. Copiar en celdas adyacentes utilizando el autorrelleno Para copiar un rango de celdas a otra posicin siempre que sta ltima sea adyacente a la seleccin a copiar, haz lo siguiente: 1. Selecciona las celdas a copiar. a. Sita el puntero del mouse sobre la esquina inferior derecha de la seleccin, especficamente en el cuadrado negro, que es el controlador de relleno. b. Al situarte sobre el controlador de relleno, el puntero del mouse se convertir en una cruz negra. c. Haz clic sostenido en el botn izquierdo del mouse y mantenindolo oprimido, arrstralo hasta donde quieras copiar el rango. d. Observa como aparece un recuadro que te indica dnde se situar el rango. e. Suelta el botn del mouse cuando ests situado donde quieres copiar el rango. f. Despus de soltar el botn del mouse aparecer en la esquina inferior derecha de las celdas copiadas el icono de Opciones de autorrelleno .

Desplegando el botn podrs ver el Cuadro y elegir el tipo de copiado:

65

Computacin Bsica II 2014


Referencias Relativas, Absolutas y Mixtas.
Cuando copias celdas con frmulas que contienen referencias a otras celdas, como por ejemplo =A2+1, la frmula variar, dependiendo de donde vayas a copiar la frmula, esto es porque las referencias contenidas en la frmula son lo que se denomina REFERENCIAS RELATIVAS son relativas a la celda que las contiene. Si en la celda B2 tenemos la frmula =A2+1 y copias la celda B2 a la celda B3, esta ltima contendr la frmula =A3+1. A veces puede resultar incmoda la actualizacin anterior a la hora de trabajar y por ello Excel 2010 dispone de otros tipos de referencias como son las ABSOLUTAS y las MIXTAS. Para indicar una referencia absoluta en una frmula tendrs que poner el signo $ antes del nombre de la fila y de la columna de la celda, por ejemplo =$A$2, as aunque copiemos la celda a otra, nunca variar la referencia. Para indicar una referencia mixta, pondremos el signo $ antes del nombre de la fila o de la columna, dependiendo de lo que queremos fijar, por ejemplo =$A2 o =A$2. Si en las celdas a copiar no hay frmulas sino valores constantes como fechas o series de nmeros, Excel 2010 rellenar las nuevas celdas continuando la serie.

Cuadro de relleno
Cuando has copiado una celda o un rango de celdas y se ha activado el controlador de relleno y si lo que copiaste es una frmula o un valor cualquiera se realizar la copia normal, sin embargo existen varias series de fechas, horas o meses que modificar la operacin normal de copiado.

GRUPO FUENTES Los caracteres son todas las letras, nmeros, signos de puntuacin y smbolos que se escriben como texto. Las letras incluidas en imgenes, no se consideran caracteres a estos efectos y no se les pueden aplicar los formatos de este grupo, los comandos que lo conforman son: Fuente, tamao, estilo, borde, relleno de celda, aumentar, disminuir y color de letra. GRUPO ALINEACIN
Con los primeros tres botones puedes aplicar una alineacin vertical, orientacin gira el texto a un ngulo diagonal o vertical, ajustar texto hace que todo el contenido sea visible dentro de una celda,

66

Computacin Bsica II 2014


GRUPO NMERO:
Los comandos de este grupo te permiten aplicar diferente formato de nmero los cuales tienen las siguientes categoras: General, numero, moneda, contabilidad, fecha corta, fecha larga, hora, porcentaje, fraccin, cientfica y ms formatos de nmeros. De manera inmediata los comandos que ofrece este grupo de ms del anterior son: Formato de nmero de contabilidad, estilo porcentual, estilo millares, aumentar y disminuir decimales.

GRUPO ESTILOS:
Dentro de este se manejan tres comandos directos los cuales son: Formato condicional, dar formato como tabla y estilos de celda. El primero resalta bajo ciertos criterios los datos de las celdas, el segundo da opciones de estilos de tablas predeterminadas y el tercero nos permite decidir qu tipo de letra, relleno, etc., tendr la celda.

GRUPO CELDAS
En este grupo se encuentran tres comandos que permitirn, eliminar, insertar (celdas, columnas y filas) y dar formato de tamao de celda (ancho y alto), visibilidad, organizar hojas y proteccin.

GRUPO MODIFICAR
Aqu podrs ejecutar una suma, manejar serie de datos, elimina el contenido de la celda o el formato que tiene, permite organizar los datos, los ordena ascendentemente o descendentemente y muestra opciones de bsqueda y bsqueda avanzada, remplaza letras, palabras y salta directamente a palabras o lugares concretos de la informacin.

67

Computacin Bsica II 2014 Actividad a desarrollar:


Instrucciones: Reproduce el siguiente modelo, transcribiendo la informacin y aplicando los formatos que se
presentan en la imagen, haciendo lo siguiente:

68

Computacin Bsica II 2014

UNIDAD 1 HTML
FORMULAS

Competencia General: Maneja herramientas informticas vigentes, que


le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

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

Frmulas y Funciones (parte 1).


Las formulas son expresiones que ayudan a realizar operaciones matemticas o lgicas, pueden contener nmeros, variables, referencias de celdas, operadores, texto, etc.

Operadores:
Los operadores son los signos que necesitamos en las formulas o funciones para crear operaciones matemticas o funciones, en Excel tenemos 3 categoras de operadores matemticos, de comparacin y de concatenacin. OPERADORES OPERADOR + * / ^ % = > < >= <= <>

TIPO ARITMTICOS

OPERACIN Suma Resta Multiplicacin Divisin Exponenciacin Porcentaje Igual que.. Mayor que Menor que Mayor o igual que Menor o igual que Diferente que Rango, produce una referencia para todas las celdas ente las dos referencias Une los rangos introducidos dentro de una formula Calcula la interseccin de los rangos indicados

COMPARACIN

REFERENCIA

: , espacio

69

Computacin Bsica II 2014


FUNCIONES
Una funcin es una frmula predefinida por Excel que opera sobre uno o varios valores llamados argumentos en un orden o estructura determinada, el resultado se mostrar en la celda donde se introdujo la frmula. Los argumentos pueden ser nmeros, texto, valor lgico como falso o verdadero, valores de error, referencias de celda, etc. Excel cuenta con una variedad de funciones como financiera, fecha y hora, matemticas y trigonomtricas, estadsticas, bsqueda y referencia, base de datos, texto, informacin, ingeniera, etc. Para introducir una funcin en la barra de frmulas es necesario escribirla con la estructura o sintaxis correcta. La sintaxis de cualquier funcin inicia con un smbolo de igual (=) seguido del nombre de la funcin, se abre parntesis y se escribe el primer argumento, un punto y coma el segundo argumento, punto y coma, y as sucesivamente de acuerdo al nmero de argumentos que contenga para que al final se cierre el parntesis. Ej. =nombre de la funcin (argumento 1; argumento 2, etc.) Reglas para trabajar con funciones: 1. Siempre inicia con el signo igual (=) 2. Los argumentos o valores de entrada siempre van entre parntesis sin espacios antes o despus de cada parntesis. 3. Los argumentos pueden ser formulas, funciones, valores constantes, etc. 4. Los argumentos deben separarse por un punto y coma (;) cuando se ingresan uno por uno los argumentos y se separan por dos puntos (:) cuando se indica desde donde va la operacin y hasta donde llega. Ejemplos: Con punto y coma: =SUMA(A1;B2;C3;C8) Con dos puntos: =SUMA(A1:A12) En la las frmulas pueden aparecer varias funciones dentro de la misma frmula, algunos ejemplos de esto son: =SUMA(A1:B4)/SUMA(C1:D4) Lo que se est haciendo es realizar dos sumas y el resultado de la primera dividirlo por el resultado de la segunda. =SUMA(A1:B4)*SUMA(C1:D4) Lo que se est haciendo es realizar dos sumas y el resultado de la primera multiplicarlo por el resultado de la segunda. Se pueden realizar muchas combinaciones de funciones en una sola frmula, segn lo que se necesite. Funcin RAIZ o RCUAD La funcin de RAIZ o RCUAD nos devuelve la raz cuadrada de un nmero la diferencia en el nombre varia en algunas versiones de Excel 201o, su sintaxis seria la siguiente: =RAIZ(nmero) o RCUAD(nmero) Ejemplo: =RAIZ(25) o RCUAD(25) Como resultado nos dar el nmero 5, ya sea que demos el nmero o la celda donde se encuentra dicho nmero.

70

Computacin Bsica II 2014


Observacin Si el nmero fuera negativo como resultado nos presentara el siguiente error: #!Num

Funcin PROMEDIO La funcin PROMEDIO nos permite obtener el promedio o media aritmtica de un conjunto de valores, pueden ser celdas individuales o rangos de celdas, su sintaxis seria la siguiente. =PROMEDIO(nmero1,[nmero2],.) Ejemplo: Esta imagen representa el promedio de un rango de Celdas

Como resultado obtendramos un 9 ya que lo que hace Excel seria lo siguiente (8+9+10)/3. La siguiente imagen representa el promedio de celdas individuales.

Funcin MIN La funcin MIN nos devuelve el mnimo valor de un conjunto de nmeros, su sintaxis es la siguiente. =MIN (nmero1,[nmero2],.) Ejemplo: =MIN(5,7,8,3,4,6,1,2,4,5) Como resultado nos mostrara el nmero 1, de igual forma puede ser nmeros, un rango de celdas o celdas individuales.

Funcin MAX La funcin MAX nos devuelve el mximo valor de un conjunto de nmeros, su sintaxis es la siguiente.

71

Computacin Bsica II 2014


=MAX (nmero1,[nmero2],.) Ejemplo: =MAX(5,7,8,3,4,6,1,2,4,5) Como resultado nos mostrara el nmero 8, de igual forma puede ser nmeros, un rango de celdas o celdas individuales. Funcin CONTAR La funcin CONTAR cuenta la cantidad de celdas que tienen nmeros, su sintaxis es la siguiente. =CONTAR(valor1, [valor2],) Ejemplo:

En este ejemplo el resultado que nos mostrara seria 7, aunque nosotros tenemos seleccionado un rango de 8 celdas solo cuenta aquellas celdas que contengan un nmero. Funcin CONTAR.SI La funcin CONTAR.SI cuenta el nmero de celdas dentro de un rango que cumplan con cierto criterio especificado por el usuario, ya sea un nmero una letra o una palabra, su sintaxis es la siguiente. =CONTRA.SI(rango,criterios) Ejemplo: En este caso queremos saber cuntos departamentos tiene el rea A, si nos damos cuenta la A, debe de ir entre comillas ya que es un carcter, como resultado nos dar un 3.

72

Computacin Bsica II 2014

En este segundo caso queremos saber a cuantos departamentos se les dio un presupuesto del 15%, si nos damos cuenta el 0.15 ya no va entre comillas ya que representa un valor numrico, en este caso como resultado no dar un 2. Si quisiramos condicionar todava mas por ejemplo contar los departamentos cuyo presupuesto sea menor a 15% seria de la siguiente manera: =CONTAR.SI(C3:C9,<.15) Se pone entre comillas por el uso del smbolo menor que <. Formato Condicional El formato condicional en Excel nos permite dar formato especfico a un rea segn se cumplan las condiciones que establezcamos, el comando de formato condicional se encuentra en la ficha INICIO, grupo de trabajo ESTILOS. Formato condicional tiene una gran variedad de opciones como son:

Resaltar reglas de celdas.- esta opcin nos permite resaltar las celdas las cuales cumplan con alguna de las condiciones establecidas, usando el ejemplo anterior queremos resaltar aquellas celdas en el cual el presupuesto es menor al 10%, para ello seleccionamos el rango de celdas de presupuesto el cual es de C3:C9, nos vamos a

73

Computacin Bsica II 2014


Formato condicional/Resaltar reglas de celdas/Es menor que, aqu nos mostrara la siguiente ventana.

En la primera opcin colocamos el 10%, en la segunda opcin nos permite elegir la forma en la cual se va a resaltar la cual cuenta con las diferentes opciones:

Podemos escoger alguna de las opciones establecidas o personalizar nuestro propio formato, en cuyo caso seleccionamos la opcin de Formato personalizado, con lo cual nos presentara la ventana de formato de celdas, la cual ya se vio en temas anteriores para poder personalizar nuestra celda, de todas formas aqu dejamos una muestra.

De momento vamos de dejarlo con la primer opcin Relleno rojo claro con testo rojo oscuro, con esto todos aquellos valores que sean menores al 10% quedaran con este formato, ejemplo.

Si ninguna de las reglas que se encuentra en esta seccin nos favorece, en la parte inferior de cada listado de opciones se encuentra la opcin de Ms reglas, don al dar clic sobre ella nos presentara la siguiente ventana.

74

Computacin Bsica II 2014

Con esto n os permitir crear una nueva regla para aplicar a nuestras celdas. Ejemplo con Barra de datos. Ahora queremos que nos muestre el presupuest usando barra de datos, para ello seleccionamos el rango de celdas de presupuesto el cual es de C3:C9, nos vamos a Formato condicional/Barra de datos, aqu seleccionamos la opcin Barra de datos azul claro y con esto quedar nuestra rango de presupuesto de la siguiente manera.

Debemos de tomar en cuenta que el valor ms grande es el que tomara como el 100%, por ejemplo cambiemos el valor de 10% por 80% y el resultado ser el siguiente.

Automticamente cambian las barras.

75

Computacin Bsica II 2014 Actividad a desarrollar:


Captura la siguiente informacin en una hoja de clculo en Excel quedando de la siguiente manera:

Por medio de la funcin PROMEDIO obtener los resultados de la columna G En la columna H que es Promedio Final debemos obtener el promedio en un rango de 0 a 10. Con las funciones PROMEDIO, MAX, MIN, CONTAR.SI, contestar las preguntas Al rango de celdas C2:F11 poner un formato condicional en el cual los nmeros menores a 60 deben quedar con Relleno rojo claro con texto rojo oscuro Para finalizar a la columna H poner un formato condicional de barra de datos azul El ejercicio deber quedar de la siguiente forma:

76

Computacin Bsica II 2014


Cuestionario:
1.- Que resultado nos da Excel al realizar la siguiente operacin: =Raiz(-25) a) -5 b) 5 c) #!Num d) Valor errneo 2.- Si queremos contar la cantidad de celdas con informacin en un rango utilizamos la funcin: a) CONTAR b) CONTAR.SI c) PROMEDIO d) SUMAR 3.- Funcin que obtiene el valor mximo de un rango de celdas a) CONTAR b) MIN c) RAIZ d) MAX 4.- Funcin que me suma un rango de celdas y las promedia a) CONTAR b) CONTAR.SI c) PROMEDIO d) SUMAR 5.- Funcin que permite obtener el mnimo valor de un rango de celdas a) CONTAR b) MIN c) RAIZ d) MAX 6.- Permite contar las celdas que cumplan con cierto criterio en un rango de celdas a) CONTAR b) CONTAR.SI c) PROMEDIO d) SUMAR 7.- Comando que me permite darle un formato a las celdas que cumplan con una condicin a) PROMEDIO b) FORMATO CONDICIONAL c) CONTAR.SI d) MAX

77

Computacin Bsica II 2014


8.- Formato condicional que me permite colocar iconos a) Barras de estado b) Conjunto de iconos c) Barras de color d) Resaltar reglas de celdas 9.- Como utilizamos la funcin CONTAR.SI, si queremos que nos cuente cuantas celdas tenemos en el rango (A5:A15) cuyo valor sea mayor que 20 a) b) c) d) CONTAR.SI(A5:A15,<.20) CONTAR.SI(A5:A15,<.20) CONTAR.SI(A5:A15,>.20) CONTAR.SI(A5:A15,>.20)

10.- Como podemos resolver la siguiente operacin en Excel: = 15 + 152 4 5 3 25

a) b) c) d)

-15+RAIZ(15*15-4*5*3)/2*5 (-15+RAIZ(15*15-4*5*3)/2*5) (15+RAIZ((15*15)-(4*5*3)))/(2*5) (15+RAIZ((15*15)-(4*5*3))/2*5)

11.- En algunas versiones de Excel de que otra forma podemos encontrar a la funcin de RAIZ a) RAIZCUAD b) CUAD c) RCUAD d) CUADRADA

78

Computacin Bsica II 2014

UNIDAD 1 EXCEL

Competencia General: Maneja herramientas informticas vigentes, que


le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

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

Frmulas y Funciones (parte 2).


Las funciones lgicas en Excel se utilizan en la toma de decisiones, las funciones ms usuales son las siguientes: Funcin SI Comprueba si se cumple una condicin y devuelve un valor ya sea verdadero o falso, su sintaxis es la siguiente: Sintaxis: SI(Prueba_lgica, [valor si verdadero],[valor si falso]) Prueba lgica: condicin que se evala para saber si es verdadera o falsa Valor si verdadero: valor que devolver si la condicin es verdadera Valor si falso: valor que devolver si la condicin es falsa

Ejemplo: Tenemos la siguiente tabla en Excel.

Queremos que en la columna descuento, nos coloque el tipo de descuento que se otorgara, la condicin es si tenemos menos de 5 productos se dar un 5%, si son 5 o ms productos se dar un 10%, la funcin quedara de la siguiente forma:

79

Computacin Bsica II 2014

De esta forma le estamos indicando que si el contenido de la celda A3 es menor a 5, debe colocar el valor .05, si esta condicin no se cumple el valor que nos dar ser .08, termina t el ejercicio y dale formato de porcentaje a la columna de descuento. Ejemplo de funcin SI anidada. Tenemos la siguiente tabla en Excel.

En la columna resultado debern aparecer las siguientes condiciones: 5=Reprobado, 6=Suficiente, 7=Regular, 8=Bien, 9=Muy Bien, 10=Excelente. Por lo tanto la funcin deber quedar de la siguiente manera. =SI(C3=5,"Reprobado",SI(C3=6,"Suficiente",SI(C3=7,"Regular",SI(C3=8,"Bien",SI(C3=9,"Muy Bien",SI(C3=10,"Excelente")))))). De esta forma se cumplir con todas las condiciones, como podrs observar cuando queremos que el resultado sea devuelto en forma de texto, este deber ser entre comillas. Ejemplo de funcin SI con operaciones matemticas. Tenemos la siguiente tabla en Excel.

Queremos obtener el total que el cliente va a pagar si lleva 5 o ms balones tendr un descuento del 12%, si lleva menos ser de 8%, la funcin quedara de la siguiente forma. =SI(A3<5,(C3-(C3*0.08)),(C3-(C3*0.12)))

80

Computacin Bsica II 2014


De esta forma si la cantidad es menor a 5, se le descontara al precio el 8%, si la cantidad es mayor o igual a 5 se le descontara al precio el 12%. Funcin VERDAERO La funcin VERDADERO en Excel simplemente devuelve el valor VERDADERO, esta funcin no tiene argumentos, se puede especificar en la celda solo colocando el nombre VERDADERO o como frmula =VERDADERO. Funcin FALSO La funcin FALSO en Excel simplemente devuelve el valor FALSO, esta funcin no tiene argumentos, se puede especificar en la celda solo colocando el nombre FALSO o como frmula =FALSO. Funcin NO La funcin NO devuelve el valor lgico contrario, si tenemos VERDADERO devuelve FALSO, si tenemos FALSO devuelve VERDADERO. Sintaxis =NO(valor_lgico) Funcin Y La funcin Y comprueba si todos los valores son verdaderos, si as lo son devuelve el valor VERDDERO, en caso de que uno de ellos sea FALSO, devuelve el valor falso. Sintaxis Y(valor_lgico1, valor_lgico2,) Ejemplo: =Y(5>2,2<4,4>3) En este caso devolver un valor VERDADERO, ya que 5 es mayor a 2, 2 menor a 4 y 4 mayor que 3 =Y(5>2,2>4,4>3) En este caso devolver un valor FALSO, ya que 2 no es mayor a 4 por lo tanto no se cumplen todas las condiciones.

81

Computacin Bsica II 2014


Funcin O Comprueba si alguno de los valores en su argumento es verdadero, si es as devuelve VERDADERO o devuelve faso si ninguno lo es. Sintaxis O(valor_lgico1, valor_lgico2,) Ejemplo =O(5>2,2>4,4>3) En este caso devolver el valor VERDADERO, ya que 2 de sus argumentos son verdaderos =O(5<3,8<6,6<2) En este caso devolver el valor FALSO, ya que ninguno de sus argumentos es verdadero. La funcin Y junto con la funcin O pueden utilizarse en tablas de verdad o en conjuntos como conjuncin () o (Y) y disyuncin () o (O), de igual forma pueden utilizarse la funciones VERADERO, FALSO y NO. Tambin se pueden utilizar en la creacin de circuitos lgicos para computadoras. Ejemplo.

82

Computacin Bsica II 2014 Actividad a desarrollar:


1.- Realiza la siguiente tabla en Excel

Utilizar las funciones de SI, para poder llenar las columnas de Sueldo D., Total Hr Ext., las columnas de Sueldo y Sueldo Neto realiza las operaciones necesarias. 2.- Captura los siguientes datos en Excel.

Utilizando las funciones de SI, Y, O; debes de determinar el tipo de triangulo (Issceles, Equiltero o Escaleno), tomando en cuenta los valores de cada uno de sus lados, los cuales el usuario podr cambiar. 3.- Utilizando las funciones de VERDADERO, FALSO, Y, O; realiza la siguiente tabla de verdad en Excel, ten en cuenta que los smbolos son: conjuncin () o (Y) y disyuncin () o (O).

83

Computacin Bsica II 2014


Cuestionario
1.- Funcin que comprueba si se cumple una condicin o no a) SI b) NO c) FALSO d) VERDADERO 2.- Funcin que me permite negar una condicin FALSA a) SI b) NO c) FALSO d) VERDADERO 3.- Funcin de Excel que devuelve un valor verdadero a) SI b) NO c) FALSO d) VERDADERO 4.- Funcin de Excel que devuelve un valor falso a) SI b) NO c) FALSO d) VERDADERO 5.- Funcin de Excel que devuelve Verdadero si por lo menos se cumple uno de sus argumentos a) SI b) NO c) Y d) O 6.- Funcin de Excel que devuelve Verdadero cuando se cumplen todos sus argumentos y falso cuando por lo menos no se cumple alguno de sus argumentos a) SI b) NO c) Y d) O 7.- Que condicin devolver un resultado Verdadero a) Y(5>3,8<9,15>10) b) O(5<3,8>9,15<10) c) Y(5>3,8>9,15>10) d) Y(5<3,8<9,15>10)

84

Computacin Bsica II 2014


8.- Que condicin no devuelve un valor falso a) Y(5>3,8<9,15>10) b) O(5<3,8<9,15<10) c) O(5<3,8<9,15>10) d) Y(5<3,8<9,15>10) 9.- Como podemos poner una funcin de Excel si queremos que cuando en la celda A5 el valor es 5 o menos nos devuelva la palabra Reprobado y si es mayor a 5 la palabra Aprobado. a) I(A5<=5,Reprobado,Aprobado) b) SI(A5<=5,Reprobado,Aprobado) c) SI(A5<=5,Reprobado,Aprobado) d) SI(A5>=,Reprobado,Aprobado) 10.- Que funcin debemos usar si queremos hacer una conjuncin de 2 valores a) SI b) Y c) O d) NO 11.- Que funcin debemos usar si queremos hacer una disyuncin de 2 valores a) SI b) Y c) O d) NO 12.- Si usar a) b) c) d) queremos negar el resultado de una conjuncin o de una disyuncin que funcin debemos SI Y O NO

85

Computacin Bsica II 2014

86

Computacin Bsica II 2014


Competencia General: Maneja herramientas informticas vigentes, que

UNIDAD 1 EXCEL

le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

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

Frmulas y Funciones (parte 3).


Las funciones de texto en Excel permiten concatenar cadenas de caracteres, remover los espacios en blanco, reemplazar ciertos caracteres por otros y muchas opciones ms que permiten manipular cadenas de caracteres o textos. Funcin TEXTO La funcin TEXTO convierte un valor numrico a un valor tipo texto con un formato especfico. Sintaxis =TEXTO(valor, formato) Los formatos podrn ser de la siguiente forma SI TENEMOS 1234.59 8.9 0.631 12 1234,568 44.398 102.65 2.8 5.25 5.3 QAUREMOS VERLO 1234.6 8.900 0.6 12,0 1234,57 44.398 102.65 2.8 (con los decimales alineados) USAR ESTE FORMATO =TEXTO(1234.59,"####.#") "#.000" "0,#" "#,0#"

"???.???"

5 5 3/10 (con las fracciones alineadas) Tabla extrada de la ayuda de Excel.

"# ???/???"

87

Computacin Bsica II 2014


Funcin VALOR
La funcin VALOR convierte un nmero tipo texto en un valor numrico. Sintaxis =VALOR(texto) Ejemplo Si tenemos la siguiente cantidad 1,500 en forma de texto y queremos en formato de nmero =VALOR(1,500) Esto nos devolver 1500 ya en formato numrico

Funcin NOMPROPIO
La funcin NOMPROPIO acomoda un texto el cual puede estar formado por una o varias palabras, de tal forma que la primera letra de cada palabra la pondrn en mayscula. Sintaxis =NOMPROPIO(texto) Ejemplo =NOMPROPIO(miguel othn) Como resultado nos devolver lo siguiente: Miguel Othon

Funcin CONCATENAR
La funcin CONCATENAR, permite unir hasta 255 cadenas de texto en una sola, los elementos que se unirn pueden ser textos o nmeros. Sintaxis =CONCATENAR(texto1, [texto2],) Ejemplo: Tenemos lo siguiente:

88

Computacin Bsica II 2014


Y queremos que quede todo en una sola celda, lo aremos de la siguiente forma:

El resultado que nos dar ser el siguiente:

89

Computacin Bsica II 2014 Actividad a desarrollar:


Instrucciones: Captura la siguiente informacin en Excel.

Utiliza las funciones de CONCATENAR Y NOMPROPIO, para que en la hoja2 se vea de la siguiente forma.

90

Computacin Bsica II 2014


Cuestionario
1.- Funcin de Excel que permite unir varias cadenas de texto a) CONCATENAR b) TEXTO c) VALOR d) NOMPROPIO 2.- Funcin que cambia por maysculas la primer letra de cada palabra a) CONCATENAR b) TEXTO c) VALOR d) NOMPROPIO 3.- Funcin de Excel que convierte un nmero a un formato de texto a) CONCATENAR b) TEXTO c) VALOR d) NOMPROPIO 4.- Funcin de Excel que permite convertir un nmero en formato de texto a un valor a) CONCATENAR b) TEXTO c) VALOR d) NOMPROPIO 5.- Si tenemos el siguiente valor 5.75 y queremos verlo de la siguiente forma 5 , que funcin debemos usar a) CONCATENAR b) TEXTO c) VALOR d) NOMPROPIO 6.- Si tenemos el siguiente texto instituto politcnico nacional, y queremos que se vea de la siguiente forma Instituto Politcnico Nacional, que funcin debemos usar. a) CONCATENAR b) TEXTO c) VALOR d) NOMPROPIO 7.- Si tenemos texto en diferentes celdas y queremos que estn en una sola celda que funcin debemos usar a) CONCATENAR b) TEXTO c) VALOR d) NOMPROPIO 8.- Si tenemos el siguiente valor en forma de texto 8,525.20 y queremos dejarlo en forma de nmero que funcin debemos usar. a) CONCATENAR b) TEXTO c) VALOR d) NOMPROPIO

91

Computacin Bsica II 2014

92

Computacin Bsica II 2014


Competencia General: Maneja herramientas informticas vigentes, que

UNIDAD 1 EXCEL

le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

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

Frmulas y Funciones (parte 4). Frmulas aritmticas


Este es el tipo de frmulas que se utilizan con mayor frecuencia en Excel, dado su simplicidad y rapidez. Para comenzar al ingresar una frmula en Excel, se teclea un smbolo: = (igual) o tambin se puede iniciar con el signo + (ms). Luego de haber ingresado cualquiera de estos dos smbolos, Excel lo interpreta como una orden para iniciar una frmula. En las frmulas aritmticas se utilizan los siguientes smbolos: + (suma), - (resta), * (multiplicacin), / (divisin), % (porcentaje), (potenciacin). El siguiente ejemplo ilustra una frmula aritmtica bastante sencilla: Teclea en una celda: =6+4. Presione Enter y en seguida, la celda tomar el valor 10 En el ejemplo anterior, se muestra una frmula sencilla, que puede hacerse ms compleja, sin embargo, cuando los clculos se hacen ms complejos, es necesario recurrir a los parntesis para tener resultados ptimos. En el siguiente ejemplo, se pretende sumar 6 y 4, y el resultado de esta suma, dividirlo entre 2: =6+4/2, en este caso el resultado ser 8, ya que Excel lo asume como la suma de 6 y la divisin de 4/2, el ejemplo de la creacin correcta de esta frmula es: =(6+4)/2, en este caso el resultado es 5 y es la respuesta que se estaba buscando. La cualidad ms importante de las frmulas en una hoja de clculo es poder utilizar referencias, lo que significa que en lugar de dar un valor, se puede indicar una celda que puede contener este valor, con lo que se logra mayor versatilidad, adems, se pueden utilizar referencias y valores al mismo tiempo. Ejemplo....=16+(A2-3), donde A2 se refiere al valor contenido en la celda A2. En cuanto a las referencias, hay algo muy importante para tener en cuenta: hay referencias relativas y absolutas: Referencias relativas: las referencias que utiliza Excel por omisin son de tipo relativo, lo que significa que cuando se hace referencia a una celda en una frmula, realmente se est haciendo una referencia a una ubicacin de acuerdo al sitio de donde estemos haciendo la referencia. Por ejemplo si en la celda A1 escribimos la frmula =B1+2 el resultado que se muestre en la celda A1 va a ser igual a la sumatoria del valor que se encuentre en B1 ms 2, sin embargo, lo que realmente se le est diciendo a Excel es que sume 2 a la celda que se encuentra a la derecha, por lo tanto, cuando copiamos la frmula a A2, la frmula cambiar a: =B2+2.

93

Computacin Bsica II 2014


Referencias absolutas: Son aquellas que se refieren a una ubicacin fija, por ejemplo, si se desea que la suma de las celdas de la columna A y B se multipliquen con el valor de la celda C, se hara la siguiente frmula:=(A1+B1)*$C$1Tambin se puede anclar de forma individual la columna o la fila as: Columna anclada: =A1*$B1 Fila Anclada: =A2*B$

Frmulas de texto
Las frmulas ms usadas dentro de esta categora son: =DERECHA (Cadena de texto, cantidad de caracteres): extrae la cantidad determinada de caracteres de una cadena de texto de derecha a izquierda. =IZQUIERDA (Cadena de texto, cantidad de caracteres): extrae la cantidad determinada de caracteres de una cadena de texto de izquierda a derecha. =RECORTAR (Cadena de texto): quita los espacios de exceso en una cadena de texto: =MED (Cadena de texto, carcter inicial, cantidad de caracteres): extrae una cantidad determinada de caracteres de una cadena de texto de izquierda a derecha, se diferencia de la funcin =Izquierda (), en que en esta funcin nosotros determinamos el carcter del cual queremos que inicie la extraccin. =LARGO(Cadena de texto): da como resultado un nmero que corresponde a la cantidad de caracteres de la cadena elegida. =MAYUSC(Cadena de texto): convierte una cadena de texto en maysculas. =MINUSC(Cadena de texto): convierte una cadena de texto en minsculas. =NOMPROPIO(Cadena de texto): Convierte la primera letra de cada palabra que compone una cadena de texto en mayscula y el resto en minscula. =VALOR(Cadena de texto): convierte un nmero que est almacenado como texto en nmero. =CONCATENAR(Cadena de texto 1, Cadena de texto 2,): esta funcin une dos o ms cadenas de texto. Esta funcin la podemos escribir de forma abreviada de la siguiente forma: =(Cadena de texto 1) & (cadena de texto 2) & ( A continuacin se pueden observar las formulas descritas anteriormente

94

Computacin Bsica II 2014


Frmulas de Bsqueda
Las frmulas ms usadas dentro de esta categora son: =CONSULTAH(Valor buscado, matriz de bsqueda, indicador de filas, ordenado) =CONSULTAV(Valor buscado, matriz de bsqueda, indicador de columnas, ordenado) Se utilizan cuando queremos hallar un valor en una tabla de datos. La diferencia entre estas dos funciones est en que la primera busca valores horizontalmente, es decir, busca el valor en la fila superior de la tabla que sealemos, y traer el valor que est ubicado en la posicin que teclearemos en identificador de filas; la segunda hace la bsqueda verticalmente, es decir, busca el valor en la columna izquierda de la tabla que sealemos y traer el valor que est ubicado en la columna que teclearemos en indicador de columna. Esta ltima funcin es la ms utilizada, ya que las tablas ms manejadas por usuarios estn organizadas por columnas. Ambas funcin tienen cuatro condiciones, de las cuales ordenado es opcional, y se utiliza cuando queremos que la bsqueda sea exacta o no, para que sea exacta, colocamos falso, 0 (cero) en el campo ordenado, si no colocamos nada, la funcin nos va a traer el dato ms aproximado al que solicitamos y hay que tener en cuenta para esta ltima opcin, organizar la tabla de forma ascendente o descendente.

Ejemplos de aplicacin:
1- En una ferretera se han vendido ciertos productos durante 3 das (en este caso tornillos, martillos, tubos y recipientes de pegamento), se necesita saber cuntas unidades se han vendido de cierto producto (en este caso Tornillos) en el segundo da (ntese que en la frmula de este ejemplo se ha colocado H2+1 (el da que especifica el usuario ms uno, porque recuerda la fila 3 contiene el da 2 requerido).

2- Se necesita que cuando se teclee la Clave de una lista de personas en una celda (en este caso es la celda F4), automticamente nos trae el valor del Nombre del usuario y lo coloque en la celda G4, as como tambin nos debe traer el telfono tambin empleando la clave:

Frmulas lgicas Estas frmulas manejan parmetros lgicos para generar los resultados, es decir proposiciones verdaderas y falsas. Las frmulas lgicas ms utilizadas son: =SI( ), =O( ), =Y( ). Vamos a ver cada una de ellas: Frmula condicional =SI( ) Esta es una de las frmulas ms potentes de Excel. La sintaxis de esta funcin es: =SI (condicin, respuesta verdad, respuesta falso) Es una funcin con tres argumentos separados por una coma (,), aunque en algunos computadores est configurado para trabajar con coma (,).

95

Computacin Bsica II 2014


El primero de los argumentos es una condicin. Para crear condiciones se utilizan los smbolos relacionales de igualdad y comparacin: =, <, >, <=, >=, <> (distinto de). Si la condicin se cumple, es decir si es verdadera la condicin, se ejecuta la expresin que tengamos en respuesta verdad y la respuesta falso en el caso en el que la condicin sea falsa. Nota: Si en una funcin queremos comparar o escribir texto, debe estar escrito entre comillas. Para escribir un blanco escribe . Ejemplo de aplicacin: Necesitamos saber si la venta de un producto es buena o mala, para ello, determinamos que los productos con buenas ventas, son aquellas iguales o mayores que 40 unidades diarias; los productos con ventas inferiores a 40 unidades diarias se consideran malas.

Frmula lgica =y( )


La sintaxis de esta funcin es: =Y (condicin 1, condicin 2,) Esta funcin consta de dos o ms argumentos, evala si los valores que se ingresaron son verdaderos o falsos, el resultado ser verdadero si todos los argumentos son verdaderos o falso en caso de que alguno sea falso. Esta frmula es muy utilizada para determinar rangos de datos. Ejemplo de aplicacin: Necesitamos saber si un nmero est o no dentro de un rango entre 1 y 100, el resultado ser VERDADERO si el nmero es mayor que 1 y menor que 100; El resultado es Falso si el nmero est por fuera del rango:

Frmula lgica =O()


La sintaxis de esta funcin es: =O (condicin 1; condicin 2;) Esta funcin consta de dos o ms argumentos, evala si los valores que se ingresaron son verdaderos o falsos, el resultado ser verdadero si alguno de los argumentos es verdadero o falso en caso de que todos los argumentos sean falsos.

Ejemplo de aplicacin:
Una cooperativa necesita saber si es posible dar crdito a sus afiliados, para ello tiene en cuenta lo siguiente: se puede dar crdito al trabajador que adeude menos de $15000 o que tenga ahorrado en el fondo comn ms de $10000, en cualquier caso el resultado ser VERDADERO y le ser otorgado el crdito, pero en caso de que el

96

Computacin Bsica II 2014


trabajador adeude ms de $15000 y tenga ahorrado menos de $10000, le ser negado el crdito y el resultado ser falso.

Frmulas anidadas
En Excel es muy comn la utilizacin de varias frmulas dentro de una misma celda, es decir, la utilizacin de frmulas compuestas de otras frmulas o formulas anidadas. Una de las frmulas que aparece anidada ms comnmente es la funcin lgica =SI(). Para combinar frmulas, no necesariamente tienen que pertenecer al mismo grupo, por ejemplo se pueden combinar frmulas de bsqueda con frmulas de texto, frmulas matemticas con frmulas lgicas, etc. La funcin SI se puede combinar para crear estructuras anidadas del tipo: =SI (condicin1; respuesta verdad1; SI (condicin2; respuesta verdad2; respuesta falso2)) =SI (condicin1; SI (condicin2; respuesta verdad2; respuesta falso2); SI(condicin3; respuesta verdad3; respuesta falso3)) Ejemplo de aplicacin: Un profesor necesita que las notas de sus estudiantes sean cualitativas, teniendo un listado con notas cuantitativas, para ello tiene en cuenta lo siguiente: Si la nota es igual a 10 debe aparece el texto Sobresaliente. Si la nota est entre 8 y 9 (incluyendo el 8 y el 9) debe aparece el texto Bueno. Si la nota est entre 6 y 7 (incluyendo el 6 y el 7) debe aparece el texto Aceptable. -Si la nota es menor o igual que 5 debe aparece el texto Deficiente.

97

Computacin Bsica II 2014 ACTIVIDA A DESARROLLAR:


En un almacn de prendas de vestir, se necesita un formato para facturar las unidades que se vendan a ciertos clientes especiales, a los cuales se les asignar un cdigo y se guardarn sus datos (Nombre, apellido, direccin, colonia). Dependiendo del tipo de pago que realicen, se les dar un descuento as: -Si pagan en efectivo, se les dar un descuento de 500 pesos -Si pagan con tarjeta de crdito o con cheque no se dar ningn descuento. Debers slo ingresar el cdigo del cliente, el cdigo del pago, el resto de los datos o campos en blanco debern calcularse automticamente.

Nota: Debers de emplear ConsultaH o ConsultaV segn sea el caso, adems debers de emplear la funcin SI anidndole la funcin O, y para el nombre y apellido debers primero buscarlos y finalmente concatenarlos.

98

Computacin Bsica II 2014


Competencia General: Maneja herramientas informticas vigentes, que
le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

UNIDAD 1 EXCEL
Grficos

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

Los datos que introduces en Excel se pueden representar por medio de grficos, en esta leccin conocers, cmo crearlos, de que partes se componen y como modificar un grfico. Un grfico es una representacin de los datos de una hoja de electrnica a travs de figuras o lneas que permiten un anlisis e interpretacin ms claros de los mismos.

Partes o elementos de un Grfico.


Un eje vertical (denominado tambin eje de valores o eje y) y un eje horizontal (conocido tambin como eje de categoras o eje x). Los grficos 3D tienen un tercer eje, el eje de los grficos tienen normalmente dos ejes que se utilizan para medir y clasificar los datos: profundidad (denominado tambin eje de series o eje z), que permite representar los datos a lo largo de la profundidad de un grfico.

Los grficos radiales no tienen ejes horizontales (categoras), y los grficos circulares y de anillos no tienen ningn eje.

99

Computacin Bsica II 2014

1. Eje vertical (valores) 2. Eje horizontal (categoras) 3. Eje de profundidad (series)

Tipos de grficos
Excel te permite un nmero bastante grande de grficos diferentes. Adicionalmente, te permite personalizar cada una en su estilo propio. A continuacin se explicar brevemente cada una.

1. Grficos de columnas Se usan para mostrar cambios entre distintos datos dentro de un mismo perodo de tiempo, o los cambios que sufren diferentes datos a lo largo de varios perodos de tiempo.

2. Grficos de barras Son como las de columnas, salvo que los ejes estn invertidos. El eje X se localiza dnde va comnmente el Eje Y, y viceversa. Tienen el mismo uso que los grficos de columnas.

3. Grficos de lneas En estos grficos lo que se busca es resaltar la manera en que cambian los datos. Cada lnea representa una serie de datos.

4. Grficos circulares En un grfico circular se pueden representar datos contenidos en una columna o una fila de una hoja de clculo. Los grficos circulares muestran el tamao de los elementos de una serie de datos, en proporcin a la suma de los elementos. Los puntos de datos de un grfico circular se muestran como porcentajes del total del grfico circular. Son excelentes para mostrar las relaciones entre el todo y sus partes. Por ejemplo el presupuesto del gasto familiar.

100

Computacin Bsica II 2014


5. Grfico de rea Este grfico se utiliza para sealar la cantidad de cambios en los datos. Los grficos de rea destacan la magnitud del cambio en el tiempo y se pueden utilizar para llamar la atencin hacia el valor total en una tendencia. Por ejemplo, se pueden trazar los datos que representan el beneficio en el tiempo en un grfico de rea para destacar el beneficio total. 6. Grfico de anillo Este grfico se utiliza para sealar cambio en un los datos a intervalos regulares. En un grfico de anillos se pueden representar datos organizados nicamente en columnas o en filas de una hoja de clculo.

7. Grficos radiales En un grfico radial se pueden representar datos organizados en columnas o en filas de una hoja de clculo. Los grficos radiales comparan los valores agregados de un nmero de series de datos.

8. Grfico de Dispersin (xy) Este grfico se usa para mostrar la relacin entre dos o ms series de datos medidas a intervalos regulares. 9. Grfico de superficie Muestra tendencias de los valores en dos dimensiones a lo largo de una curva continua. Se pueden trazar datos que se organizan en columnas o filas de una hoja de clculo en un grfico de superficie. Un grfico de superficie es til cuando busca combinaciones ptimas entre dos conjuntos de datos. Como en un mapa topogrfico, los colores y las tramas indican reas que estn en el mismo rango de valores. Puedes utilizar un grfico de superficie cuando ambas categoras y series de datos sean valores numricos. 10. Grfico de burbujas Compara conjuntos de tres valores similar al de dispersin pero con el valor tres como tamao del marcador. En un grfico de burbujas, se pueden trazar los datos que se organizan en columnas en una hoja de clculo de manera que los valores x se muestran en la primera columna y los valores y correspondientes y los valores de tamao de burbuja se muestran en columnas adyacentes. 11. Grfico de cotizaciones Como su nombre implica, un grfico de cotizaciones se utiliza con mayor frecuencia para mostrar la fluctuacin de los precios de las acciones. Sin embargo, este grfico tambin se

101

Computacin Bsica II 2014


puede utilizar para datos cientficos. Por ejemplo, podra utilizar un grfico de cotizaciones para indicar la fluctuacin de las temperaturas diarias o anuales. Los mismos datos se pueden presentar de diferente manera, como se muestra a continuacin

GRAFICO CIRCULAR

GRAFICOS DE BARRAS APILADAS

GRAFICO DE DISPERSIN

Grficos de dispersin:

Pasos para crear un grfico 1. Especificar los datos del grfico, es decir seleccionar el rango de celdas que contengan la informacin. 2. Da clic en la pestaa Insertar 3. En el grupo Grficos, selecciona el tipo de grfico que deseas 4. En la pantalla aparecer la barra de herramientas del grfico y adems el grfico 5. La barra de herramientas se compone a su vez de tres pestaas

102

Computacin Bsica II 2014


Diseo, Presentacin y Formato. Cada una con sus respectivos grupos Pasos para cambiar entre filas y columnas Despus de crear un grfico, puedes cambiar fcilmente la manera en la que se trazan las columnas y las filas de la hoja de clculo en el grfico. 1. Verifica que tengas seleccionado el grfico 2. En herramientas de grfico da clic en la pestaa Diseo, en el grupo Datos 3. Da clic en el icono de Cambiar entre filas y columnas

Si el grfico estaba as lo cambia de la siguiente manera.

Pasos para cambiar el diseo del grfico Puedes agregar o cambiar los elementos o el formato del grfico, puedes aplicarle rpidamente aplicando un diseo predefinido. Verifica que tengas seleccionado el grfico En herramientas de grfico da clic en la pestaa Diseo, en el grupo Diseo de grficos Da clic en las flechas y escoge el diseo que Gustes, dando clic sobre l Pasos para cambiar el estilo del grfico 1. Verifica que tengas seleccionado el grfico 2. En herramientas de grfico da clic en la pestaa Diseo, en el grupo Estilo de Diseos 3. Escoge un estilo o da clic sobre las flechas para que veas ms y selecciona el que gustes

103

Computacin Bsica II 2014

Pasos para seleccionar un rea o parte del grfico


1. Verifica que tengas seleccionado el grfico 2. En herramientas de grfico da clic en la pestaa Presentacin, en el grupo Seleccionar actual 3. Da clic la flecha de elementos del grfico.

Escoge el rea que quieres seleccionar

Pasos para agregar ttulos o leyendas al grfico 1. Verifica que tengas seleccionado el grfico 2. En herramientas de grfico da clic en la pestaa Presentacin 3. En el grupo Etiquetas, escoge el elemento que quieras insertar Pasos para cambiar el diseo y formato de los ejes 1. Verifica que tengas seleccionado el grfico 2. En herramientas de grfico da clic en la pestaa Presentacin 3. En el grupo Ejes, da clic en el icono de ejes.

104

Computacin Bsica II 2014


4. Selecciona al eje que quieres cambiar y escoge algunas de las opciones.

Pasos para agregar lneas a los ejes


Verifica que tengas seleccionado el grfico En herramientas de grfico da clic en la Pestaa Presentacin En el grupo Ejes, da clic en el icono de Lneas de la cuadricula Escoge qu tipo de lneas deseas para tu grfico, ya da clic en algunas de las opciones.

Pasos para aplicar formato al grfico


1. 2. 3. 4. Verifica que tengas seleccionado el grfico En herramientas de grfico da clic en la pestaa Formato Selecciona el elemento del grfico al cual le quieras dar formato Selecciona el grupo deseado, dependiendo el formato que quieras aplicar

Estas opciones te permitirn aplicar diversos estilos sobre tus grficos. Si no quieres utilizar uno de los preestablecidos puedes utilizar las listas Relleno de forma, Contorno de forma y Efectos de forma para personalizar an ms el estilo del grfico.

Pasos para mover un grfico 1. Si lo desea mover dentro de la misma hoja 2. Selecciona el grfico y sin dejar de presionar el botn derecho del mouse arrastra el grfico a la nueva posicin. 3. Cuando seleccionas el indicador del mouse se convierte en una cruz. 4. En la pantalla aparece el recuadro del grfico. Observa la figura

105

Computacin Bsica II 2014


Si lo quieres mover de hoja: 1. Selecciona el grfico 2. En la pestaa Herramientas de trabajo, en diseo 3. Presiona el icono de Mover grfico 4. Especfica a que hoja lo quieres cambiar Pasos para cambiar el tamao de un grfico 1. Selecciona el grfico 2. Una vez que seleccionas un grfico, este se marca en un recuadro con los controladores de tamao. 3. Elige uno de los controladores de tamao 4. Cuando el puntero se convierta en una Arrastra el controlador para agrandar o reducir el grafico.

106

Computacin Bsica II 2014

UNIDAD 1 EXCEL

Competencia General: Maneja herramientas informticas vigentes, que


le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

Competencias Particular: Utiliza herramientas de la hoja electrnica de


clculo para la administracin de datos en sus diversos contextos.

Administracin de datos (parte 1).


ORDENAR Y FILTRAR Ordenar, clasificar de manera alfabtica ascendente o descendente nuestra informacin. Filtrar, seleccionar aquellos registros que corresponden con algn criterio fijado. Con el filtro automtico podemos crear tres tipos de filtros: lista de valores, por un formato y criterios. ORDENAR Para Ordenar nuestros datos es necesario tener nuestros Encabezados y Registros. PRIMERO SELECCIONAR MIS DATOS QUE DESEO ORDENAR. CON SUS TTULOS SI TIENE.

Segundo me voy a la Cinta Datos Grupo Ordenar y selecciono la columna que deseo ordenar, as como el tipo de orden ya sea de manera ascendente o descendente, tanto para nmeros o texto se puede aplicar.

107

Computacin Bsica II 2014


Para ordenar los registros se pude seleccionar ms de un encabezado, seleccionando Agregar Nivel.

FILTRAR Seleccionar el rango de celdas que se desean filtrar. Desde el ttulo Proveedor hasta Total Ir a ficha Datos y Seleccionar Filtro

Y en cada combo ir seleccionando lo que requerimos.

108

Computacin Bsica II 2014

Como observamos que ya podemos aplicar un filtro, porque aparece el siguiente combo Nos muestra la pantalla siguiente donde al activar el combo se muestra las siguientes opciones:

1 2 3 4 5 6

1. Nos permite Ordenar nuestros registros 2. Nos permite Ordenar por color es decir si tenemos aplicado formato de colores en nuestros Ttulos (Campos) y Datos (Registros). 3. Podemos Borrar el filtro que aplicamos 4. Filtro por Color aparece la siguiente opcin donde podremos seleccionar los registros de los colores aplicados a nuestros registros.

109

Computacin Bsica II 2014


5. Filtro de texto aqu podremos generar nuestros criterios con las opciones que nos genera y colocando la opcin que se ajuste para obtener los datos que requerimos Una seleccin de texto que podemos realizar es que nos muestre los proveedores que comiencen con L para agregar ese criterio seleccionamos Comienza por y en la pantalla siguiente colocamos L* en caso de que lo necesitamos que termine seria *L. Puede generarse ms de un criterio. 6. O bien ir seleccionando los registros que requerimos.

Estas opciones las genera para registros de texto para registros de nmeros nos muestra las siguientes opciones:

110

Computacin Bsica II 2014 Actividad a desarrollar:


Obtener las columnas como se indican en el texto rojo. Una vez generada nuestra tabla. Realizar los siguientes filtros: Mostrar todos los Artculos que comiencen con C y A y la Cantidad sea mayor a 15, generarlo en una nueva hoja. En una nueva hoja generar el filtro que el Importe sea menor a 50 y el 20% Entre 50 y 90.
En una nueva hoja la Suma Final sea menor a 700 y Ordenar de manera descendente los Artculos.

111

Computacin Bsica II 2014

112

Computacin Bsica II 2014

UNIDAD 1 EXCEL

Competencia General: Maneja herramientas informticas vigentes, que


le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

Competencias Particular: Utiliza herramientas de la hoja electrnica de


clculo para la administracin de datos en sus diversos contextos.

Administracin de datos (parte 2).


Las tablas dinmicas son una gran herramienta de Excel ya que nos ayudan a realizar un anlisis ms profundo de nuestros datos ya que podemos filtrar, ordenar y agrupar la informacin de acuerdo a nuestras necesidades. Las tablas dinmicas en Excel reciben su nombre por su capacidad de cambiar dinmicamente la informacin agrupada con tan solo rotar las columnas o filas de la tabla.

Como crear una tabla dinmica Realizaremos la siguiente tabla, los cuales son los datos de una serie de conferencias impartidas en diferentes estados de la repblica hacia como los conferencistas, las horas de cada conferencia y el sueldo que se le otorgo por dicha conferencia, realiza la siguiente tabla en Excel.

Con estos datos responderemos las siguientes preguntas: Cuantas Conferencias se han dado en Puebla? Cunto dinero ha ganado Juan Manuel Zepeda? Cunto dinero ha ganado Jorge Enrique Zamora? Cul es el sueldo en promedio de cada ponente? Cul es el sueldo medio por estado?

113

Computacin Bsica II 2014


Vamos a empezar a responder todas estas preguntas usando las tablas dinmicas. Por lo tanto empezaremos con la primera pregunta: Cuntas conferencias se han dado en Puebla? Para esto vamos a seleccionar el rango de celdas A1:E16, el cual corresponde a seleccionar todos nuestros datos, de la siguiente forma:

Una vez seleccionado nos dirigimos a la ficha Insertar, grupo de trabajo Tablas, comando Tabla dinmica.

Dando clic sobre el aparecer la siguiente ventana:

114

Computacin Bsica II 2014


De momento vamos a dejar las opciones seleccionadas como aparecen, la primera opcin nos indica el rango de celdas que tenemos seleccionado (Hoja1!$A$1:$E$16), las segunda opcin nos indica el lugar donde aparece la tabla dinmica, en este caso en un Nueva Hoja de Clculo, damos aceptar en esta opcin. Si nos damos cuenta nos inserta la Hoja 4 con la siguiente informacin.

De nuestra lista de campo que se encuentra de lado derecho elegimos el campo Estado, el cual podemos arrastrar al rea Etiqueta de la Fila y el campo Ponente al rea de Valores.

115

Computacin Bsica II 2014

Si nos damos cuenta se ha generado la tabla dinmica, mostrando la cantidad de ponentes que ha estado en cada uno de los diferentes estados. Con esto podemos contestar nuestra primer pregunta de Cuntas conferencias se han dado en Puebla?, como podemos darnos cuenta son 3 Ponentes por lo tanto corresponde a 3 conferencias, pudimos tambin haber utilizado el campo Curso en lugar de ponente. Si deseamos ver solamente el caso de Puebla y no todos los estados damos clic en el desplegable de la celda donde se encuentra Etiquetas de fila

Quitamos la seleccin de todos y dejamos solo la seleccin de Puebla, damos aceptar y as, nos mostrara solo Puebla. De esta manera en solo unos segundos podemos obtener la informacin deseada. Ahora vamos a responder la segunda pregunta. Cunto dinero ha ganado Juan Manuel Zepeda? Ahora creremos una nueva tabla dinmica, esto es para dejar conservar la informacin anterior, por

116

Computacin Bsica II 2014


lo tanto insertamos una nueva tabla dinmica, si nos damos cuenta nos inserta una nueva hoja Hoja5, de la siguiente forma:

Ahora seleccionamos de la Lista de campos de tabla dinmica los campos Ponente y Sueldo

Con esto nos genera la siguiente informacin:

Si nos damos cuenta con esto nos genera la tabla dinmica con los sueldos de cada ponente incluyendo el de Juan Manuel Zepeda.

117

Computacin Bsica II 2014


Si nos damos cuenta con esto tambin contestamos la siguiente pregunta. Cunto dinero ha ganado Jorge Enrique Zamora? Ahora contestaremos la siguiente pregunta. Cul es el sueldo en promedio de cada ponente? Ahora creremos una nueva tabla dinmica, esto es para dejar conservar la informacin anterior, por lo tanto insertamos una nueva tabla dinmica, si nos damos cuenta nos inserta una nueva hoja Hoja6, de la siguiente forma:

Ahora seleccionamos de la Lista de campos de tabla dinmica los campos Ponente y Sueldo

Con ya sabemos que nos genera la siguiente informacin

118

Computacin Bsica II 2014


Ahora para obtener la informacin que requerimos, nos dirigimos a los a los cuadros inferiores de lado derecho que son Etiqueta de Fila y Valores

Dentro del recuadro valores tenemos la Suma de Sueldo, vamos a dar un clic en , con esto nos desplegara un men contextual, de aqu seleccionamos la opcin Configuracin de campo de valor

Con esto nos mostrara la siguiente ventana que es Configuracin de campo de valor

119

Computacin Bsica II 2014


De aqu seleccionamos la opcin de promedio y damos clic en aceptar y automticamente la tabla se vera de la siguiente forma:

Con esto ya tenemos el sueldo promedio de los ponentes. Ahora contestaremos la ltima pregunta. Cul es el sueldo medio por estado? Ahora insertaremos una nueva tabla dinmica, con lo cual insertara una nueva hoja, Hoja7.

Ahora seleccionamos los recuadros de Estado y sueldo de la Lista de campos de tabla dinmica. Con esto tendremos la tabla del sueldo que se pag por estado.

Pero lo que requerimos saber es el sueldo promedio por estado, para esto nos dirigimos a los cuadro de

120

Computacin Bsica II 2014


Etiquetas de fila y Valores.

Dentro del recuadro valores tenemos la Suma de Sueldo, vamos a dar un clic en , con esto nos desplegara un men contextual, de aqu seleccionamos la opcin Configuracin de campo de valor

Con esto nos enviara a la ventana de Configuracin de campo de valor

121

Computacin Bsica II 2014


Aqu seleccionamos la opcin de Promedio y damos aceptar y ahora la tabla automticamente nos muestra el resultado deseado.

Con esto hemos contestado las preguntas. Creacin de Grafico Dinmico Ahora vamos a crear graficas dinmicas, para esto utilizaremos los mismos datos.

Necesitamos crear un grfico que nos muestre los sueldos totales por estado, para esto seleccionamos el rango A1:E16 de la Hoja1, despus vamos a la ficha Insertar, grupo de trabajo Tablas damos clic en el comando sobre el ttulo del comando Tabla Dinmica, para que se desplieguen las siguientes opciones.

122

Computacin Bsica II 2014


De aqu seleccionamos la opcin de Grfico dinmico, esto nos desplegara el siguiente cuadro.

De aqu simplemente damos clic en aceptar, con lo cual nos insertara una hoja de clculo con los siguientes datos.

123

Computacin Bsica II 2014


De la Lista de campos de tabla dinmica seleccionamos los campos de Estado y Sueldo.

Con esto automticamente aparecer nuestra tabla dinmica y nuestro grafico dinmico.

124

ACTIVIDAD A DESARROLLAR:

Para llenar la columna Puntos se har de la siguiente forma: Cada medalla de Oro vale 3 puntos Cada medalla de plata vale 2 puntos Cada medalla de bronce vale 1 punto Por medio de tablas dinmicas contesta las siguientes preguntas: Cul es el total de medallas de Francia? Cuantas medallas de Oro tienen Espaa? Cuantas medallas de Plata tiene Inglaterra Qu pas tiene ms Puntos? Que pruebas gano ms medallas de Oro? Que Prueba gano ms medallas de Plata? Realiza las siguientes graficas dinmicas Total de medallas por Pas Total de puntos por pas Total de medallas por prueba

125

126

UNIDAD 1 EXCEL
INTEGRADORES
ACTIVIDAD 1 INSTRUCCIONES:

Competencia General: Maneja herramientas informticas vigentes, que


le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.

Competencias Particular: Utiliza herramientas de la hoja electrnica de


clculo para la administracin de datos en sus diversos contextos.

Tu profesor te proporcionara un libro de trabajo, que al abrirlo encontraras dos hojas , en la hoja llamada Datos se tienen tres tablas: en la primera debers de emplear formulas (solo para la fila 4) para obtener el importe, ispt (impuesto sobre el producto del trabajo), imss (seguro social), infonavit (vivienda) y salario neto (resultado del importe menos ispt, imss e infonavit), que posteriormente debers de copiar hacia abajo hasta donde sean necesario y las otras dos se refieren a simples catlogos que emplearas en las funciones de consulta (consultah, consultav). Las deducciones son porcentajes del importe obtenido, siendo: ipst si es mayor o igual a 3000 entonces se aplica un 12% ispt menor que 3000 entonces se aplica un 9% imss si es mayor o igual a 5000 se aplica un 8% imss si es menor a 5000 se aplica un 4% infonavit si es mayor o igual a 4000 se aplica un 7% infonavit si es menor a 4000 se aplica un 5% En la hoja llamada Recibo debers de emplear la funcin CONSULTAH y/o CONSULTAV segn sea el caso para llenar las diferentes cajas mostradas, en el recibo debers de teclear la clave (del empleado) para obtener automticamente el resto de la informacin (Empleado, RFC, Salario Neto y Departamento), tal como se muestra abajo:

Nota. El dato Clave es el nico de debers de teclear, los dems se obtienen a travs de la funcin (consultah, o consultav). 2 Genera la siguiente grfica (Clave contra Salario Neto) deber ser idntica a la de abajo:

127

Al terminar debers de crear una carpeta en el escritorio que debe contener tu archivo Excel, a la carpeta llmala como tus datos personales (apellido paterno, apellido materno, nombre y grupo).

128

ACTIVIDAD 2 Instrucciones:
Abre el archivo de Excel llamado Actividad 2 Excel, que tu profesor te proporcionara, gurdalo con tu nombre en tu memoria.

Llena la columna D usando la funcin necesaria para que aparezca el nombre de la mquina. En base a la clave de la maquina llena la columna Precio U. La columna descuento se tomara encuentra el 5 % si son menos de 3 o el 8% si son 3 o mas , El Subtotal ser el precio unitario por la cantidad El IVA ser en base al Subtotal antes del descuento El Total ser el Descuento Subtotal + IVA En la hoja 2 de Pedidos, llenarla usando la funcin de buscar.

Para finalizar realiza los siguientes grficos y tablas dinmicas. Cantidad de Maquinas por pas Vendedor que tiene ms maquinas vendidas

129

ACTIVIDAD 3 Instrucciones:
Abre el archivo de Excel llamado Actividad 3 excel.xlsx, gurdalo en tu memoria Llena la columna D y E, usando la funcin de Excel necesaria tomando en consideracin la clave de la especialidad, por ejemplo: Clave de Especialidad: A Especialidad: Ecologa Saln: 101 La columna descuento deber aparecer el 2% o el 5%, dependiendo el promedio Si el promedio es menor al 8, el descuento es el 2%, si es igual a 8 o ms el descuento es de 5%. El costo de inscripcin ser el estipulado en la tabla menos el descuento. En la Hoja 2, llamada Recibo, llena el recibo de pago usando la funcin de Buscar.

Por ultimo: Crea una tabla y una grfica dinmica que contenga el total de inscripcin segn su especialidad Crea una tabla y una grfica dinmica que contenga el total de personas segn su especialidad.

130

Вам также может понравиться