3º Unidad Didáctica. Editores y Páginas WEB. Eduard Lara
|
|
- Antonio Vargas Sáez
- hace 8 años
- Vistas:
Transcripción
1 3º Unidad Didáctica Editores y Páginas WEB Eduard Lara 1
2 ÍNDICE 3.1 Editores para el desarrollo web Código Texto WYSIWYG (What You See Is What You Get) Software Propietario vs Software Libre Estándar de facto: Complementos (plugins) de Mozilla Firefox 3.2 Consideraciones iniciales 2
3 RECURSOS WEB Editor web permite al desarrollador escribir en el lenguaje de programación web Navegador web permite comprobar el resultado del documento que ha creado. Editores de Texto Navegadores Windows Bloc de notas Internet Explorer, Firefox, Chrome Linux Emacs, Gedit, Xedit Firefox 3
4 TIPOS EDITORES WEB Editores de código Permiten escribir y modificar archivos digitales compuestos por texto plano. Editores de texto simple Procesadores de texto Editores dedicados a la creación de páginas web Editores visuales (WYSIWYG) Permiten la edición de la visualización de la página web 4
5 EDITORES DE CÓDIGO (TEXTO) Editores de texto simple (Bloc de notas). No incorpora códigos de control que puedan «confundir» al navegador Procesadores de texto (word, wordpad). No se utilizan porque introducen caracteres extraños a la programación web. Editores dedicados (como Ultraedit). Resaltan palabras reservadas, Proporcionan listados de etiquetas, Introducen instrucciones de forma automática 5
6 EDITORES DE CÓDIGO (TEXTO) Código HTML puro y duro. 6
7 EDITORES VISUALES (WYSIWYG) What You See Is What You Get = Lo que ves, es lo que obtienes. Son programas especializados en los que se trabaja de forma gràfica. El desarrollador trabaja directamente con los elementos de la pagina web. La aplicación es la encargada de componer la estructura de código en el lenguaje elegido en función de realizaciones gráficas. El desarrollador no necesita conocer a fondo la sintaxis del lenguaje determinado. 7
8 EDITORES VISUALES (WYSIWYG) Código HTML puro y duro. Interpretación código HTML 8
9 COMPARATIVA Editor texto WYSIWYG Facilidad de aprendizaje Construcción de código Comodidad Dominio de la técnica Mas lento y complicado Lo construye el propio programador Necesita activar el navegador para ver el resultado Mejor opción para aprender y dominar el lenguaje Mas sencillo y rápido Lo construye el programa. Puede incluir código mas complejo Mas cómoda. Permiten comprobar el resultado al instante Pierde la practica de la programación 9
10 APRENDIZAJE IDEAL Conocer a fondo el lenguaje con el que se trabaja (con lo cual se puede trabajar con editores de texto sin problemas) Aprovechar las facilidades que aporta al desarrollador el uso de aplicaciones WYSIWYG (con la mejora en el rendimiento que ello conlleva). 10
11 SOFTWARE PROPIETARIO El software comercial es el software, libre o no, que es comercializado, es decir, que las compañías que lo producen, cobran dinero por el producto, su distribución o soporte. Por ejemplo la licencia del Dreamweaver: 11
12 EDITORES PROPIETARIOS First Page st Page is the tool that lets you create powerful, great looking websites faster, easier and on-time. AceHTML
13 EL STANDARD DE FACTO O NO* 13
14 SOFTWARE LIBRE VS FREEWARE Free Software (software libre): Libertad para ejecutar, copiar, distribuir, estudiar, cambiar y mejorar el software. Libre no significa no comercial Freeware (Software gratuito): Distribución sin costo y por tiempo ilimitado. No se puede modificar la aplicación (el código fuente), ni venderla. Hay que dar cuenta de su autor. Shareware: La finalidad es lograr que un usuario pague, luego de un tiempo "trial" limitado y con la finalidad de habilitar toda la funcionalidad. Se incluye el código fuente o no. 14
15 SOFTWARE LIBRE Basado en 4 libertades de usuarios del software: La libertad de usar el programa, con cualquier propósito (libertad 0). La libertad de estudiar el funcionamiento del programa, y adaptarlo a las necesidades (libertad 1). Código abierto La libertad de distribuir copias, con lo que puede ayudar a otros (libertad 2). La libertad de mejorar el programa y hacer públicas las mejoras, de modo que toda la comunidad se beneficie (libertad 3). Código abierto 15
16 EDITORES WEB (SOFTWARE LIBRE) Amaya es un proyecto de código abierto liderado por W3C o/ Desarrollo-Web_Editores-web.html 16
17 EDITORES WEB (SOFTWARE LIBRE) Nvu (pronunciado N-view) Un completo sistema de desarrollo web para Linux usuarios así como para usuarios Windows y Macintosh, que rivaliza con programas como FrontPage y Dreamweaver. 17
18 PLUGINS DE LOS NAVEGADORES Adobe Reader Adobe Flash Java Quicktime Real Player Shockwave Windows Media Player 18
19 COMPLEMENTO PARA FIREFOX: FIREBUG 19
20 MONITORIZACIÓN RED CON FIREBUG 20
21 CONSIDERACIONES INICIALES A.Planificación del trabajo Tema de la página Web Elaboración de un boceto de la página Web. Criterios almacenamiento archivos en el servidor. B. Leyes y normativas C. Rendimiento de las paginas web 21
22 PLANIFICACIÓN DEL TRABAJO 1) Indicar el tema sobre que versará la página web. 2) Elaborar un esquema o boceto de la página web. El boceto contendrá la distribución de los contenidos en la página web. Enlace1 Enlace2 Menu FOTO Texto Descriptivo Enlace pag 1 Enlace3 Enlace 4 FOTO Texto Descriptivo Enlace pag 2 22
23 PLANIFICACIÓN DEL TRABAJO El boceto contendrá los siguientes listados Listado de elementos necesarios (textos, imágenes, sonidos, enlaces, logos, etc.) para dotar de contenido a la página. Enumeración de herramientas. Contar con Herramienta Flash si se decide hacer una animación. Hoja de ruta. Guía con los pasos a desarrollar a lo largo de todo el proceso. En el futuro, se irán haciendo modificaciones respecto al diseño original. Ejemplos de bocetos de páginas web en o 23
24 PLANIFICACIÓN DEL TRABAJO 3) Criterios almacenamiento en el servidor. a) Nombre que se da a los archivos - Evitar uso caracteres especiales. No utilizar acentos, cedillas (ç), letra ñ, espacios en blanco, etc.) - Utilizar minúsculas. Algunos S.O. diferencian entre mayúsculas y minúsculas. Los programadores recomiendan programar en minúsculas - La pagina índex. 1º página que buscan los servidores cuando no se indica ningún fichero. Llamar así a nuestra página principal, con la extensión acorde al lenguaje utilizado:.html,.php 24
25 PLANIFICACIÓN DEL TRABAJO b) Organizar los archivos Un problema habitual es que la página web no cargue correctamente los componentes debido a que no se encuentra donde dice el documento-web. Es necesario organizar los elementos de la página web cuidadosamente. - Crear una carpeta raíz en la cual estarán las páginas web que se vayan desarrollando -Crear diferentes carpetas por cada tipo de elemento que lleve cada pagina: imágenes, vídeos, sonidos, animaciones, etc. 25
26 PLANIFICACIÓN DEL TRABAJO mi_sitio_web/ mi_sitio_web/index.html mi_sitio_web/pagina1.html mi_sitio_web/pagina2.html mi_sitio_web/imágenes mi_sitio_web/imágenes/imagen1.jpg mi_sitio_web/imágenes/imagen2.jpg mi_sitio_web/videos mi_sitio_web/videos/video1.avi mi_sitio_web/videos/video2.avi mi_sitio_web/sonidos mi_sitio_web/sonidos/sonidos1.wav 26
27 PLANIFICACIÓN DEL TRABAJO Direccionamiento de elementos en una pagina Direccionamiento absoluto. Al mover el directorio de una página web al servidor y cambiar el path, los elementos pueden no ser encontrados si se utiliza direccionamiento absoluto. Direccionamiento relativo.../multi/image.jpg Es la dirección relativa del elemento respecto a la página que lo llama. Método más recomendable 27
28 LEYES Y NORMATIVAS Se puede incluir desde el punto de vista legal cualquier elemento en una página web? La respuesta es no. Toda creación o invento de Internet (diseño web, imagen, texto) tiene un autor, y su uso esta sometido a ciertas restricciones. El autor es acreedor a los derechos de la propiedad intelectual, que protegen su obra Los derechos existen desde el mismo momento de la creación de la obra (no es necesario inscribirla en un registro. 28
29 LEYES Y NORMATIVAS Es necesario pedir permiso (preferiblemente por escrito) o asegurarse de que este ha sido concedido de antemano mediante una licencia Creative Commons o GNU GPL. Proveedores elementos Web gratuitos Creative Commons ( Internet Archive ( Stock.xchng ( ImageAfter ( A1 Free Sound Effects ( Bravenet (resources.bravenet.com) Free Flash Intro's ( Flash Fair ( 29
30 RENDIMIENTO PÁGINAS WEB Cuestiones relacionadas con la visualización y descarga de páginas web Navegadores web Resolución de pantalla Servidores web Peso de la página 30
31 RENDIMIENTO PÁGINAS WEB Navegadores web Navegadores con diferentes versiones, pueden soportar diferentes funcionalidades. Las primeras versiones de los mismos eran, lógicamente, menos avanzadas que las actuales. Los nuevos navegadores solucionan aquellas deficiencias que provocaban problemas de seguridad en versiones anteriores. 31
32 RENDIMIENTO PÁGINAS WEB Resolución pantalla La resolución de pantalla es el número de píxeles (unidad en la que se descompone una imagen digital) que se muestran en la misma. Ejemplo: Resolución de 1024x768 píxeles, 1024 píxeles de ancho por 768 de alto. Si un monitor está configurado con una resolución mas baja, tendrá que hacer un uso excesivo de las barras de desplazamiento para ver una página web Se suele recomendar utilizar resoluciones de 800x600 32
33 RENDIMIENTO PÁGINAS WEB Servidores web y ordenadores personales En algunos ordenadores personales la inclusión de algunos elementos en los documentos web pueden causar problemas (applets y objetos multimedia pueden ralentizar la navegación. En otros casos la lentitud en la carga de una página se puede deber a la escasa potencia de los servidores. Ejemplo: Páginas realizadas con lenguajes de script o de guiones de servidor (PHP o ASP). 33
34 RENDIMIENTO PÁGINAS WEB Peso de la página Cuantos menos elementos de gran tamaño se hayan añadido a la página, menos tardará en ser descargada por el cliente. Si se incluyen archivos grandes (Megabytes), la página tardará más en visualizarse. Solución: Comprimir los ficheros lo máximo posible No incrustarlos en la propia página web sino hacerlos accesibles al usuario mediante un enlace. 34
35 ELEMENTOS MULTIMEDIA Por multimedia se entiende los elementos gráficos o sonoros: Imágenes Sonidos Vídeos Animaciones 35
36 ELEMENTOS MULTIMEDIA Imágenes No todos los formatos son adecuados para su utilización en páginas web. Se recomiendan: -JPEG -GIF -PNG -TIFF Cada formato tiene ventajas y desventajas, siendo conveniente conocer sus puntos fuertes y débiles antes de utilizarlos en Internet. 36
37 Formato JPEG ELEMENTOS MULTIMEDIA Conocido también como JPG (necesidad en algunos S.O. de limitar a 3 letras la extensión). Ideal para fotografías, al ser capaz de representar más de 16 millones de colores. Es un formato de compresión, por lo que toda imagen convertida a JPEG perderá calidad (es decir, información) respecto al original. Esta pérdida se refleja en transiciones deficientes entre colores, lo que provoca un menor detalle y áreas poco definidas 37
38 ELEMENTOS MULTIMEDIA Formato GIF Destinado a la representación de gráficos lineales (logos, dibujos, etc.). Formato de imagen sin pérdida por compresión. Admite hasta 256 colores Uso desaconsejado en fotografías. No ofrece transiciones suaves entre las distintas tonalidades. Admite la definición de áreas transparentes o la superposición de fotos para crear gráficos animados. Son usados para dotar a la página web de contenidos dinámicos o que llamen la atención 38
39 ELEMENTOS MULTIMEDIA Formato TIFF El formato TIFF adopta la extensión.tif y conjuga las características de GIF y JPEG. Ideal para almacenar fotografías ya que permite guardarlas, exportarlas, sin que con cada operación se pierda información (como ocurre con JPEG). Tamaño imagen JPEG < Tamaño imagen TIFF, incluso utilizando métodos de compresión sin pérdida como los filtros LZW. Formato de compresión no siempre aceptado por navegadores web. No sirve para Internet. 39
40 ELEMENTOS MULTIMEDIA Formato PNG Mejora la mayoría de las prestaciones de GIF (excepto la animación, que no la admite). Ofrece muchas de las posibilidades del formato TIFF, no está recomendado para guardar fotografías, especialmente si se desea reducir su «peso». Todavía no está totalmente implantado, siendo a veces necesaria la instalación de extensiones. 40
41 ELEMENTOS MULTIMEDIA Imágenes - Resumen Fotografías Gráficos Propiedades Formato adecuado para almacenamiento Formato de compresión adecuado para la web Compatibilidad Tonalidades continuas con pocas líneas o bordes. Más de 16 millones de colores. TIFF, PNG JPG JPG, TIFF (sin compresión) Colores sólidos con un máximo de 256 tonalidades, líneas, bordes con contraste y texto. PNG, TIFF, GIF PNG, TIFF (con compresión LZW), GIF TIFF (sin compresión), GIF 41
42 ELEMENTOS MULTIMEDIA Problemática Sonidos y videos Tamaño excesivo ficheros multimedia Formato archivos para reproducción Ejemplo Película de 1 minuto de duración, sin comprensión y resolución 600x480 pixels 1 Gigabyte Deben estar comprimidos 42
43 ELEMENTOS MULTIMEDIA Formato Calidad Tamaño Tamaños 1 MP3 CD 1MB minuto de audio y video en disco WMA CD 0.5 MB WAV MIDI Real Audio (RA) CD Sintetizador Baja 10 MB 0.05 MB 0.9 MB Audio MPEG-2 WMV LP Normal Alta Normal 17 MB 32 MB 47 MB 1-10 MB Imagen AVI Alta 4.5 MB SWF Alta MB 43
44 ELEMENTOS MULTIMEDIA Comprensión de audio y video Es necesario recurrir a los codecs (codec/encoder), complementos de software que permiten la compresión y descompresión de datos de audio y vídeo. Algunos permiten la compresión sin pérdida apreciable como es el caso del MPEG-2, utilizado en las películas en formato DVD. Los datos sólo pueden ser «leídos» por un ordenador que tenga instalado el mismo codec que los comprimió. 44
45 ELEMENTOS MULTIMEDIA Formato de audio y videos No confundir tecnologías de codificación con formatos de almacenamiento de los archivos Formato almacenamiento OGG MPEG Codecs internos Vorbis (audio), Theora (video) y Speex (audio-voz) MPEG (coincide) Determinados formatos están asociados a un software reproductor determinado: - Formato WMV Windows Media Video - Formato RM Real Player 45
46 ELEMENTOS MULTIMEDIA Formato audio-video streaming Sistema para la transmisión en tiempo real de imágenes animadas y sonidos Permite al usuario visualizar el contenido de un archivo, mientras sigue recibiendo más datos. El usuario no necesita «descargarse» totalmente el archivo (ya sea a su disco duro o a su navegador web) para visualizarlo. Es ideal para la visualización de contenidos multimedia online. El formato AVI no lo permite. 46
47 ELEMENTOS MULTIMEDIA Recomendación archivos de audio y video No incluir directamente en la página estos archivos, sino que sean accesibles mediante un enlace en el que se avise claramente al usuario del tipo de formato de compresión del archivo y su tamaño en megabytes. Si se incrusta en la página web, deberá situarse al final de las instrucciones HTML, permitiendo que el navegador cargue el texto y las imágenes antes que el archivo de audio o vídeo. 47
Índice. 1. Crear contenido en un curso. 2. Cómo crear un elemento. 3. Cómo crear un archivo. 4. Cómo crear enlaces de audio
Índice 1. Crear contenido en un curso 2. Cómo crear un elemento 3. Cómo crear un archivo 4. Cómo crear enlaces de audio 5. Cómo crear enlaces de Imagen 6. Cómo crear enlaces de Video 7. Cómo crear un enlace
Más detallesDescarga de archivos. Descargar archivos Formatos y tipos de archivos WinZip - Winrar Sitios de Descargas. Descarga de archivos Diapositiva 1
Descarga de archivos Descargar archivos Formatos y tipos de archivos WinZip - Winrar Sitios de Descargas Descarga de archivos Diapositiva 1 Descargar archivos Descargar archivos es el método por el cual
Más detallesIES Nuestra Señora de la Almudena Curso Pizarras digitales Mª Jesús Saiz PRESENTACIONES: CONVERSIÓN A FLASH Y FORMATOS DE VIDEO
PRESENTACIONES: CONVERSIÓN A FLASH Y FORMATOS DE VIDEO 1 CONVERTIR PRESENTACIONES DE POWER POINT A FLASH CON ISPRING Este complemento (agregado) para PowerPoint, pequeño y gratuito, te permite convertir
Más detallesMÓDULO 4. 2013-2014 www.dianarodriguezcursos.com 1
MÓDULO 4 2013-2014 www.dianarodriguezcursos.com 1 DIANA RODRÍGUEZ Capacitaciones y Servicios de información digital Planificación y gestión de Bibliotecas Digitales Módulo 4 (Resumen) 2013-2014 www.dianarodriguezcursos.com
Más detallesDiseño de páginas web 2011
Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero
Más detallesColegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS
Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Versión 2.0 3/05/2010 Manual de Gestión de correo electrónico y SMS (v 2.0) 1 GESTOR DE CORREO ELECTRÓNICO
Más detallesA web 2.0 e a páxina web do centro. Grupo de Traballo IES O Mosteirón
A web 2.0 e a páxina web do centro Grupo de Traballo IES O Mosteirón Webs Dinámicas Los bitmaps (mapas de bit en castellano) son las típicas imágenes que conocemos en nuestro día a día habitual (fotos,
Más detallesDESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA
DESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA 1 Adaptación y conversión Muchas empresas disponen de contenidos muy completos en formato papel, utilizados en educación presencial o bien en formación a distancia
Más detallesPlataforma e-ducativa Aragonesa. Manual de Administración. Bitácora
Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar
Más detallesPáginas web ::: El sitio web: estructura y navegación Diseño de materiales multimedia. Web 2.0. 1.13 Sitio web: estructura y navegación
104 1.13 Sitio web: estructura y navegación 105 1.13 Sitio web: estructura y navegación 1.13.1 Qué es un sitio web? Un sitio web (en inglés:website) es un conjunto de páginas html relacionadas entre sí
Más detallesPolíticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral
Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral Diseño Web El diseño web es la actividad que permite que los elementos visuales se integren de manera efectiva
Más detallesUna Nueva Formula de Comunicación
Una Nueva Formula de Comunicación... para una difusión inmediata de contenidos multimedia a todos los equipos móviles vía las nuevas tecnologías inalámbricas gratuitas. Captura dispositivos móviles mediante
Más detallesResumen de fotos editadas por alumnos/as del 3º ciclo de Educación Primaria. / 12
ÍNDICE DE CONTENIDOS Índice de contenidos. / 2 Sesión de fotografía. / 3 Creación de una carpeta de trabajo. / 3 Abrir Digital Imagen 2006. / 3 Área de trabajo. / 4 Abrir imágenes para editarlas. / 5 Recortar
Más detallesNovedades de Adobe Dreamweaver CS5
Durante el mes de mayo del 2011, se produjo el lanzamiento de la versión estable de Adobe Dreamweaver CS5. Como es de suponerse, antes de realizar la compra del nuevo producto (o la actualización desde
Más detallesCurso Online de Adobe Dreamweaver. Introducción :
Curso Online de Adobe Dreamweaver Introducción : Adobe Dreamweaver es el programa más utilizado por diseñadores web profesionales, este programa se ha desarrollado muy bien en los últimos años brindando
Más detallesANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE
ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ÍNDICE COLORES CORPORATIVOS... 2 INFORMACIÓN DEL DOCUMENTO... 3 FOTOS E IMAGENES... 4 TABLAS... 7 ACCESIBILIDAD... 10 TAW3... 10 Guía de estilo. Anexo accesibilidad
Más detallesGUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF
GUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF Centro de Referencia en Accesibilidad y Estándares Web Copyright 2007 Instituto Nacional de la comunicación (INTECO) El presente documento está bajo la licencia
Más detallesMANUAL COPIAS DE SEGURIDAD
MANUAL COPIAS DE SEGURIDAD Índice de contenido Ventajas del nuevo sistema de copia de seguridad...2 Actualización de la configuración...2 Pantalla de configuración...3 Configuración de las rutas...4 Carpeta
Más detallesIntroducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Accediendo a los contenidos
Plataforma Moodle Accediendo a los contenidos Formatos ----------------------------------------------------------------------- 2 Glosarios -----------------------------------------------------------------------
Más detallesInsumos Video. Tipos de archivo de video. Obtención del recurso. Edición y optimización
Insumos Video Insumos Video Tipos de archivo de video Obtención del recurso Edición y optimización Insumos Video Tipos de archivo Insumos Video Gracias a la compresión de archivos podemos ver videos en
Más detallesPROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM
PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM www.bmformacion.es info@bmformacion.es Objetivos Curso para conocer y aprender a utilizar el sistema operativo Windows Vista Home Premium. El curso se divide
Más detallesGUIA 3 Tema: Optimización de imagenes y recursos para la web.
22 GUIA 3 Tema: Optimización de imagenes y recursos para la web. Objetivos Que los alumnos comprendan la importancia de la optimización de imágenes para la Web y utilicen Adobe Fireworks como editor de
Más detalles10. El entorno de publicación web (Publiweb)
10. El entorno de publicación web (Publiweb) 10.1. Introducción El entorno de publicación Web es una herramienta que permite la gestión de nuestras páginas Web de una forma visual. Algunos ejemplos de
Más detallesCurso de HTML5 y CSS3
Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 1 1 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 2 2 Hemos llegado a uno
Más detallesFORMATOS. paisaje.jpeg. Nombre de archivo extensión
FORMATOS Para qué es un formato? Un formato es la manera particular que tiene cada archivo de tener almacenada su información. Hay diferentes tipos de formatos para diferente tipo de información. Sin embargo,
Más detallesDOCUMENTACIÓN TÉCNICA
DOCUMENTACIÓN TÉCNICA DOCUMENTACIÓN TÉCNICA 1 Sesión No. 11 Nombre: Los formatos de los documentos Contextualización Una vez que se tienen presentes los conceptos básicos de la documentación técnica y
Más detallesUNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE
PROGRAMA: TUTORÍA VIRTUAL EN AMBIENTES DE APRENDIZAJE UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE 1 USO DE LOS RECURSOS EN MOODLE 1. Tipos de Recursos 2. Editar Páginas de Texto o Web 3. Enlazar
Más detallesP á g i n a 1 TRABAJO AUTONOMO DEL ESTUDIANTE. Manual 1. Autor y Compilador: Diego Saavedra. NOMBRE DEL MANUAL: Conceptos, Gimp 2.
TRABAJO AUTONOMO DEL ESTUDIANTE P á g i n a 1 Manual 1 P á g i n a 2 TRABAJO AUTONOMO DEL ESTUDIANTE 1. Conceptos Básicos de Editores Gráficos. 1.1. Qué es un Editor Grafico? Un editor grafico es un programa
Más detallesWindows Vista Home Premium
Windows Vista Home Premium Curso para conocer y aprender a utilizar el sistema operativo Windows Vista Home Premium. El curso se divide en dos partes: en la primera se describe la forma de realizar las
Más detallesExporta la construcción para su visualización en Internet, es decir, como applet dentro de una página html.
13. Applets, JavaScript y XML 13.2 Applets Objetivos GeoGebra permite de una forma muy sencilla incorporar cualquier construcción a una página web, creando así una "miniaplicación" web. Cada una de estas
Más detallesDiseño de actividades para el aula con Jclic Módulo 2: Generalidades sobre la creación de Proyectos Jclic
Diseño de actividades para el aula con Jclic Módulo 2: Generalidades sobre la creación de Proyectos Jclic Índice Presentación del módulo... 2 Introducción..3 Creación de un nuevo proyecto... 3 Almacenar
Más detallesSon aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes:
ARCHIVOS GRAFICOS Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes: Imágenes vectoriales: se definen matemáticamente en forma de series de puntos unidos
Más detallesGuía de resolución de incidencias DVD-ROM Oxford Digital
Guía de resolución de incidencias DVD-ROM Oxford Digital Índice 1 Siempre se visualiza el primer DVD-ROM con el que se ha trabajado.... 3 2 Se visualiza el DVD-ROM, pero no se accede a los contenidos....
Más detallesINFORMACIÓN PARA LA INSTALACIÓN DEL CERTIFICADO
INFORMACIÓN PARA LA INSTALACIÓN DEL CERTIFICADO Si se desea realizar una solicitud a través del Registro electrónico de Clases Pasivas, es necesario tener importado el Certificado personal en el navegador
Más detallesCASO PRÁCTICO. CASOS PRÁCTICOS Internet (CP15 y CP16)
CASO PRÁCTICO CASOS PRÁCTICOS Internet (CP15 y CP16) Índice Internet CP15: Subir a Internet... 1 CP16: Publicar en blog... 7 Internet Una vez que tenemos un montaje audio realizado, ya tenemos una nueva
Más detallesFormatos y Compatibilidad. Años anteriores al 2005 los formatos analógicos más comunes eran:
Formatos y Compatibilidad Los formatos analógicos de video están desapareciendo rápidamente del mercado, abriéndole paso a una nueva generación de formatos de videos denominados digitales, con una calidad
Más detallesAsí de fácil. Cortar, descargar y convertir vídeos o sonidos. Controles avanzados del reproductor multimedia VLC
Así de fácil. Cortar, descargar y convertir vídeos o sonidos. Controles avanzados del reproductor multimedia VLC VLC media player es un reproductor multimedia y framework multimedia libre, de código abierto
Más detallesCONSEJOS DE CÓMO CREAR UN DOCUMENTO ADOBE PDF ACCESIBLE A PARTIR DE UN DOCUMENTO MICROSOFT WORD ACCESIBLE
CONSEJOS DE CÓMO CREAR UN DOCUMENTO ADOBE PDF ACCESIBLE A PARTIR DE UN DOCUMENTO MICROSOFT WORD ACCESIBLE (Sistema Operativo Windows) Marzo 2011 Lourdes Moreno López 1,2 lmoreno@inf.uc3m.es 1: Grupo LaBDA,
Más detallesVirtual-C: Una Herramienta para Administración de Contenidos en Sitios Web
Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web Kexy Rodríguez kexy.rodriguez@utp.ac.pa Centro de Investigación, Postgrado y Extensión UTPVirtual Universidad Tecnológica de Panamá
Más detallesMSN Skin. MANUAL DE AGeNCIA. MSN Skin. El formato consta de CINCO archivos: Esta pieza es opcional Puede tener fondo transparente
MANUAL MSN SKIN Características de las piezas El formato consta de CINCO archivos: SCRAPER IZQUIERDO Dimensiones: 141 (a) 770 (h) px. Esta pieza es opcional Puede tener fondo transparente SCRAPER DERECHO
Más detallesProcesador de texto Apunte N 5
Procesador de texto Apunte N 5 Imágenes, gráficos, formas, organigramas y texto artístico ACLARACIÓN: Estos apuntes están diseñados para enseñar tanto MS Word como OOO Writer. Si es necesario se indicará
Más detallesInformática. Cómo haría yo un blog y un moodle?
1 Informática Cómo haría yo un blog y un moodle? El paso más complicado es la búsqueda y organización de la información que vamos a incluir en nuestro blog o en el moodle. Para facilitar el trabajo es
Más detallesPRESENTACIONES CON POWERPOINT Nivel 2
PRESENTACIONES CON POWERPOINT Nivel 2 Andrés Castillo Martín Curso TICs Colegio Sagrado Corazón Granada Índice Vistas: Normal, clasificador de diapositivas y presentación de diapositivas Algunos consejos
Más detallesGuía curso Integrando las TICS en Segundo Ciclo Básico Guía de uso para crear videos en Windows Movie Maker
Guía curso Integrando las TICS en Segundo Ciclo Básico Guía de uso para crear videos en Windows Movie Maker En la actualidad las nuevas tecnologías ofrecen una serie de ventajas y recursos para desarrollar
Más detallesBoletín de prácticas Práctica 3: HTML básico
HTML básico Boletín de prácticas Práctica 3: HTML básico INFORMÁTICA 1 Curso 2005-2006 Biblioteconomía y Documentación 1.- ENUNCIADO Haciendo uso de lo aprendido en clase de teoría diseñar las siguientes
Más detallesUnidad 1. Introducción a HTML (I)
Unidad 1. Introducción a HTML (I) A lo largo de este tema vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear páginas web. Qué es HTML El HTML (Hyper Text Markup Language) es
Más detallesServicio de Notificaciones Electrónicas y Dirección Electrónica Habilitada
Servicio de Notificaciones Electrónicas y Dirección Electrónica Habilitada Apartado Postal Electrónico Manual de Configuración de Navegadores Abril 2011 Versión: Abril 2011 Página 1 de 28 Índice de Contenidos
Más detallesInformática 4º ESO Tema 1: Sistemas Informáticos. Sistemas Operativos (Parte 2)
1. Qué es un sistema operativo?...2 2. Funciones de los sistemas operativos...2 3. Windows...2 3.1. La interfaz gráfica...2 3.2. La administración y los usuarios...3 3.3. El sistema de archivos...3 3.4.
Más detallesWeb. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver
Web Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca Sumario 1. Qué es Dreamweaver? 2. El entorno
Más detallesHerramientas Google Aplicadas a Educación
Índice de contenido Introducción a YouTube... 2 Mi canal en YouTube... 2 Cómo subir un video a YouTube... 3 Qué formatos podemos utilizar para videos... 4 Qué tipos de licencias podemos utilizar... 5 Gestión
Más detallesStopMotion, manual de usuario*
StopMotion, manual de usuario* * Traducción de Kjoelstad Berg, Fredrik y Erik Nilsen, Bjoern. Stopmotion user manual en http://stopmotion.bjoernen.com/ Material traducido por equipo CeDeC Índice de contenido
Más detallesEl ejemplo de wiki más conocido es la enciclopedia universal colaborativa wikipedia.
UNIDAD 4: WIKIS Qué es un wiki? El término con el que comenzó conociéndose esta herramienta es WikiWiki, de origen hawaiano que significa rápido. Un wiki es un sitio web con distinta páginas donde el contenido
Más detallesFormatos de audio y vídeo: códecs
Formatos de audio y vídeo: códecs Antonio Yáñez Izquierdo Octubre 2011 Antonio Yáñez Izquierdo () Formatos de audio y vídeo: códecs Octubre 2011 1 / 23 Formatos de audio y vídeo: códecs Códecs Códecs Códecs
Más detallesManual de uso de la plataforma para monitores. CENTRO DE APOYO TECNOLÓGICO A EMPRENDEDORES -bilib
Manual de uso de la plataforma para monitores CENTRO DE APOYO TECNOLÓGICO A EMPRENDEDORES -bilib [Manual de uso de la plataforma para monitores] 1. Licencia Autor del documento: Centro de Apoyo Tecnológico
Más detallesCómo descargar un video. 2. Dónde se guarda el video. 3. Cómo convertir el formato de un video (para celular) desde el RealPlayer.
ÍNDICE PÁGINA Cómo descargar un video. 2 Dónde se guarda el video. 3 Cómo convertir el formato de un video (para celular) desde el RealPlayer. 4 Algunas sugerencias para la converión. 8 Cómo configurar
Más detallesInstrucciones instalación herramientas de software
Instrucciones instalación herramientas de software NewPyme S.L. C. Capitán Dema 3 2º C 03007 Alicante Tel: +34 902 570 697 Fax: +34 965 107 461 Sitios web: http://www.abanfin.com http://www.areadepymes.com
Más detallesManual de usuario para el Administrador de plantillas avanzado 1.0
Administrador de plantillas avanzado 1.0 Presencia Web Triara.com SA de CV Todos los derechos reservados Esta guía no puede ser reproducido ni distribuida en su totalidad ni en parte, en cualquier forma
Más detallesPresentaciones multimedia con Adobe Presenter
Introducción a Adobe Presenter Presentaciones multimedia con Adobe Presenter Adobe Presenter 7.0 es un complemento de Microsoft PowerPoint de Adobe que convierte las presentaciones de PowerPoint en presentaciones
Más detallesGuía de aprendizaje Audacity: guía de edición de sonido
Desarrollo del tutorial: paso 1 de 14 Grabar audio con Audacity es relativamente sencillo. Podemos dividir este proceso en tres tareas básicas: 1. Configurar los parámetros de calidad de grabación. Dependiendo
Más detallesTutorial de carga de fotos en www.sonmisamigos.es
Tutorial de carga de fotos en www.sonmisamigos.es Este documento describe paso a paso como cargar un conjunto de fotografías en la web www.sonmisamigos.es Paso 1: Seleccionar las fotos a cargar Antes de
Más detallesModulo I. Introducción a la Programación Web. 1.1 Servidor Web.
Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Antes de analizar lo que es un servidor Web y llevara a cabo su instalación, es muy importante identificar diferentes elementos involucrados
Más detallesOPTIMIZAR LAS PRESENTACIONES CURSO DE POWERPOINT BAJAR VIDEOS DE LA WEB. Clelia Irene Gatti - Consultora en Sistemas - Contacto: +54 11 15 30413077 -
CURSO DE POWERPOINT OPTIMIZAR LAS PRESENTACIONES BAJAR VIDEOS DE LA WEB Clelia Irene Gatti - Consultora en Sistemas - Contacto: +54 11 15 30413077 - e-mail: cleiregat@gmail.com www.computacioncg.com.ar
Más detallesQué es una página web?, qué conoces al respecto?, sabes crear una página
Semana 13 13 Empecemos! Bienvenidos a una nueva sesión, llena de aprendizajes! En semanas anteriores estudiamos lo que son bases de datos, estructuras de datos y métodos de ordenamientos, todo lo cual
Más detallesProgramación Aplicada II Ing. Héctor Abraham Hernández
Programación Aplicada II Ing. Héctor Abraham Hernández Guía #7 Fecha: 28/02/2011 Introducción al Visual Web Developer 2008 Objetivo: Conocer cual es el ambiente de web Developer. Microsoft Visual Web Developer
Más detallesQué necesito saber para tener mi sitio web en Internet?
Qué necesito saber para tener mi sitio web en Internet? Introducción Antes es importante tener en cuenta que Es importante considerar lo siguiente: Definir claramente tu actividad en Internet Establecer
Más detallesProducto. Información técnica y funcional. Versión 2.8
Producto Información técnica y funcional Versión 2.8 1 Índice: Tema Pág. Introducción a WOLOM 3 Diagrama de la solución WOLOM 3 Principales funciones de WOLOM 4 Módulos que componen WOLOM 4 WM: Wolom Maquetador
Más detallesDescubre gnulinex 1. Capítulo 8. Multimedia
Descubre gnulinex 1 Capítulo 8 Multimedia 2 Descubre gnulinex Qué es multimedia? El término multimedia indica que una información se muestra mediante diferentes tipos de medios. Entre éstos destacan: textos,
Más detalles1 Itinerario. 2 Descripción y funcionalidades principales. Google Docs. 1.1 Qué vamos a hacer? 1.2 Qué pasos vamos a seguir?
Google Docs 1 Itinerario 1.1 Qué vamos a hacer? En este tutorial aprendemos a manejar la herramienta Google Docs, de esta forma nos introduciremos en el llamado cloud computing, que podemos traducir como,
Más detallesINTRODUCCIÓN a la Web 2.0
INTRODUCCIÓN a la Web 2.0 Programas para descargar vídeos de Internet Existen muchos programas que nos permiten descargas vídeos de youtube, entre ellos el más sencillo y fácil de manejar para nosotros,
Más detallesCuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de Internet.
Imágenes en la web Uno de las principales decisiones a la hora de incluir gráficos en la Web será elegir el formato correcto para cada tipo de imagen de manera que se logre una correcta relación entre
Más detallesProf. Julio Cerdá Universidad de Alcalá. Gestión electrónica de documentos y acceso a la información
Prof. Julio Cerdá Universidad de Alcalá Gestión electrónica de documentos y acceso a la información 1 DOCUMENTO DIGITAL Y DOCUMENTO ELECTRONICO El El ciclo ciclo vital vital de de los los documentos 2
Más detalles1.- DESCRIPCIÓN Y UTILIDAD DEL SOFTWARE DAEMON TOOLS.
CREANDO UNIDADES VIRTUALES DE CD Y DVD CON DAEMON TOOLS 1.- DESCRIPCIÓN Y UTILIDAD DEL SOFTWARE DAEMON TOOLS. Daemon Tools es una herramienta que permite a los usuarios simular una unidad o varias unidades
Más detallesInstrucciones de instalación de IBM SPSS Modeler Text Analytics (licencia de usuario autorizado)
Instrucciones de instalación de IBM SPSS Modeler Text Analytics (licencia de usuario autorizado) Contenido Instrucciones para la instalación.... 1 Requisitos del sistema........... 1 Código de autorización..........
Más detallesCómo editar los vídeos para utilizarlos con el programa ATD. Raúl Arellano Colomina. Análisis, Evaluación y Entrenamiento de la Técnica Deportiva
Cómo editar los vídeos para utilizarlos con el programa ATD Raúl Arellano Colomina Análisis, Evaluación y Entrenamiento de la Técnica Deportiva 1. Los vídeos obtenidos. El alumno tras recibir una copia
Más detallesGENERACIÓN DE ANTICIPOS DE CRÉDITO
GENERACIÓN DE ANTICIPOS DE CRÉDITO 1 INFORMACIÓN BÁSICA La aplicación de generación de ficheros de anticipos de crédito permite generar fácilmente órdenes para que la Caja anticipe el cobro de créditos
Más detallesCurso de PHP con MySQL Gratis
Curso de PHP con MySQL Gratis Introducción Este mini curso o mini tutorial de PHP le ayudará a realizar cualquier sistema para que pueda insertar uno o varios registros a una base de datos con MySQL, este
Más detalles1. Guía de activación. Introducción... 3 2. Información general sobre el sistema de licencias del software Axxon Next... 3 2.1 Tipos de licencia...
Guía de activación 1. Guía de activación. Introducción................................... 3 2. Información general sobre el sistema de licencias del software Axxon Next...... 3 2.1 Tipos de licencia............................................
Más detallesManual para usuarios USO DE ONEDRIVE. Universidad Central del Este
Manual para usuarios USO DE ONEDRIVE Universidad Central del Este Contenido 1. QUÉ ES Y PARA QUÉ SIRVE OFFICE 365?... 3 1.1 CÓMO ENTRAR A LA PLATAFORMA DE OFFICE 365 DE LA UCE?... 3 ONEDRIVE... 5 2. QUÉ
Más detallesCUADERNIA 2.0. CÓMO INSTALAR CUADERNIA 2.0 Para instalar Cuadernia debemos seguir los siguientes pasos:
CUADERNIA 2.0 Se trata de una herramienta fácil y funcional que nos permite crear de forma dinámica ebooks o libros digitales en forma de cuadernos compuestos por contenidos multimedia y actividades educativas
Más detallesAudio y vídeo en Ardora 7 www.webardora.net
En los distintos tipos de contenidos que crea Ardora puede incluir archivos multimedia, tante de audio como de video. AUDIO: Por ejemplo, en las actividades interactivas, junto con los mensajes de felicitación
Más detallesEn la nueva versión encontrarás
En la nueva versión encontrarás Captcha en el login p.4 Páginación configurable en secciones p.4 Ordenación de noticias en Modo Blog por secciones p.6 Galería de imágenes dentro de una noticia p.6 Inclusión
Más detallesQué ventajas presenta Google Drive para catedráticos y alumnos?
Qué ventajas presenta Google Drive para catedráticos y alumnos? El almacenamiento en la nube es un recurso cada vez más útil e imprescindible; con esta herramienta podremos almacenar y compartir fotos,
Más detallesLa compañía Autodesk presenta la nueva versión de su aclamado
Presentación La compañía Autodesk presenta la nueva versión de su aclamado AutoCAD, AutoCAD 2011, como un potente y completísimo programa de diseño y dibujo asistido por ordenador. Elegido por un gran
Más detallesCorreo Electrónico: Webmail: Horde 3.1.1
CONTENIDOS: PAGINA Qué es Webmail?. 2 Acceder a Webmail. 2 Instilación del Certificado UCO. 4 Instilación Certificado I.explorer. 4 Instilación Certificado Firefox. 7 Opciones Webmail. 8 Opciones Información
Más detallesTrabajando con Archivos
Microsoft Windows Seven 7 Trabajando con Archivos Qué es un archivo? Estructura de un archivo Crear un archivo Eliminar un archivo Recuperar un archivo Grabar archivo al USB ARCHIVOS Un archivo es algo
Más detallesPortal del Proveedor. Guía de uso rápido para el proveedor: Generar y enviar facturas desde el portal.
Portal del Proveedor Guía de uso rápido para el proveedor: Generar y enviar facturas desde el portal. TABLA DE CONTENIDOS 1. INTRODUCCIÓN... 4 2. ENTRADA EN EL PORTAL DEL PROVEEDOR... 5 3. ALTA DE BORRADOR...
Más detallesAyuda para la instalación Componente Firma Digital INDICE. 1 Configuración previa...2. 1.1 Configuración Internet Explorer para ActiveX...
INDICE 1 Configuración previa...2 1.1 Configuración Internet Explorer para ActiveX...2 1.2 Problemas comunes en sistema operativo Windows...8 1.2.1 Usuarios con sistema operativo Windows XP con el Service
Más detallesManual del Alumno de la plataforma de e-learning.
2 Manual del Alumno de la Plataforma de E-learning 3 4 ÍNDICE 1. Página de Inicio...7 2. Opciones generales...8 2.1. Qué es el Campus...8 2.2. Nuestros Cursos...9 2.3. Cómo matricularme...9 2.4. Contactar...9
Más detallesCreando páginas para mi
Creando páginas para mi libro En el artículo anterior Mi primer libro aprendiste a crear y configurar un libro LIM. En este documento veremos como se crean las actividades, es decir, las páginas del libro,
Más detallesCÓMO GRABAR VIDEO CON DEBUT VIDEO SOFTWARE TUTORIALES TRANSMEDIA
TUTORIALES TRANSMEDIA Debut es un programa para captura de vídeo. Sencillo de utilizar, graba vídeo desde una cámara web, dispositivo de grabación, la pantalla, o streaming de vídeo Captura fácilmente
Más detallesTutorial Fotos Narradas
Tutorial Fotos Narradas Prof: Nino, Santiago Fabricio ETR - TIC Región 18. 0 Fotos narradas 3 para Windows Fotos narradas 3 permite crear atractivas narraciones en vídeo a partir de imágenes. Con unos
Más detallesTEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS
TEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS 1) EL PEQUEÑO EDITOR El Bloc de notas de Windows XP es un básico editor de texto con el que podemos escribir anotaciones, de hasta 1024 caracteres por línea y
Más detallesPROGRAMA FORMATIVO MACROMEDIA STUDIO 8
PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores
Más detallesPLANTILLAS DE DOCUMENTOS EN WORD 2007
1 PLANTILLAS DE DOCUMENTOS EN WORD 2007 Introducción Una plantilla es un modelo o patrón para crear nuevos documentos. En una plantilla se guarda internamente el formato utilizado, es decir, el estilo
Más detallesINTERNET I LECCIÓN N 3 Cambio de la página principal
Cambio de la página principal Cada vez que abre Internet Explorer, éste se abre en la página principal. Pero dónde se siente mejor que en casa? Es fácil cambiar la página principal. Abra el menú Herramientas
Más detallesCREACIÓN Y CONFIGURACIÓN DE WIKIS
Paso 1: Creación CREACIÓN Y CONFIGURACIÓN DE WIKIS Como con el resto de actividades, para crear un wiki lo primero es activar el modo de edición y seleccionar la opción Wiki de la lista desplegable Agregar
Más detallesLiLa Portal Guía para profesores
Library of Labs Lecturer s Guide LiLa Portal Guía para profesores Se espera que los profesores se encarguen de gestionar el aprendizaje de los alumnos, por lo que su objetivo es seleccionar de la lista
Más detallesManual de NetBeans y XAMPP
Three Headed Monkey Manual de NetBeans y XAMPP Versión 1.0 Guillermo Montoro Delgado Raúl Nadal Burgos Juan María Ruiz Tinas Lunes, 22 de marzo de 2010 Contenido NetBeans... 2 Qué es NetBeans?... 2 Instalación
Más detalles