Taller 1. Creación una Página Web Personal
|
|
- Beatriz Castillo Serrano
- hace 8 años
- Vistas:
Transcripción
1 Taller 1 Creación una Página Web Personal El objetivo de este taller es comenzar a trabajar los elementos básicos utilizados en HTML como imágenes, hipervínculos (links), listas, tablas, para crear una página Personal, además aplicando hojas de estilo CSS. En esta primera sesión solo se usará HTML para agregar los elementos como texto, listas, imágenes, vínculos, tablas con la información relevante, luego se definirán y aplicarán las CSS.
2 1. El desarrollo de una página web involucra varias fases, la planificación, el diseño y el desarrollo; en cada una de estas se definen elementos que conllevarán a implementar una buena página. Planificación: En esta fase se define la temática de la página, el contenido que llevará y la información que se requiere para ello, para este caso la temática es una página personal, el contenido hace referencia a que información va a presentarse, en este caso se van a tratar temas como: información personal o perfil, actividades, links de importancia, comunidades y contactos. Adicionalmente es necesario recopilar archivos adicionales o referencias que necesitan, por ejemplo una foto personal, un conjunto de vínculos a páginas importantes entre otros. Diseño: Esta fase es importante porque establece la distribución de la información y los elementos que se van a presentar en la página, se definen tres secciones básicas: El encabezado, el menú de opciones de la página, el contenido y el pie de la página: Tal como se presenta en la siguiente imagen: Encabezado Menú de Navegación Contenido Pie Desarrollo: Corresponde al proceso en el cual se comienza a generar la página a partir de HTML, agregando etiquetas (tags) que permiten presentar los elementos ya planteados. Para esta tarea se pueden usar varios editores de texto incluso text, porque no se requiere ninguna plataforma ya que el lenguaje Bluefish HTML es muy sencillo y fácil de entender. En este caso se va a utilizar el editor BlueFish, ya que es un editor que posee una interfaz sencilla y facilita agregar algunas etiquetas rápidamente.
3 2. Para comenzar es necesario crear un directorio donde se almacenarán los archivos que conformarán la página, tales como imágenes, videos y páginas adicionales por ejemplo Web, identifique la ubicación de dicho directorio con la siguiente estructura. Coloque los archivos de imágenes en el directorio imágenes y si lo requiere cree las carpetas necesarias para agregar más elementos. 3. Cuando ya se ha definido la ubicación, se procede a crear la página principal. Abra el editor de HTML, puede utilizar el bloc de notas o para este caso el Bluefish.Usted observará la siguiente imagen. Barra de Menús Barras de Herramienta s Vista de Código Vista de Edición 4. CREACIÓN DE LA ESTRUCTURA DE LA PÁGINA En la barra de herramientas seleccione la sección Estándar, esta contiene los botones de acceso a las tareas más comunes que se pueden activar en el documento de la página tales como: aplicar formatos, agregar links o imágenes, entre otros. Para comenzar haga clic en el botón de Inicio rápido (primer botón de la izquierda ), de esta forma podrá crear una página web con las etiquetas básicas de HTML.
4 Al realizar esta acción aparecerá el siguiente cuadro de inicio rápido donde deberá seleccionar el tipo de documento DTD, agregar un titulo de la página y seleccionar los metadatos que se necesiten. Para quitar los metadatos, seleccione cada metadato y haga clic en el botón Remove. Finalmente haga clic en el botón OK. De esta forma usted ha generado la estructura básica de una página Web, tal como se observa a continuación. Observe que cada renglón tiene activas las etiquetas básicas en HTML : <!DOCTYPE html> Esta etiqueta define el tipo de document que se va a crear <html> Define el inicio y final de la página web se cierra con la etiqueta </html> <head> Corresponde a la definición de el encabezado o cabecera de la página y puede contener varias etiquetas, se cierra con la etiqueta </head> <title>página Personal</title> Permite crear un titulo a la página, el cual aparecerá en la barra de título del navegador cuando la página sea abierta.
5 <body> Corresponde a la sección del cuerpo de la página, puede contener varias secciones o elementos, por lo generar es en esta donde se agrega la mayor parte de información de la página, se cierra con la etiqueta </body> 5. GUARDAR LA PÁGINA Para guardar la página Active el menú Archivo y la opción Guardar o haga clic en el ícono Guardar. 6. Seleccione la ubicación donde se guardará el archivo que contiene la página luego escriba el nombre del archivo (index.html) y el directorio Web previamente creado o haga clic en el botón Crear Carpeta (Create Folder). Seleccione Archivos web en la lista de tipo de archivo. Finalmente seleccione el botón Guardar (Save). Observe que el texto del editor ha cambiado de color las etiquetas HTML, esta es una forma fácil de diferenciarlas.
6 7. ELEMENTOS DE TEXTO: ENCABEZADOS Inicialmente se adicionarán los elementos de texto de la página entre estos el título. Seleccione el Menú Etiquetas, la opción encabezado y luego la opción H1, de esta forma usted agregará un Encabezado de nivel 1. Escriba su nombre dentro del código donde aparecen las etiquetas <h1></h1> Por ejemplo <h1> Pepito Pérez </h1>. Luego realice la misma operación para seleccionar Encabezado de nivel 2 con la opción H2 y escriba su profesión u oficio entre las etiquetas <h2>ingeniero</h2>. De esta manera observará lo siguiente: Observe que las etiquetas de Encabezado corresponden a <h1> y <h2>. 8. VISUALIZAR LA PÁGINA EN EL NAVEGADOR Guarde los cambios hechos y haga clic en el botón Previsualizar en el navegador.
7 De esta forma se abrirá una ventana con el navegador que presentará la página que ha sido creada. Usted podrá ir haciendo cambios en el código, almacenándolos y actualizando la vista en el navegador. 9. CREACIÓN DE LISTAS Active la Sección listas en la barra de herramientas y haga clic en el botón lista rápida. Seleccione el número de filas, para el ejemplo seleccione el número 4, luego escoja el estilo de la lista en este caso seleccione la opción Ordenada. Finalmente haga clic en el botón Aceptar ( OK). Usted observará el código que contiene una lista ordenada usando la etiqueta <ol>, esta permitirá agregar elementos que contienen símbolos o viñetas para distinguirlos cada elemento se encuentra entre las etiquetas <li> </li>. Escriba el nombre de cada tema que desee tratar en la página, ejemplo: Perfil, Links de interés, Comunidades y Contacto. 10. PARRAFOS Los párrafos son secciones de texto que van desde el inicio de una línea hasta el punto. Para agregar este elemento se usa la etiqueta <p>.
8 Coloque el texto Perfil como Encabezado de nivel 3, en el código después de la lista que agregó en el punto anterior, luego escriba la información relacionada como texto de párrafo y finalmente agregue la información de pie de página (texto informativo). Tal como se presenta a continuación <h3>perfil</h3> <p>bienvenido a mi página personal. Aqui encontrarás infrormación sobre mis actividades, gustos, comunidades y vínculos de interés.bien, lo importante es que hace 23 años nací en Bogotá, desde muy niño me ha llamado la atención todo esto del internet, trabajo junto a mi familia en un pequeño negocio y en mis ratos libres soy desarrolador de paginas Web, actualmente me encuentro participando en la Capacitación de Diseño Web para las JAC en la Universidad Distrital Francisco Jose de Caldas.</p> 11. PIE DE PÁGINA Para agregar los derechos de autor se puede adicionar una sección en la página que se utiliza con la etiqueta Footer. Active la sección HTML y seleccione el botón Footer Escriba el siguiente texto entre las etiquetas <footer> <p>copyright 2015 Este sitio está desarrollado por Pepito Perez, asesorado por Universidad Distrital </p> </footer> Hasta este momento la página deberá observarse de la siguiente forma.
9 12. INSERCIÓN DE IMAGENES El uso de imágenes en HTML se establece con la etiqueta <img>, esta posee el atributo src, al cual se asigna la ubicación o ruta del archivo de la imagen. Lo más común es que la imagen se encuentre en el mismo directorio que la pagina html, en este caso si se quiere asignar la imagen a la página se podría utilizar la siguiente ruta para agregarla: <img src= foto.jpg > Pero cuando se utiliza una estructura de archivos organizada, donde las imágenes se encuentran en un directorio y las paginas en otro tal como se ha establecido inicialmente, es necesario utilizar la siguiente ruta: <img src=../imagenes/ foto.jpg > - Utilizando el editor no es necesario escribir la línea de código solo active el botón Insertar Imagen del cuadro de elementos en la sección Estandar. Seleccione la ubicación del archivo donde se encuentra la imagen y agregue el texto alternativo (este permitirá dar mayor información a dispositivos accesibles tales como lectores de pantalla, en el caso de que los usuarios tengan una discapacidad visual). Por último active el botón Aceptar (OK).
10 13. VINCULOS Y DESTINOS EN LA MISMA PAGINA Los vínculos o links se pueden enlazar en la misma página o a páginas externas. Para agregar los vínculos en la página se utiliza la etiqueta <a>. Inicialmente debe completarse la información de cada una de las secciones que fueron definidas para la página (Perfil, Actividades, Links de interés, Comunidades y Contacto). Un ejemplo de estas se presenta a continuación: Información Personal Bienvenido a mi página personal. Aquí encontrarás información sobre mis actividades, gustos, comunidades y vínculos de interés. Bien, lo importante es que hace 23 años nací en Bogotá, desde muy niño me ha llamado la atención todo esto del internet, trabajo junto a mi familia en un pequeño negocio y en mis ratos libres soy desarrollador de páginas Web hace 2 años, actualmente curso el La capacitación en Diseño Web para las JAC en la Universidad Distrital. Actividades En mi tiempo libre realizo las siguientes actividades Cine: Cada vez que hay un estreno interesante voy a las salas de cine, la última película que vi fue El Lobo de Wall Street. Diseño Web: Es la mas importante de mis aficiones, me gusta buscar en internet herramientas para crear páginas y agregar elementos novedosos. Viajar: Aunque mi economía no me permite viajar tanto, procuro ir a sitios de interés en Colombia, por ejemplo Amazonas o la Isla Gorgóna. Links de Interés Las siguientes páginas son las que uso constantemente para buscar información y mantenerme al día. Buscador Google Página Software Libre GNU Página Tutoriales W3School Página Universidad Distrital Comunidades Aunque por mis compromisos no puedo estar conectado constantemente, si tengo mi cuenta en Facebook, puedes contactarme como Pepe Perez, también tengo un grupo a través de mi correo gmail con los que comparto información por el Drive y DropBox. Contacto Si deseas contactarme puedes usar mi correo p.perez@gmail.com. Estaré atento a tus comentarios y aportes!. Cuando ya esté completa la información se podrá agregar las etiquetas de destino en la página, para esto se usan los atributos name o id.
11 14. Agregar destinos en la página Ubique el cursor en el titulo donde desea establecer el destino por ejemplo Perfil y selecciónelo. Luego haga clic en el botón Ancla en la barra de herramientas estándar, en el cuadro que aparece escriba una palabra que identifique ese destino en la caja de texto nombre. Tal como se observa en la imagen. Finalmente presione el botón Aceptar (OK). Al realizar esta acción el código quedará de la siguiente manera: <h3><a name="perfil">perfil</a></h3> Realice el mismo proceso con las demás secciones solo seleccionando una palabra del texto.
12 15. Adicionar Vínculos (Hipervínculos) Para adicionar los vínculos seleccione el texto que desea establecer como un hipervínculo. Por ejemplo para colocar el hipervínculo de en la opción Perfil de la lista seleccione la palabra perfil (recuerde que para seleccionar puede hacer doble clic sobre la palabra) Haga Clic nuevamente en el botón Ancla en la barra de herramientas estándar. En el cuadro que aparece, escriba el nombre del destino precedido por el símbolo #, por ejemplo #perfil. Finalmente presione el botón Aceptar (OK). El código que se mostrará será el siguiente: Realice la misma operación para colocar los demás vínculos a las demás opciones de la lista. Guarde los cambios y visualice la página, pruebe todos los vínculos para verificar su funcionamiento.
13 16. VINCULOS A PAGINAS EXTERNAS Para adicionar vínculos hacia otras páginas también se utiliza la etiqueta <a>, aunque en este caso solo se agrega la URL o dirección de la página que se desea enlazar. En la Sección Links de Interés, se pueden agregar los vínculos de las páginas, por ejemplo el Buscador Google. Seleccione el texto del hipervínculo que va a crear y luego active el botón Ancla. En el cuadro que aparece adicione la dirección Web de la Página, ejemplo: Al guardar los cambios en el código aparecerá la siguiente línea: <p><a href=" Google</a></p> Realice la misma operación con las demás secciones y visualice la página en el navegador para comprobar.
14 17. TABLAS En la sección Actividades Agregue la tabla que se presenta a continuación. Ubique el cursor después del texto de la sección actividades y realice una de las siguientes operaciones: Para crear tablas se usa la etiqueta <table>. En bluefish se puede crear una tabla usando el menú Etiquetas y la opción Tablas luego tablas o con el botón Asistente para Tablas en el la barra de herramientas Tablas. En la caja de diálogo que aparece, defina el número de filas y de columnas, también seleccione la opción Filas en una línea para que el código aparezcan las celda fila por fila. Finalmente presione el botón Aceptar (OK).
15 Usted observará el siguiente código <table> <tr><td></td><td></td><td></td></tr> </table> Haga clic derecho sobre la etiqueta <table> y seleccione la opción Editar Etiqueta En el cuadro que aparece seleccione el tipo de alineación Aling en center y active la opción Border. Usted observará el siguiente código al final. <table border="border" align="center"> <tr><td></td><td></td><td></td></tr> </table> Entre las etiquetas <td></td> coloque la información que requiera, por ejemplo: <tr><td>1</td> <td>la vida es bella</td><td>1997</td>></tr> Copie y peque la misma línea para agilizar la edición de lapágina o Puede ir agregando filas con los botones que aparecen en la barra de Tablas. Activación de la Leyenda (esta opción activa el atributo Caption en la tabla, que es una breve descripción de la misma o un titulo). Ubique el cursor después de la etiqueta <table> presione el botón Leyenda de la tabla en la barra de herramientas Tabla y agregue la descripción. De la siguiente manera:
16 <caption>listado 10 Mejores Películas</caption> Visualice la página para verificar los cambios. Finalmente se han adicionado las secciones e información necesaria, ya puede publicar la página en su bloc en un Blog. El paso siguiente es aplicar estilos a la página o convertirla en un sitio Web. Este proceso será explicado en la próxima sesión.
Presentaciones compartidas con Google Docs (tutorial)
Presentaciones compartidas con Google Docs (tutorial) G oogle Docs es una muy sencilla suite ofimática online que nos permite crear nuevos documentos, planillas de cálculo y presentaciones multimedia,
Más detallesPUCV - Pontificia Universidad Católica de Valparaíso
PUCV - Pontificia Universidad Católica de Valparaíso INICIO IBM QUICKR IBM Quickr es un software de colaboración en equipos, el cual permite compartir archivos e información de forma instantánea y directa
Más detallesÍndice Objetivo... 2 Definición y utilidad de Movie Maker... 3 Cómo iniciar Movie Maker?... 3 Elementos de la ventana de Movie Maker...
Índice Objetivo... 2 Definición y utilidad de Movie Maker... 3 Cómo iniciar Movie Maker?... 3 Elementos de la ventana de Movie Maker... 4 Barra de título... 4 Barra o pestañas de opciones... 4 Cinta de
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 detalles5.- Crear páginas web con Nvu
5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas
Más detallesUNIVERSIDAD 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 detallesPara crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.
Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números
Más detallesIntroducción a los sitios de SharePoint en Office 365
Introducción a los sitios de SharePoint en Office 365 Universidad Central del Este Contenido 1. QUÉ ES UN SITIO SHAREPOINT?... 3 2. CÓMO INGRESAR AL ÁREA DE SITIOS?... 3 3. DESCRIPCIÓN GENERAL DEL ÁREA
Más detallesMANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn
MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar
Más detallesGuía para publicar su Página Web
Guía para publicar su Página Web Inserte su pagina Web usted mismo: 1 - Ingresar en www.amawebs.com 2 - Inicio Rápido Puedes construir tu sitio web en 3 simples pasos, para esto ingresaras al constructor
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 detallesInstrucciones para acceder a la Red de Gestores para el Desarrollo de la CoPLAC - GpRD
Instrucciones para acceder a la Red de Gestores para el Desarrollo de la CoPLAC - GpRD Índice I. Pasos para la inscripción a la CoPLAC-GpRD... 1 A. Inscripción por medio del formulario de registro...1
Más detallesCONTENIDO. Business Objects
CONTENIDO CAPÍTULO I. INTRODUCCIÓN 3 CAPÍTULO II: INTRODUCCIÓN A LA PLATAFORMA 4 INGRESO A LA PLATAFORMA 4 INTERFAZ DEL USUARIO 5 CAPÍTULO III: REPORTES 7 VISUALIZACIÓN Y CONSULTAS DE UN REPORTE 7 GUARDAR
Más detallesMANUAL MS OUTLOOK EXPRESS
MANUAL MS OUTLOOK EXPRESS 1. INTRODUCCION Enviar correo a través de todo el país puede llevarle varios días, y varias semanas si se trata de mandarlo alrededor del mundo. Para ahorrar dinero y tiempo,
Más detallesInstrucciones para Integración con PayPal
Instrucciones para Integración con PayPal Tabla de Contenidos Descripción... 1 Opción 1: Añadir un carrito de compras Wordpress simple PayPal Shopping Cart... 2 Paso 1: Navegue a la página de Plugins...
Más detallesOperación Microsoft Access 97
Trabajar con Controles Características de los controles Un control es un objeto gráfico, como por ejemplo un cuadro de texto, un botón de comando o un rectángulo que se coloca en un formulario o informe
Más detallesALGUNAS AYUDAS PARA EL ACCESO AL AULA DIGITAL Contenido
ALGUNAS AYUDAS PARA EL ACCESO AL AULA DIGITAL Contenido Tabla de contenido 1 INFORMACIÓN PERSONAL... 2 1.1 Cómo ingresar al Aula Digital?... 2 1.2 Qué hacer si olvida su contraseña?... 2 1.3 Qué veo cuando
Más detallesCreación de contenidos en WebBuilder. Herramienta Web Builder en Word de Microsoft Office
Creación de contenidos en WebBuilder Herramienta Web Builder en Word de Microsoft Office Una vez instalada el Plug-In de la herramienta Web Builder para el Word de Microsoft Office, esta se mostrará en
Más detallesPortafolios en CREA 2. Manual
Portafolios en CREA 2 Manual Índice Cómo uso los portafolios?... 2 Para crear o editar un portafolio:... 2 Página de Portafolios... 2 Agregar elementos en un portafolio... 3 Para agregar elementos en el
Más detallesPOWER POINT. Iniciar PowerPoint
POWER POINT Power Point es la herramienta de Microsoft Office para crear presentaciones que permiten comunicar información e ideas de forma visual y atractiva. Iniciar PowerPoint Coloque el cursor y dé
Más detallesManual de uso de la Consola de Administración para usuarios Administradores.
Manual de uso de la Consola de Administración para usuarios Administradores. I. ACCESO A LA CONSOLA DE ADMINISTRACIÓN 1. Para acceder a la consola de administración abra desde Internet Explorer la dirección
Más detalles2_trabajar con calc I
Al igual que en las Tablas vistas en el procesador de texto, la interseccción de una columna y una fila se denomina Celda. Dentro de una celda, podemos encontrar diferentes tipos de datos: textos, números,
Más detallesTobii Communicator 4. Introducción
Tobii Communicator 4 Introducción BIENVENIDO A TOBII COMMUNICATOR 4 Tobii Communicator 4 permite que las personas con discapacidades físicas o comunicativas utilicen un equipo o dispositivo para comunicación.
Más detallesFormularios. Formularios Diapositiva 1
Formularios Crear un formulario utilizando el Asistente para formularios Modificación en vista Diseño Adición de Controles a un Formulario Adición de un Subformulario a un formulario Formularios Diapositiva
Más detallesBUSINESS OBJECTS VISUALIZACIÓN DE REPORTES
BUSINESS OBJECTS VISUALIZACIÓN DE REPORTES Contenido CAPÍTULO I. INTRODUCCIÓN... 3 CAPÍTULO II: INTRODUCCIÓN A LA PLATAFORMA... 4 INGRESO A LA PLATAFORMA... 4 INTERFAZ DEL USUARIO... 5 CAPÍTULO III: REPORTES...
Más detallesSESIÓN 1: POWER POINT 2013
SESIÓN 1: POWER POINT 2013 INTRODUCCIÓN PowerPoint es un miembro de la suite de programas de Microsoft Office 2013. Una suite es un grupo de programas diseñados por un fabricante para que podemos trabajar
Más detallesInstructivo Outlook 2010 - Mesa de ayuda Sistemas. Introducción
Introducción Outlook 2010 es una herramienta muy completa, ayuda a tener en un mismo lugar lo que requiere para organizarse y trabajar de una mejor manera. Se pueden administrar los mensajes de correo
Más detallesTareas básicas en OneNote 2010 Corresponde a: Microsoft Office OneNote 2010
areas básicas en OneNote 2010 - OneNote - Office.com http://office.microsoft.com/es-ar/onenote-help/tareas-basicas-en-onenote... 1 de 3 23/04/2012 10:40 p.m. Soporte / OneNote / Ayuda y procedimientos
Más detallesManual de NVU Capítulo 5: Las hojas de estilo
Manual de NVU Capítulo 5: Las hojas de estilo Pág. 1 Manual de NVU Capítulo 5: Las hojas de estilo Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad de
Más detallesÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009)
JOOMLA! ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009) Es necesario comentar que este manual ha sido diseñado en su mayor parte por comunidadjoomla.org. Este manual es una
Más detallesFormarnos / 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 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 detallesManual de Administración Solución ADSL Profesional
Manual de Administración Solución ADSL Índice 1 Introducción... 2 2 Dominios... 3 3 Página web de Empresa... 5 3.1 Creación de Página Web de Empresa con plantilla... 6 3.1.1 Cabecera de la página... 7
Más detallesManual de NVU Capítulo 4: Los enlaces
Manual de NVU Capítulo 4: Los enlaces Pág. 1 Manual de NVU Capítulo 4: Los enlaces Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es
Más detallesÍndice. Insertar vínculos a páginas web... 8 Insertar videos... 9 Vínculos a archivos... 9
Índice Qué es el administrador de contenidos?... 2 A cuál administrador de contenidos apunta mi comunidad?... 2 Información introductoria a la unidad de aprendizaje... 3 Cómo agregar, editar y eliminar
Más detallesEn la siguiente imagen se muestra la pantalla principal del portafolio de un usuario que será utilizado para explicar cada aspecto del mismo.
Manual Portafolio El portafolio digital provee a los usuarios de herramientas para crear y mantener su propio portafolio digital en su proceso de formación en moodle en el cual podrán enviar sus trabajos,
Más detallesMANUAL BÁSICO DE INFORMATICA
MANUAL BÁSICO DE INFORMÁTICA EL ESCRITORIO 1 El escritorio es la primera pantalla que aparece o que se ve después de encendre la PC. Puede contener accesos directos a los programas, documentos, carpetas
Más detallesManual de Usuario Sitio Web de la Red Federal de Capacitación
Manual de Usuario Sitio Web de la Red Federal de Capacitación 1 TABLA DE CONTENIDOS INTRODUCCIÓN... 3 NAVEGACIÓN... 4 MENÚ PRINCIPAL... 6 INICIO... 6 INSTITUCIONAL... 7 FORO... 9 PRODUCTOS... 9 AGENDA...
Más detallesManual de publicación de contenido y actualización de sitios web
Manual de publicación de contenido y actualización de sitios web Basados en sistemas Wordpress El presente manual le presentará los distintos pasos para publicar contenidos a través de páginas y editar
Más detallesManual del Profesor Campus Virtual UNIVO
Manual del Profesor Campus Virtual UNIVO Versión 2.0 Universidad de Oriente UNIVO Dirección de Educación a Distancia INDICE 1. Campus Virtual. 03 1.1 Accesos al Curso 04 1.2 Interfaz del Curso...06 1.3
Más detallesTutorial 1: Creación de páginas web con Editor HTML de OpenOffice
Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice Nota: el propósito del curso no es aprender a elaborar páginas web complejas. Por eso, únicamente vamos a aprender a manejar ocho procedimientos:
Más detallesVideo 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 detallesManual de usuario Versión 1.0
Versión 1.0 Correo electrónico de la Red Nacional de Bibliotecas Públicas. Dirección General de Bibliotecas ÍNDICE 1. Registro en Windows Live... 3 2. Crear un mensaje.... 5 3. Envió de archivos adjuntos
Más detallesSesión6-Insercion de objetos
Objetivo: Informar al alumno como inserta en la presentación tablas, gráficos, SmarArt, imágenes prediseñadas y desde archivo así como clips multimedia (Audio y video) Introducción: En la sesión 4 hablamos
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 detallesESTRUCTURA DE LOS SITIOS DE CATEDRAS
ESTRUCTURA DE LOS SITIOS DE CATEDRAS El de la FCE le enviará el esqueleto vacío del sitio de la cátedra, al cual usted ingresara el contenido de acuerdo a sus necesidades. La tarea principal que tiene
Más detallesManejo y aplicaciones de Google Drive
Manejo y aplicaciones de Google Drive Google Drive nos ofrece la posibilidad de almacenar y editar archivos, pero a diferencia de Dropbox, completa su utilidad con un sinnúmero de aplicaciones y herramientas
Más detallesDOCENTES FORMADORES UGEL 03 PRIMARIA
DOCENTES FORMADORES UGEL 03 PRIMARIA 1. Recursos y Aplicaciones del Servidor La página de inicio del servidor (http://escuela) contiene los enlaces a las aplicaciones instaladas en el servidor, un enlace
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 detallesIntroducción... 2. Blogger... 2. Sitio para acceder a esta herramienta... 2. Tutorial para crear blog en Blogger... 2. Escribir un post...
Blogger Índice Introducción... 2 Blogger... 2 Sitio para acceder a esta herramienta... 2 Tutorial para crear blog en Blogger... 2 Escribir un post... 4 Para añadir una imagen... 5 Para insertar un video...
Más detallesCreando 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 detallesEjercicio: Creación de una lección en línea: WebQuest
Ejercicio: Creación de una lección en línea: WebQuest Una lección en línea le permite al maestro crear materiales educativos que incluyan el uso de recursos confiables en la Web. Estas lecciones son dirigidas
Más detallesConciliación bancaria en CheqPAQ Cargado de estado de cuenta
Conciliación bancaria en CheqPAQ Cargado de estado de cuenta Introducción Con la finalidad de mantenerte informado respecto a todos los cambios y mejoras de los productos de CONTPAQ i, ponemos a tu disposición
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 detallesManual de iniciación a
DOCUMENTACIÓN Picasa y otras nubes Manual de iniciación a DROPBOX 1 Últimamente se ha hablado mucho de la nube y de cómo es el futuro de la Web. También se han presentado servicios y aplicaciones que ya
Más detallesMarta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE
. Marta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE El entorno de trabajo La página tiene como base una plantilla
Más detallesGuía de Aprendizaje No. 1
MICROSOFT WORD Fundamentos básicos, ejecutar Word, su ventana y sus barras de herramientas Objetivos de la Guía de Aprendizaje No. 1 Obtener fundamentos básicos sobre Procesador de Texto Microsoft Word
Más detallesMódulo 3 CREANDO MI SITIO WEB. Centro Zonal Sur
Módulo 3 CREANDO MI SITIO WEB Centro Zonal Sur 53 3.1 Sitios Web utilizando Word Cree una carpeta con su nombre en el escritorio de Windows. Para ello siga los pasos indicados: a) Botón derecho del mouse
Más detallesSTRATO LivePages Inicio rápido
STRATO LivePages Inicio rápido LivePages es la práctica herramienta de creación de páginas web de STRATO. En pocos pasos podrá crear su propia página web y publicarla en Internet sin necesidad de conocimientos
Más detallesRELACIÓN DE PRÁCTICAS DEL TEMA 2
RELACIÓN DE PRÁCTICAS DEL TEMA 2 PRÁCTICA S.O. (I): Crear un fichero con Wordpad con tus datos personales y guardarlo en c:/temp Crear una carpeta con tu nombre en c:/temp (ej. C:/temp/pepita) Copiar el
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 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 detallesÍNDICE CÓMO CAMBIAR MI CONTRASEÑA? CÓMO RECUPERAR MI CONTRASEÑA? QUÉ PASARA CON MIS CORREOS ANTIGUOS? PUEDO SEGUIR USANDO MI OUTLOOK?
1 ÍNDICE CÓMO CAMBIAR MI CONTRASEÑA? CÓMO RECUPERAR MI CONTRASEÑA? QUÉ PASARA CON MIS CORREOS ANTIGUOS? PUEDO SEGUIR USANDO MI OUTLOOK? 3 9 12 22 CÓMO CAMBIAR MI CONTRASEÑA? Gmail se encuentra sincronizado
Más detallesCOMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.
2011 2012 COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS. WWW.FAUBELL.COM vicente@faubell.com VÍNCULOS: Antes de proseguir hemos de repasar el concepto vínculo ya que vamos a utilizarlo mucho
Más detallesMANUAL DE NAVEGACIÓN DEL SIIA-WEB versión 1.0. http://148.216.31.29:8080/siia/ PRONAD
MANUAL DE NAVEGACIÓN DEL SIIA-WEB versión 1.0 http://148.216.31.29:8080/siia/ PRONAD II C o n t e n i d o 1 Tabla de contenido C o n t e n i d o... I 1. Bienvenido...III 2. Antes de Comenzar...III 3. Iniciando
Más detallesUNIVERSIDAD DEL VALLE DE MÉXICO Campus Lomas Verdes. Manual para diseño de página web 1ª parte INFORMÁTICA Ing. Katia Campos
UNIVERSIDAD DEL VALLE DE MÉXICO Campus Lomas Verdes Manual para diseño de página web 1ª parte INFORMÁTICA Ing. Katia Campos INTRODUCCIÓN El siguiente manual está diseñado en formato de práctica para facilitar
Más detallesPLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS:
PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS: CURSO PLATAFORMA JCYL http://soporte.centros.educa.jcyl.es/sitio/ http://auvja.blogspot.com.es/search/label/manuales Entramos como administradores
Más detallesTUTORIAL PRÁCTICO DE BASES DE DATOS EN ACCESS CREAR UNA AGENDA
TUTORIAL PRÁCTICO DE BASES DE DATOS EN ACCESS CREAR UNA AGENDA Antes de iniciar con nuestro tutorial, conozcamos algunos conceptos que vamos a utilizar en este tutorial: Que es una base de datos: Una base
Más detallesTutorial básico. Apunte creado por imedia Creativa www.imediacreativa.com
Tutorial básico Apunte creado por imedia Creativa www.imediacreativa.com Introducción Joomla CMS Su sitio Web está creado bajo un Sistema de gestión de contenidos CMS (Content Management Systems) Joomla.
Más detallesManual de Usuario SATCAFE Sistema para Te cnico
Manual de Usuario SATCAFE Sistema para Te cnico. TABLA DE CONTENIDO I. INTRODUCCIÓN... 2 II. REQUERIMIENTOS... 2 III. SITIO WEB... 2 IV. INICIAR SESIÓN... 3 V. MUESTREO (CAPTURA WEB)... 6 VI. REGISTROS
Más detallesCrear una página Html con el Editor.
Crear una página Html con el Editor. 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
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 detallesManual de Usuario. Gestor Documental
p. Gestor Documental Principales funcionalidades. PLATAFORMA DE SERVICIOS PSUV Teléfono: 0800-CONTODO Sitio Web: http://www.psuv.org.ve Índice de Contenidos Introducción... 3 Cómo acceder al Gestor Documental?...
Más detallesGuí a Ra pida Dropbox.
Guí a Ra pida Dropbox. Software desarrollado para alojar y compartir archivos vía WEB. Ing. Verónica Lisset Nieto Quintanilla vlnietoq@gmail.com http://www.veronicalnieto.blogspot.com/ www.vlnieto.wikispaces.com
Más detallesEl 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 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 detallesOrganizándose con Microsoft Outlook
Organizándose con Microsoft Outlook Objetivo: Identificar herramientas para organizar los correos electrónicos, administrar tiempos por medio de la agenda y comunicarse con los demás. Destrezas técnicas
Más detallesPlantilla de texto plano
Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en
Más detallesAccede a su DISCO Virtual del mismo modo como lo Hace a su disco duro, a través de:
Gemelo Backup Online DESKTOP Manual DISCO VIRTUAL Es un Disco que se encuentra en su PC junto a las unidades de discos locales. La información aquí existente es la misma que usted ha respaldado con su
Más detalles01 Cómo ingresar al Campus
Contenido Cómo ingresar al Campus Virtual Cursos en Salud?... 4 Cómo editar mi Perfil?... 6 Cómo enviar una Tarea?... 9 Cómo contestar un Cuestionario?... 11 Cómo participar en un Foro de discusión?...
Más detallesMANUAL DE LA APLICACIÓN HELP DESK
CASAMOTOR MANUAL DE LA APLICACIÓN HELP DESK Desarrollado por: NOVIEMBRE, 2012 BOGOTÁ D.C. - COLOMBIA INTRODUCCIÓN Este documento es el manual de la aplicación de Help Desk de Casamotor, producto desarrollado
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 detallesCÓMO MANEJAR SU NUEVO SITIO WEB SOBRE DRUPAL Manual técnico y de usuario. Pontificia Universidad Javeriana Grupo PSU 2009-1 CDI
CÓMO MANEJAR SU NUEVO SITIO WEB SOBRE DRUPAL Manual técnico y de usuario Pontificia Universidad Javeriana Grupo PSU 2009-1 CDI Sobre Drupal Instalación y configuración Drupal es un sistema de gestión de
Más detallesCampus Virtual Global FRR-UTN. Manual del Alumno
Manual de Usuario Alumno Campus Virtual FRRe 1 Contenido ACCESO AL CAMPUS VIRTUAL...3 INGRESO A UN AULA VIRTUAL:...5 PERSONAS - PARTICIPANTES...6 2 Acceso al Campus Virtual Se accede por medio de un navegador
Más detallesLaboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver
UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver En esta práctica guiada vamos a ver
Más detallesGUÍA PARA MANEJAR GOOGLE DRIVE
GUÍA PARA MANEJAR GOOGLE DRIVE 1 Universidad de Córdoba Grupo de Investigación AVI Ambientes Virtuales Interactivos GOOGLE DRIVE GOOGLE DOCS O GOOGLE DRIVE Google Docs es una sencilla pero potente suite
Más detallesGuadalinex Básico Impress
1 IMPRESS: Editor de Presentaciones Impress es un programa con el que podemos crear diapositivas, transparencias y presentaciones con una variada gama de efectos sin demasiadas complicaciones. Objetivos:
Más detallesManual para el profesor
Tus Cursos en la Web 5.0 4.2 6.3 4.2 Manual para el profesor VICERRECTORÍA DE ASUNTOS ECONÓMICOS Y GESTIÓN INSTITUCIONAL DIRECCIÓN DE GESTIÓN INSTITUCIONAL Qué es U- Cursos? U-Cursos es un servicio de
Más detallesAdministrador de Contenidos. Instituto Chileno de Terapia Familiar
Instituto Chileno de Terapia Familiar http://www.terapiafamiliar.cl 2009 Administrador de Contenidos del Sitio Web 3 Acceso al Administrador Web 1) Para acceder al administrador de contenidos, deberá
Más detallesOBJETIVO: Introducción al editor de páginas web Macromedia Dreamweaver.
SEMINARIO DIOCESANO DE CRISTO SACERDOTE TECNOLOGIA EN INFORMATICA GRADO: 11 TEMA: INTRODUCCIÓN A MACROMEDIA DREAMWEAVER OBJETIVO: Introducción al editor de páginas web Macromedia Dreamweaver. 1 Qué es
Más detallesOperación de Microsoft Word
Generalidades y conceptos Combinar correspondencia Word, a través de la herramienta combinar correspondencia, permite combinar un documento el que puede ser una carta con el texto que se pretende hacer
Más detallesGuía N 1: Fundamentos básicos(i)
1 Guía N 1: Fundamentos básicos(i) Objetivos Generales: Ver una breve descripción de las capacidades más comunes de Excel Objetivos específicos: Descripción de los elementos de un libro: Hojas, iconos,
Más detallesDocentes. www.blogger.co. web 2.0. asisvirtual@mail.ustabuca.edu.co. asisvirtual@mail.ustabuca.edu.co. Para comenzar, ingrese al sitio de blogger:
1. Para comenzar, ingrese al sitio de blogger: www.blogger.co Al ingresar a esta página encontrará la pantalla que ve a continuación, oprima el botón que dice CREAR UN BLOG. 2. En el paso No.1 para la
Más detallesInformes. 3. Elija la opción Nuevo (en la parte superior de la ventana) 4. Elija Autoinformes: en tablas y luego la tabla o consulta que se usará.
Informes Se pueden imprimir fácilmente los registros en una tabla o el resultado de un filtro simplemente usando el botón de Impresora de la barra de herramientas, o la opción Archivo / Imprimir. Sin embargo,
Más detallesPRÁ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 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 detallesLA INFORMÁTICA EN EL AULA
EL EXPLORADOR DE WINDOWS El Explorador de Windows nos permite acceder a los recursos de nuestra PC y del sistema de red si es que estamos conectados. Desde él podemos ejecutar aplicaciones, manejar archivos
Más detallesVisor de presupuestos en Android
Visor de presupuestos en Android NEODATA tiene el placer y el orgullo de darle la bienvenida al nuevo Visor de presupuestos, esta herramienta fue diseñada pensando en la necesidad de acceder a presupuestos
Más detallesGuía de inicio rápido a
Guía de inicio rápido a Office 365 para pequeñas empresas La experiencia web La experiencia de aplicaciones de escritorio La experiencia móvil Ayuda y comunidad de Office 365 Microsoft Office 365 para
Más detalles