COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.

Tamaño: px
Comenzar la demostración a partir de la página:

Download "COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS."

Transcripción

1 COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.

2 VÍNCULOS: Antes de proseguir hemos de repasar el concepto vínculo ya que vamos a utilizarlo mucho de aquí en adelante. Un vínculo (también llamado enlace, hipervínculo, hiperenlace o link) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo (también llamado ancla) o de otro documento. Combinado con una red de datos y un protocolo de acceso, un hiperenlace permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegación, mostrarlo como parte del documento referenciador o guardarlo localmente. Estos elementos por ejemplo pueden ser una línea, una palabra e incluso una imagen. IMÁGENES: Vamos a insertar alguna imagen en nuestro documento. Vamos a insertar el logotipo del ayuntamiento de nuestro pueblo en el panel lateral, debajo de la palabra otros, para ello sitúate allí con el ratón y haz clic en Insertar Imagen o pulsa en el icono para tal fin. Busca en tu carpeta de trabajo el emblema del ayuntamiento. Una vez insertada vamos a estudiar las propiedades de las imágenes. Una de las opciones interesantes es el texto alternativo (alt) el cual nos sirve por si el navegador no puede cargar la imagen por el motivo que sea, en lugar de una imagen de error nos saldrá el texto que tengamos escrito. En este caso escribe ayuntamiento Otra de las opciones es el vinculo, que como hemos dicho es donde nos llevara el navegador al hacer clic en la imagen, en este caso vamos a poner la dirección de nuestro ayuntamiento recuerda seleccionar debajo en el cuadro de destino la opción _blank para que nos abra la dirección en una página nueva, ya que si no intentara crearla en el mismo panel.

3 MI PRIMERA PÁGINA WEB Los pasos siguientes están dedicados a crear los apartados de nuestro sitio web. Comenzaremos por crear el apartado fotos. Para ello crea un nuevo documento html vacio ( archivo nuevo pagina básica. HTML crear ), e inserta en ella la imagen vista previa 001 que puedes encontrar en tu carpeta material de trabajo. Aparecerá la vista previa de nuestra primera foto. Al hacer clic sobre ella ha de aparecer la imagen en grande. Para ello primero copia la imagen panoramica en tu carpeta web local y después haremos un vínculo apretando el botón que hay al lado de vínculo y sin soltar el ratón arrastrándolo hasta la imagen estacio.jpg Si no aparece la imagen actualiza con.

4 MI PRIMERA PÁGINA Recuerda marcar el destino como mainframe. Para que se situé en el marco en el que estamos Sin salirte del marco central ve a inicio guardar marco como y guárdalo con el nombre fotos. Presta atención a guardar solo este marco ya que no queremos guardar cambios en los demás, sobre todo para no perder la página principal ni la de index. Comprueba que funcione tu link y crea otro debajo con otra imagen que busques en internet. Veras como fácilmente podras crear todas las imágenes que desees.

5 MI PRIMERA PÁGINA WEB (Las fotos de esta imagen han sido descargadas de internet utilizando un buscador de imágenes. Desconozco los nombres de sus respectivos autores.) Vamos a comprobar que podemos insertar elementos de otras páginas. En el apartado otros vamos a colocar un video externo a nuestra página desde youtube. Para ello busca en youtube un video de interés que te guste para tu página. Observa al lado de ese video el cuadro de texto insertar, haz clic en el y copia el código con el botón derecho del ratón. Ya tenemos nuestro video, vamos a pegarlo en nuestra página.

6 Crea una nueva pagina en blanco ( archivo nuevo pagina básica. HTML crear ). Prepara la imagen de fondo y en la vista diseño pega el código que has copiado anteriormente dentro de la etiqueta body, quedara algo así: <body> <object width=" </object> Código del video </body> </html> Cuando volvamos a la vista diseño, en Dreamweaver no podremos ver el video, solo nos aparecerá un objeto insertado en un cuadro gris, para comprobar que te ha salido bien deberás ir a la vista previa del documento, no sin antes guardar la página como otros.htm. Vamos a insertar un juego debajo de este video, para ello vamos a y elige un juego que te guste. Busca debajo del juego el código de enlace ( inserta este juego en tu sitio ) y con las funciones copiar y pegar insértalo en tu página. Ten en cuenta que todos los elementos externos no están en nuestra sitio, solo están incrustados en ella, por lo tanto si el elemento (video, juego, ) es eliminado de la pagina original desaparecerá de la nuestra.

7 Ahora vamos crear el apartado enlaces en el cual pondremos vínculos en imágenes a otras páginas que nos parezcan interesantes. La primera que vamos a crear será un enlace a la página Windows live (Hotmail). Para ello sigue estos pasos: - Crea una página nueva. ( archivo nuevo pagina básica. HTML crear ). - Inserta la imagen de fondo como has hecho anteriormente desde propiedades de la página. - Escribe el texto: A continuación os muestro algunas páginas que considero interesantes: - Ahora inserta la imagen con el logotipo de hotmail y con la imagen seleccionada creamos los vínculos escribiendo en el cuadro de texto vinculo la dirección: - Recuerda poner en el destino: _blank para que nos abra una nueva ventana en el navegador y recuerda el texto alternativo por si nuestra imagen no se pudiera cargar. HOTMAIL - Guarda cambios dándole de nombre a tu fichero enlaces.htm y comprueba el resultado. Prueba a crear también el vínculo a la página de Google. Recuerda que puedes centrar tus imágenes, así como ajustar su tamaño. Puedes ayudarte con las reglas y la cuadricula que tienes en el menú VER. Al acabar el curso sería interesante que cada diera la dirección de su sitio web con el fin de que cada pusiera el vinculo a la pagina del resto de sus

