CREIX AMB INTERNET. Crear Widgets para la web 2.0
|
|
- Miguel Ángel Farías Cruz
- hace 8 años
- Vistas:
Transcripción
1 CREIX AMB INTERNET Crear Widgets para la web 2.0
2 2 1. Widgets Qué son los Widgets. Esencialmente un widget es un conjunto de documentos HTML/CSS/JavaScript locales. Decimos locales, por que una vez que, por ejemplo, un mobil o un tableta, descarga un widget, el dispositivo debe ser capaz de usarlo localmente, al quedar instalado en él. Creamos un fichero HTML, le añadimos los estilos necesarios en ficheros CSS y la funcionalidad necesaria en ficheros Javascript. Al comprimir estos ficheros en un fichero zip, cambiaremos la extensión a.wgt Los widgets, pues, no son más que sitios web comprimidos. Al crear un widget, de hecho, estarás creando pequeñas piezas de información que se distrsisbuirá prácticamente por toda la web para que tu contenido sea más visible, interactivo y útil. Feeds RSS, diapositivas de imágenes, videos, aplicaciones Flash... los widgets pueden ser utilizados para empaquetar y entregar casi cualquier tipo de información digital Categorías de Widgets. Los widgets se dividen en dos categorías principales: a) Incorporables: Sólo tienes que copiar el código de inserción del widget y pegarlo en el código HTML de tu blog. También puedes agregarlo en tus sitios sociales favoritos como Facebook, Tuenti, u otros. b) No incorporables: Tienes que ejecutarlo una plataforma en tu equipo. Todas las máquinas más recientes de Windows y Mac ya tienen esta característica incorporada, mientras que los usuarios de Linux pueden instalar y usar, por ejemplo, Screenlets. c) En Windows XP o Mac OSX puedes utilizar una plataforma de widgets como, por ejemplo, Yahoo! Widgets o Adobe AIR Arquitectura de un Widget HTML HTML es el lenguaje de marcas utilizadas para estructurar y publicar páginas en la Web. El contenido estático de un gadget está generalmente escrito en HTML. Con el tipo de contenido HTML, todo el código reside, por lo general, en la especificación del gadget, incluido el código XML y todas las etiquetas HTML y JavaScript CSS Podrás embeber, es decir incluir tus hojas de estilo en la arquitectura y diseño de tus gadgets o widgets, igual que podrás hacerlo con archivos externos de javascript JavaScript
3 3 JavaScript es un lenguaje de secuencias de comandos que puedes utilizar para añadir comportamiento dinámico a los gadgets o widgets XML XML no es realmente un lenguaje particular, sino una manera de definir lenguajes para diferentes necesidades. Es lo que llamamos un lenguaje declarativo. XML no es tanto un lenguaje de programación, sino más bien una forma de expresar las abstracciones del lenguaje. Con palabras de Alan Kay: "XML no es un lenguaje, es un material de construcción". Otros lenguajes usan XML para su definición: XHTML, SVG,... XML no ha nacido sólo para su aplicación en Internet, sino que se propone como un estándar para el intercambio de información estructurada entre diferentes plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo desarrollo de programas informáticos. La tecnología XML busca dar solución al problema de expresar información estructurada de la manera más abstracta y reutilizable posible. Que la información sea estructurada quiere decir que se compone de partes bien definidas, y que esas partes se componen a su vez de otras partes. Entonces se tiene un árbol de trozos de información. Estas partes se llaman elementos, y se las señala mediante etiquetas. Una etiqueta consiste en una marca hecha en el documento, que señala una porción de éste como un elemento. Un pedazo de información con un sentido claro y definido. Las etiquetas tienen la forma <curso>, donde curso es el nombre del elemento que se está señalando API. Una interfaz de programación de aplicaciones o API (del inglés Application Programming Interface) es el conjunto de funciones y procedimientos (o métodos, en la programación orientada a objetos) que ofrece cierta librería de programas para ser utilizado por otro programa. Se trata del conjunto de llamadas a ciertas bibliotecas que ofrecen acceso a ciertos servicios desde los procesos. Uno de los principales propósitos de una API consiste en proporcionar un conjunto de funciones de uso general, por ejemplo, dibujar ventanas o iconos en una pantalla. Partes de un documento XML Un documento XML está formado por el prólogo y por el cuerpo del documento así como texto de etiquetado que muestra la referencia opcional a la que se refiere el documento, debemos ser formales con la gramática léxica para que se componga de manera uniforme. El Prólogo Aunque no es obligatorio, los documentos XML pueden empezar con unas líneas que describan la versión XML, el tipo de documento y otros datos. El prólogo de un documento XML contiene: Una declaración XML. Es la sentencia que declara al documento como un documento XML. Una declaración de tipo de documento. Enlaza el documento con su DTD (definición de tipo de documento), o el DTD puede estar incluido en la propia declaración o ambas cosas al mismo tiempo.
4 4 Uno o más comentarios e instrucciones de procesamiento. El Cuerpo A diferencia del prólogo, el cuerpo no es opcional en un documento XML, el cuerpo debe contener un y solo un elemento raíz, característica indispensable también para que el documento esté bien formado. Sin embargo es necesaria la adquisición de datos para su buen funcionamiento. Elementos Los elementos XML pueden ser elementos con contenido (más elementos, caracteres o ambos), o bien ser elementos vacíos. Atributos Los elementos pueden tener atributos, que son una manera de incorporar características o propiedades a los elementos de un documento. Estos deben indicarse entre comillas. Ejemplo: Un elemento "aprendiz" puede tener un atributo "LLuïsa" y un atributo "lugar", con valores "estudia XML" y "Cibernarium" respectivamente. <aprendiz LLuïsa="estudia XML" lugar="cibernarium">estamos comprobando que funciona... </aprendiz> 1.4. El manifiesto: Archivo de Configuración Llamamos manifiesto de un widget al archivo XML que describe el widget correspondiente en detalle para que nuestro dispositivo ( Android, Windows Mobile, Windows, OSX,..) pueda hacer algo con el widget. 2. Nuestro Prototipo: Una buena idea. El diseño de una aplicación para dispositivo móvil requiere invertir recursos adicionales cunado nos encontremos en el estado de planificación inicial.
5 5 Nuestro diseño deberá, cumplir con los requisitos e hitos de nuestra aplicación, adaptarse a los requerimientos de la plataforma de desarrollo y de nuestro propio modelo industrial. Conceptos como interactividad, accesibilidad,operabilidad Formarán parte de nuestro léxico detrabajo durante el desarrollo del prototipado de nuestro widget. Como ejemplo, el siguiente gráfico que vamos a analizar: 2.2. Uso de Widgets de Escritorio. Los widgets de escritorio son llamados gadgets en las API de Google y Windows. Los gadgets son pequeños programas gráficos de un mayor tamaño de un ícono normal que muestran información o realizan una tarea específica. Google Los gadgets de Google son mini-aplicaciones interactivas como, por ejemplo, juegos, herramientas de búsqueda o reproductores multimedia. Google Desktop dispone de una gran variedad de gadgets que puedes añadir al escritorio de tu equipo o a la barra lateral. Microsoft Windows 7 y Windows Vista incorporan gadgets en su sistema operativo. Crear un Gadget es tan simple como crear una página Web y añadirle funcionalidad con algún lenguaje de scripting. Veamos con el siguiente ejercicio los pasos necesarios para lograrlo: Ejercicio: Diseño Widget o gadget para escritorio Windows7. Objetivos Crear un directorio para almacenar los archivos que serán desarrollados para el funcionamiento completo del Gadget. Determinar la disponibilidad del Gadget Con la tecla Windows + R, abra la ventana Run y ejecute la siguiente sentencia de acuerdo a la visibilidad que desea que tenga el aplicativo. Crear el archivo XML para el manifiesto del Gadget
6 6 Requisitos Como todo desarrollo pequeño o grande, debemos probar la consistencia y funcionalidad de nuestro Gadget antes de distribuirlo. Desarrollo Crea la Interfaz Gráfica del Gadget La interfaz gráfica con el usuario puede estar basada en elementos simples del estándar HTML como listas desplegables, casillas de selección simple o múltiple, cajas de texto, etc. o bien puede estar desarrollada con un sofisticado diseño en flash, o una combinación de ambos métodos, por mencionar algunas opciones. Programa la Funcionalidad Deseada Utilizando JavaScript, VB Script o las propiedades del DOM que aprendimos en el modulo de Introduccion a HTML 5 podremos aplicar eventos y acciones a nuestro Gadget. Prueba, Depura, e instala el Gadget en Windows Sidebar Si queremos instalar el Gadget en una PC podemos seguir los siguientes pasos: Abrir Windows Sidebar. Hacer Clic en el signo + ubicado en la parte superior de Windows Sidebar. Agrega el Gadget a Windows Sidebar. En la Galería de Gadgets podrás visualizar el Gadget creado. Para agregarlo, existen tres posibilidades: Hacer doble Clic en el Gadget. Hacer Clic derecho en el Gadget y seleccionar Añadir. Arrastrar el Gadget hasta la misma barra lateral. 3. Herramientas para crear Widgets.
7 Herramientas on-line Para crear widgets dispones de una serie de herramientas o kits on-llne Existen decenas de estos sitios Utiliza widgets de sitios web fiables. Los Widgets existentes pueden ser muy peligrosos, y por ejemplo, robar datos de tu página web. 4.2 Herramientas de desarrollo. Adobe Dreamweaver Widget Tool Adobe Widget Browser es una aplicación Adobe AIR que permite a los usuarios fácilmente ver y configurar los widgets, y luego generar una página HTML que utiliza el widget. Adobe Widget Browser ayuda a los desarrolladores y diseñadores mediante la simplificación de los tres pasos principales: Navegación: Ver detalles y clasificaciones mientras navegas widgets disponibles. Configuración: Configuración de JavaScript y CSS propiedades, incluyendo los colores de fondo, duración y cualquier otra configuración expuestos por el desarrollador de widgets. A medida que establecer las propiedades, el widget se actualiza en tiempo real a medida que se ejecuta en el panel de vista previa. Implementación: Guarda el código de trabajo actual a un archivo que se puede integrar en sus páginas web.
8 8 Opera DragonFly Opera Dragonfly es un amplio conjunto de herramientas de desarrollo de Opera, diseñado para permitir a los desarrolladores una aplicación ligera-pero-de gran alcance que encaja perfectamente con el flujo de trabajo de desarrollo. Incluye: Depurador JavaScript, DOM Inspector, CSS inspector, Consola de errores CSS y JavaScript relacionada con la página, Proxy para permitir la depuración directamente en los dispositivos móviles, Analizador de red, Cookie y visor de almacenamiento local, Selector de color. Dragonfly está integrado en el navegador de escritorio de Opera. Yahoo Konfabulator Yahoo! Konfabulator Widgets (también llamado "Widget Engine" o "motor") utiliza XML para definir Widgets y los objetos que los componen. Google SDK Google Inc. Te permite utilizar toda una serie de APIs, libreráis y protocolos de transferencia de datos para utilizar y crear tu widget so gadget. Adobe Flash También, a modo final, podemos crear nuestros propios widgtes con la herramienta Flash y usando el lenguaje ActionScript y XML. Flash Player, un plugin que se ejecuta en nuestro escritorio, o en nuestro navegador, es la herramienta más elaborada que se ha desarrollado para interpretar y presentar documentos XML.
9 9 Guia de Recursos RECURSOS Nom URL Observacions Exemple. Això es un exemple Gadgets de Google Widgets opera Wikipedia: Alan Kay Enstendre com un llenguatsge de programació web pot ser una eina de conatrucció KOnfabulator Opera dragonfly ES/devtools.html Widgets con Flash Herramientas Google W3C Widget Especificación oficial Widgets para laweb 2.0
Capítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
Más detallesAnexo I. Gadgets y Widgets
Autor: José Infante Prieto Anexo_I_Gadgets_y_Widgets 1 de 13 Aplicaciones web, entorno personal de enseñanza-aprendizaje Anexo I. Gadgets y Widgets CEFIRE Gadgets y Widgets Materiales elaborados por José
Más detallesAplicaciones didácticas en Internet: DREAMWEAVER Bloque 2
Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2 1. Celdas y tablas, propiedades Dibujando celdas y tablas de disposición, podemos verificar las propiedades cambiando los datos en el panel que
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 detallesTÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6
Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales
Más detallesGuía del Curso Certificación IT en Adobe Dreamweaver CC 2015
Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Modalidad de realización del curso: Número de Horas: Titulación: Online 140 Horas Diploma acreditativo con las horas del curso OBJETIVOS Este
Más detallesUnidad II. Interfaz Grafica (continuación ) Basado en clases de Ing. Carlos A. Aguilar
Clase:005 1 Unidad II Interfaz Grafica (continuación ) Basado en clases de Ing. Carlos A. Aguilar 2 Agenda Desarrollo de Apps para Android Aplicaciones en Android Componentes Básicos de las Aplicaciones
Más detallesCESDE ESCUELA DE PROCESOS TECNOLOGICOS E INDUSTRIALES AMBIENTES COLABORATIVOS WORDPRESS
WORDPRESS Es un sistema de gestión de contenido CMS (siglas en del inglés de Content Management System) enfocado a la creación de blogs o bitácoras digitales para web. Es como un cuaderno donde se puede
Más detallesSUBIR LAS ACTIVIDADES DE HOTPOTATOES A UN SITIO WEB
SUBIR LAS ACTIVIDADES DE HOTPOTATOES A UN SITIO WEB Tutorial elaborado por la Prof. Viviana Ponce para el curso de la Diplomatura: Enseñanza de lengua extranjera y medios Existen en la WWW diversos sitios
Más detallesCurso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6
Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios
Más detallesVisión general. Buscar en tu equipo Mejorado! Resultados útiles
Visión general Google Desktop logra que la búsqueda en tu equipo sea tan fácil como buscar en la web con Google. Se trata de una aplicación de búsqueda en el escritorio que permite encontrar texto en mensajes
Más detallesProceso de cifrado. La fortaleza de los algoritmos es que son públicos, es decir, se conocen todas las transformaciones que se aplican al documento
Qué es AT-Encrypt nos permitirá dotar de contraseña a cualquier documento o carpeta. Este documento o carpeta sólo será legible por aquel que conozca la contraseña El funcionamiento del cifrado (o encriptación)
Más detallesGestor de Citas Bibliográficas Zotero
2015 Gestor de Citas Bibliográficas Zotero Biblioteca Central INSTITUTO UNIVERSITARIO DEL GRAN ROSARIO CARACTERÍSTICAS PRINCIPALES ACCESO ZOTERO Zotero es un gestor de citas bibliográficas, software de
Más detallesImplementación de widgets Avaibook en Blogger
Implementación de widgets Avaibook en Blogger Introducción Blogger es un sistema de blogs como cualquier otro. Permite la publicación de entradas, páginas, etc. Mucha gente lo utiliza como página web personal
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 detallesMicrosoft Access proporciona dos métodos para crear una Base de datos.
Operaciones básicas con Base de datos Crear una Base de datos Microsoft Access proporciona dos métodos para crear una Base de datos. Se puede crear una base de datos en blanco y agregarle más tarde las
Más detallesSCT3000 95. Software para la calibración de transductores de fuerza. Versión 3.5. Microtest S.A. microtes@arrakis.es
SCT3000 95 Versión 3.5 Software para la calibración de transductores de fuerza. Microtest S.A. microtes@arrakis.es Introducción El programa SCT3000 95, es un sistema diseñado para la calibración automática
Más detallesINSTITUTO TECNOLÓGICO DE SALTILLO
INSTITUTO TECNOLÓGICO DE SALTILLO Departamento de Ciencias Básicas Curso: Diseño de Paginas Web para el Docente. Temario del Curso: 1 Introducción. 1.1 Objetivo del curso. 1.2 Alcances del curso. 1.3 Ejemplo
Más detallesGUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples
Más detallesProcedimiento de instalación de Aula Virtual Santillana en Windows: Alumnos
Procedimiento de instalación de Aula Virtual Santillana en Windows: Alumnos Manual elaborado por: Sonia Pérez Llorente Fecha: 01/12/2014 Página 1 de 13 Tabla de contenido Introducción...... 3 Descargar
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 detallesAS237 - Dreamweaver CS5
AS237 - Dreamweaver CS5 Características Modalidad: Online Horas: 56 Objetivos Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y
Más detallesTEMA 4: EMPEZANDO A NAVEGAR ESCUELA UNIVERSITARIA DE INFORMÁTICA. Raúl Martín Martín
TEMA 4: EMPEZANDO A ESCUELA UNIVERSITARIA DE INFORMÁTICA NAVEGAR Raúl Martín Martín SERVICIOS DE INTERNET SERVICIOS DE INTERNET Las posibilidades que ofrece Internet se denominan servicios. Hoy en día,
Más detallesComentario sobre el entorno de desarrollo Microsoft Visual Studio 2005 Juan Manuel Lucas
Comentario sobre el entorno de desarrollo Microsoft Visual Studio 2005 Juan Manuel Lucas Introducción El entorno de desarrollo Visual Studio 2005 o 2008 es una potente herramienta desarrollada por Microsoft
Más detallesNociones básicas de Windows: Organizando: El Explorador de archivos de Windows
Nociones básicas de Windows: Organizando: El Explorador de archivos de Windows El explorador de archivos de Windows es una aplicación del sistema que nos permite ver y trabajar con las carpetas y archivos
Más detallesUNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES
UNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES MODULO DE CONTENIDOS DE MATERIALES En prácticamente cualquier tipo de asignatura existirá
Más detallesGestor de Contenidos CMS. Prof: Ing. Henrry Servitá
Gestor de Contenidos CMS Que es un CMS? CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos. Como su propio nombre indica, es un sistema
Más detallesCOMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER
2011 2012 COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER WWW.FAUBELL.COM vicente@faubell.com Hasta ahora hemos visto una pequeña introducción a la creación de las páginas web. No te preocupes por
Más detallesInstalación. 1. Abrir el panel Configuración del Sistema. 2. En la categoría Sistema, hacer clic sobre Detalles
Instalación Antes que nada hay que decir que la instalación del Notebook solo se puede realizar en ordenadores con un sistema operativo de 32 bits. Para conocer cual es la versión de tu sistema operativo
Más detallesGoogle Drive Antonio Luis Lallena Passas
es un servicio gratuito de Google que permite almacenar online archivos de nuestro ordenador y acceder a ellos desde cualquier parte usando la nube. además nos da acceso a uno de los servicios más populares
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 detallesGUÍA PARA LA INSTALACIÓN Y USO DE WORDPRESS BY MASTERHACKS. www.masterhacks.net. Guía de instalación y uso de Wordpress Página 1
GUÍA PARA LA INSTALACIÓN Y USO DE WORDPRESS BY MASTERHACKS www.masterhacks.net Guía de instalación y uso de Wordpress Página 1 Wordpress es un sistema muy utilizado para la creación de blogs. Este se puede
Más detallesManual simplificado:virtualpyme Web Creator. VirtualPyme Web Creator: Crea tu web en 5 pasos.
VirtualPyme Web Creator: Crea tu web en 5 pasos. 2 Manual Web Creator: Índice 1. Introducción...4 2. Paso 1: Registro o transferencia de dominio...5 3. Paso 2: Selección de tipo de web...8 4. Paso 3: Selección
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 detallesWINDOWS 2008 5: TERMINAL SERVER
WINDOWS 2008 5: TERMINAL SERVER 1.- INTRODUCCION: Terminal Server proporciona una interfaz de usuario gráfica de Windows a equipos remotos a través de conexiones en una red local o a través de Internet.
Más detallesUna guía rápida para. Crear Boletines de Noticias
Una guía rápida para Crear Boletines de Noticias En esta guía Aprende a crear mensajes atractivos, con lenguaje HTML y con texto sin formato para involucrar a tus contactos. Conoce sus preferencias para
Más detallesFigura 4.6: Prototipo de la pantalla de inicio.
Por lo tanto el siguiente paso ha sido realizar el prototipo a más alto nivel del sitio web, para conocer cómo quiere la empresa que se estructure el contenido y qué aspecto darle. Para ello se ha utilizado
Más detallesmagh - CBTis12 Recuerde que debe contar con un correo valido de Gmail.
La herramienta de la web 2.0 blog, permite al alumno expresar ideas, para nuestra clase se utilizará para que estructuren su portafolio de evidencias, Para acceder a la página del Blogger, haga clic en
Más detallesPara ver información sobre su computadora tales como el hardware y el software que está instalación necesario para acceder a la Ventana del sistema.
Informáticas I 1.6 El Sistema Actualmente es más probable que trabajan con el sistema operativo es Windows 7 y por lo tanto, vamos a pasar nuestro tiempo se centró en Windows 7. Cuando se trabaja con Windows,
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 detallesNivel Intermedio. Escribir lenguaje de marcado HTML. Utilizar programas editores de HTML. Utilizar Hojas de Estilo en Cascada CSS
Diseño Web Estático Nivel Intermedio Escribir lenguaje de marcado HTML Utilizar programas editores de HTML Utilizar Hojas de Estilo en Cascada CSS Configurar sitios web locales Personas provenientes del
Más detallesSesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto
INFORMÁTICA INFORMÁTICA 1 Sesión No. 4 Nombre: Procesador de Texto Contextualización La semana anterior revisamos los comandos que ofrece Word para el formato del texto, la configuración de la página,
Más detallesInternet: El navegador Web
Internet: El navegador Web Un navegador web (del inglés web browser) es un programa que interpreta el código HTML con el que está escrita la página web y presenta su información en pantalla (documentos
Más detallesCómo acceder a Google Drive? Tiene más funcionalidades una cuenta de Google?
Manual de Qué es Google Drive? Qué es Google Drive? Google Drive es un servicio web que le permite almacenar, modificar, compartir y acceder a sus archivos y documentos independientemente de dónde se encuentre
Más detallesMódulo I - Word. Iniciar Word... 2. Finalizar Word... 3. Definición de elementos de pantalla... 4. Escribir texto en un documento... 5. El cursor...
Módulo I - Word Índice Iniciar Word... 2 Finalizar Word... 3 Definición de elementos de pantalla... 4 Escribir texto en un documento... 5 El cursor... 5 Control de párrafos... 5 Nuevos párrafos... 5 Abrir
Más detalles3. Qué necesitamos para usar Wordpress?
Contenido 1. Objetivos de este tutorial... 2 2. Qué es Wordpress?... 2 3. Qué necesitamos para usar Wordpress?... 2 3.1 Alojamiento web... 3 3.2 DOMINIO O DIRECCIÓN DE INTERNET... 3 3.3 Cuenta FTP... 4
Más detallesLa pestaña Inicio contiene las operaciones más comunes sobre copiar, cortar y pegar, además de las operaciones de Fuente, Párrafo, Estilo y Edición.
Microsoft Word Microsoft Word es actualmente (2009) el procesador de textos líder en el mundo gracias a sus 500 millones de usuarios y sus 25 años de edad. Pero hoy en día, otras soluciones basadas en
Más detallesInternet Information Server
Internet Information Server Internet Information Server (IIS) es el servidor de páginas web avanzado de la plataforma Windows. Se distribuye gratuitamente junto con las versiones de Windows basadas en
Más detallesTEMA 20 EXP. WINDOWS PROC. DE TEXTOS (1ª PARTE)
1. Introducción. TEMA 20 EXP. WINDOWS PROC. DE TEXTOS (1ª PARTE) El Explorador es una herramienta indispensable en un Sistema Operativo ya que con ella se puede organizar y controlar los contenidos (archivos
Más detallesMicrosoft Office 2010 Illustrated. Tipos de Software
Microsoft Office 2010 Illustrated Tipos de Software SOFTWARE Conjunto de instrucciones que le indican a la computadora que hacer. Existen tres tipos de software: Sofware de Aplicacion Sofware de Programacion
Más detallesAGREGAR COMPONENTES ADICIONALES DE WINDOWS
INSTALACIÓN DE IIS EN WINDOWS XP El sistema está desarrollado para ejecutarse bajo la plataforma IIS de Windows XP. Por esta razón, incluimos la instalación de IIS (Servidor de Web) para la correcta ejecución
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 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 HTML sin duda, definió
Más detallesMi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades:
Propósito del prototipo: Mi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades: 1º. Mostrar noticias y eventos propios del grupo de personas que administren la Web.
Más detallesSesión 10-PowerPoint e Internet
Objetivo: El alumno implementara el uso de internet con el propósito de aprovechar esta herramienta y mejorar sus presentaciones. Introducción: En internet podemos encontrar muchos recursos para nuestras
Más detallesCAPÍTULO 3 VISUAL BASIC
CAPÍTULO 3 VISUAL BASIC 3.1 Visual Basic Microsoft Visual Basic es la actual y mejor representación del viejo lenguaje BASIC, le proporciona un sistema completo para el desarrollo de aplicaciones para
Más detalles3.4. Reload Editor ( Guía de Uso).
3.4. Reload Editor ( Guía de Uso). Anterior 3. Lors Management Siguiente 3.4. Reload Editor ( Guía de Uso). 3.4.1. Preguntas básicas sobre Reload Editor. - Qué hace el programa Reload Editor? RELOAD Editor
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 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 detalles1.- MENU DE CONTROL O MENU VENTANA: permite cerrar la ventana cambiarla de tamaño y pasar a otra ventana
EXCEL PRÓLOGO Microsoft Excel es una hoja de cálculo de gran capacidad y fácil uso. Excel no solo es una hoja de calculo, sino también tiene capacidad para diseñar bases de datos (listas) de forma totalmente
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 detallesCurso Online de Diseño Web avanzado con HTML5 y CSS3
Curso Online de Diseño Web avanzado con HTML5 y CSS3 Presentación : El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico al punto de casi sustituirlo en algunas propuestas
Más detallesLectura No. 3. Contextualización. Nombre: Página web DISEÑO DIGITAL 1. Para qué te sirve saber elaborar una página web?
Diseño Digital DISEÑO DIGITAL 1 Lectura No. 3 Nombre: Página web Contextualización Para qué te sirve saber elaborar una página web? A través de una página web puedes atraer a una mayor cantidad de clientes
Más detallesEl protocolo IMAP ofrece la descarga de correos en modo sólo lectura, es decir descarga sólo una copia del correo y no permite el borrado.
Manual de Configuración de correo en Android Utilizar POP o IMAP? Existen dos formas de configurar su cuenta de correo en dispositivos móviles, la primera es POP y la segunda es IMAP El protocolo POP es
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 detalles1. La nueva interfaz del programa
1. La nueva interfaz del programa 13 1. La nueva interfaz del programa 1.1 La interfaz del nuevo Flash CS4 Al acceder por primera vez a Adobe Flash CS4 llama la atención la nueva disposición de las paletas,
Más detallesElaborar presentaciones digitales utilizando las herramientas online Emaze con el fin de apoyar el proceso de enseñanza y de aprendizaje.
. Qué es Emaze?. Cómo ingresar a Emaze? 3. Cómo crear una presentación Emaze? 4. Configuración de las diapositivas. 5. Compartir y descargar tu presentación. Elaborar presentaciones digitales utilizando
Más detallesTrabajar con diapositivas
Trabajar con diapositivas INFORMÁTICA 4º ESO POWERPOINT Una vez creada una presentación podemos modificarla insertando, eliminando, copiando diapositivas, Insertar una nueva diapositiva.- Para insertar
Más detalles3.1 Definir objetivos y contenidos de la página web
3.1 Definir objetivos y contenidos de la página web Dreamweaver Qué es Dreamweaver? Es una aplicación en forma de estudio enfocada a la construcción y edición de sitios y aplicaciones web basados con estándares,
Más detallesEmpezando. Usar Smart Notebook por primera vez. Interfaz de Notebook. Barra de herramientas. Personalizar la barra de herramientas. Empezando...
Empezando Usar Smart Notebook por primera vez Interfaz de Notebook Barra de herramientas Personalizar la barra de herramientas Empezando... 1 Empezando... Desde el Gobierno de Extremadura queremos ofreceros
Más detallesMódulo 1: Creación de un juego en Flash para Android
NUEVO CURSO DE AULA FORMATIVA: MOBILE UNIVERSITY 1 Bienvenido a Mobile University!. El desarrollo de apps y webs adaptadas a móviles está de moda. Eso implica un aumento considerable de demanda laboral
Más detallesDESARROLLADOR ANDROID INTRODUCCIÓN ANDROID. Ing. Marco Antonio Toscano Freire mtoscano@matoosfe.com tw: martosfre
DESARROLLADOR ANDROID INTRODUCCIÓN ANDROID Ing. Marco Antonio Toscano Freire mtoscano@matoosfe.com tw: martosfre Introducción Aplicaciones Móbiles Desventajas Tanto las pantallas como teclados son demasiado
Más detallesNormas para realizar un Blog
Normas para realizar un Blog Normas Ejercicio 1 - Crear nuestro Blog. Ejercicio 2 - Crear una entrada para publicar un mensaje en el blog. Ejercicio 3 - Diseñar y Configurar nuestro blog. EJERCICIO 1 Crear
Más detallesEdición de Ofertas Excel Manual de Usuario
Edición de Ofertas Excel Manual de Usuario Alfonso XI, 6 28014 Madrid F(+34) 91 524 03 96 www.omie.es Ref. MU_OfertasExcel.docx Versión 4.0 Fecha: 2012-11-26 ÍNDICE 1 INTRODUCCIÓN 3 2 CONSIDERACIONES DE
Más detallesPara conocer las características, debemos realizar las siguientes acciones:
1.- Qué características tiene el ordenador? Para conocer las características, debemos realizar las siguientes acciones: 1.1. Acercar el ratón hasta el icono de Mi PC que podemos ver en el escritorio. 1.2.
Más detallesModelos de gestión de contenidos
NTSI Gestión de contenidos multimedia en sitios Web Objetivo: Proporcionar al alumno conceptos básicos sobre gestión de contenidos multimedia en sitios web de modo que conozca y diferencie las capacidades
Más detallesPara poder navegar en Internet debes primeramente elegir el navegador que vas a utilizar, que puede ser:
Módulo 2 Herramientas para la búsqueda virtual en Internet Navegadores Web Para establecer conexiones con los servidores electrónicos y obtener la información y los servicios que éstos prestan, el usuario
Más detallesNOTAS TÉCNICAS SOBRE EL SIT: Comunicados (I)
NOTAS TÉCNICAS SOBRE EL SIT: Comunicados (I) Introducción...2 Introducción a los Códigos de Fusión... 2 Modelos de Cartas...2 Elaboración del Modelo... 2 Formato HTML (para envíos por correo electrónico)...
Más detallesDISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES
DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar
Más detallesTutorial 1. Instalación del entorno de desarrollo de Android. Curso de perfeccionamiento: Programación de Android TUTORIAL 1: INSTALACIÓN DEL SOFTWARE
Tutorial 1 Instalación del entorno de desarrollo de Android Curso de perfeccionamiento: Programación de Android 2013 1 Para desarrollar aplicaciones Android debemos instalar el siguiente software en nuestro
Más detallesPowerPoint 2010 Introducción a Microsoft Office PowerPoint 2010
PowerPoint 2010 Introducción a Microsoft Office PowerPoint 2010 Contenido CONTENIDO... 1 DESCRIPCIÓN DE LA VENTANA PRINCIPAL... 2 INTRODUCCIÓN A POWERPOINT WEB APP... 8 1 Descripción de la ventana principal
Más detalles56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web
56h DREAMWEAVER 8 OBJETIVOS DEL CURSO Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales
Más detallesDreamweaver CS4 / Guía DW CSS.005
1 Dreamweaver CS4 / Guía DW CSS.005 FORMULARIO, MAPA Y FTP Contenidos de esta guía Formulario de Contacto Mapa en tu web FTP 2008 Material exclusivo de Academia MacPC www.academiamacpc.cl Crear un Formulario
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 detallesREGISTRAR LOS SITIOS WEB MÁS INTERESANTES
REGISTRAR LOS SITIOS WEB MÁS INTERESANTES La forma más fácil de volver a páginas Web que visitamos con frecuencia es almacenándolas en una lista. En Internet Explorer estas páginas se denominan sitios
Más detallesWindows Journal en dos patadas
Windows Journal en dos patadas Con el Windows Journal se pueden hacer muchas cosas, pero aquí vamos a aprender unas pocas: Conocer la interfaz y las herramientas. Escribir a mano (y borrar) en una nota
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 detallesManual de usuario servidor de archivos para El Colegio de la Frontera Sur
Contenido 1. Acceso al servidor de archivos... 2 2. Manejo de archivos (Interfaz web).... 3 2.1. Creando y subiendo archivos... 4 2.1.1. Seleccionar archivos... 4 2.1.2. Visualizando archivos... 5 2.1.3.
Más detallesCÓMO ADMINISTRAR TU SITIO WEB Y PUBLICAR
CÓMO ADMINISTRAR TU SITIO WEB Y PUBLICAR ÍNDICE: 0) Cómo crear un sitio. 1) Cómo acceder a la administración de mi sitio. 2) Cómo acceder a la administración de mi sitio. 3) Cómo escribir en mi sitio.
Más detallesLección 5: Bloc de notas Estudio de la aplicación Bloc de notas, utilizada para escribir sencillos documentos de texto de tamaño reducido.
Curso para conocer y aprender a manejar completamente el sistema operativo Microsoft Windows XP Professional, analizando desde el entorno del mismo hasta sus herramientas administrativas más complejas
Más detallesAdobe Dreamweaver CS3 - Curso online Creación profesional de sitios web
Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen
Más detallesCómo utilizar P-touch Transfer Manager
Cómo utilizar P-touch Transfer Manager Antes de utilizar la impresora, asegúrese de leer esta Guía del usuario online. Guarde este manual en un lugar accesible para futuras consultas. Versión 0 US SPA
Más detallesNotas para la instalación de un lector de tarjetas inteligentes.
Notas para la instalación de un lector de tarjetas inteligentes. Índice 0. Obtención de todo lo necesario para la instalación. 3 1. Comprobación del estado del servicio Tarjeta inteligente. 4 2. Instalación
Más detallesManual de Gunaguaro Instalación y Uso
Manual de Gunaguaro Instalación y Uso Indice Que es cunaguaro?... 3 Como instalar cunaguaro?... 4 Comenzar a utilizar cunaguaro... 5 Elementos para Navegar... 6 Pestañas de Navegación... 8 Uso de marcadores...
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 detallesUso de Visual C++ Pre-Practica No. 3
Pre-Practica No. 3 Uso de Visual C++ Microsoft Visual C++ 2010 es una versión de Visual Studio específica para el lenguaje de programación C++. Es un entorno de desarrollo muy completo y profesional. Por
Más detalles- Qué es una Máquina Virtual?
MÁQUINA VIRTUAL - Qué es una Máquina Virtual? Una máquina virtual es un software que crea un entorno virtual entre el sistema informático que la alberga y el usuario final, permitiendo que se ejecute un
Más detallesSistema de SaaS (Software as a Service) para centros educativos
Sistema de SaaS (Software as a Service) para centros educativos Definiciones preliminares: Qué es SaaS? SaaS (1) es un modelo de distribución del software que permite a los usuarios el acceso al mismo
Más detallesEntidad Formadora: Plan Local De Formación Convocatoria 2010
Entidad Formadora: Enterprise Architect Comenzando Puede iniciar Enterprise Architect desde el ícono que se creó en su escritorio de Windows durante la instalación, o alternativamente: 1. Abrir el menú
Más detalles