Ander Barbier Ibáñez Indice  Futuro webs de asignaturas  Pasos para crear una web de asignatura  Editar web asignatura  Resumen xhtml  Subir la página.

Slides:



Advertisements
Presentaciones similares
Dreamweaver Primeros Pasos.
Advertisements

1 Curso Básico de C.I.O. Light Sección 12 Internet Sección 12 - Internet.
HINARI – Accediendo a los artículos: Problemas y Soluciones.
TUTORIAL PASO A PASO Parte 2. PASO 7: Organizando los archivos Antes de dar inicio a la creación del contenido del curso debes tomar en cuenta que necesitarás.
Enlaces con variables en la URL en PHP Programación en Internet II.
DISEÑO DE SITIOS WEB CON DREAMWEAVER 8.
TEMA 2: NAVEGAR POR LA WEB Navegando por la Red Rubén Ortiz y Ramón Hermoso Universidad Rey Juan Carlos Madrid Navegando por la Red 1.
Plataforma educativa Helvia IES SANTO DOMINGO EL PUERTO DE SANTA MARÍA.
Publicación de páginas web
0/ Localizar la intranet en los tablet del alumno. Como la Intranet está instalada en algunos ordenadores, debemos localizarla primeramente para poder.
Lenguaje de definición
Servicios TIC.
Tema: Técnicas Básicas Excel (III) Trucos, opciones y personalización de Excel Índice: 1 Vínculos absolutos y relativos, conectando datos de Excel con.
TUTORIAL PLATAFORMA DE VINCULACIÓN ITSO - NODO SURESO.
HINARI – Acceso a los artículos: Problemas y Soluciones.
DreamWeaver (curso de 6 horas)
DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,
Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.
Ing. GISCARD MARQUEZ VALVERDE.
Gestor de contenidos de la web ENEDI
Estructura de Documento Atributos 1. Atributos Básicos id, class, style, title 2. Atributos para Internacionalización lang, xml:lang, dir 3. Atributos.
En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
TELEMATICA 1 SISTEMAS DE INFORMACIÓN Y TELEMATICA SECCIÓN
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
Microsoft PowerPoint. Presentaciones Tema 3: PowerPoint Integrantes:
T RABAJO DE COMPUTACIÓN. P ower Point 2007 Presenta una serie de novedades con la nueva cinta de opciones los SmartArt, ofrece la posibilidad de guardar.
Construcción de una página Web.
Diseño de páginas Web Elaboración de Unidades Didácticas en Web.
Formación para Coordinadores de Formación UFI de Zuera.
1. QUÉ ES UN WIKI 2. COMO USAR UN WIKI 3. OBJETIVOS DEL DINAWIKI TALLER WIKI PARA DINAMIZADORES [[ PRESENTACIÓN ]] Reconocimiento - Compartir igual: El.
5. Áreas de reuniones. Manual de formación 2 5. Áreas de reuniones 5.1 Introducción ….....………………………………………...…pág Programación de reuniones ….....……………………..…pág.
3. Espacios de trabajo. Manual de formación 2 3. Espacios de trabajo 3.1 Introducción … ……pág.45.
Unidad didáctica 6 Diseño de páginas Web.
FORMULAS ESTADISTICAS.
Publicación de bases de datos Access en la web
Protocolo de comunicaciones. Se usan en las comunicaciones, son una serie de normas que aportan diferentes funciones. Permiten localizar un ordenador de.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
MICROSOFT OFFICE Power Point.
UNIDAD 7 WEB Y HTML.
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
“Trabajando en Notepad”
Indicaciones Crear una cuenta en webbly. Cambiar imagen de encabezado Buscar el banner creado anteriormente y colocarlo en el encabezado. Enviar el link.
Taller de Herramientas de Presentación
Clase 7 Tecnología de la Comunicación II Lics. en Com. Social y Periodismo F AC. DE C S. H UMANAS. UNSL. Sitio Web: construcción en In Design.
Un Wiki (del hawaiano wiki wiki, «rápido») consiste esencialmente en una aplicación Web que permite visualizar online un conjunto de páginas para que.
- Parámetros de apariencia y uso Luis Villalta Márquez.
CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 5) Ricardo Ferrís Castell ( ) Departament D ’ Informàtica.
Internet y Navegadores
GESTOR DE REFERENCIAS EndNote En Línea Biblioteca Universitaria.
Cándida Gallardo Tutorial de Wikispaces Comenzar a escribir 1. Entra en la Wiki del curso:
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
Sergio Cubero Introducción a las Páginas Web. Sesión 2 12:00-12:30: Recursos en la Web UV. 12:30-13:00: Descargar plantilla UV Hojas de estilo 13:00-13:30:
Diseño y desarrollo de Páginas Web Tecnología IES Pablo Serrano 2010 – 2011 Ignacio Elorriaga.
Tutorial Holdings Management (Administración de Colecciones) Agregando, Editando y Asignando Enlaces al Buscador de Texto Completo support.ebsco.com.
 Curso básico de Dreamweaver MX (1)  Qué es Dreamweaver MX  Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales.