8 El resultado será similar a este: Nos queda añadir el apartado del cuestionario. Para ello crea un nuevo archivo con la imagen de fondo que hemos utilizado en los anteriores casos, y en el haremos el siguiente cuestionario: Para ello despliega el botón común y selecciona la opción formulario.

9 Primero inserta el formulario. Para ello haz clic en el botón:. Todo el formulario ha de estar dentro de las líneas discontinuas rojas que se nos han creado. Primero escribiremos el campo NOMBRE: después de escribirlo inserta el cuadro de texto donde el visitante escribirá su nombre haciendo clic en el icono (campo de texto). Repite la opción para que el visitante pueda darte la dirección de correo electrónico. Debajo del nombre escribe: Qué te parece mi sitio web?, selecciona una respuesta: y copia la siguiente lista insertando un botón de opción delante de cada línea.

10 A continuación inserta: Fíjate que en este caso las respuestas no se marcan con el botón de opción, si no con una casilla de verificación. La diferencia es que la primera solo deja elegir una opción y la segunda una o varias opciones de respuesta. Por último crea un hueco por si el visitante desea darte algún comentario insertando un área de texto. Faltaran crear los botones de enviar y cancelar. Ponte al final del documento e inserta dos botones mediante. El primero lo dejaras tal cual, y el segundo lo modificaras desde las propiedades, poniendo de etiqueta Cancelar y marcando la opción restablecer formulario. Guarda esta página con el nombre formulario y comprueba en el navegador que quede como el que tienes a continuación:

11 Tenemos el conjunto de nuestra página creada. Solo nos falta crear los vínculos del panel lateral. Ve a index.html. Y en el panel lateral, selecciona el texto página principal y mediante el botón elige la página principal. Recuerda seleccionar la opción mainframe como destino. Repite el proceso con todas las páginas, seleccionando en cada vínculo su página correspondiente. Y guarda cambios. Con ello tendremos nuestra página web finalizada.

12

13

Video dentro de una página Web interna del curso

Video dentro de una página Web interna del curso Video dentro de una página Web interna del curso Una vez el curso esté en modo de edición de clic en el enlace Añadir una actividad o recurso De la lista de Actividades y Recursos, seleccione Página en

Más detalles

Servicios Web 2.0 ::: Flickr: galería de fotografías Diseño de materiales multimedia. Web 2.0. 5.2 Flickr: galería de fotografías

