Índice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 1
|
|
- Arturo Jesús Valenzuela Herrero
- hace 8 años
- Vistas:
Transcripción
1 Índice HTML HyperText Markup Language Conceptos básicos Historia y evolución de HTML XHTML vs. HTML HTML dinámico Hojas de estilo (CSS) DOM Diseño de servicios Web 2 DATSI Qué es HTML? Lenguaje de publicación en la Web de documentos de hipertexto Permite especificar la organización lógica de documentos Es independiente de la plataforma Definido en SGML (Standard Generalized Markup Language, ISO ) SGML es un metalenguaje HTML es un lenguaje definido en SGML Las etiquetas de HTML están especificadas en SGML SGML es muy complejo Precursor de XML Conceptos básicos Elemento HTML etiqueta + texto (<H2>texto</H2>) Elementos vacíos (sin texto) (<BR>) Elementos con atributos (<A HREF="X.html">texto</A>) Estructura de documento:elementos HTML,HEAD y BODY <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> Diseño de servicios Web 3 DATSI Diseño de servicios Web 4 DATSI HTML 1
2 Tipos de etiquetas Título (<TITLE>) Cabeceras (<H1>, <H2>,...) Formato de texto (<EM>, <STRONG>,...) Párrafos (<P>) Listas (<UL>, <OL>,...) Imágenes (<IMG>) Enlaces (<A>) Tablas (<TABLE>) Mapas (<MAP>) Formularios (<FORM>) Marcos (<FRAMESET>) Organización lógica del texto (<DIV> y <SPAN>) Scripts (<SCRIPT>) Hojas de estilo (<STYLE>) Historia y evolución Controlado por World Wide Web Consortium (W3C) HTML 2.0 (propuesta de IETF RFC 1866, 1995) Define núcleo básico de HTML HTML 3.2 Define el cuerpo principal de HTML: tablas, applets, etc. HTML 4.0 Desaconseja uso elem. o atrib. de formato (FONT,U,bgcolor) Utilización de hojas de estilo (CSS) Inclusión de marcos Soporte a distintos idiomas Mejoras en tablas, formularios y soporte de scripts HTML 4.01 (diciembre de 1999) es la última versión Parón en desarrollo de recomendaciones sobre HTML Diseño de servicios Web 5 DATSI Diseño de servicios Web 6 DATSI Situación actual: De HTML a XHTML Transición de HTML a XHTML XHTML (extensible Hypertext Markup Language) Redefinición de HTML en XML XML (extensible Markup Language, W3C, ) SGML simplificado para uso en web (y otros) Más regular y fácil de procesar pero igual de potente Beneficios de XHTML: Los de XML: rigor y flexibilidad con tratamiento simple Facilita modularidad: hacer extensiones crear subconjuntos de funcionalidades Documentos web más ricos sobre más plataformas Convivencia de lenguajes basados en XML XHTML, MathML, multimedia, comercio electrónico, etc. Diseño de servicios Web 7 DATSI Compatibilidad documentos HTML y XHTML? XHTML es más riguroso y regular Navegadores han sido muy permisivos con páginas HTML P. ej. aceptan mal anidamiento: <i><b>hola</i></b> Documentos XHTML sobre navegadores HTML Casi compatible: Hay que seguir unas pocas reglas Documentos HTML sobre navegadores XHTML: Necesidad de transformación Reglas básicas para la transformación de documentos: Etiquetas y atributos en minúsculas Etiquetas de fin obligatorias (</p> o </li>) Etiquetas sin cierre deben llevar carácter / (<br />) Valores de atributos entre comillas (<img src= X.gif />) Herramientas automáticas de conversión: HTML Tidy Diseño de servicios Web 8 DATSI HTML 2
3 XHTML XHTML es una familia de lenguajes XHTML 1.0 (1-2000): El primer estándar HTML 4.01 reformulado en XML Tres variantes: Strict. Documentos sin elem. o atrib. de formato Transitional. Documentos con elem. o atrib. de formato Frameset. Documentos con marcos Modularización de XHTML (4-2001): Entorno abstracto de modularización para lenguajes XHTML Facilita extensión y definición de subconjuntos Facilita convivencia con otros lenguajes estándar o propios Perfil: XHTML + MathML + SVG (1-2003) Perfiles de documentos (draft ): Documento lleva asociado perfil (qué módulos requiere) Negociación de contenido entre cliente-servidor Módulos en XHTML Módulo estructura: html, head, body,... Módulo texto: h1, pre, div,... Módulo hipertexto: a Módulo listas: dt, ol, li,... Módulo presentación: b, i, tt,... Módulos de formularios: form, input, select,... Distingue entre un módulo básico y uno completo Módulos de tablas: tr, td, th,... Distingue entre un módulo básico y uno completo Muchos otros módulos: imágenes, mapas, marcos, scripts, hojas de estilo,... Diseño de servicios Web 9 DATSI Diseño de servicios Web 10 DATSI Familia de lenguajes XHTML HTML dinámico (DHTML) XHTML Básico ( ): Uso en dispositivos con capacidad de presentación limitada Usa conjunto limitado de módulos: Tablas y formularios: sólo módulo básico No incluye: presentación, scripts, marcos, etc. XHTML 1.1 (5-2001): XHTML basado en módulos Funcionalidad similar a XHTML 1.0 Strict pero con módulos XHTML 2.0 (draft ): Próxima generación de XHTML Estructura mejorada e integración de nuevas tecnologías No asegura compatibilidad con versiones previas Elimina todos los aspectos de presentación (hojas de estilo) Extiende módulos de versión anterior y define nuevos Mejora en: facilidad de uso, accesibilidad, independencia de dispositivo de presentación, carácter internacional, etc. HTML clásico Páginas estáticas Formateo limitado y estático HTML dinámico Páginas dinámicas ( inteligentes ) Formateo más profesional y dinámico No es un estándar. Es un nombre comercial Identifica a la combinación de un conjunto de tecnologías HTML CSS (Hojas de estilo) DOM (visión del documento con un modelo de objetos) Scripts (JavaScript, Jscript, VBScript) Diseño de servicios Web 11 DATSI Diseño de servicios Web 12 DATSI HTML 3
4 Evolución en el diseño de páginas Hojas de estilo Cambio radical en el diseño de páginas Antes: Diseñador debía conocer etiquetas HTML Formato mediante etiquetas HTML (p.e. <FONT>) Ahora: Tres labores bastante independientes: Contenido y estructura lógica de la página (XHTML) No deberían usarse etiquetas de formato (p.e. <FONT>) Estilo de la página (CSS) Aspectos dinámicos de las páginas (DOM + scripts) Especifica cómo se presenta una página CSS (Cascading Style Sheets) (versión 2 en mayo 1998) Lenguaje para definir estilos independiente de HTML CSS3 (dratf): Organiza en módulos CSS Atributos de estilo que controlan propiedades sobre: Caja que contiene a un elemento (márgenes, bordes,...) Fondo Color Fuente de texto Permite también controlar cómo se posicionan elementos Modelo de capas (atributo position) Hojas de estilo se aplican al cargar la página (estático) Pero pueden modificarse definiciones desde un script Diseño de servicios Web 13 DATSI Diseño de servicios Web 14 DATSI Inclusión de estilos Definiciones de estilo Normalmente en cabecera En el propio documento (etiqueta STYLE de HTML) <STYLE TYPE= text/css > definiciones de estilo </STYLE> Desde un fichero (etiqueta LINK de HTML) <LINK REL=STYLESHEET TYPE= text/css HREF= F.css > Asociado a un elemento HTML (atributo STYLE) Poco recomendable pues mezcla estructura y formato <P STYLE= color:red > Múltiples definiciones de estilo se acumulan: Existen unas reglas de precedencia Diseño de servicios Web 15 DATSI Aplicada a un tipo de elemento H1 {color:red; font-size:14pt] Aplicada a clase de elementos del mismo tipo (atributo CLASS) P.estrecho {margin-left:5em; margin-right:5em} <P CLASS= estrecho > Aplicada a clase de elementos de distintos tipos.novedad {text-decoration:underline} <P CLASS= novedad > y <H3 CLASS= novedad > Aplicada a elemento con un identificador único (atributo ID) #especial {font-size:20pt] <P ID=especial> Selección por el contexto Ejemplo de definición sólo para elementos EM dentro de párrafos P EM {color:red} Diseño de servicios Web 16 DATSI HTML 4
5 Document Object Model (DOM) DOM (Level ,Level 3 draft) Conjunto de interfaces para acceder y modificar documentos HTML y XML Documento representado como árbol de objetos Interfaces permiten navegar por la jerarquía Herencia: Document, Element y Attribute derivan de Node DOM organizado en módulos (mód. = cjto. de interfaces) Módulo Core (obligatorio): permite navegar en documento Otros módulos: HTML, Views, Style, Events,... Implementación XML DOM: al menos módulo Core Implementación HTML DOM: al menos mód. Core + HTML Ejemplos de propiedades y métodos de módulo Core Doc.documentElement.childNodes.item(2).nodeName Doc.documentElement.childNodes.item(2).attributes Doc.documentElement.getElementsByTagName( clave ) Doc.documentElement.attributes.getNamedItem( nivel ) Diseño de servicios Web 17 DATSI Ejemplo DOM con documento HTML <TABLE> <TBODY> <TR> <TD>Shady Grove</TD> <TD>Aeolian</TD> </TR> <TR> <TD>Over the River,Charlie</TD> <TD>Dorian</TD> </TR> </TBODY> </TABLE> Diseño de servicios Web 18 DATSI HTML DOM Extiende Core con funcionalidad específica para HTML HTMLDocument deriva de Document: Incluye colecciones de objetos del mismo tipo images: imágenes incluidas en el documento lo mismo para links, forms, anchors,... Nuevos elementos derivados de Element: HTMLHeadElement, HTMLLinkElement, HTMLTitleElement, HTMLBodyElement, HTMLFormElement, etc. Ejemplos: Métodos: document.forms.item(3).reset() Propiedades: document.images.item(2).src Sigue accesible funcionalidad Core: document.documentelement.childnodes.item(1) Uso de DOM Manipulación de página HTML cargada por navegador Navegadores implementan HTML DOM Acceso a través de scripts (p.ej. Javascript) Manipulación de documento XML (XML DOM) Parser autónomo (Microsoft XML parser, JAXP: Java API for XML Processing) Navegadores también proporcionan XML DOM para cargar y procesar documentos XML desde scripts incluidos en la página HTML Diseño de servicios Web 19 DATSI Diseño de servicios Web 20 DATSI HTML 5
HTML HyperText Markup Language. Fernando Pérez Costoya fperez@fi.upm.es
HTML HyperText Markup Language Fernando Pérez Costoya fperez@fi.upm.es Índice Definición Historia y evolución de HTML El fiasco de XHTML HTML 5: la resurrección Un tour por HTML Diseño de aplicaciones
Más detallesDESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández
Más detallesHTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional
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 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 detallesCapítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
Más detallesFundamentos de las tecnologías de la información
Fundamentos de las tecnologías de la información la guerra de los formatos Diego Martín 2016 1 Definiciones W3C HTML CSS XML Introducción histórica HTML vs XML JSON XML vs JSON DTDsy XML SCHEMAs Qué formato
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 detallesGUÍA DE TRABAJO GRADO 11 Programación de. Software Ing. Néstor Raúl Suarez Perpiñan Página 1 de 6. Tema: DESARROLLO WEB CON HTML
Página 1 de 6 Objetivo: Tema: DESARROLLO WEB CON HTML Reconocer al Lenguaje de Marcado de Hipertexto (HTML) como la base para el desarrollo de páginas Web 1. PÁGINA WEB I. CONCEPTOS FUNDAMENTALES Una página
Más detallesOptimización del uso de internet en la gestión cultural
NUEVAS TECNOLOGÍAS APLICADAS A LA GESTIÓN CULTURAL Optimización del uso de internet en la gestión cultural Javier Leiva Aguilera www.javierleiva.info Madrid, 12-14 de noviembre de 2007 Fundamentos de diseño
Más detallesInforme Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador. Desarrollado por: Jessica Nathaly Correa María Isabel Granda.
Informe Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador Desarrollado por: Jessica Nathaly Correa María Isabel Granda. 12 de febrero de 2015 Loja-Ecuador Contenido Presentación... 3
Más detallesIntroducción a las aplicaciones WEB
Departamento de Sistemas Informáticos y Computación Universidad Complutense de Madrid 3 de mayo de 2010 Qué es Internet? I LAN: Local Area Network, red de ámbito local. Qué es Internet? II Qué es Internet?
Más detallesACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL
MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA
Más detallesIntroducción a la Web 2.0
Octubre 2006 Contenidos Evolución Características Tecnologías Protocolos básicos HTML y CSS Javascript y DOM XML y Servicios Web AJAX Ejemplos Evolución del Hipertexto 1945 - Vannevar Bush escribe As we
Más detallesHTML HTML HTML. Diseño de Sitios Web. Qué es HTML?
Diseño de Sitios Web 5 (I) Qué es? Es un lenguaje descriptivo con el cual se describe la estructura del texto y todos los elementos que se muestran en la página. Es el método más usado para publicar documentos
Más detallesUnidad II. Interfaz Grafica (continuación ) Basado en clases de Ing. Carlos A. Aguilar
Clase:005 1 Unidad II Interfaz Grafica (continuación ) Basado en clases de Ing. Carlos A. Aguilar 2 Agenda Desarrollo de Apps para Android Aplicaciones en Android Componentes Básicos de las Aplicaciones
Más detallesModulo I. Introducción a la Programación Web. 1.1 Servidor Web.
Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Antes de analizar lo que es un servidor Web y llevara a cabo su instalación, es muy importante identificar diferentes elementos involucrados
Más detallesLeer XML con XMLReader en el aula
Leer XML con XMLReader en el aula Nieves Carralero Colmenar. IES Pedro Mercedes. Junta de Comunidades de Castilla-La Mancha. España. ncarralero@edu.jccm.es Resumen Según la Orden EDU/2887/2010, de 2 de
Más detallesLaboratorio de Aplicaciones Telemáticas (Curso 2009/2010)
Breve introducción a la Web y XHTML Laboratorio de Aplicaciones Telemáticas (Curso 2009/2010) Jesús Arias Fisteus jaf@it.uc3m.es Breve introducción a la Web y XHTML p. 1 La Web World Wide Web (abreviado
Más detallesLaboratorio de Aplicaciones Telemáticas (Curso 2009/2010)
Breve introducción a la Web y XHTML Laboratorio de Aplicaciones Telemáticas (Curso 2009/2010) Jesús Arias Fisteus jaf@it.uc3m.es Breve introducción a la Web y XHTML p. 1 La Web World Wide Web (abreviado
Más detallesFORMACIÓN EN ACADEMIAS GP 3.1
UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja ESCUELA DE CIENCIAS DE LA COMPUTACIÓN TITULACION DE SISTEMAS INFORMATICOS Y COMPUTACION FORMACIÓN EN ACADEMIAS GP 3.1 INFORME FINAL
Más detallesPara iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:
Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras
Más detallesIntroducción a Internet
Introducción a Internet Localización y acceso a la informacion Instituto de Ciencias de la Educación Jesús Tramullas Dpto. CC. Documentación http://tramullas.com/lai Historia de Internet Inicio proyecto
Más detallesLa utilización de las diferentes aplicaciones o servicios de Internet se lleva a cabo respondiendo al llamado modelo cliente-servidor.
Procesamiento del lado del servidor La Programación del lado del servidor es una tecnología que consiste en el procesamiento de una petición de un usuario mediante la interpretación de un script en el
Más detallesContenidos. 1. Requisitos del proyecto... 2
En colaboración con Las opiniones recogidas en este documento no se corresponden, necesariamente, con las de ninguno de los organismos públicos participantes en esta iniciativa. Contenidos 1. Requisitos
Más detallesDiseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos
Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Herramientas de DISEÑO: Recursos Gráficos Software de Diseño Lenguaje de Programación Contenido curso practico; LENGUAJE
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 detallesIntroducción a XML - Validación y Parseo. Huibert Aalbers, Senior Certified Software IT Architect
Introducción a XML - Validación y Parseo Huibert Aalbers, Senior Certified Software IT Architect IT Insight podcast Este podcast pertenece a la serie IT Insight Pueden suscribirse al podcast a través de
Más detallesObjetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.
Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje
Más detallesSEGUNDA PARTE: DOM y jquery
SEGUNDA PARTE: DOM y jquery 1. Conoce a jquery jquery jquery: Una librería javascript MUY popular Colección de utilidades y herramientas Para manipular los elementos de la página - Contenido - Atributos
Más detalles1 Introducción a XML
1 Introducción a XML Introducción (I)! Qué es XML?! Últimamente todo el mundo habla sobre XML!! Dicen que es un lenguaje etiquetado...es decir: Es un lenguaje como HTML, pero con nuevas etiquetas?! Dicen
Más detallesLOS LENGUAJES DE MARCADO APLICADOS A LOS REGISTROS BIBLIOGRÁFICOS. XML MARC DTD; XML MARC SCHEMA.
LOS LENGUAJES DE MARCADO APLICADOS A LOS REGISTROS BIBLIOGRÁFICOS. XML MARC DTD; XML MARC SCHEMA. I. INTRODUCCIÓN A LOS LENGUAJES DE MARCADO Los lenguajes de marcado, también denominados lenguajes de marcas,
Más detallesIES Pablo Serrano-ASIR1D/DAM1D-B.Soler XML
IES Pablo Serrano-ASIR1D/DAM1D-B.Soler Contenidos 1. Introducción 2. Quién ha creado? 3. Definición según W3C 4. Qué es? 5. Objetivos 6. Para qué sirve? 7. Con ya vale? 8. Tecnologías asociadas 9. Familia
Más detalles1. Resumen.. 3. 2. Objetivos.. 3. 3. Introducción. 3
1 Índice 1. Resumen.. 3 2. Objetivos.. 3 3. Introducción. 3 4. Aplicación web para la gestión de una memoria corporativa: reportes de actividades (proyectos) 4.1 Metodología... 4 4.2 Lenguajes y herramientas
Más detallesIntroducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 1: HTML 1. Objetivos Aprender el lenguaje de marcado HTML, o algunas de sus variantes, como XHTML o HTML5, y la importancia de escribir código correcto
Más detallesTecnologías y Programación en el Internet
Tecnologías y Programación en el Internet Prof. Miguel Vélez Rubio C y C++ / Base de todo C Comenzó su implementación en 1972, surgiendo del lenguaje B Asociado inicialmente a Unix Considerado difícil
Más detallesCursito 27: Curso de HTML Parte 3
Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito
Más detallesCurso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT
Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT Código: 1095 Familia Profesional: Desarrollo y diseño web Acreditación: Formación reconocida a través de vías no formales Modalidad:
Más detallesCurso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com
Curso de Diseño web Juan Carlos Hernández Pérez juancarhdezperez@gmail.com 1 Tema 1 Introducción al lenguaje HTML 2 Introducción a HTML (I/II) HTML es un lenguaje para publicar textos en Web HTML te permite
Más detallesDesarrollo de Aplicaciones con Tecnologías Web
Desarrollo de Aplicaciones con Tecnologías Web Código: Modalidad: Distancia Duración: 100 Horas. Objetivos: La presente formación se ajusta al itinerario formativo del Certificado de Profesionalidad IFCD0210
Más detallesDESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA
DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base
Más detallesTÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6
Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales
Más detallesINSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO IBEROTEC SEMESTRE ACADÉMICO: 2014-II SÍLABO. Informáticas
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO IBEROTEC SEMESTRE ACADÉMICO: 2014-II 1. DATOS GENERALES SÍLABO CARRERA PROFESIONAL : Telemática / Sistemas de Telecomunicaciones UNIDAD DIDÁCTICA : Introducción
Más detallesTema 3, parte 4. Javascript: el DOM (Modelo de Objetos del. Documento) Texto. http://www.flickr.com/photos/jm3/3620744443
http://www.flickr.com/photos/jm3/3620744443 Tema 3, parte 4 Javascript: el DOM (Modelo de Objetos del Texto Documento) Texto Javascript parte 4 El DOM 1. El árbol DOM Conceptos básicos sobre el API DOM
Más detallesExperto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript
Modalidad: Distancia Duración: 80 h Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript Objetivo: El término HTML hace referencia al lenguaje de marcado predominante para la elaboración
Más detallesUNIVERSIDAD DE EL SALVADOR FACULTAD MULTIDISCIPLINARIA DE OCCIDENTE TEMA: XHTML CATEDRA: INTRODUCCION A LA PROGRAMACION EN INTERNET
UNIVERSIDAD DE EL SALVADOR FACULTAD MULTIDISCIPLINARIA DE OCCIDENTE TEMA: XHTML CATEDRA: INTRODUCCION A LA PROGRAMACION EN INTERNET DOCENTE: Ing. CARLOS ARTURO RUANO. INSTRUCTOR: Tec. DANIEL EDENILSON
Más detallesETIQUETAS HTML 5 Diseño de Sitios Web TUW
Etiqueta Descripción Define un comentario nueva nueva nueva nueva
Más detallesCurso PHP Curso Online Analista Programador Web PHP
Curso PHP Curso Online Analista Programador Web PHP Academia Mañana Paseo de la Castellana, 51 - Madrid 28046 Programa General Curso de PHP Módulo Uno - Introducción y entorno PHP instalación Primera unidad
Más detallesProgramación de aplicaciones WEB
Programación de aplicaciones WEB Tecnologías del lado del del cliente 1 Tecnologías del lado del cliente Estructura HTML/XHTML Presentación Hojas de estilo (CSS) Comportamiento JavaScript 2 Introducción
Más detallesIntroducción al desarrollo en Plone
corporate training Introducción al desarrollo en Plone Emanuel Sartor emanuel@.com Qué es Plone? Plone es un producto que provee una plataforma para el desarrollo de aplicaciones web centradas en contenidos.
Más detallesExtensiones. Guillermo López Mozilla Hispano
Extensiones Guillermo López Mozilla Hispano Extensiones Qué son? Programilla para extender el comportamiento/visualización de cualquier programa Mozilla Usan la misma tecnología que las aplicaciones Mozilla
Más detallesMF0491_3 Programación Web en el Entorno Cliente (Online)
MF0491_3 Programación Web en el Entorno Cliente (Online) Titulación acredidatada por la Comisión Internacional de Formación de la UNESCO MF0491_3 Programación Web en el Entorno Cliente (Online) MF0491_3
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 detallesDISEÑO WEB MÓDULO II PROGRAMACIÓN CON HTML MÓDULO I GESTIÓN DE UN PROYECTO WEB CURSO TÉCNICO SUPERIOR
MÓDULO I GESTIÓN DE UN PROYECTO WEB MÓDULO II PROGRAMACIÓN CON HTML 01. PLANIFICACIÓN Y DESARROLLO DE UN PROYECTO WEB 02. EL DISEÑO GRAFICO APLICADO A WEB Definicion de un sitio web Planificación de un
Más detallesEn HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea
HTML completo Pregunta 1 En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea Solución: El atributo tabindex Pregunta 2 El elemento de HTML que se emplea para definir
Más detallesJavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática
JavaScript,, AJAX y otras tecnologías Contenidos JavaScript AJAX Flash 2 JavaScript Lenguaje interpretado como PHP, pero se ejecuta en cliente no en servidor Sintaxis semejante a la del lenguaje Java y
Más detallesELABORACIÓN DE DOCUMENTOS WEB MEDIANTE LENGUAJES DE MARCAS 60h
ELABORACIÓN DE DOCUMENTOS WEB MEDIANTE LENGUAJES DE MARCAS ELABORACIÓN DE DOCUMENTOS WEB MEDIANTE LENGUAJES DE MARCAS Horas: 0 Teoría: 0 Práctica: 0 Presenciales: 0 A Distancia: 0 Acción: Nº Grupo: Código:
Más detallesMETODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO
ÍNDICE DE CONTENIDO Metodología de desarrollo de contenidos web accesibles...1 Estándares de accesibilidad de la UE...2 Desglose por roles...2 Creación de contenidos...2 Diseño...3 Programación...4 Anexo
Más detallesCursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web
Cursos de DISEÑO DE PÁGINAS WEB [ ] Diseño de Páginas Web DISEÑO DE PÁGINAS WEB El Curso de Diseño de Páginas Web permite dotar a los trabajadores de la formación necesaria que les capacite y prepare para
Más detallesDesarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1.Presentación general 2. Presentación del curso 3. Conceptos introductorios e ingeniería web 4. Arquitectura web
Más detallesQué es una aplicación web
Departamento de Lenguajes y Sistemas Informáticos Qué es una aplicación web Programación en Internet Curso 2006-2007 Índice Introducción Cliente Servidor Transferencia páginas web Entornos web Ventajas
Más detallesFicha Técnica. Categoría. Contenido del Pack. Sinopsis. Programación. - 2 CDROM - 3 Manual Teórico - 1 Cuaderno de Ejercicios
Ficha Técnica Categoría Programación Contenido del Pack - 2 CDROM - 3 Manual Teórico - 1 Cuaderno de Ejercicios Sinopsis Javascript es un lenguaje de programación que se utiliza para realizar acciones
Más detallesCurso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6
Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios
Más detallesHistoria de revisiones
GVA Glosario Versión 1.2 Semana 4 Historia de revisiones Fecha Versión Descripción Autor 20/08/2014 1.0 Comienzo del documento Nicolás Fiumarelli 30/08/2014 1.1 Correcciones y agregados Martín Santagata
Más detallesGuía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.)
Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) 1. Hojas de estilo: una base para el marcado semántico Lluís Codina UPF. Abril 2007 Una hoja de estilo es un conjunto
Más detallesAnexo I: Detalles sobre Diseño WEB y Diseño Interactivo
Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo... 1 1. Los ejes alrededor de un diseño interactivo... 2 2. Los problemas de Adobe Flash...
Más detallesCurso básico de creación de páginas web
Curso básico de creación de páginas web Programa de formación docente UAM 2005-2006 Miguel Sevilla Callejo Abril 2006 Departamento de Geografía Universidad Autónoma de Madrid Objetivos Desarrollar las
Más detalles> Temario Curso de Diseño Web <
le ayuda a crear hermosos diseños para sitios web y aplicaciones móviles en un instante, sin necesidad de programación. Brinda imágenes vectoriales y de mapa de bits, maquetas, gráficos 3D, y contenido
Más detallesXHTML. Sergio Luján Mora. sergio.lujan@ua.es http://gplsi.dlsi.ua.es/~slujan/
XHTML Sergio Luján Mora sergio.lujan@ua.es http://gplsi.dlsi.ua.es/~slujan/ 1 XHTML... 3 Introducción... 3 Ventajas... 4 Estructura de un documento XHTML correcto... 5 Diferencias con HTML 4... 6 Los documentos
Más detallesEXTENSIÓN DE UML PARA APLICACIONES WEB
EXTENSIÓN DE UML PARA APLICACIONES WEB 1. Descripción Esta extensión de UML define un conjunto de estereotipos, valores etiquetados y restricciones que nos permiten modelar aplicaciones web. Los estereotipos
Más detallesIntroducción al diseño web accesible
al diseño web accesible 27 de Octubre de 2002 Lleida Mònica Buj Universidad de Lleida al diseño web accessible Objetivos Resaltar la importancia de la accesibilidad en la Web Difundir una visión general
Más detallesHaciendo el Desarrollo de Aplicaciones Empresariales en los dispositivos móviles Menos Complicado. Introducción del TD Mobile
Haciendo el Desarrollo de Aplicaciones Empresariales en los dispositivos móviles Menos Complicado Introducción del TD Mobile Gupta Technologies ~ Oficina Principal en Roseville, California ~ Sucursales
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 detallesProgramación con PHP y MySql Instituto CBTech 5/14
Programación con PHP y MySql Instituto CBTech 5/14 Programación con PHP y MySql Instituto CBTech 6/14 Qué es una aplicación web? Una aplicación web es un sistema informático que los usuarios utilizan accediendo
Más detallesIntroducción a RIA. Andrés Pastorini. TRIA Tecnólogo Informático
a RIA Andrés Pastorini TRIA Tecnólogo Informático El objetivo principal de la asignatura es forma al estudiante en el diseño y desarrollo de aplicaciones web ricas. Los objetivos de la asignatura son:
Más detallesIntroducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 3: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en una página
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 detallesTema 1. Introducción a programas en el lado del cliente
Tema 1. Introducción a programas en el lado del cliente ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Introducción Las aplicaciones web tiene varias
Más detallesTema 3. 3.3 Tecnologías de Desarrollo
Tema 3 3.3 Tecnologías de Desarrollo HTML pronto pasa a ser insuficiente para todas las posibilidades de la Red No se puede interactuar con el servidor Aparecen los primeros scripts para propocionar dichar
Más detallesTecnología Multimedia
Tecnología Multimedia Profesor Coordinador: Manuel Castro Antonio Colmenar, UNED Profesores de la asignatura: Manuel Castro, UNED Lenguajes de Marcado Índice LENGUAJES DE MARCADO... 3 Lenguajes de marcado
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 detallesAgenda XML XML XML XML XML. 1.1 Conceptos básicos de XML. 1.2 Ejemplos de lenguajes basados en XML. 1.3 Estructura de un documento XML
Agenda 1.1 Conceptos básicos de 1.2 Ejemplos de lenguajes basados en M.C. Juan Carlos Olivares Rojas 1.3 Estructura de un documento 1.4 Tecnologías extensible Markup Language (Lenguaje de Marcado extensible)
Más detallesProgramación Hipermedia 1
Programación Hipermedia 1 Práctica 2: HTML 1. Objetivos Aprender el lenguaje de marcado HTML y la importancia de escribir código correcto y conforme a la especificación oficial. Conocer algunas herramientas
Más detallesAbordar el diseño de un sitio web
Abordar el diseño de un sitio web Experiencias y Reflexiones Ricardo Castillo negro www.rcgrafica.com Índice 1 2 3 4 5 Objetivo Temática Usabilidad Navegación Colores 6 7 8 9 Logotipo Composición Accesibilidad
Más detallesArquitectura. 1.- Aplicaciones Web. Definición. Arquitectura clásica. Contenidos. 1.- Aplicaciones Web
Arquitectura 1.- Aplicaciones Web Definición Contenidos 1.- Aplicaciones Web 2.- Arquitectura de aplicaciones Web Lo que distingue una aplicación Web de una mero sitio Web reside en la posibilidad que
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 detallesCapí tulo IV. Lenguajes de estilo
Capí tulo IV Lenguajes de estilo Lenguajes de Estilo Hojas de estilos Mecanismos de Hojas de estilos previos a XSL Lenguaje de estilo XSL Comparación entre CSS y XSL Transformación XML/XSL en aplicativos
Más detallesPLAN DE SESIÓN. 1.1 Determina la estructura del sitio web con base en las necesidades del usuario
DATOS GENERALES: Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 1 Duración 2 horas 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Estructura y compara
Más detallesRoberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez. Qué es DOM?
DOM y PHP Roberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez mx/rogomez Lámina 1 Qué es DOM? Document Object Model Especificación de W3C http://www.w3.org/dom/ w3 Mecanismo para
Más detallesConfección y publicación de páginas Web
2014 Confección y publicación de páginas Web Docente: Manuel Fernández Catalán 0 ÍNDICE 1 Presentación... 2 2 Objetivos... 2 3 Tecnología... 2 4 Metodología y evaluación... 3 5 Material didáctico... 3
Más detallesDesarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015
Desarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015 Qué es La Api de Arcgis JavaScript? Es un conjunto de reglas( código ) y especificaciones preestablecidas
Más detallesTECNOLOGÍAS ASOCIADAS A LAS APLICACIONES WEB
TECNOLOGÍAS ASOCIADAS A LAS APLICACIONES WEB Existen varios tipos de tecnologías para los Servidores Web, estas tecnologías se pueden dividir en 4 grupos principales que son: Tecnologías al lado del cliente
Más detallesUnidad II: Lenguaje de marcado
Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información
Más detallesPrograma. Programa: Aspectos Técnicos Previos. Sistemas de Gestión de Contenidos (CMS) La Imagen del Site. Usabilidad y Accesibilidad
Programa Programa: Aspectos Técnicos Previos Sistemas de Gestión de Contenidos (CMS) La Imagen del Site Usabilidad y Accesibilidad La Importancia del Contenido Optimización del Código Fuente Las Claves
Más detallesFORMACIÓN ESPECIALIZADA EN HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB
HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB La consolidación de los medios online como soporte principal de comunicación, así como la coyuntura económica, que relega a los soportes publicitarios convencionales
Más detallesProblemas típicos con HTML
Introducción a Lenguajes web Estela Conde Álvarez Isdefe 4 Noviembre 2 008 Introducción al Diseño Para Td Todos en las TIC Problemas típicos con HTML Permitía errores Cada navegador etiquetas propias Mezcla
Más detallesGLOSARIO. Arquitectura: Funcionamiento, estructura y diseño de una plataforma de desarrollo.
GLOSARIO Actor: Un actor es un usuario del sistema. Esto incluye usuarios humanos y otros sistemas computacionales. Un actor usa un Caso de Uso para ejecutar una porción de trabajo de valor para el negocio.
Más detallesDESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA
DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir
Más detalles