¿Cómo hacer los Wikis?. CREAR TU PROPIO WIKI PRIMERO, para registrarse se debe tener una cuenta de correo electrónico, se recomienda abrirlo en GMAIL.
Manual de uso de wordpress.  1: Abrir una cuenta:  2: Crear perfil de usuario: Nombre de usuario Contraseña, confirmación de.
UNIVERSIDAD ESTATAL A DISTANCIA Escuela de Ciencias de la Educación Curso APLICACIONES DE LA INFORMÁTICA A LA EDUCACIÓN I Código: 993 GLOSARIO DE TÉRMINOS.
¿Qué es un Mapa Conceptual?
Gerlin Guerrero Caracas, Octubre de 2002 UNIVERSIDAD PEDAGÓGICA EXPERIMENTAL LIBERTADOR INSTITUTO PEDAGÓGICO DE CARACAS.
Manual para el uso educativo de. Manual para el uso educativo de El siguiente manual persigue proporcionar instrucciones sencillas para el uso de SlideShare.
PORTAL DE PRESUPUESTOS DE LA COMUNIDAD DE MADRID Área de Administración y Difusión Electrónica.
Imagen de Fondo La etiqueta... ; Permite introducir una imagen como fondo del documento HTML. A continuación se muestra un ejemplo:
Instalación de Moodle local, paso a paso.
Plataformas e- learning Moodle. Instalacion  Descargamos Moodle de su página oficial  Una vez hemos descargado el archivo, lo descomprimimos y copiamos.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
HTML & CSS. 15 Qué es HTML FCC-BUAP Verano 2016BMB - RAM  Es un lenguaje de marcas para formatear y estructurar un documento, que puede leerse en cualquier.
Transcripción de la presentación:

Ander Barbier Ibáñez Indice  Futuro webs de asignaturas  Pasos para crear una web de asignatura  Editar web asignatura  Resumen xhtml  Subir la página editada al servidor s/barbier/webasignatura/

Ander Barbier Ibáñez  La universidad dispone de una herramienta de eLearning (Alud), que contempla el Modelo Deusto de Formación.  Dadas algunas carencias de Alud a nivel tecnológico, ESIDE trabaja en la adaptación de una nueva herramienta de eLearning al MDF. Para ello ha creado la Oficina de Nuevas Tecnologías en la Educación (ONTE):

Ander Barbier Ibáñez  A medio-largo plazo, tendremos que seguir el Modelo Deusto de Formación, y utilizar su plataforma de eLearning.  Hasta que eso llegue, podemos utilizar los servicios electrónicos que el Servicio Informático de la Universidad ofrece para las asignaturas: Web de asignatura Servidor de ficheros Lista de distribución  Todos estos servicios están centralizados en: (Los profesores nos conectamos con deusto\login)

Ander Barbier Ibáñez  Hacer una GP para solicitar el espacio para la página. Acceder a la dirección del sistema de Gestión de peticiones: Descargarse y rellenar la plantilla “Servicios electronicos para asignaturas”. Enviar la petición del tipo (adjuntando la plantilla): –Servicio:“SIST. INFORMATICOS:cambios, incidencias, BD, proyectos”. –Subservicio:”Soporte docencia (listas distr., pag.asign, serv.ficheros”.  Editar la página web  Subir la página web al servidor web de asignaturas

Ander Barbier Ibáñez  No existe ningún tipo de restricción en cuanto al formato y contenidos de la web, por lo que se puede utilizar cualquier editor WYSIWYG como Dreamweaver, FrontPage, etc.  Por motivos de practicidad, recomendamos basarse en una página de asignatura que ya existe y hacer las correspondientes modificaciones.  Para ello recomendamos unos mínimos conocimientos de xhtml, y un editor no WYSIWYG (bloc de notas, ultraEdit, HomeSite, etc.)

Ander Barbier Ibáñez  Se puede descargar un ejemplo de página web de asignatura de la siguiente dirección: ier/webasignatura/EjemploWebAsignatur a.zip  Más detalles del lenguaje xhtml en: ier/webasignatura/xhtml.ppt

Ander Barbier Ibáñez  Para modificar el título de la página, (barra de título de la ventana), usar la etiqueta dentro de la cabecera : Gestión de Sistemas de Información  Para crear los encabezados o títulos de los apartados de la página utilizar las etiquetas y Gestión de Sistemas de Información Documentos de Interés Transparencias …

Ander Barbier Ibáñez .... Permite agrupar elementos de un documento. También se Deja un salto de línea antes del bloque y otro después. .... Permite agrupar elementos de un documento. Se diferencia del div, en que no deja saltos de línea.

Ander Barbier Ibáñez  El tag anchor permite insertar enlaces en un documento:.... Atributos: –href=“referencia”. Especifica el link al cual hace referencia. Ejemplos: Tema 1 ESIDE Ander Barbier  El tag también permite enlazar con un punto concreto dentro de un documento. Ejemplo: (Colocarlo en el lugar al que se quiere saltar) Apuntes

Ander Barbier Ibáñez  En HTML también se pueden crear listas de elementos:.... Listas no ordinales. Se utiliza para insertar listas de elementos no numeradas Hay que utilizar el tag para cada elemento de la lista..... List Item. Inserta un elemento de una lista. Ejemplo: Tema1 Tema2 Tema3

Ander Barbier Ibáñez . Inserta una imagen en un documento. Atributos: src = “url”. Corresponde a la referencia absoluta o relativa del fichero gráfico. alt=“text”. Texto alternativo que emerge al colocar el ratón sobre la imagen, y el texto que aparece cuando la imagen no es ACCESIBLE por el motivo que fuera.  Para incluir un link en una imagen:

Ander Barbier Ibáñez  Para subir la página web ya editada al sevidor web de asignaturas hay que seguir los siguientes pasos: Abrir explorador de windows Herramientas/Conectar a unidad de red.En carpeta escribir: \\ \paginasasignaturas$ y pulsar el botón finalilzar. (conectarse con deusto\login) A partir de ese momento, en MiPC aparecerá una nueva unidad con las carpetas de todas las asignaturas. Copiar los ficheros editados a la carpeta de la asignatura correspondiente.