Servicios Web 2.0 ::: Flickr: galería de fotografías Diseño de materiales multimedia. Web 2.0. 5.2 Flickr: galería de fotografías 417 5.2 Flickr: galería de fotografías 418 5.2 Flickr: galería de fotografías 5.2.1 Introducción Flickr (http://www.flickr.com) es un espacio donde se puedes administrar y compartir tus fotos en línea.

Más detalles

webmaker Guía básica Tu web en 3 pasos Índice

webmaker Guía básica Tu web en 3 pasos Índice webmaker Guía básica Tu web en 3 pasos Índice 1. Cómo gestionar tu webmaker 2. Herramienta de diseño: tu área de trabajo 3. Diseña tu Web en 3 pasos Cómo verán los clientes mi web? 2012 - Copyright Arsys

Más detalles

Blogs con Blogger. Primeros pasos para publicar en Blogger

Blogs con Blogger. Primeros pasos para publicar en Blogger Blogs con Blogger Primeros pasos para publicar en Blogger José Ramón Olalla Celma 13/11/2013 Para crear un blog con Blogger, visita la página principal de Blogger, introduce tu nombre de usuario y contraseña

Más detalles

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web.

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web. IMÁGENES Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Existen una serie de formatos de imagen más

Más detalles

Páginas web ::: Mi primera página Diseño de materiales multimedia. Web 2.0. 1.3 Mi primera página

Páginas web ::: Mi primera página Diseño de materiales multimedia. Web 2.0. 1.3 Mi primera página 23 1.3 Mi primera página 24 1.3 Mi primera página El propósito de este actividad es diseñar tu primera página con Kompozer. El tema elegido es una breve pincelada del poeta Federico García Lorca. En este

Más detalles

PRÁCTICA 2. AMPLIAR LA WEB

PRÁCTICA 2. AMPLIAR LA WEB PRÁCTICA 2. AMPLIAR LA WEB Ejercicio 1. Amplia la página Web que diseñaste en la práctica 1 con los siguientes elementos: fondos, marquesinas, tablas, hipervínculos y vídeos youtube. PASOS A SEGUIR 1.

Más detalles

UNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS

UNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS UNIVERSIDAD DE MEDELLÍN MANUAL DE USUARIO GESTOR DE CONTENIDOS NUEVO PORTAL WEB TABLA DE CONTENIDO Tabla de Contenido 2 Consideraciones Iniciales 3 Ingreso al Sistema 4 Opciones de Gestor de contenidos

Más detalles

Kompozer: Crear un banner para la web

Kompozer: Crear un banner para la web Kompozer: Crear un banner para la web En este tutorial vamos a ver cómo crear un banner con Macromedia Flash y luego vamos a insertarlo en la página de inicio de nuestra web. 1.-Abre Macromedia Flash MX

Más detalles

Tutorial de Dreamweaver MX 2004

Tutorial de Dreamweaver MX 2004 1 Tutorial de Dreamweaver MX 2004 Dreamweaver MX 2004 es una aplicación para el diseño de espacios web que incorpora múltiples posibilidades de edición. 1. Configurar un sitio local El método más común

Más detalles

Outlook Express. Manual de. GESIn. Grupo de Estudios y Servicios Informáticos. GESIn Grupo de Estudios y Servicios Informáticos.

Outlook Express. Manual de. GESIn. Grupo de Estudios y Servicios Informáticos. GESIn Grupo de Estudios y Servicios Informáticos. Manual de Outlook Grupo de Estudios y Servicios Informáticos Página 1 1. Abrir el programa Existen diversos programas para gestionar el correo electrónico. Los más conocidos y usados son Outlook, "Netscape

Más detalles

Acceso al panel de gestión

Acceso al panel de gestión 1 Acceso al panel de gestión Para acceder a la gestión de tu web entra en http://www.siweb.es y pulsa en Acceso clientes en el menú superior. Introduce tus datos de acceso (usuario y contraseña) y pulsa

Más detalles

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH Jornadas de INCLUSION DIGITAL a través de las TIC ORGANIZAN: CAPACITA: CLAEH Con Google Maps puedes: importan. Crear tus propios mapas para compartir los lugares que más te Destacar y guardar lugares.

Más detalles

Manual de Blogger. Centro Guadalinfo Cenes de la Vega (2014) TUTORIAL DE BLOGGER

Manual de Blogger. Centro Guadalinfo Cenes de la Vega (2014) TUTORIAL DE BLOGGER TUTORIAL DE BLOGGER 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. Crear un blog Escritorio Visión general Escribir una entrada Editor de entradas Etiquetas Añadir una imagen Añadir un vídeo Personalizar

Más detalles

COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER

COMO 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 detalles

Nuevas Tecnologías Aplicadas a la Educación Taller Práctica 1 Primeros pasos con WYSIWYG Web Builder

Nuevas Tecnologías Aplicadas a la Educación Taller Práctica 1 Primeros pasos con WYSIWYG Web Builder Nuevas Tecnologías Aplicadas a la Educación Taller Práctica 1 Primeros pasos con WYSIWYG Web Builder 1. Preparativos Antes de empezar con la práctica, vamos a crear una carpeta donde guardar la web creada.

Más detalles

Tutorial de como crear un curso en Milaulas.com basado en Moodle

Tutorial de como crear un curso en Milaulas.com basado en Moodle Tutorial de como crear un curso en Milaulas.com basado en Moodle 1. Mil aulas.com Mil Aulas es una Plataforma Educativa Virtual que nos permite llevar a cabo un sistema de gestión de cursos. De distribución

Más detalles

1. Qué hacemos con la información encontrada en Internet? 2. De cuántas maneras se puede guardar una información?

1. Qué hacemos con la información encontrada en Internet? 2. De cuántas maneras se puede guardar una información? GUARDAR LA INFORMACIÓN DE INTERNET (Tutoriales) 1. Qué hacemos con la información encontrada en Internet? Si encontramos información interesante en la red podemos guardarla. 2. De cuántas maneras se puede

Más detalles

Google Drive. Almacén online y trabajo colaborativo

Google Drive. Almacén online y trabajo colaborativo Google Drive Almacén online y trabajo colaborativo Rosa Garza Torrijo Colaboradora didáctica T.I.C. Centro de Innovación y Formación Educativa. C.I.F.E. nº 2 Juan de Lanuza 2 ÍNDICE 1. QUÉ ES GOOGLE DRIVE?

Más detalles

Creando una webquests

Creando una webquests Creando una webquests 1. LO PRIMERO EL PROGRAMA Para crear paginas web necesitamos el software apropiado. Hay muchas formas y programas para hacerlo, pero por su facilidad de uso y por ser software libre

Más detalles

Hacer una página web con Kompozer

Hacer una página web con Kompozer Hacer una página web con Kompozer INTRODUCCIÓN Qué es Kompozer? es un editor de páginas web gratuito, con el que podemos crear las mismas de forma intuitiva sin tener que utilizar el lenguaje html (lenguaje

Más detalles

1. UNA PÁGINA WEB SENCILLA

1. UNA PÁGINA WEB SENCILLA { 1 } Índice 1. UNA PÁGINA WEB SENCILLA... 3 2. PROPIEDADES DE LA PÁGINA... 4 3. COLORES EN UNA PÁGINA WEB... 5 4. LÍNEAS HORIZONTALES... 6 5. AÑADIR UNA IMAGEN... 7 6. USAR ENLACES... 8 7. INSERTAR TABLAS...

Más detalles

Demo. Todo el proceso de investigación en tres sencillos pasos

Demo. Todo el proceso de investigación en tres sencillos pasos Demo Todo el proceso de investigación en tres sencillos pasos 1 Índice 1 Registro Pág. 3 2 Diseñar Pág. 5-12 3 Recopilar Pág. 14-26 4 Analizar Pág. 27-30 2 Registro de usuarios Qué es? 1 Elige el idioma

Más detalles

Capas. sirve para seleccionar la capa al pulsar sobre él, y al eliminarlo se elimina también la

Capas. sirve para seleccionar la capa al pulsar sobre él, y al eliminarlo se elimina también la Capas Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas pueden ocultarse y solaparse entre sí, lo que

Más detalles

Formarnos / Instructivo para tutores

Formarnos / Instructivo para tutores PROGRAMA DE FORMACIÓN DE DIRIGENTES EN GESTIÓN PÚBLICA Y SOCIAL Formarnos / Instructivo para tutores Universidad Nacional de Lanús / Vicerrectorado / Campus Virtual / 2015 Índice Ingreso a la plataforma

Más detalles

Nos situamos en la pestaña DISEÑO y encontraremos varios lugares donde añadir un gadget: columnas, debajo de la cabecera, en el pie del blog

Nos situamos en la pestaña DISEÑO y encontraremos varios lugares donde añadir un gadget: columnas, debajo de la cabecera, en el pie del blog TEMA 4 GADGETS 4.1. Añadir Gadgets. Se conoce el término gadget o widget como una serie de mini aplicaciones diseñadas para proveer información, interacción a través de internet que, en nuestro caso, se

Más detalles

PRIMEROS PASOS EN WINDOWS

PRIMEROS PASOS EN WINDOWS 1. EL ESCRITORIO PRIMEROS PASOS EN WINDOWS En Windows el escritorio está prácticamente vacío al principio para que seamos nosotros los que decidamos qué queremos situar en él. De hecho sólo nos encontramos

Más detalles

1. Qué es Blogger?... 3 QUÉ ES BLOGGER... 3 CONCEPTOS... 4. 2. Crear un Blog... 5 CÓMO CREAR UN BLOG... 5

1. Qué es Blogger?... 3 QUÉ ES BLOGGER... 3 CONCEPTOS... 4. 2. Crear un Blog... 5 CÓMO CREAR UN BLOG... 5 El curso Blogger, creado por KZgunea, se encuentra bajo licencia Creative Commons de Atribución-NoComercial-CompartirIgual_3.0_ (CC-BY-NC-SA_3.0) Índice del curso 1. Qué es Blogger?... 3 QUÉ ES BLOGGER...

Más detalles

Apuntes para hacer páginas Web con FrontPage

Apuntes para hacer páginas Web con FrontPage 1 ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y BACHILLERATO CURSO: Cursos y acciones de postgrado, 2004-2005 PROFESORA: Inés M. Gómez-Chacón CARÁCTER/CRÉDITOS: 3 DEPARTAMENTO: ÁLGEBRA FACULTAD

Más detalles

HIPERVÍNCULOS. Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen

HIPERVÍNCULOS. Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen HIPERVÍNCULOS Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo a otra página o archivo. Es posible asignar un vínculo a un texto, a una

Más detalles

Páginas web ::: Viñetas y marcadores Diseño de materiales multimedia. Web 2.0. 1.4 Viñetas y marcadores

Páginas web ::: Viñetas y marcadores Diseño de materiales multimedia. Web 2.0. 1.4 Viñetas y marcadores 31 1.4 Viñetas y marcadores 32 1.4 Viñetas y marcadores 1.4.1 Introducción En ocasiones nos puede interesar colocar enlaces a otros puntos de una misma página. Antes de crear el hipervínculo, es necesario

Más detalles

Te damos la bienvenida a Dropbox

Te damos la bienvenida a Dropbox Te enseñamos cómo empezar en Dropbox: 1 2 3 4 Mantén a salvo tus archivos Llévate tus cosas a todas partes Envía archivos de gran tamaño Colabora en archivos Te damos la bienvenida a Dropbox 1 Mantén a

Más detalles

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 5: Report Builder

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 5: Report Builder Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 5: Report Builder Instituto de Tecnologías Educativas 2011 Informes con Oracle Report Builder En su configuración original, OpenOffice

Más detalles

Módulo 8 Windows: Presentaciones con PowerPoint

Módulo 8 Windows: Presentaciones con PowerPoint Módulo 8 Windows: Presentaciones con PowerPoint Recursos metodológicos para la alfabetización digital Ordenador Práctico v2 / diciembre 2009 Este material está licenciado bajo Creative Commons Reconocimiento

Más detalles

Pavel Kasík, Technet.cz

Pavel Kasík, Technet.cz Imagina que quieres crear tu propio sitio web. Normalmente, tendrías que descargar el software, instalarlo y comenzar a programar. Con Webnode no es necesario instalar nada. Puedes crear tu página web

Más detalles

Internet: El navegador Web

Internet: 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 detalles

Integración de Google Docs en tu blog

Integración de Google Docs en tu blog 1 Integración de Google Docs en tu blog Básicamente existen dos formas de acceder a un documento Google desde el artículo de un blog: Enlace a su URL. Se escribe un texto en el artículo del blog y en él

Más detalles

INDICE PASO 1: REGISTRO DE DATOS PASO 2: LA PÁGINA DE INICIO.. 7 PASO 3: EDITANDO PÁGINAS...8 PASO 4: AÑADIENDO NUEVAS PÁGINAS...

INDICE PASO 1: REGISTRO DE DATOS PASO 2: LA PÁGINA DE INICIO.. 7 PASO 3: EDITANDO PÁGINAS...8 PASO 4: AÑADIENDO NUEVAS PÁGINAS... MANUAL GOOGLE SITE Google Sites INDICE INTRODUCCIÓN PASO 1: REGISTRO DE DATOS...5 PASO 2: LA PÁGINA DE INICIO.. 7 PASO 3: EDITANDO PÁGINAS...8 PASO 4: AÑADIENDO NUEVAS PÁGINAS.....18 PASO 5: CONFIGURANDO

Más detalles

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009)

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: domingo, 15 de febrero de 2009) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos

