Академический Документы
Профессиональный Документы
Культура Документы
UNIDAD 2 HTML
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.
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.
UNIDAD 2 HTML
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>
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)
2. Estructura y Formato: Genera la siguiente pantalla con diferentes tamaos de texto considerando
la estructura bsica para crear pginas html.
Genera la siguiente pantalla con fondo de imagen, texto con vietas y doble lnea en medio.
UNIDAD 2 HTML
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
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
12
UNIDAD 2 HTML
TABLAS
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
Segunda fila
13
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
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
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
<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
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
19
20
UNIDAD 2 HTML
INTEGRADORES:
21
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
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
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
25
26
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
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
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
Panel insertar
Barra de titulo
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
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
32
UNIDAD 2 DREAMWEAVER
Competencia
Maneja herramientas informticas vigentes, que le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.
General:
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
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
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
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
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.
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
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
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
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:
40
UNIDAD 2 DREAMWEAVER
Competencia
Maneja herramientas informticas vigentes, que le permitan administrar y difundir informacin diversa en un contexto social, acadmico y laboral.
General:
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
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
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:
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
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
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
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
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
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
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:
49
Figura 1
50
Figura 2
51
Figura 3
52
Figura 4
53
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
55
56
UNIDAD 1 EXCEL
Competencias Particular:
Utiliza herramientas de la hoja electrnica de clculo para el procesamiento de la informacin en su mbito acadmico, social y laboral.
57
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
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 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
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
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
62
UNIDAD 1 EXCEL
Competencias Particular:
Utiliza herramientas de la hoja electrnica de clculo para el procesamiento de la informacin en su mbito acadmico, social y laboral.
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
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
65
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
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
68
UNIDAD 1 HTML
FORMULAS
Competencias Particular:
Utiliza herramientas de la hoja electrnica de clculo para el procesamiento de la informacin en su mbito acadmico, social y laboral.
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
70
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
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
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
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
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.
75
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
77
a) b) c) d)
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
UNIDAD 1 EXCEL
Competencias Particular:
Utiliza herramientas de la hoja electrnica de clculo para el procesamiento de la informacin en su mbito acadmico, social y laboral.
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
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
81
82
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
84
85
86
UNIDAD 1 EXCEL
Competencias Particular:
Utiliza herramientas de la hoja electrnica de clculo para el procesamiento de la informacin en su mbito acadmico, social y laboral.
"???.???"
"# ???/???"
87
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
89
Utiliza las funciones de CONCATENAR Y NOMPROPIO, para que en la hoja2 se vea de la siguiente forma.
90
91
92
UNIDAD 1 EXCEL
Competencias Particular:
Utiliza herramientas de la hoja electrnica de clculo para el procesamiento de la informacin en su mbito acadmico, social y laboral.
93
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
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
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
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
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
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.
Los grficos radiales no tienen ejes horizontales (categoras), y los grficos circulares y de anillos no tienen ningn eje.
99
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
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
GRAFICO CIRCULAR
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
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
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
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
106
UNIDAD 1 EXCEL
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
FILTRAR Seleccionar el rango de celdas que se desean filtrar. Desde el ttulo Proveedor hasta Total Ir a ficha Datos y Seleccionar Filtro
108
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
Estas opciones las genera para registros de texto para registros de nmeros nos muestra las siguientes opciones:
110
111
112
UNIDAD 1 EXCEL
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
Una vez seleccionado nos dirigimos a la ficha Insertar, grupo de trabajo Tablas, comando Tabla dinmica.
114
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
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
Ahora seleccionamos de la Lista de campos de tabla dinmica los campos Ponente y Sueldo
Si nos damos cuenta con esto nos genera la tabla dinmica con los sueldos de cada ponente incluyendo el de Juan Manuel Zepeda.
117
Ahora seleccionamos de la Lista de campos de tabla dinmica los campos Ponente y Sueldo
118
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
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
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
121
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
De aqu simplemente damos clic en aceptar, con lo cual nos insertara una hoja de clculo con los siguientes datos.
123
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:
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