ACTIVIDADES REFUERZO EDUCATIVO TIC 1º DE BACHILLERATO Los alumnos que no han alcanzado a lo largo del curso tendrán que realizar unos ejercicios para su realización durante el verano que tendrán que entregar el día fijado para la realización de la prueba objetiva de septiembre. Será una prueba escrita que contendrá ejercicios como los realizados durante el verano. Los criterios de calificación serán los marcados en la programación: La calificación final que se obtendrá vendrá dada en un 80% por la nota de la prueba y el 20% restante se obtendrá de los trabajos realizados durante el verano. Unidad 1.- BASE DE DATOS - Se adjunta en la página web del colegio (www.colegioalfonsoxii.com) documento con actividades a realizar Unidad 2.- PROGRAMACIÓN - Utilizando la herramienta online SCRATCH (https://scratch.mit.edu/) Realiza un juego que cumpla unos requisitos mínimos: - utilizar bloques de control - utilizar bloques de sensores - utilizar al menos una variable (bloque de datos) - Utilizar varios escenarios (cambios de unos a otros) y objetos (con disfraces) Debes registrarte para poder guardar el proyecto realizado. Unidad 3.- EXCELL - Se adjunta en la página web del colegio (www.colegioalfonsoxii.com) documento con actividades a realizar Unidad 4.- SKETCHUP - Se deben realizar los siguientes dibujos en 3 dimensiones: - Una edificación - Un paisaje con relieves - Dos objetos (muebles, herramientas, etc ) Como ayuda para la realización de las prácticas solicitadas puedes realizar las siguientes prácticas: http://africainformatica.blogspot.com.es/2015/04/sketchup-8-practicas.html Unidad 5.- PÁGINA WEB - Se adjunta en la página web del colegio (www.colegioalfonsoxii.com) documento con apuntes. San Lorenzo del Escorial, a 23 de Junio, 2015
CURSACC01.MDB Ejercicio de Microsoft Access Práctica 1. Creación de una Base de Datos y diseño de varias tablas. 1) Crear una nueva Base de Datos. Llamarla CURSACC01.MDB 2) Crear una tabla nueva para registrar la información de fichas de Clientes. Llamarla CLIENTES. Estará compuesta por los siguientes campos: Nombre del campo Tipo de datos Tamaño Propiedades CODCLIENTE Numérico Entero largo Título: CÓDIGO CLIENTE NOMBRECLI Texto 25 Título: NOMBRE CLIENTE DIRECCION Texto 50 CODPOSTAL Texto 5 Poner una Máscara de entrada Título: CÓDIGO POSTAL POBLACION Texto 25 Valor predeterminado: Barcelona TELEFONO Texto 11 FAX Texto 11 DESCUENTO Numérico Simple Formato porcentual con 2 decimales Regla validación: <0,25 ZONAVENTAS Numérico Byte Título ZONA DE VENTAS Requerido 3) Asignar como Clave Principal el campo CODCLIENTE. 4) Crear una tabla nueva para registrar la información de fichas de Articulos. Llamarla ARTICULOS. Compuesta por los siguientes campos: Nombre del campo Tipo de datos Tamaño Propiedades CODARTIC Numérico Entero largo Título: CÓDIGO ARTÍCULO DESCRIPCION Texto 30 PVP Numérico Simple Formato Estándar con 2 decimales 5) Asignar como Clave Principal el campo CODARTIC. 6) Crear una Tabla nueva para registrar la información de Pedidos. Llamarla PEDIDOS. Compuesta por los siguientes campos: Nombre del campo Tipo de datos Tamaño Propiedades NUMPEDIDO Autonumérico Entero largo Título NUMERO PEDIDO CODCLIENTE Numérico Entero largo CODARTIC Numérico Entero largo UNIDADES Numérico Simple Formato Estándar con 0 decimales FECHAPED Fecha Formato Fecha Corta 7) Asignar como Clave principal el campo NUMPEDIDO. Más ejercicios en http://superalumnos.net/ejercicios Página: 1
CURSACC01.MDB Ejercicio de Microsoft Access 8) Crear una Tabla nueva para registrar la información de las zonas de Ventas. Llamarla ZONAS. Compuesta por los siguientes campos: Nombre del campo Tipo de datos Tamaño Propiedades ZONA Numérico Byte DESCRIPCION Texto 25 Título NOMBRE DE ZONA 9) Asignar como Clave principal el campo ZONA. Práctica 2. Adquirir práctica en el uso de las hojas de datos 1) Abra la tabla ARTICULOS, y cumplimente 6 ó 7 registros. Para los precios indique diversas cantidades entre 100 y 500 (esto será útil para algunos de los ejercicios posteriores). Sugerencia: invéntese los datos, pero utilice números consecutivos para el campo CODARTIC, para facilitar más adelante la introducción de datos en PEDIDOS. 2) Abrir la tabla ZONAS, y cumplimentar 4 registros. Sugerencia: zonas Norte, Sur, Este y Oeste 3) Abra la tabla CLIENTES y cumplimente al menos 10 registros. No es preciso cumplimentar todos los campos, pero necesariamente debe rellenar CODCLIENTE, NOMBRECLI, CODPOSTAL, POBLACION, DESCUENTO y ZONAVENTAS, pues utilizaremos estos datos más adelante. En el campo ZONAVENTAS utilice exclusivamente datos que haya insertado en el campo ZONA de la tabla ZONAS. Varios clientes deberán ser de Barcelona y Madrid. Sugerencia: invéntese los datos, pero utilice números consecutivos para el campo CODCLIENTE, para facilitar más adelante la introducción de datos en PEDIDOS. Observe como las propiedades de campos que hemos definido, determinan el comportamiento de Access al introducir códigos postales (máscara) y descuentos (regla de validación); observe también que ocurre cuando intenta omitir ZONAVENTAS en algún registro (requerido). Observe como los nombres de los campos difieren de los de las columnas en aquellos campos para los cuales se ha definido la propiedad título. 4) Con la tabla CLIENTES practique los siguientes puntos: 5) Redimensione el tamaño de las columnas a las necesidades de su contenido. 6) Ordene todos sus registros en base a los datos de la columna NOMBRECLI. Observe el efecto de la ordenación en las otras columnas. Pruebe con otras columnas. Más ejercicios en http://superalumnos.net/ejercicios Página: 2
CURSACC01.MDB Ejercicio de Microsoft Access 7) Pida que Access busque un dato cualquiera dentro de su tabla. 8) Cree y aplique un filtro cada vez, capaz de: Mostrar solo clientes de la Zona de Ventas 1 Mostrar solo clientes de la Población de Barcelona Mostrar solo clientes de Barcelona y con un Descuento superior al 5% 9) Mueva la columna TELEFONO a la derecha de la columna NOMBRECLI. Pruebe otros movimientos. 10) Oculte las columnas DESCUENTO y ZONAVENTAS. Vuelva a mostrarlas. Pruebe otras. 11) Inmovilice la columna CODCLIENTE. Pruebe el efecto sobre el desplazamiento lateral de las otras columnas. Libere esta columna tras la observación del efecto. 12) Cree un nuevo registro con la particularidad que el contenido del campo CODCLIENTE ya exista en otro de sus registros. Observe la reacción del sistema (bloqueo frente la violación de la clave principal.) Práctica 3. Establecer relaciones entre tablas y experimentar con la integridad referencial. 1) Abrir la ventana de Relaciones. 2) Agregar las tablas CLIENTES, ARTICULOS, PEDIDOS y zonas para crear las relaciones entre las mismas. 3) Crear las siguientes relaciones entre las tablas correspondientes: Todas las relaciones se crearán exigiendo integridad referencial, con actualización y eliminación en cascada. Guardar el diseño de la relación. Más ejercicios en http://superalumnos.net/ejercicios Página: 3
CURSACC01.MDB Ejercicio de Microsoft Access 4) Abrir la tabla PEDIDOS y llenar entre 15 y 20 registros. Recordar que debido a la relación establecida con integridad referencial en los campos CODCLIENTE y CODARTIC solo se admitirán aquellos códigos existentes de la tabla CLIENTES y ARTICULOS respectivamente. 5) Probar de entrar algún CODCLIENTE o CODARTIC inexistente en la tabla PEDIDOS y observar el resultado. 6) Observar 2 ó mas registros en PEDIDOS con el mismo código de cliente (si no tiene registros que cumplan esta característica, créelos); estos dos registros se modificarán y se borrarán en el próximo ejercicio. 7) Cerrar la tabla PEDIDOS. 8) Abrir la tabla CLIENTES, localizar el registro correspondiente al cliente que hemos observado en el punto 6 y modificar el CODCLIENTE por otro Código no existente. 9) Cerrar la tabla CLIENTES. 10) Abrir la tabla PEDIDOS y comprobar como los dos pedidos introducidos en el ejercicio 6 han modificado su Código de Cliente. De manera análoga estos cambios podrían haber sido realizados en la tabla ARTICULOS. 11) Cerrar la tabla PEDIDOS. 12) Abrir la tabla CLIENTES, localizar el registro del cual se ha cambiado el Código y borrarlo. 13) Cerrar la tabla CLIENTES. 14) Abrir la tabla PEDIDOS y comprobar que los registros relacionados de esta tabla con el mismo código de cliente eliminado, se han borrado también de la tabla. 15) Cerrar la tabla PEDIDOS. Más ejercicios en http://superalumnos.net/ejercicios Página: 4
CURSACC01.MDB Ejercicio de Microsoft Access Práctica 4. Adquirir práctica en el diseño de consultas de selección 1) Diseñar una consulta que sea capaz de devolver todos los clientes que pertenezcan a la ZONA DE VENTAS número 1. 2) Además de el criterio anterior, esta consulta solamente deberá mostrarnos los campos CODCLIENTE y NOMBRECLI, sin mostrar el campo de ZONA DE VENTAS. 3) Modificar la consulta para que nos muestre también los registros de la ZONA DE VENTAS número 3. 4) Guardar la consulta con el nombre SELECCIÓN ZONA DE VENTAS. 5) Modificar la consulta para hacer que cada vez que ejecutemos la consulta nos solicite la ZONA DE VENTAS que deseamos ver. (Parámetros). 6) Probar su funcionamiento con diferentes Zonas de ventas. 7) Modificar la consulta para que en vez de solicitar el código de la zona de ventas, nos solicite el nombre de la zona (campo DESCRIPCION). 8) Modificar la consulta para que aparezcan solamente aquellos registros de la tabla CLIENTES con las condiciones actuales de la consulta pero además solamente deberán salir aquellos que hayan realizado alguna venta. Sugerencia: Para comprobarlo asegúrese de crear algún cliente nuevo en una zona. Este cliente no debería aparecer en el resultado de la consulta, pues no tiene pedidos. 9) Guardar la consulta. 10) Crear una nueva consulta basada en la tabla CLIENTES en la cual aparezcan los campos: NOMBRECLI, CODPOSTAL y POBLACIÓN, debiendo aparecer solamente los registros que pertenezcan a la POBLACIÓN de Barcelona. 11) Guardar la consulta con el nombre CLIENTES DE BARCELONA. Práctica 5. Adquirir práctica en el diseño de consultas de acción del tipo Actualización 1) Hacer una copia de seguridad de la tabla ARTICULOS. 2) Diseñar una consulta del tipo actualización capaz de modificar todos los valores del campo PVP de la tabla ARTICULOS, incrementando el valor de los mismos en un 15%, pero solamente a aquellos articulos cuyo valor sea menor a 250. 3) Llamar a la consulta SUBIR PRECIOS. Más ejercicios en http://superalumnos.net/ejercicios Página: 5
CURSACC01.MDB Ejercicio de Microsoft Access 4) Ejecutar la consulta y observar los cambios realizados en la tabla ARTICULOS. Si es preciso, comparar con la copia de seguridad de la tabla que hicimos en el paso 1. Práctica 6. Adquirir práctica en el diseño de consultas de acción del tipo Creación de Tabla 1) Diseña una consulta del tipo Creación de Tabla capaz de generar una copia de los campos NUMPEDIDO, CODARTIC, CODCLIENTE, ARTICULO.DESCRIPCIÓN, FECHAPED y UNIDADES, pero solamente aquellos clientes cuya POBLACIÓN sea Barcelona 2) Llamar a la nueva tabla NUEVA TABLA PEDIDOS. 3) Llamar a la consulta CREA NUEVA TABLA PEDIDOS. 4) Abrir la nueva tabla creada y observar el contenido de la misma. 5) Cerrar la tabla. 6) Ejecutar de nuevo la consulta y razonar el mensaje de advertencia que mostrará Access. Práctica 7. Adquirir práctica en el diseño de consultas de acción del tipo Datos Anexados. 1) Diseñar una consulta del tipo Datos Anexados capaz de añadir a la tabla NUEVA TABLA PEDIDOS los siguientes campos: NUMPEDIDO, CODARTIC, CODCLIENTE, ARTICULO.DESCRIPCIÓN, FECHAPED y UNIDADES, pero solamente aquellos clientes cuya POBLACIÓN sea Madrid 2) Ejecutar la consulta. 3) Guardar la consulta con el nombre AÑADIR REGISTROS. 4) Abrir la tabla NUEVA TABLA PEDIDOS y comprobar que se han agregado los registros. 5) Cerrar la tabla NUEVA TABLA PEDIDOS. 6) Ejecutar otra vez la consulta y observar el mensaje que nos presenta Access. Más ejercicios en http://superalumnos.net/ejercicios Página: 6
CURSACC01.MDB Ejercicio de Microsoft Access Práctica 8. Adquirir práctica en el diseño de consultas de acción del tipo Eliminación 1) Diseñar una consulta del tipo Eliminación capaz de eliminar de la tabla NUEVA TABLA PEDIDOS solo aquellos registros comprendidos entre dos fechas límite que nos deberá preguntar cada vez que ejecutemos la consulta (Parametros). 2) Guardar la consulta con el nombre BORRAR NUEVOS PEDIDOS ENTRE FECHAS. 3) Ejecutar la consulta. 4) Abrir la tabla NUEVA TABLA PEDIDOS y observar el efecto de la consulta. 5) Volver a ejecutar la consulta y razonar el mensaje de advertencia que mostrará Access Práctica 9. Adquirir práctica en el diseño de consulta de acción del tipo Tabla de Referencias Cruzadas. 1) Diseñar una consulta del tipo Tabla de Referencias Cruzadas capaz de devolver a su ejecución una lista completa del NOMBRE DEL CLIENTE (filas) con algún pedido, mostrando el nombre de los ARTICULOS (columna) y en la intersección de cada CLIENTE y ARTICULO representar la SUMA de Unidades. 2) Llamar a la consulta RESUMEN PEDIDOS CLIENTE 3) Realizar los cambios necesarios en esta consulta para invertir la salida de CLIENTES y ARTICULOS, es decir, en sentido vertical represente los ARTICULOS (filas) y en sentido horizontal los CLIENTES (columnas), además en la intersección de los mismos en lugar de figurar la suma de unidades de los pedidos, debe figurar el número de pedidos recibidos por cada CLIENTE y ARTÍCULO. 4) Guardar la consulta. Práctica 10. Adquirir práctica en el diseño de Formularios combinados con consultas 1) Crea una nueva consulta de selección en la que aparezcan los campos: NOMBRECLI, ARTICULO.DESCRIPCION, UNIDADES, PVP, DESCUENTO. Más ejercicios en http://superalumnos.net/ejercicios Página: 7
CURSACC01.MDB Ejercicio de Microsoft Access Añadir un campo calculado llamado NETO, que será el resultado de: Unidades * PVP * (1 DESCUENTO). Aplicar a este campo calculado el formato Euro con 2 decimales. Grabar la consulta con el nombre DESCUENTO. 2) Crea un formulario para la consulta que hemos creado en el punto anterior. El formulario deberá ser de Tipo Tabular y con todos los campos de la consulta. Grabar el formulario con el nombre DESCUENTO. 3) Crea un informe para la consulta DESCUENTO. El informe será de tipo tabular con todos los campos de la consulta y deberá estar ordenado por NOMBRECLI. Grabar el informe con el nombre DESCUENTO. 4) Crea una consulta de selección en la que aparezcan los siguientes campos: NOMBRECLI, CODPOSTAL, POBLACION, DESCUENTO. Esta consulta deberá preguntarme el nombre del cliente que quiero visualizar cada vez que la ejecute (parámetros). Sugerencia: usar en el criterio el operador Como para que se puedan utilizar comodines al introducir el nombre. Grabar esta consulta con el nombre PARÁMETROS DESCUENTO. 5) Crea una macro llamada DESCUENTO que abra la consulta que hemos creado en el ejercicio anterior llamada Parámetros Descuento. Ejecuta la macro y observa el resultado. 6) Inserta un botón de macro para la macro DESCUENTO en el pie del Formulario DESCUENTO y prueba el resultado del mismo, pulsando el botón en el Formulario, para ver los datos de los clientes. Sitúa el botón en el pie del Formulario. Práctica 11. Adquirir práctica en el diseño de Formularios 1) Crea una consulta de selección que nos presente de la tabla Artículos todos sus campos de aquellos que el articulo sea el 00001. 2) Guarda la consulta con el nombre IDENTIFICACIÓN DEL ARTICULO. 3) Crea un formulario de tipo simple para la consulta anterior. 4) Modifica el aspecto del titulo del formulario añadiendo colores, bordes y cambiando el tipo de letra. 5) Añade 2 registros a la tabla Artículos a través del formulario. 6) Guarda el formulario con el nombre IDENTIFICACIÓN DEL ARTICULO. 7) Comprueba que los registros que has añadido se encuentran en la tabla. Más ejercicios en http://superalumnos.net/ejercicios Página: 8
CURSACC01.MDB Ejercicio de Microsoft Access 8) Modifica la consulta que habíamos creado para que nos pregunte cada vez Entre el primer y el ultimo Articulo queremos ver. 9) Abre el formulario y comprueba que nos muestra los códigos de artículos que estamos pidiendo. 10) Ordena dentro del formulario los registros por la descripción. 11) Ordena los registros por el PVP. 12) Cierra el formulario. 13) Crea una nueva consulta de selección en la que aparezcan los siguientes campos: Código del cliente. Nombre del cliente. Teléfono del cliente. Descripción del articulo. Unidades pedidas. 14) La consulta nos deberá preguntar siempre mayor de cuantas unidades queremos mostrar los datos. 15) Guarda la consulta con el nombre SELECCIÓN DE UNIDADES. 16) Crea un formulario de tipo tabular para la consulta creada en el ejercicio anterior. 17) Modifica el formulario creado anteriormente para que: Todos los campos se vean en una única pantalla y no se deba usar la barra de desplazamiento horizontal. Cambiar el tipo de letra de los títulos de los campos. Modificar el aspecto del titulo del formulario. Modifica las características del formulario para que solamente se puedan leer los datos de los campos pero no se pueda modificar ni añadir nuevos registros a través del formulario. Práctica 12. Adquirir práctica en el diseño de consultas 1) Abre la base de datos, en la cual están contenidas las tablas de CLIENTES, ARTÍCULOS y PEDIDOS. 2) Crea una consulta de selección en que aparezcan: CODCLIENTE, NOMBRE, UNIDADES. 3) Modifica la consulta anterior para que aparezca también el campo PVP, y me muestre solamente aquellos que las unidades son mayores a 70. 4) Graba esta consulta con el nombre CONSULTA_SEL_1 Más ejercicios en http://superalumnos.net/ejercicios Página: 9
CURSACC01.MDB Ejercicio de Microsoft Access 5) Crea una consulta de CREACIÓN DE NUEVA TABLA en la que se creen los campos, CODARTIC, CODCLIENTE y DESCRIPCION, pero solamente aquellos que la descripción este entre las Letras A y F. 6) Llamar a la nueva tabla DESCRIPCION y guardar la consulta con el nombre DESCRIP_NUEVA. 7) Ver el contenido de la nueva tabla creada. 8) Crea una consulta del tipo DATOS AÑADIDOS, en la que aparezcan los campos CODARTIC, CODCLIENTE y DESCRIPCION y me agregue a la tabla con nombre DESCRIPCION aquellos registros que el PVP este entre 70 y 100. 9) Guardarla con el nombre AÑADIR. 10) Comprobar en la tabla DESCRIPCION el resultado de la consulta. Más ejercicios en http://superalumnos.net/ejercicios Página: 10
1.- EXCEL Realizar las siguientes prácticas: 1. Escribe la siguiente tabla. Utiliza la función BUSCARV para buscar a dos de las personas de la lista y devolver como valor su número de teléfono y en otra columna su edad. NOMBRE EDAD TELEFONO NOTA POBLACION MARIA 12 655449899 7 MADRID ANA 9 677879950 8,5 JAEN LUIS 11 655334211 9 MADRID JOSE 12 644321114 6,5 AVILA RAFAEL 17 676889000 5 MERIDA GEMA 16 606708090 6 TOLEDO ALVARO 12 655212233 8 MADRID 2. a) Escribe la siguiente tabla. Cuántas unidades debe vender (sin variar el precio) para conseguir un beneficio de 25.000? b) Cambia el formato de la tabla poniendo los datos con dos decimales y en dólares en lugar de euros PRECIO DE UNIDADES COMPRA PRECIO DE VENTA 350 90 120 PRECIO TOTAL COMPRA 31.500 PRECIO TOTAL VENTA 42.000 BENEFICIO 10.500 3. Con los siguientes datos dibuja un climograma (precipitaciones en forma de columna y temperaturas en forma de líneas; añade los valores en cada columna y cambia el relleno de la columna por un dibujo (por ejemplo gotas de agua))
4. a) Escribe, utilizando las funciones de SERIE, una serie lineal de 25 elementos cuyo primer elemento sea un -2 y el incremento sea de 5. b) suma del total (utilizando la función suma) c) calcula el promedio (utilizando la función promedio) d) Escribe una serie formado por los días laborales del mes de Mayo de 2015 5. Utilizando la función lógica SI calcula la columna de la mercancía que hay en el almacén teniendo en cuenta si ha habido entrada o salida de mercancía. En la columna observaciones pon (utilizando la función SI) ok si la mercancía en almacén es mayor de 300 y un pedir mercancía su es menor de 300 DIAS ENTRADA SALIDA MERCANCIA OBSERVACIONES LUNES 300 MARTES 15 MIÉRCOLES 25 JUEVES 8 VIERNES 50 SÁBADO 12
1.- CÓMO SON LAS PÁGINAS WEB? DISEÑO DE PÁGINAS WEB Las páginas web o documentos HTML son los documentos que conforman la World Wide Web (www). Son documentos hipertextos que ofrecen la información combinando texto, sonido, imágenes, animaciones, vídeos, es decir son multimedia. Las páginas web deben ser creadas en un lenguaje específico, el lenguaje html (HyperText Markup Language) que garantiza que cualquiera pueda visualizarlas independientemente de qué navegador utilice. Los comandos de este tipo de lenguaje se denominan etiquetas o tags. 2.- QUÉ ES UN SITIO WEB? Un sitio web es un conjunto de páginas web que pertenecen a una persona o entidad, es decir son los html que hayas creado (si tú web tiene varias páginas, que están enlazadas entre sí) más todos los recursos que han sido introducidos (fotos, videos, ). Las páginas web no deben tener un tamaño muy grande, es preferible crear varias páginas y enlazarlas entre sí. El sitio web debe estar ordenado y organizado en una carpeta guardada en tu disco duro, que posteriormente se subirá a un servidor para publicarlo. 3.- CONSORCIO PARA LA WEB (W3C) El W3C (Consorcio para la World Wide Web) es una asociación internacional que se fundó en 1994 con la intención de proponer pautas y protocolos para obtener el máximo potencial de la www y favorecer su evolución. Dentro de este organismo la parte que se encarga de la accesibilidad es WAI (Web Accessibility), cuyo objetivo es definir las WCAG (Web Accesibility Guidelines) que son estrategias, pautas y recursos para hacer las páginas web accesibles a personas con algún tipo de discapacidad (deben ser accesible para todos y de fácil acceso, manejo, Por ejemplo: Un video debería llevar subtítulos para los sordos) 1
4.- TIPOS DE PÁGINAS WEB Las páginas web se pueden clasificar según varios criterios siendo una de las clasificaciones la siguiente: a) Páginas web estáticas Son documentos html que muestran información. El nombre de estáticas no quiere decir que no tengan información en movimiento (videos, imágenes, sonido ), sino que se refiere a que su contenido sólo se actualiza cuando su creador así considera oportuno. Es decir, no permiten al usuario interactuar con ellas, sólo visualizar el contenido y utilizar los enlaces para acceder a otras páginas. b) Páginas web animadas Son páginas web estáticas pero que se han creado íntegramente con Flash. Flash es un programa que permite crear animaciones para la web, incluyendo scripts (pequeños programas código web que sirve para hacer más fácil el diseño), applets o animaciones gráficas. Flash es un programa creado por Macromedia (actualmente pertenece a Adobe), es una tecnología para crear animaciones gráficas vectoriales que se ven exactamente igual en todos los navegadores. Los usuarios pueden dibujar sus propias animaciones o importar otras imágenes vectoriales. (*) Otras aplicaciones online y gratuitas de creación de elementos multimedia son: - GIFUp -GIFMake (crea animación a partir de varias imágenes) c) Páginas webs dinámicas Al contrario que las web estáticas, las páginas dinámicas permiten al usuario interactuar con la página, por lo que se actualiza continuamente mostrando en cada momento el resultado de la acción que ha realizado el usuario (comentario, edición, ). Estas páginas están basadas en un lenguaje de programación web y en la utilización de base de datos. Ejemplos: los blogs, las wikis, foros, gestores de contenido (el administrador gestiona a los usuarios y les da privilegios de leer, escribir, editar,..), Las páginas dinámicas han dado paso a la web 2.0. donde el usuario deja de ser un sujeto pasivo y pasa a participar de forma activa en la elaboración de las sitios web. 2
5.- EDITORES DE PÁGINA WEB - Si se conoce el lenguaje HTML, las páginas web pueden crearse con cualquier editor de texto, simplemente escribiendo en dicho lenguaje y guardando el archivo con la extensión.htm o.html. - Si no se conoce el lenguaje HTML existen muchos programas (editores visuales) que permiten crear y editar páginas web de forma sencilla. Es el programa quien va escribiendo de forma automática en lenguaje html. Como el utilizado en clase (de software libre): Kompozer. WYSIWYG / WYSIWYM Los editores de texto o editores web, pueden ser de distinto tipo: WYSIWYG es el acrónimo de What You See Is What You Get (en español, "lo que ves es lo que obtienes"), es decir lo que ves (en pantalla) es lo que obtienes (en papel o en la web), como una vista previa. Permiten escribir un documento viendo directamente el resultado final. -Como por ejemplo: kompozer, googlesites, WYSIWYM es el acrónimo de What You See Is What You MEan (en español, lo que ves es lo que quieres decir ). En este caso hay una total separación entre el contenido y la presentación o formato. El usuario sólo debe preocuparse de estructurar y agregar los contenidos siguiendo su valor semántico, dejando los aspectos visuales a cargo del sistema de exportación. El usuario sólo debe indicar si se trata de un título, una sección, un autor, etc por lo que es necesario conocer a priori la estructura del documento que se va a editar. Hay quien dice que los editores WYSIWYG pueden reducir la creatividad mientras que con los editores WYSIWYM uno puede concentrarse en el qué, en la parte creativa de la obra, en generar y escribir ideas, dejando al programa que se encargue del cómo hacer para plasmar esas ideas visualmente en un documento. -Un ejemplo sería LaTex, muy utilizado para escribir documentos técnicos 6.- PUBLICAR LAS PÁGINAS WEB. Alojamiento web (Web Hosting) 1) DOMINIO Lo primero que debes hacer para tener una página web o un sitio web en Internet es registrar un dominio. El nombre de dominio (DNS) es el nombre de la página web para que las personas puedan visitarla, por ejemplo: google.com hotmail.com 3
Los dominios son nombres únicos, una vez que alguien registra un dominio nadie más puede usarlo. Lo ideal de los Nombres de Dominio es que sean nombres cortos y fáciles de recordar. Las compañías que venden nombres de dominio tienen un servicio gratuito que se denomina REDIRECCIONAMIENTO lo cual significa que si tenemos tu web por ejemplo en GEOCITIES, en una dirección bastante larga como http://www.geocities.com/area51/cavern/1706 podemos hacer que nuestro Nombre de Dominio apunte hacia esa dirección por medio del redireccionamiento y podría llamarse por ejemplo: PRUEBA.BIZ. Cualquier nombre de dominio gratis contendrá el nombre del servidor (publicidad) Para verificar si el Nombre de Dominio que queremos para nuestra página no lo tenga otra persona se hace necesario de ciertos utilitarios que nos ayudan a verificar si el Nombre que queremos comprar está disponible, para hacer una prueba, puedes utilizar el siguiente enlace entre otros: http://www.interiberica.com/whois 2) SERVIDOR WEB o SERVIDOR FTP Servidor WEB Una vez que tienes el dominio, para que las personas en todo el mundo puedan ver tu página web a, la debes alojar en un servidor web, un servidor web es una computadora que está funcionando las 24 horas del día y conectada a Internet y con una configuración especial para mostrar páginas web. Los hay de muchos tipos y de todos los precios y también gratuitos. Algunos de los lugares donde se otorga gratuitamente este espacio son: TRIPOD, ESPACIO.YA, MIARROBA, GEOCITIES, ANGEL FIRE, HOSTINGER Al obtener su espacio, su proveedor le dará un NOMBRE DE USUARIO (LOGIN) y una CONTRASEÑA (PASSWORD) Como primera opción deberás guardar la página en la que ha estado trabajando con el siguiente nombre (todo en minúsculas): index.html. El nombre index.html es como se define en todos los servidores a la página principal de un sitio, si no le ponemos este nombre a la hora de entrar a ver nuestra página, ésta no se mostrará. TITULO DE LA PÁGINA: Nombre con el que se conocerá a este sitio, puede ser cualquier cosa NOMBRE DEL ARCHIVO HTML: Aquí pondremos el nombre del archivo que hemos guardado: index.html. Tengamos en cuenta que todos los nombres de las páginas deben estar en minúsculas. DIRECCION HTML EN LA QUE PUBLICAR: Aquí deberemos escribir la dirección que nos dió nuestro proveedor del espacio, como por ejemplo: ftp://www.geocities.com/area51/cavern1706. 4
Servidor ftp Otro de modo de publicación de tu web es transferirla vía FTP (Protocolo de Transferencia de Ficheros), para lo cual es necesario utilizar un programa apropiado (cliente FTP) como, por ejemplo, el programa gftp de Linux u otros de Windows como FileZilla, CuteFTPEasyFTP, LeechFTP, etc FTP es un protocolo basado en la arquitectura cliente-servidor, de modo que desde un equipo cliente se puede conectar a un servidor para descargar archivos desde él o para enviarles archivos. Todos los programas de FTP básicamente consisten en una ventana que está partida en dos partes. En una parte podemos ver nuestro disco duro, con sus distintas unidades de disco y carpetas. En la otra parte se puede ver el sistema de archivos del servidor, con sus correspondientes carpetas. Para mover los archivos de un lugar a otro suele bastar con arrastrarlos de una parte de la ventana a la otra. Hay que configurar el programa de FTP para que acceda al espacio que tenemos asignado. Los datos de configuración los debes obtener en el lugar donde te ofrecieron el espacio, son estos: Nombre del servidor FTP: suele tener una forma como ftp.tudominio.com Usuario: tu nombre de usuario. Password: tu palabra de clave -También existen programas, como uno de los productos de FileZilla, para convertir nuestro ordenador en un servidor de FTP (en vez de ser cliente FTP) 5
INTRODUCCIÓN AL LENGUAJE HTML El código HTML está formado por etiquetas, que son instrucciones con una señal de inicio y otra de finalización. Todas las etiquetas de inicio se caracterizan porque van entre signos de menor que y mayor que (< >) y las de finalización llevan además la barra del signo de división (</ >). Para ver el código fuente de una página web solo tenemos que ir a la barra de herramientas del navegador y: 1) Si utilizas el navegador EXPLORER: Ver / Código Fuente 2) Si utilizas FIREFOX: Herramientas /Desarrollador web/ Ver código fuente de la página ó Ctrl + U Si queremos ver el código fuente de una página web que estemos diseñando con KompoZer deberemos pulsan en la parte inferior izquierda de la pantalla en el apartado: Código fuente. Tal y como se muestra en la siguiente imagen: Un ejemplo de código de una página HTML en blanco es el siguiente: Donde podemos ver las siguientes etiquetas - <html> como inicio de documento HTML y </html> como fin de ese mismo archivo - <title> marca el inicio del título y </title> su final - <head> marca el encabezamiento de la página y su final viene indicado por </head> - <body> el inicio del cuerpo del archivo y </body> como el fin Otras etiquetas son: - <p>: párrafo nuevo - <BR>: salto de línea forzado - <TABLE>: comienzo de una tabla (las filas se identifican con <TR> y las celdas dentro de las filas con <TD>) 6
- <A>: indica la existencia de un hipervínculo o enlace, dentro o fuera la página web. Debe definirse el parámetro de pasada por medio del atributo href (ejemplo: <a href="http://www.google.com">google</a> se representa como Google) - <IMG>: indica la existencia de una imagen para mostrarse en el navegador - <font color="#rrggbb">: Color del texto, representado por un código hexadecimal. - - <b>: Texto en negrita - <i>: Texto en cursiva - <u>: Texto subrayado Si en un momento dado nos interesa podemos colocar el archivo en formato código y realizar las modificaciones que deseemos en las etiquetas, que se verán reflejadas en el formato diseño. PÁGINAS EN KOMPOZER 1.-CÓMO TRABAJAR EN UNA PÁGINA EN KOMPOZER Cuando abrimos el programa de KompoZer, nos aparecerá esta ventana: En la página podremos introducir toda clases de objetos, texto... de forma muy parecida a como lo haríamos en un documento de word. En las barras de herramientas, que se muestran a continuación, podemos encontrar los iconos de las funciones más habituales: 7
En la parte inferior de la ventana, nos aparecerán unas etiquetas con las distintas vistas disponibles: Nos aparecerá tal y como lo estemos creando Nos aparecerán todos los objetos como en la vista Normal pero con etiquetas que identifican a los códigos creando No aparecerán los objetos, sino el código necesario para crearlos Nos permitirá ver cómo queda antes de publicarlo y verlo en el Internet Explorer o darle a: Archivo / Visualizar página en el navegador Es imprescindible que cuando escribamos el nombre de la página o creemos directorios, se redacten sin acentos, sin ñ, ni espacios y sin mayúsculas, ya que será más fácil trabajar con las páginas. 2.- GUARDAR UNA PÁGINA NUEVA Cuando vamos a crear una nueva página, habrá que indicarle donde guardarla, darle a guardar como para indicarle donde queremos guardar la nueva página y ponle un nombre (si la web está formada por varias páginas, llamaremos a la página inicio o principal como index ) 3.- ESCRIBIR TEXTO KompoZer nos permite introducir texto y modificarlo a nuestro gusto (en el Menú Formato), así como viñetas, sangría, 4.- INSERTAR IMÁGENES Para que las imágenes siempre aparezcan sin ningún problema en la página, tienen que estar en la misma carpeta (directorio) que la página. Y después insertarlas desde el Menú Insertar /Imagén. Se puede añadir a la imagen un texto alternativo, texto que aparecerá cuando pasemos el ratón por la imagen. 5.- HIPERVÍNCULO a) HIPERVÍNCULO ABSOLUTO: Puedes insertar un enlace a otra web (menú Insertar / enlace) b) HIPERVÍNCULO RELATIVO: Nos permite enlazar nuestra página con otra que tenemos creada dentro de nuestra carpeta o web c) HIPERVÍNCULO ANCLADO DE TEXTO: Son los enlaces que nos permiten movernos por diferentes zonas de nuestra página. Escribimos el texto que nos va a servir para movernos por la página y hacemos - Clic sobre la opción de Enlace Interno que se 8
encuentra en la barra de herramientas. Nos aparecerá el ancla delante del texto. Situar el cursor hacía donde queremos que nos aparezca el texto. - Escribir el texto identificando lo que va a hacer el enlace - Seleccionar el texto que acabamos de escribir y pulsar el botón derecho sobre él. - Nos aparecerá el Menú Contextual - Pulsar la opción Crear enlace y nos aparecerá la siguiente ventana. - Escribir el texto con el símbolo almohadilla delante de él: el símbolo almohadilla (#) es para confirmar que es un enlace anclado, y el nombre que escribimos a continuación, tiene que ser el mismo que hemos puesto en el texto alternativo del anclaje, ya que lo que queremos se identifica con este texto 9
d) HIPERVÍNCULO ANCLADO CON IMÁGENES O FLECHAS UP Se utiliza de la misma manera que el explicado anteriormente, sólo que utilizaremos una imagen para que nos permita movernos por las páginas.. FLECHAS UP son imágenes de flechas, que hacen más visual la indicación de subir o bajar, que si se hiciese con el texto. e) HIPERVÍNCULO ANCLADO CON CORREO ELECTRÓNICO Se utiliza igual que los anteriores enlaces, sólo con la diferencia que tendremos que seleccionar la opción para que identifique que es un correo electrónico. Situamos el cursor de texto en donde queramos insertar el enlace - Pulsar en el icono Enlace - Nos aparecerá la siguiente ventana: - Vamos a escribir en Texto de enlace - En Ubicación del enlace escribir el e-mail de la persona. - Activar la casilla para que el programa reconozca es un correo electrónico. 6.- ROLL OVER DE TEXTO El Roll over nos permite que al pasar por encima de un texto, éste cambie de aspecto. Vamos a realizar los pasos a seguir: - Escribir un texto, seleccionarlo y pulsar el botón derecho del ratón para acceder al Menú contextual - Seleccionar la opción Crear enlace - Nos aparecerá la siguiente ventana nueva.. 10
- En Texto del enlace aparecerá automáticamente el texto ya que lo teníamos seleccionado con anterioridad. - En ubicación del enlace tendremos que escribir la URL la cual queremos que se abra automáticamente cuando pulsemos sobre el texto. - Pulsar en el botón Aceptar - Teniendo seleccionado el texto, clic en el Menú Formato y seleccionar la opción Colores y fondo de página - Se abrirá la siguiente pantalla: 11
- Vamos a modificar el vínculo con distintos colores y fuentes, tendremos que seleccionar el texto cuando está normal, cuando es un enlace, cuando es un enlace activo y cuando ha sido visitado, pinchando en los cuadrados con colores que tenemos al lado. -Si queremos que nos aparezca una imagen de fondo, tendremos que pulsar en la carpeta y especificar la ruta en donde esté la imagen que queremos insertar. 8.- PROPIEDADES DE PÁGINA 8.1 COLOR DE FONDO KompoZer nos permite introducir color en el fondo y hasta una imagen para realizar una creación más creativa. Para ello vamos a seguir los siguientes pasos: - Pulsar en el Menú Formato y seleccionar la opción Colores y fondo de página - Nos aparecerá la siguiente ventana: Pinchando en fondo podéis cambiar el color y en la opción Imagen de fondo podéis insertar una imagen. 12
8.2 COLOR DEL TEXTO Nos permite cambiar el texto según el destino que tenga, es decir, si el texto es normal llevará un color, si es un enlace otro, y en caso de este último podrás elegir si es un enlace visitado, activo. 9. LAS TABLAS Para insertar tablas tendremos que hacerlo desde el Menú Insertar, y seleccionar la opción Tabla Si queremos modificar el tamaño de la tabla sólo tendremos que situar el puntero del ratón en una de las aristas, y cuando la flecha se convierte en una flecha de doble punta, manteniendo pulsado el botón izquierdo del ratón, arrastrar hasta que tenga el tamaño deseado. 13
Esquema resumen PÁGINAS WEB Están escritas en : lenguaje HTML Deben seguir unas pautas y protocolos propuestos en el CONSORCIO W3C Su contenido está formado por: Documento HIPERTEXTO Se diseñan con: EDITORES de pag. web Pueden crear pag.webs: Se publican en: SERVIDORES Según su función puede ser: ESTÁTICAS ANIMADAS DINÁMICAS Texto informativo Hiperenlaces Imágenes, sonido, videos, Crean vínculos a: Otras páginas web Otro tipo de documento (pdf, imágenes) Videos Direcciones de correo electrónico Otra página del mismo sitio web 14