Más detalles

Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2

Aplicaciones 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 detalles

Una guía rápida para. Crear Boletines de Noticias

Una 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 detalles

El editor incluye los siguientes componentes:

El editor incluye los siguientes componentes: El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante contribución. Ofrece numerosas

Más detalles

Creando páginas para mi

Creando 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 detalles

3.1. Conoce el Escritorio de Windows Vista

3.1. Conoce el Escritorio de Windows Vista Unidad 3. El Escritorio y la barra de tareas 3.1. Conoce el Escritorio de Windows Vista El Escritorio es la primera pantalla que nos aparece una vez se haya cargado el Sistema Operativo. Este escritorio

Más detalles

Práctico: Cómo organizar y guardar tus archivos

Práctico: Cómo organizar y guardar tus archivos Conceptos Buscar Función incluida en muchas aplicaciones que permite localizar documentos con unas características determinadas. Por ejemplo, con Windows es posible realizar búsquedas de archivos en función

Más detalles

!"!#!$%&'(!)$% )*+%*)!,$&%-*. +!/*(01*2

!!#!$%&'(!)$% )*+%*)!,$&%-*. +!/*(01*2 !"!#!$%&'(!)$% )*+%*)!,$&%-*. +!/*(01*2 45%!",&$)6##!7" Con el editor web LivePages de tu paquete Conecta tu Negocio podrás crear tu propia página web y publicarla en Internet sin necesidad de conocimientos

