Diseño orientado a la web. El lenguaje gráfico en la web. [10.1] Cómo estudiar este tema? [10.2] El color y la tipografía en la web
|
|
- Sergio Contreras Godoy
- hace 8 años
- Vistas:
Transcripción
1 Diseño orientado a la web. El lenguaje gráfico en la web [10.1] Cómo estudiar este tema? [10.2] El color y la tipografía en la web [10.3] El código HTML y las CSS [10.4] Java y JavaScript TEMA
2 Esquema TEMA 10 Esquema
3 Ideas clave Cómo estudiar este tema? Para estudiar este tema lee el capítulo 3 (páginas ) del manual de la asignatura: Manual de diseño gráfico digital, de Bob Gordon y Maggie Gordon (Editorial Gustavo Gili, SL), además de las Ideas clave El color y la tipografía en la web El color Las principales diferencias de trabajar en soporte web con respecto al soporte impreso son: En la web no se aplican las normas que se asignan a los colores CMYK o pantone. Los monitores muestran los colores a través de la mezcla aditiva de RGB (rojo, verde y azul), que con su combinación son capaces de mostrar millones de colores. Anteriormente, los ordenadores solo podían manejar una paleta de 256 colores. Tanto los PC como los Mac contaban con una paleta estándar de 256 colores, que en algunas ocasiones no se veía correctamente. De ahí nació la paleta WebSafe. TEMA 10 Ideas clave
4 La paleta WebSafe ha quedado obsoleta, puesto que los monitores de 8 bits (256 colores) han desaparecido, pero se ha recuperado para ser utilizada en dispositivos como móviles o PDAs. La tipografía En HTML tenemos muy poco control tipográfico. Las hojas de estilo en cascada (CSS) permiten tener menos limitaciones en HTML, puesto que permiten la asignación de color, familia tamaños, pesos, alineación, espaciados de línea, palabras y caja. Sin embargo, estamos limitados en la medida en que solamente disponemos de unas pocas fuentes que podemos utilizar para mostrar el contenido en texto de la página web. TEMA 10 Ideas clave
5 Se pueden definir fuentes alternativas, pero esto impondría al usuario la necesidad de descargarse e instalar esa fuente en su ordenador para poder visualizar la web tal y como la hemos creado. Lógicamente esto no resulta práctico y hemos de ceñirnos a las fuentes antes citadas que se denominan fuentes WebSafe. Cuando tenemos que utilizar un tipo específico por necesidades corporativas o creativas, la solución consiste en componer en una imagen el texto y utilizarla como contenido grafico de nuestra web (sin olvidar asignar una etiqueta "alt" para que sea accesible a las personas con problemas de visión que usen un navegador adaptado). TEMA 10 Ideas clave
6 10.3. HTML, el código secreto El código HTML es el esqueleto que sostiene la interfaz visual de internet. Esta detrás de toda página web, informando al navegador dónde colocar imágenes, textos y medios. El HTML está compuesto de elementos que estructuran semánticamente la página web. El HTML está formado por un conjunto de etiquetas y atributos de formateo de texto. Un elemento de HTML está formado por una etiqueta de inicio, un contenido y una etiqueta de cierre. Un párrafo se abre con la etiqueta <p> luego va su contenido y termina con la etiqueta </p>. El contenido ha de estar encerrado dentro de la etiqueta<html></ html>, y los elementos a visualizar en el navegador se sitúa dentro de la etiqueta <body></body>. La etiqueta <head></head> alberga información descriptiva. Una web se puede construir con la única herramienta de un editor de textos, pero existen programas WYSIWYG (lo que ves es lo que obtienes), que permiten una edición más visual, por ejemplo, Dreamweaver Java y JavaScript Java y JavaScript son lenguajes de codificación que añaden interactividad a las páginas web. El JavaScript da instrucciones específicas al navegador. Los Scripts van junto con el HTML o se adjuntan como documentos que el navegador interpreta y ejecuta. El Java se utiliza para la creación de aplicaciones. TEMA 10 Ideas clave
7 Lo + recomendado Clases magistrales HTML, el lenguaje secreto Duración: 15:49 min. En esta nueva sesión magistral nos centraremos en el código HTML, lenguaje predominante en la creación de páginas web. El video está disponible en el aula virtual No dejes de leer Introducción a XHTML En el siguiente enlace podrás descargar un libro de Javier Eguiluz Pérez, con el que podrás aprender más sobre el lenguaje XHTML. El artículo está disponible en el aula virtual o en la siguiente dirección web: TEMA 10 Lo + recomendado
8 Introducción a CSS En el siguiente enlace encontrarás otro libro gratuito de Javier Eguiluz Pérez, en el que se realiza una introducción a las hojas de estilo CSS. El artículo está disponible en el aula virtual o en la siguiente dirección web: TEMA 10 Lo + recomendado
9 + Información A fondo Publicar en internet Artículo sobre la publicación de una página en la web. Podrás ver qué es internet y los servicios que ofrece. Además podrás aprender qué es un servidor y para qué sirve. El artículo está disponible en el aula virtual o en la siguiente dirección web: Webgrafía W3schools Página de aprendizaje la World Wide Web Consortium. En W3Schools encontrarás todo el material que necesitas para construir tu sitio web, desde HTML básico y XHTML hasta XML avanzado. Aula clic En el siguiente enlace podrás encontrar un tutorial sobre HTML. TEMA 10 + Información
10 Bibliografía NIERDERST, J. Diseño web. Guía de referencia. Ed. Anaya Multimedia ZELDMAN, J. Diseño con estándares web. Ed. Anaya Multimedia. Madrid TEMA 10 + Información
11 Test 1. La paleta WebSafe está compuesta por A. 256 colores. B. 216 colores. C. 32 bits. 2. Cuál de las siguientes familias tipográficas no es WebSafe? A. Arial. B. Courier New. C. Helvetica. 3. Las fuentes en web se miden en A. Picas. B. Píxeles. C. Píxeles y porcentajes. 4. En caso de querer usar topografías no WebSafe para un titular una buena solución sería A. Obligar al usuario a descargase la tipografía al ordenador. B. Generar una imagen con el texto a destacar y colocarla como titular. C. Comprarnos un Mac. 5. Cuál de las siguientes es la manera correcta de cerrar una etiqueta párrafo de HTML A. <p> B. </p> C. <p/> 6. Todo el texto que queramos que se vea en nuestra página web ha de ir dentro de la etiqueta A. <body><body> B. <head></head> C. <body></body> TEMA 10 Test
12 7. La información descriptiva de la página debe ir dentro de la etiqueta A. <html><html> B. <head></head> C. <body></body> 8. Las CSS son A. Las diferentes ediciones de los programas de Adobe. B. Las hojas de estilo para HTML. C. Las etiquetas que modifican los comportamientos de JavaScript. 9. Un Applet es A. Una aplicación web de Java. B. Una etiqueta que se aplica al XML. C. Una etiqueta que se aplica al XHTML. 10. Java es A. Un lenguaje de programación para crear aplicaciones web. B. Un Hutt. C. Una instrucción específica para los navegadores. TEMA 10 Test
TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores
Diseño orientado a la web. Internet y las páginas web [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores [9.3] Accesibilidad e interactividad [9.4] Resolución de pantalla [9.5] Optimización
Más detallesLENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)
LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52) Sesión No. 2 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 1 Nombre: Lenguaje de marcado Objetivo: Identificar qué es, cómo funciona y representa el lenguaje de
Más detallesWeb. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver
Web Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca Sumario 1. Qué es Dreamweaver? 2. El entorno
Más detalles[11.1] Cómo estudiar este tema? [11.2] Desarrollo de una estrategia de diseño web. [11.3] Planificación y producción web
Diseño orientado a la web. Producción web [11.1] Cómo estudiar este tema? [11.2] Desarrollo de una estrategia de diseño web [11.3] Planificación y producción web [11.4] Posicionamiento web [11.5] Motion
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 detallesTOOLS FEBRERO 2016. html5 + CSS3 SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM WWW.MRMARCELSCHOOL.
TOOLS FEBRERO 2016 html5 + CSS3 SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM WWW.MRMARCELSCHOOL.COM C O L A B O R A N : MrMarcel School es una escuela del
Más detallesCARGAR ARCHIVOS EXTERNOS EN PHP WEBQUEST 2.5. La versión 2.5 de PHP Webquest y posteriores- ha sido diseñada para que los usuarios puedan:
CARGAR ARCHIVOS EXTERNOS EN PHP WEBQUEST 2.5 La versión 2.5 de PHP Webquest y posteriores- ha sido diseñada para que los usuarios puedan: Subir al servidor tantos archivos de imagen como se necesiten para
Más detallesUna App para Facebook
Una App para Facebook Static HTML: Iframes Tabs Laboratorio de Excelencia Digital Facebook Marketing 1 Una App para Facebook. Static HTML: Iframes Tabs Facebook Marketing El objetivo de este articulo es
Más detallesCONSEJOS DE CÓMO CREAR UN DOCUMENTO ADOBE PDF ACCESIBLE A PARTIR DE UN DOCUMENTO MICROSOFT WORD ACCESIBLE
CONSEJOS DE CÓMO CREAR UN DOCUMENTO ADOBE PDF ACCESIBLE A PARTIR DE UN DOCUMENTO MICROSOFT WORD ACCESIBLE (Sistema Operativo Windows) Marzo 2011 Lourdes Moreno López 1,2 lmoreno@inf.uc3m.es 1: Grupo LaBDA,
Más detallesCurso de HTML5 y CSS3
Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 1 1 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 2 2 HTML sin duda, definió
Más detallesDISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES
DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar
Más detallesTOOLS ABRIL 2014. html5 + CSS3 SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM WWW.MRMARCELSCHOOL.
TOOLS ABRIL 2014 html5 + CSS3 SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM WWW.MRMARCELSCHOOL.COM C O L A B O R A N : MrMarcel School es una escuela del
Más detallesLectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1
Diseño Digital DISEÑO DIGITAL 1 Lectura No. 7 Nombre: Programa integrador de medios Contextualización En estos días la importancia de tener un sitio web se ha vuelto fundamental para que las empresas y
Más detallesTEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Más detallesEl módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:
Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando
Más detallesCondiciones de acceso y plazos de préstamo
Gestión de Recursos de Información de Acceso en Línea GRIAL es la plataforma de préstamo de los libros electrónicos de diferentes editoriales españolas (Alianza, Anaya, Morata, Pirámide, Síntesis, Tecnos
Más detallesTOOLS ENE 2016. total html5 SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM WWW.MRMARCELSCHOOL.
TOOLS ENE 2016 total html5 SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM WWW.MRMARCELSCHOOL.COM C O L A B O R A N : MrMarcel School es una escuela del Siglo
Más detallesDOCUMENTACIÓN TÉCNICA
DOCUMENTACIÓN TÉCNICA DOCUMENTACIÓN TÉCNICA 1 Sesión No. 11 Nombre: Los formatos de los documentos Contextualización Una vez que se tienen presentes los conceptos básicos de la documentación técnica y
Más detallesDiseñar, crear y sorprender, te damos las herramientas para lograr esto y mas. Nuestro
Diseñar, crear y sorprender, te damos las herramientas para lograr esto y mas. Nuestro taller esta dirigido a diseñadores gráficos, artistas digitales y multimedia como al publico en general interesados
Más detallesUnidad 1. Introducción a HTML (I)
Unidad 1. Introducción a HTML (I) A lo largo de este tema vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear páginas web. Qué es HTML El HTML (Hyper Text Markup Language) es
Más detallesCurso de PHP con MySQL Gratis
Curso de PHP con MySQL Gratis Introducción Este mini curso o mini tutorial de PHP le ayudará a realizar cualquier sistema para que pueda insertar uno o varios registros a una base de datos con MySQL, este
Más 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 detallesTipografía, color e imágenes. [12.1] Cómo estudiar este tema? [12.3] El color aditivo y el color sustractivo
Tipografía, color e imágenes [12.1] Cómo estudiar este tema? [12.2] Tipos y fuentes [12.3] El color aditivo y el color sustractivo [12.4] El sistema pantone [12.5] Creación, edición y obtención de imágenes
Más detallesIntroducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Accediendo a los contenidos
Plataforma Moodle Accediendo a los contenidos Formatos ----------------------------------------------------------------------- 2 Glosarios -----------------------------------------------------------------------
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2015 GUIA DE LABORATORIO #11 Nombre de la Práctica: Administración de cursos haciendo uso de Moodle Lugar de Ejecución:
Más detallesGUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF
GUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF Centro de Referencia en Accesibilidad y Estándares Web Copyright 2007 Instituto Nacional de la comunicación (INTECO) El presente documento está bajo la licencia
Más detallesMANUAL DE USO DEL RECURSO DE APRENDIZAJE
CURSO DE FORMACION AVANZADA EN EDUCACIÓN MEDIADAS POR LAS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN LIBRES. MANUAL DE USO DEL RECURSO DE APRENDIZAJE INDICE Pág I INSTALACIÓN DEL RECURSO 1 II VISUALIZACIÓN
Más detallesPráctica de introducción a
Práctica de introducción a XML El trabajo consiste en una introducción al uso del lenguaje XML y su aplicación en documentos y sistemas de caracteristicas multimedia. 1.- Qué es XML? XML (extensible Markup
Más detallesADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0
ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES
Más detallesNivel Intermedio. Escribir lenguaje de marcado HTML. Utilizar programas editores de HTML. Utilizar Hojas de Estilo en Cascada CSS
Diseño Web Estático Nivel Intermedio Escribir lenguaje de marcado HTML Utilizar programas editores de HTML Utilizar Hojas de Estilo en Cascada CSS Configurar sitios web locales Personas provenientes del
Más detallesVisual Chart app. Guía rápida para el usuario
Visual Chart app Guía rápida para el usuario Contenido 1 Introducción 2 Inicio Registro gratuito Guardar credenciales Login automático Recordar contraseña 3 Configuración Acerca de Configurar Consumo de
Más detallesEstándares y lenguajes de marcado para el desarrollo de aplicaciones web orientadas a dispositivos moviles Esteban Saavedra Lopez
Estándares y lenguajes de marcado para el desarrollo de aplicaciones web orientadas a dispositivos moviles Esteban Saavedra Lopez email: estebansaavedra@yahoo.com http://jesaavedra.opentelematics.org Agenda
Más detallesCurso Online de Adobe Dreamweaver. Introducción :
Curso Online de Adobe Dreamweaver Introducción : Adobe Dreamweaver es el programa más utilizado por diseñadores web profesionales, este programa se ha desarrollado muy bien en los últimos años brindando
Más detallesTEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA
TEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA AREA DEL TEMA: INGENIERÍA DE SOFTWARE OBJETIVO GENERAL Desarrollar aplicaciones web utilizando
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 detallesInstalar y Vincular Java en Google Chrome para Windows 7
Instalar y Vincular Java en Google Chrome para Windows 7 Temas a tratar en esta guía Instalación En Línea, 32 bits Descarga de ejecutables completos para instalaciones Fuera de Línea Instalación Fuera
Más detallesDreamweaver CS4 / Guía DW CSS.005
1 Dreamweaver CS4 / Guía DW CSS.005 FORMULARIO, MAPA Y FTP Contenidos de esta guía Formulario de Contacto Mapa en tu web FTP 2008 Material exclusivo de Academia MacPC www.academiamacpc.cl Crear un Formulario
Más detallesCATÁLOGO DE FORMACIÓN 2011-2012
Soluciones FORMACION CATÁLOGO DE FORMACIÓN 2011-2012 SAGA FORMACIÓN C/ Salado 11 local 10 CP 41010 Sevilla 954 45 72 75 F. 954 45 75 72 formacion@sagasoluciones.com 00 Presentación La Formación, un factor
Más detallesTema: Maquetación Web y CSS
Diseño Digital V. Guía 4 1 Tema: Maquetación Web y CSS Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Objetivos Contenidos A través del desarrollo de la guía el estudiante
Más detallesCÓMO CREAR NUESTRO CATÁLOGO
CÓMO CREAR NUESTRO CATÁLOGO Mediante la aplicación (http://www.prensasoft.com/programas/conline) podemos crear nuestros propios catálogos. Para crear un catálogo necesitamos: - Varios productos que mostrar,
Más detallesFUNDAMENTOS DEL DISEÑO WEB 1
GUÍA DOCENTE FUNDAMENTOS DEL DISEÑO WEB 1 GRADO EN DISEÑO MULTIMEDIA Y GRÁFICO Curso 2014-2015 1 Versión original: Febrero de 2015. GNATUR 1. DATOS DE IDENTIFICACION DE LA ASIGNATURA Titulación: Materia:
Más detallesGestión de plantillas en Joomla!
Gestión de plantillas en Joomla! Aplicaciones web. 2º SMR 1. Gestionar las plantillas de Joomla! 2. Instalar una nueva plantilla en tu web 3. Modificar el diseño de una plantilla instalada 1. Gestionar
Más detallesConsejos para el correcto armado de HTML para Emails
Consejos para el correcto armado de HTML para Emails Consejos para el correcto armado de HTML para Emails Cuando desarrollas una campaña de Email Marketing, es fundamental que tu mensaje sea recibido correctamente.
Más detallesAPRENDER A CREAR UNA PÁGINA WEB CON HTML
APRENDER A CREAR UNA PÁGINA WEB CON HTML Introducción a las páginas web QUÉ ES UNA PÁGINA WEB? Definición de la Real Academia Española Documento situado en una red informática, al que se accede mediante
Más detallesDISEÑO DE PÁGINAS WEB ING. CIP EDGAR CRUZ
DISEÑO DE PÁGINAS WEB ING. CIP EDGAR CRUZ Qué es? Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la
Más detallesCurso Online de Diseño Web Especializado en Dispositivos Móviles con HTML 5, CSS3 y jquery Mobile: Práctico
Curso Online de Diseño Web Especializado en Dispositivos Móviles con HTML 5, CSS3 y jquery Titulación certificada por EUROINNOVA BUSINESS SCHOOL Curso Online de Diseño Web Especializado en Dispositivos
Más detalles3.4. Reload Editor ( Guía de Uso).
3.4. Reload Editor ( Guía de Uso). Anterior 3. Lors Management Siguiente 3.4. Reload Editor ( Guía de Uso). 3.4.1. Preguntas básicas sobre Reload Editor. - Qué hace el programa Reload Editor? RELOAD Editor
Más detalles1.1.- Introducción a la Web Vemos una introducción al medio donde se encajan los lenguajes que vamos a tratar: la web.
Sesión 01: Introducción a los lenguajes web COMPUTACION E INFORMATICA WEB DEVELOPPER III Competencias a Conseguir: - Introducción general a la programación web. - Conocer y diferenciar el concepto de páginas
Más detallesGUIDE Instagram y Hootsuite. Guía de inicio rápido
GUIDE Instagram y Hootsuite Guía de inicio rápido Instagram y Hootsuite Guía de inicio rápido Con 300 millones de usuarios activos al mes, Instagram puede abrir un mundo de oportunidades para tu empresa.
Más detallesDISEÑO WEB INICIACION
DISEÑO WEB INICIACION Modalidad: Distancia. La Formación en modalidad a Distancia se basa en un aprendizaje casi autodidáctico, con este término queremos señalar que el método de aprendizaje no es el tradicional,
Más detallesCómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes?
Preguntas frecuentes Cómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes? Atención! Esta opción es de configuración y solamente la prodrá realizar el administrador de la
Más detallesDescubra las novedades de EasyProf 3.0! Cambios en la filosofía de trabajo
Descubra las novedades de EasyProf 3.0! EasyProf 3.0 incorpora potentes mejoras y funcionalidades que le permitirá crear sus propios contenidos con mayor facilidad y rapidez. Con EasyProf 3.0 podrá crear
Más detallesFigura 4.6: Prototipo de la pantalla de inicio.
Por lo tanto el siguiente paso ha sido realizar el prototipo a más alto nivel del sitio web, para conocer cómo quiere la empresa que se estructure el contenido y qué aspecto darle. Para ello se ha utilizado
Más detallesA continuación comentaremos las acciones a realizar con las entradas:
Administración de Entradas Las entradas son noticias que se mostrarán en orden cronológico inverso en la página de inicio de la web. Normalmente son las que más se comentan, y se incluyen en el feed RSS
Más detallesGUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples
Más detallesPASOS PARA CREAR UNA PÁGINA WEB
http://www.rafatux.com PASOS PARA CREAR UNA PÁGINA WEB Con éste documento trato de orientar de una forma genérica los distintos pasos que deben de realizarse para crear una página web. PRIMER PASO: Estructura
Más detalles3.1 Definir objetivos y contenidos de la página web
3.1 Definir objetivos y contenidos de la página web Dreamweaver Qué es Dreamweaver? Es una aplicación en forma de estudio enfocada a la construcción y edición de sitios y aplicaciones web basados con estándares,
Más detallesAdobe Dreamweaver En contexto de trabajo
En contexto de trabajo Berta Olivella Ortega D1 Índice Adobe Dreamweaver - Qué es Adobe Dreamweaver? - Ventajas de Adobe Dreamweaver - Desventajas de Adobe Dreamweaver - Ejemplos de Páginas Web Hechas
Más detalles56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web
56h DREAMWEAVER 8 OBJETIVOS DEL CURSO Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales
Más 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 detallesPáginas web ::: Hojas de estilo CSS Diseño de materiales multimedia. Web 2.0. 1.7 Hojas de estilo CSS
49 1.7 Hojas de estilo CSS 50 1.7 Hojas de estilo CSS 1.7.1 Qué es una hoja de estilo? Una hoja de estilo es un archivo de extensión *.CSS (CSS, Cascading Style Sheets = Hojas de estilo) que contempla
Más detallesBootstrap: Introducción práctico en el Diseño Web
Bootstrap: Introducción práctico en el Diseño Web Originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web
Más detallesGestor de Citas Bibliográficas Zotero
2015 Gestor de Citas Bibliográficas Zotero Biblioteca Central INSTITUTO UNIVERSITARIO DEL GRAN ROSARIO CARACTERÍSTICAS PRINCIPALES ACCESO ZOTERO Zotero es un gestor de citas bibliográficas, software de
Más detallesAudio y vídeo en Ardora 7 www.webardora.net
En los distintos tipos de contenidos que crea Ardora puede incluir archivos multimedia, tante de audio como de video. AUDIO: Por ejemplo, en las actividades interactivas, junto con los mensajes de felicitación
Más detallesPresentaciones 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 detallesAnálisis de la accesibilidad del sitio web. Ayuntamiento de El Campello (http://www.elcampello.es)
Análisis de la accesibilidad del sitio web Ayuntamiento de El Campello (http://www.elcampello.es) Alexandre López Berenguer Sergio Luján Mora Fecha de realización:24-3-2011 Esta obra está bajo una licencia
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 detallesGuía para subir documentos a Calaméo. CP San Francisco-Frantzisko Deuna IP Pamplona-Iruña
Guía para subir documentos a Calaméo CP San Francisco-Frantzisko Deuna IP Pamplona-Iruña Con este tutorial aprenderás a: Registrarte en Calaméo creando una cuenta gratis Encontrar publicaciones de interés
Más detallesAdobe Dreamweaver CS3 - Curso online Creación profesional de sitios web
Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen
Más 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 detalles1. INTRODUCCIÓN Y OBJETIVOS
1. INTRODUCCIÓN Y OBJETIVOS Los teléfonos móviles son ya parte esencial en nuestra forma de vida y cada día son más los usuarios de estos terminales. Hasta ahora nos han acompañado a todas partes y nos
Más detallesLocalizar la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web.
Ejercicios: 1. Cuál es la función de un servidor DNS? Localizar la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web. 2. Qué diferencias existen entre una URL y una
Más detallesUF1302 Creación de páginas web con lenguajes de marcas
UF1302 Creación de páginas web con lenguajes de marcas TEMA 1. Los lenguajes de marcas TEMA 2. Imágenes y elementos multimedia TEMA 3. Técnicas de accesibilidad y usabilidad TEMA 4. Herramientas de edición
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 detallesCOREL DRAW PARTE II. TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS
CREAR TABLAS COREL DRAW PARTE II TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS Para crear una tabla, debes seleccionar la herramienta Tabla desde la barra de herramientas, completa los valores en el
Más detallesExporta la construcción para su visualización en Internet, es decir, como applet dentro de una página html.
13. Applets, JavaScript y XML 13.2 Applets Objetivos GeoGebra permite de una forma muy sencilla incorporar cualquier construcción a una página web, creando así una "miniaplicación" web. Cada una de estas
Más detallesCOMO CREAR UN ÁLBUM DE FOTOS.
COMO CREAR UN ÁLBUM DE FOTOS. Podemos crear un book de fotos llamativo con este programa, así mostraremos a nuestros amigos y conocidos nuestras recopilaciones de fotos. Con este método podemos enseñar
Más detallesEstándares para el Uso de Herramientas de Desarrollo y Plataformas de Aplicaciones Web
Secretaría de Planificación Estratégica Oficina de Informática Estándares para el Uso de Herramientas de Desarrollo y Plataformas de Aplicaciones Web VERSIÓN 4 Julio 2009 Índice 1. Generalidades... 3 1.1
Más detallesMi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades:
Propósito del prototipo: Mi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades: 1º. Mostrar noticias y eventos propios del grupo de personas que administren la Web.
Más detallesÍndice. Página 2 de 14
Índice Pág. 1. Requisitos... 3 2. Acceso a la plataforma online... 3 3. Estructura y funcionamiento de los cursos... 5 4. Elementos del menú lateral... 9 a. Profesor... 9 b. Soporte Técnico... 10 c. Aplicaciones
Más detallesTUTORIAL DE GMAIL. Proyecto Empleo 2.0
TUTORIAL DE GMAIL Proyecto Empleo 2.0 ÍNDICE DE CONTENIDOS 1. Cómo empezar. Crea tu cuenta... 1 2. Entra en tu cuenta... 4 3. Bandeja de entrada... 5 4. Cómo redactar un correo electrónico... 8 5. Adjuntar
Más detallesManual de usuario para Facturación Electrónica 2011
Contenido Manual de usuario Facturación Electrónica.... 2 Requisitos... 2 Registro de usuario.... 2 Inicio de sesión.... 4 Cerrar Sesión.... 4 Mi cuenta.... 5 Datos Personales.... 5 Información Fiscal...
Más detallesCAMPUS VIRTUAL GUÍA RÁPIDA DE USUARIO
CAMPUS VIRTUAL GUÍA RÁPIDA DE USUARIO ÍNDICE 1. Introducción 2. Acceso al campus 3. Elementos del campus 4. Perfil del alumno 5. Acceso al aula 1. INTRODUCCIÓN Uno de los documentos que te van a ser más
Más detallesSistema de SaaS (Software as a Service) para centros educativos
Sistema de SaaS (Software as a Service) para centros educativos Definiciones preliminares: Qué es SaaS? SaaS (1) es un modelo de distribución del software que permite a los usuarios el acceso al mismo
Más detallesSesión 10-PowerPoint e Internet
Objetivo: El alumno implementara el uso de internet con el propósito de aprovechar esta herramienta y mejorar sus presentaciones. Introducción: En internet podemos encontrar muchos recursos para nuestras
Más detallesPROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes
PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar
Más detallesQué es una página web?, qué conoces al respecto?, sabes crear una página
Semana 13 13 Empecemos! Bienvenidos a una nueva sesión, llena de aprendizajes! En semanas anteriores estudiamos lo que son bases de datos, estructuras de datos y métodos de ordenamientos, todo lo cual
Más detallesLENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)
LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52) Sesión No. 3 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 1 Nombre: Tipos de datos básicos Objetivo: Reconocer las estructuras básicas. Contextualización Qué
Más detallesManual de usuario para Facturación Electrónica 2011
Contenido Manual de usuario Facturación Electrónica.... 2 Requisitos... 2 Registro de usuario.... 2 Inicio de sesión.... 4 Cerrar Sesión.... 4 Mi cuenta.... 5 Datos Personales.... 5 Información Fiscal...
Más detallesBlogs Edición y mantenimiento del blog
Blogs Edición y mantenimiento del blog Contenido CONTENIDO... 1 GESTIÓN Y CREACIÓN DE BLOGS... 2 CREAR UNA ENTRADA EN EL BLOG... 3 INTERACTUAR CON EL BLOG COMENTARIOS... 13 INFORMACIÓN ADICIONAL... 15
Más detallesLectura No. 3. Contextualización. Nombre: Página web DISEÑO DIGITAL 1. Para qué te sirve saber elaborar una página web?
Diseño Digital DISEÑO DIGITAL 1 Lectura No. 3 Nombre: Página web Contextualización Para qué te sirve saber elaborar una página web? A través de una página web puedes atraer a una mayor cantidad de clientes
Más detallesPrograma de Asignatura Diseño Gráfico
Programa de Asignatura Diseño Gráfico Managua, Diciembre, 2013 1. DATOS GENERALES Nombre de la asignatura: Diseño Gráfico Código: Requisito /Correquisito: Carrera (s): Modalidad: Turno: Semestre: Ninguno
Más detallesCurso de HTML5 y CSS3
Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 1 1 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 2 2 Hemos llegado a uno
Más detallesGELT-Informativo. Descripción. http://www.municipio-departamento.gov.co
Gobierno en línea Territorial GELT Descripción de las herramientas entregadas en el marco de la Estrategia de Gobierno en línea Territorial www.programa.gobiernoenlinea.gov.co Alejandro Barrera Gutierrez
Más detallesAnalítica para tu web
Analítica para tu web Mide, analiza y actúa para mejorar tus resultados Índice 1. Qué es la analítica web 2. Configura webmaker para utilizar tu herramienta de analítica web favorita 3. Métricas más habituales
Más detallesGENERAR DOCUMENTOS HTML USANDO LENGUAJE PHP. EJERCICIO RESUELTO EJEMPLO SENCILLO. (CU00733B)
APRENDERAPROGRAMAR.COM GENERAR DOCUMENTOS HTML USANDO LENGUAJE PHP. EJERCICIO RESUELTO EJEMPLO SENCILLO. (CU00733B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde cero Fecha
Más detallesCREACIÓN Y CONFIGURACIÓN DE WIKIS
Paso 1: Creación CREACIÓN Y CONFIGURACIÓN DE WIKIS Como con el resto de actividades, para crear un wiki lo primero es activar el modo de edición y seleccionar la opción Wiki de la lista desplegable Agregar
Más detallesCurso Online de Diseño Web con HTML 5 y CSS3: Curso Práctico
Curso Online de Diseño Web con HTML 5 y CSS3: Curso Práctico Titulación certificada por EUROINNOVA BUSINESS SCHOOL Curso Online de Diseño Web con HTML 5 y CSS3: Curso Práctico Curso Online de Diseño Web
Más detallesVirtual-C: Una Herramienta para Administración de Contenidos en Sitios Web
Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web Kexy Rodríguez kexy.rodriguez@utp.ac.pa Centro de Investigación, Postgrado y Extensión UTPVirtual Universidad Tecnológica de Panamá
Más detalles