Más detalles

6.1. Conoce la papelera

6.1. Conoce la papelera Unidad 6. La papelera de Reciclaje 6.1. Conoce la papelera La papelera no es más que un espacio en el disco duro reservado para almacenar la información que eliminamos, evitando que esta información aparezca,

Más detalles

Índice. Introducción CMS CAMALEONS Presentación de plataforma Opciones. Configuración de la web Página de Inicio Barra Lateral Widgets

Índice. Introducción CMS CAMALEONS Presentación de plataforma Opciones. Configuración de la web Página de Inicio Barra Lateral Widgets Índice Introducción CMS CAMALEONS Presentación de plataforma Opciones Configuración de la web Página de Inicio Barra Lateral Widgets Cómo crear y administrar páginas Gestión de Módulos Gestión de usuarios

Más detalles

Páginas web ::: Archivos ZIP Diseño de materiales multimedia. Web 2.0. 1.10 Archivos ZIP

Páginas web ::: Archivos ZIP Diseño de materiales multimedia. Web 2.0. 1.10 Archivos ZIP 78 1.10 Archivos ZIP 79 1.10 Archivos ZIP 1.10.1 Introducción En ocasiones puede interesar ofrecer la descarga de un documento o archivo al visitante de una página web. Puede ser el caso de una colección

Más detalles

Buscando multimedia en la Red

Buscando multimedia en la Red Buscando multimedia en la Red Buscando multimedia en la Red 1. Introducción Como seguramente ya habrás intuido, este curso no podía terminar sin tratar un tema bastante importante como es el de la búsqueda

Más detalles

Plan de trabajo del tema 2

Plan de trabajo del tema 2 Plan de trabajo del tema 2 ExeLearning por dentro OBJETIVOS DE LA UNIDAD: Empezamos a trabajar con exelearning, una herramienta que se utiliza para elaborar recursos didácticos digitales. Para familiarizarnos

Más detalles

Como Solicitar y configurar tu web de DXN. Por: Jorge Calvo www.dxncanarias.com

Como Solicitar y configurar tu web de DXN. Por: Jorge Calvo www.dxncanarias.com Como Solicitar y configurar tu web de DXN Por: Jorge Calvo www.dxncanarias.com Paso 1: al poco tiempo de registrarte en DXN recibirás un email de intranet@dxn.hu con el asunto Acceso a intranet DXN en

Más detalles

TEMA 8: CREACIÓN Y PERSONALIZACIÓN DE UN BLOG

TEMA 8: CREACIÓN Y PERSONALIZACIÓN DE UN BLOG Colegio La Inmaculada Misioneras Seculares de Jesús Obrero Nueva del Carmen, 35. 47011 Valladolid. Tel: 983 29 63 91 Fax: 983 21 89 96 e-mail: lainmaculadava@planalfa.es TEMA 8: CREACIÓN Y PERSONALIZACIÓN

Más detalles

REGISTRAR LOS SITIOS WEB MÁS INTERESANTES

REGISTRAR 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 detalles

Nuevo diseño de Google Apps Gmail, Calendar, Docs y Sites 28/11/11

Nuevo diseño de Google Apps Gmail, Calendar, Docs y Sites 28/11/11 Nuevo diseño de Google Apps Gmail, Calendar, Docs y Sites 28/11/11 Te damos la bienvenida al nuevo diseño de Google Apps Motivos del cambio: Ofrecer un diseño uniforme en todas las aplicaciones de Google

Más detalles

Páginas web ::: Kompozer: instalación y uso Diseño de materiales multimedia. Web 2.0. 1.2 Kompozer: instalación y uso

Páginas web ::: Kompozer: instalación y uso Diseño de materiales multimedia. Web 2.0. 1.2 Kompozer: instalación y uso 17 1.2 Kompozer: instalación y uso 18 1.2 Kompozer: instalación y uso 1.2.1 Qué es Kompozer? Kompozer es un editor WYSIWYG (What You See Is What You Get = Lo que ves es lo que tienes) de páginas web. Resulta

Más detalles

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Elementos del entorno en Dreamweaver 4 Ricardo Esteban Alonso Modos de visualización Vista diseño (donde nosotros trabajamos) Vista de código Vista de código y diseño Entorno de Dreamweaver

Más detalles

Multiply: repositorio de archivos Diseño de materiales multimedia. Web 2.0. 5.6 Multiply: repositorio de archivos

Multiply: repositorio de archivos Diseño de materiales multimedia. Web 2.0. 5.6 Multiply: repositorio de archivos 440 5.6 Multiply: repositorio de archivos 441 5.6 Multiply: repositorio de archivos Existen espacios donde es posible subir archivos multimedia (imagen, audio, vídeo, animaciones, archivos etc) que luego

Más detalles

14.1 Configuración de las propiedades del documento

14.1 Configuración de las propiedades del documento Capítulo 14 Publicación 14.1 Configuración de las propiedades del documento V amos a abrir la película natura.fla guardada en la carpeta Curso Flash/ejemplos. No es necesario guardar los cambios producidos

Más detalles

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB CREACION DE PÁGINAS WEB CREAR LO QUE LLAMAREMOS SITIO WEB LOCAL En el escritorio del ordenador crear una carpeta llamada sitio web que sea donde guardes todos los archivos Dentro de ella guardaremos todos

Más detalles

3. Navegar por Internet

3. Navegar por Internet 3. Navegar por Internet 3.1 Favoritos En esta sección veremos cómo utilizar la Barra de Favoritos del explorador de Internet. La Barra de favoritos nos proporciona acceso cómodo a los sitios web que visitamos

Más detalles

Cómo crear una web desde Webnode?

Cómo crear una web desde Webnode? Cómo crear una web desde Webnode? 1. Vamos a nuestro navegador ya sea Internet Explorer o Mozilla Firefox y escribimos en la barra de direcciones la siguiente dirección http://www.webnode.com, nos saldrá

Más detalles

Los formularios. file:///home/fdgongora/escritorio/openoffice/unid... 1 de 33 21/11/10 09:08

Los formularios. file:///home/fdgongora/escritorio/openoffice/unid... 1 de 33 21/11/10 09:08 Los formularios Natalia sigue trabajando con OpenOffice y cada vez más compañeros le preguntan sobre sus utilidades. Ahora le ha surgido un nuevo reto. Debe informatizar los formularios del centro. El

Más detalles

Tutorial de Swish 2.0

Tutorial de Swish 2.0 1 Tutorial de Swish 2.0 Swish es una herramienta fácil de usar que permite producir en pocos minutos complejas animaciones con texto e imágenes en formato SWF para el reproductor de Flash. En este tutorial

Más detalles

ADMINISTRAR UN BLOG EN BLOGGER

ADMINISTRAR UN BLOG EN BLOGGER ADMINISTRAR UN BLOG EN BLOGGER Para entrar en nuestro Blog vamos a la página principal de Blogger, accedemos a través de nuestra cuenta de Google (correo Gmail) con usuario y contraseña. EL PANEL DE CONTROL

Más detalles

Una guía rápida para. Crear Autorespuestas

Una guía rápida para. Crear Autorespuestas Una guía rápida para Crear Autorespuestas En esta guía Aprende a establecer tus mensajes de seguimiento en modo automático con las Autorespuetas de GetResponse en las campañas de goteo, mensajes de bienvenida

Más detalles

Instrucciones: Realiza en Windows Movie Maker el siguiente ejercicio práctico.

Instrucciones: Realiza en Windows Movie Maker el siguiente ejercicio práctico. Edición básica EJERCICIO_1 Instrucciones: Realiza en Windows Movie Maker el siguiente ejercicio práctico. EJERCICIO: Valor 15 puntos Vamos a realizar una actividad guiada de creación de video mediante

Más detalles

Web. 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 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 detalles

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH Jornadas de INCLUSION DIGITAL a través de las TIC ORGANIZAN: CAPACITA: CLAEH Con Google Docs puedes crear, compartir y editar documentos online con facilidad. A continuación te indicamos algunas acciones

Más detalles

3.1 Definir objetivos y contenidos de la página web

3.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 detalles

2. El Constructor por dentro

2. El Constructor por dentro 2. El Constructor por dentro 1. Introducción Si, después de analizar las características de estas dos grandes herramientas de autor, te has decido por el Constructor, bienvenid@, vamos a empezar un viaje

Más detalles

Glossi. 1º.-Qué es y acceso. 2º.-El resultado: permite combinar texto, imágenes, vídeos, enlaces,...

Glossi. 1º.-Qué es y acceso. 2º.-El resultado: permite combinar texto, imágenes, vídeos, enlaces,... Glossi 1º.-Qué es y acceso Glossi es un aplicación on-line que permite crear una atractiva revista digital que luego podremos insertar en nuestro blog, página web o aula virtual. La dirección es http://www.glossi.com

Más detalles

Es una aplicación online gratuita, Esta aplicación permite crear un sitio web o una intranet de una forma tan sencilla como editar un documento

Es una aplicación online gratuita, Esta aplicación permite crear un sitio web o una intranet de una forma tan sencilla como editar un documento Google Sites: Es una aplicación online gratuita, Esta aplicación permite crear un sitio web o una intranet de una forma tan sencilla como editar un documento 1. Registro Previo 1.1- Pantalla de Bienvenida

Más detalles

Aprendamos Juntos. FreeMaker Video Converter

Aprendamos Juntos. FreeMaker Video Converter Aprendamos Juntos Como utilizamos los programas FreeMaker Video Converter Web del Autor: http://www.freemake.com/es/free_video_converter/ FreeMaker VC, es un programa gratuito, que nos permite convertir

Más detalles

Lo primero que nos pedirá cuando accedamos al Correo Electrónico HORDE es que nos identifiquemos:

Lo primero que nos pedirá cuando accedamos al Correo Electrónico HORDE es que nos identifiquemos: Cada uno de los Centros de Convivencia Municipales para Mayores con Aula Informática, tiene abiertas cuentas para cada uno de sus terminales en WebMail (Correo en la Web) HORDE. Lo primero que nos pedirá

Más detalles

Tabletas en el aula. Diseño de apps con MIT App Inventor 2. Edición 2015. Autor: Fernando Posada Prieto canaltic.com

Tabletas en el aula. Diseño de apps con MIT App Inventor 2. Edición 2015. Autor: Fernando Posada Prieto canaltic.com Tabletas en el aula Diseño de apps con MIT App Inventor 2 Edición 2015 Autor: Fernando Posada Prieto canaltic.com Diseño de apps con MIT App Inventor 2 Índice 1. Qué es App Inventor 2?... 2 2. Requisitos

Más detalles

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen 171 2.4 Dimensiones de una imagen 172 2.4 Dimensiones de una imagen 2.4.1 Reducir el tamaño de una imagen Uno de los principales factores que determinan el peso de un archivo gráfico es el tamaño de la

Más detalles

Servicios Web 2.0 ::: Slide.com: presentación de imágenes Diseño de Webs Educativas (Iniciación) 5.3 Slide.com: presentación de imágenes

Servicios Web 2.0 ::: Slide.com: presentación de imágenes Diseño de Webs Educativas (Iniciación) 5.3 Slide.com: presentación de imágenes 228 5.3 Slide.com: presentación de imágenes 229 5.3 Slide.com: presentación de imágenes Slide.com (http://www.slide.com) es un servicio web 2.0 que nos permite subir una colección de imágenes y luego obtener

Más detalles

Recursos didácticos digitales en Educación Permanente Mª Luisa Miras Cidad

Recursos didácticos digitales en Educación Permanente Mª Luisa Miras Cidad Mi primer libro 1. Prepara tu ordenador Antes de comenzar a trabajar, sería recomendable que configuraras tu ordenador para ver las extensiones de los archivos. Una extensión es una serie de letras que

Más detalles

Enviar archivos mediante FTP

Enviar archivos mediante FTP Enviar archivos mediante FTP Sin lugar a dudas, la forma más rápida de enviarnos los archivos para imprimir es utilizando un Cliente FTP. FTP, acrónimo de File Transfer Protocol, es un protocolo de transferencia

Más detalles

Módulo 8 Linux: Presentaciones con Impress

Módulo 8 Linux: Presentaciones con Impress Módulo 8 Linux: Presentaciones con Impress Recursos metodológicos para la alfabetización digital Ordenador Práctico v2 / diciembre 2009 Este material está licenciado bajo Creative Commons Reconocimiento

Más detalles

eportafolios en Canvas

eportafolios en Canvas eportafolios en Canvas Los portafolios electrónicos en Canvas te permiten crear un proyecto y recopilar tareas de una manera fácil y sencilla. Antes de comenzar, recomendamos que tengas las instrucciones

Más detalles

GUÍA INSTRUCTIVA PARA INGRESO DE CONTENIDOS EN SITE BUILDER INDEX

GUÍA INSTRUCTIVA PARA INGRESO DE CONTENIDOS EN SITE BUILDER INDEX GUÍA INSTRUCTIVA PARA INGRESO DE CONTENIDOS EN SITE BUILDER INDEX Introducción...2 I. Cómo puedo Editar mi sitio?...4 1. General...4 2. Diseño...6 3. Logotipo y pie...7 4. Páginas de mi sitio...8 a. Página

Más detalles

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011)

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: miércoles, 2 de marzo de 2011) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos con

Más detalles

1.1 Acceso a la página https://www.blogger.com/start?hl=es

1.1 Acceso a la página https://www.blogger.com/start?hl=es 1. CREACIÓN DE UN BLOG Concepto de Blog: Es una Bitácora con información personalizada. Es decir, una relación de sucesos, opiniones, textos etc... relacionados con la persona o entidad física o jurídica

Más detalles

Tutorial del administrador de la web del departamento

Tutorial del administrador de la web del departamento Tutorial del administrador de la web del departamento Antes de leer este tutorial, debes leer el tutorial del profesor. Observa que en la parte inferior de la página de INICIO de tu departamento aparece

Más detalles

C.F.G.S. DESARROLLO DE APLICACIONES INFORMÁTICAS. MÓDULO: Diseño y realización de servicios de presentación en entornos gráficos.

C.F.G.S. DESARROLLO DE APLICACIONES INFORMÁTICAS. MÓDULO: Diseño y realización de servicios de presentación en entornos gráficos. C.F.G.S. DESARROLLO DE APLICACIONES INFORMÁTICAS MÓDULO: Diseño y realización de servicios de presentación en entornos gráficos Unidad 1 Introducción Visual Basic.NET El objetivo de la unidad es conocer

Más detalles

MANUAL DE ADMINISTRACIÓN DE SITIO WEB REFERENCIA: GESTOR DE INMUEBLES PARA PLANTILLA WEB1, WEB2, WEB3

MANUAL DE ADMINISTRACIÓN DE SITIO WEB REFERENCIA: GESTOR DE INMUEBLES PARA PLANTILLA WEB1, WEB2, WEB3 MANUAL DE ADMINISTRACIÓN DE SITIO WEB REFERENCIA: GESTOR DE INMUEBLES PARA PLANTILLA WEB1, WEB2, WEB3 Todos los derechos reservados Icomtelco S.A Rentaweb 2014 Icomtelco S.A - www.icomtelco.com - Medellín,

Más detalles

El Escritorio. En el escritorio tenemos iconos que permiten abrir el programa correspondiente.

El Escritorio. En el escritorio tenemos iconos que permiten abrir el programa correspondiente. El Escritorio Primera pantalla que nos aparecerá una vez se haya cargado el Sistema Operativo con el cual vamos a trabajar, en nuestro caso será el escritorio de Windows XP. Este escritorio es muy similar

Más detalles

1. Cambia el fondo del Escritorio

1. Cambia el fondo del Escritorio PERSONALIZANDO EL ESCRITORIO El Escritorio es la gran zona central de la pantalla. Permite principalmente dos cosas: puedes tener en él archivos o accesos directos para los programas o datos que más utilices,

Más detalles

CÓMO PUBLICAR EN OBSERVADOR.INFO

CÓMO PUBLICAR EN OBSERVADOR.INFO CÓMO PUBLICAR EN OBSERVADOR.INFO Contenido A. Publicar artículos conteniendo texto y fotos.... 1 1. Como editar y enriquecer el texto... 4 2. Añadir a tu artículo logotipo, autores y palabras clave....

Más detalles

CESDE ESCUELA DE PROCESOS TECNOLOGICOS E INDUSTRIALES AMBIENTES COLABORATIVOS WORDPRESS

CESDE 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 detalles

Páginas web ::: Edición web en línea con Kompozer Diseño de materiales multimedia. Web 2.0. 1.16 Edición web en línea con Kompozer

Páginas web ::: Edición web en línea con Kompozer Diseño de materiales multimedia. Web 2.0. 1.16 Edición web en línea con Kompozer 129 1.16 Edición web en línea con Kompozer 130 1.16 Edición web en línea con Kompozer Kompozer es un programa que permite la edición en línea de un sitio web. Es decir que puedes actualizar directamente

Más detalles

Tutorial Microsoft Windows 8 Pro

Tutorial Microsoft Windows 8 Pro Tutorial Microsoft Windows 8 Pro Autor: Pere Manel Verdugo Zamora Correo: pereverdugo@gmail.com Web: http://www.peremanelv.com/pere3 Autor: Pere M. Verdugo Zamora Página 1 Para los usuarios que ya conocen

Más detalles

Crear presentaciones con PREZI

Crear presentaciones con PREZI 2012 Crear presentaciones con PREZI Manual de creación y manejo de la HERRAMIENTA WEB 2.0 PREZI. JAVIER FERNÁNDEZ ÁLVAREZ www.masqueunlapiz.com Crear una presentación con PREZI PREZI es una herramienta

Más detalles

Publicación en Internet

Publicación en Internet 4 Publicación en Internet En las prácticas anteriores analizamos las operaciones necesarias para la creación de contenidos de un Sitio Web, incluyendo la definición del sitio, creación de la disposición

Más detalles

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Controles de formulario

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Controles de formulario Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 3: Controles de formulario Instituto de Tecnologías Educativas 2011 Controles de formulario El control más habitual de un formulario

Más detalles

Fuente: http://www.kzgunea.net

Fuente: http://www.kzgunea.net APRENDE A NAVEGAR INTERNET EXPLORER El navegador Internet Explorer ya lo tenemos integrado en el Sistema Operativo, en sus diferentes versiones desde Windows 95, por lo cual no tendremos que instalarlo.

Más detalles

CORREO ELECTRÓNICO. QUÉ ES UN CORREO ELECTRÓNICO?

CORREO ELECTRÓNICO. QUÉ ES UN CORREO ELECTRÓNICO? PRÁCTICA 3 Tamaño y Tipo de fuente Escribir este texto tal y como está: Se busca persona joven, interesado en un trabajo temporal. Interesados mandar un correo a: trabajo@hotmail.com o llamar al 666000000

Más detalles

Página 1 de 13 PLATAFORMA HELVIA. ADMINISTRACIÓN GENERAL: Manual de la Administración General

Página 1 de 13 PLATAFORMA HELVIA. ADMINISTRACIÓN GENERAL: Manual de la Administración General Página 1 de 13 PLATAFORMA HELVIA ADMINISTRACIÓN GENERAL: Manual de la Administración General Se accede como webmaster: 1. Habilitar o deshabilitar algún módulo 2. Habilitar usuarios para administrar el

Más detalles