HTML Introducción. 2. Nuevos Conceptos
|
|
- Hugo Ortega Parra
- hace 6 años
- Vistas:
Transcripción
1 HTML 5 1. Introducción HTML5 es el lenguaje de etiquetas que permite diseñar documentos web estáticos la cual ofrece (a diferencia de las versiones anteriores) un conjunto de funciones que permitirá dar una nueva experiencia en el diseño WEB: Semántica: Mejora en la distribución de los elementos web dando precisión al contenido Conectividad: Permite comunicarse con un servidor WEB de manera ágil, sin consumir muchas capacidades. Servicio local: Permite navegar por un sitio WEB sin necesidad de estar en línea (ejecución local desde el lado del cliente) Multimedia: Permite asignar archivos de videos o música con una sola etiqueta de manera sencilla Alto Rendimiento: Proporciona una mayor optimización con respecto a la velocidad usada en el hardware del lado del cliente Multiplataforma: Permite visualizar las páginas WEB en diferentes dispositivos con la misma calidad adecuándose a la resolución de pantalla de los mismos (nivel responsivo) 2. Nuevos Conceptos Con respecto a la Estructura: HTML5 presenta nuevas etiquetas que mejoran la experiencia en el desarrollo de documentos WEB. Esta nueva versión presenta un nuevo orden en los elementos; basado en seis etiquetas como la estructura principal de una página web: header, nav, article, section, aside y footer, logrando un aumento en el dinamismo de una página web dentro de su estructura estática natural.
2 Gráficos canvas: Aunque Canvas ya estaba implementado en las versiones anteriores de HTML, en HTML5 se mejora su uso y propone nuevas funciones teniendo como base los scrpts de JavaScript. Audio y Video: HTML5 incorpora un reproductor multimedia para ejecutar videos y música en línea cuya funcionalidad presenta menos código que en versiones anteriores haciendo más sencillo y amigable la manera implementar audio y video en la web. Además no necesita de la instalación de ningún plugin para su uso. Geolocalización: La geolocalización permite determinar desde que lugar se esta visualizando un sitio web (gracias a los sistemas GPS). Esto permite al usuario tener una rápida ubicación de la empresa que proporciona el sitio web que se esta visitando, lo que da confianza al cliente sobre todo si es un sitio web en donde se realizan compras en línea.
3 3. ESTRUCTURA DE UNA ETIQUETA EN HTML5 Etiqueta o tag definidos por el lenguaje HTML5 Contenido Web basado en la etiqueta <Etiqueta> </Etiqueta> Apertura o inicio de etiqueta Fin o cierre de etiqueta Características de las Etiquetas: Toda etiqueta en HTML5 se encuentra estandarizada por la W3C (comunidad Internacional que desarrolla estándares que aseguran el crecimiento de la Web) Las etiquetas no distinguen las mayúsculas de las minúsculas, por lo tanto no genera ningún error el escribir una etiqueta con mayúsculas o minúsculas Casi siempre se utilizan dos etiquetas, una de apertura y una de cerradura
4 Las etiquetas obsoletas de las versiones anteriores a HTML5 no han sido deshabilitadas por los navegadores web actuales, por lo que podemos seguir utilizándolas, sin embargo HTML5 promueve siempre el uso de las nuevas etiquetas así como de los estilos CSS3. Etiquetas obsoletas para HTML5 ETIQUETA OBSOLETA DESCRIPCIÓN ETIQUETA EN HTML5 applet Permite insertar un script insertado por algún lenguaje de programación, como por ejemplo Java e integrarlo a Object html basefont Determina el tamaño de la fuente predeterminado CSS3 big Muestra un texto en tamaño grande CSS3 center Centra un elemento específico CSS3 dir Inserta una lista de directorios UL font Establece el estilo de la fuente de un texto CSS3 frame Inserta un marco web --- frameset Inserta un grupo de frames o marcos web --- strike Muestra el texto que contiene el estilo tachado CSS3 tt Muestra el texto como teletype o espaciado simple CSS3 u Muestra el texto como subrayado CSS3 xmp Define un texto preformateado Pre El uso de estilos CSS3 ha hecho que muchas etiquetas HTML pierdan sentido en su uso. El CSS3 presenta el mismo aspecto pero de manera más profesional con ciertas ventajas para ello. Etiquetas que cambian su significado Aunque la mayoría de las etiquetas en HTML5 trabajan de la misma forma que en las versiones anteriores, existen algunas etiquetas que se han reacomodado en cuanto a su funcionalidad: Etiqueta small: Se utiliza para hacer referencia a condiciones legales, por ejemplo de copyright. <small> Todos los derechos reservados </small>
5 Etiqueta b: Se emplea cuando deseamos resaltar algún aspecto de un párrafo aunque es mejor usar encabezados (h1...h6), em, strong, o estilos CSS3 en función del tipo de información que se desee resaltar. <p> Solo podrán hacer examen aquellos alumnos que hayan entregado su ficha de pago en <b> las oficinas de secretaría académica </b> en las fechas indicadas </p> Etiqueta i: La etiqueta i permite aplicar el estilo cursiva a un texto. Se utiliza para resaltar nombres propios, una frase en otro idioma, una idea o un pensamiento. En otros casos se suele usar los estilos CSS3. <p> Solo podrán hacer examen aquellos alumnos que hayan entregado su ficha de pago en <i> las oficinas de secretaría académica </i> en las fechas indicadas </p> Etiqueta s: La etiqueta s aplica un estilo tachado a un determinado texto el cual podría indicar que un párrafo no es recomendado o está obsoleto. <p>visítenos</p> <p> <s> dirección anterior: Av. Lima 549 </s> <p> <p> <strong> Nueva Dirección: Jr. Cuzco 120 </strong> </p> Atributos de una etiqueta en HTML5 Un atributo es cualesquiera opciones adicionales que puede tener una etiqueta, por ejemplo asignar un estilo o definir un nombre a la etiqueta. Apertura de etiqueta Contenido Cierre de etiqueta <p class="titulo"> Hola Mundo...!!</p> Nombre Valor Atributo
6 Atributo id: Permite asignar un identificador único a un elemento contenido en el script de una página web, lo cual es analizado por el SGML (Standar Generalized Markup Language). Por ejemplo: <p id=" "> mtorres@queue-systems.com </p> <p id="celular"> (55) </p> Atributo class: Se puede usar como selector para hojas de estilo, en especial cuando se desea asignar información de estilo a un conjunto de elementos web. Procedimiento: 1. Se define un estilo: <style> p.info {color: green} p.advertencia {color:blue} p.error {color:red} </style> 2. Se aplica el estilo: <p class="info"> Mensaje de información </p> <p class="advertencia"> Mensaje de advertencia </p> <p class="error"> Mensaje de error </p> Atributo title: Muestra un mensaje o información de apoyo al usuario sobre un determinado elemento web cuando el usuario posiciona el puntero del mouse sobre dicho elemento. Por ejemplo: <a href="mailto:comentarios@queue-systems.com" title="servicio de atención al cliente"> remítanos sus comentarios </a> 4. ESPECIFICACIÓN DOCTYPE La declaración DOCTYPE le informa al navegador WEB con qué versión HTML está escrita dicha página, basándose en la especificación DTD (Document Type Definition) que es en donde se definen las reglas utilizadas por HTML5 en un documento web y será interpretado correctamente por el servidor web. Su formato es: <!DOCTYPE html>.
7 Las versiones anteriores a HTML5 utilizaban el siguiente formato: Doctype HTML 4.01 strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" Doctype HTML 4.01 transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 5. LA ETIQUETA HEAD Es la etiqueta que permite definir la cabecera del documento WEB y normalmente contiene información que no es visible para el usuario. HEAD pertenece a la estructura principal de una página web y debe ser colocada antes de la etiqueta <BODY> y dentro de la etiqueta <HTML>. <!DOCTYPE html> <html> <head> Cabecera del documento </head> <body> Cuerpo del Documento </body> </html>
8 Lo que puede contener el bloque HEAD puede ser: <title> Libro HTML 5 </title> <META charset="utf-8" /> <LINK rel="stylesheet" href="estilo.css" /> Donde: title: Muestra el título de la ventana al ejecutar el documento web en el navegador META charset="utf-8": Define el uso de tildes y eñes en el documento web LINK: Permite asociar un archivo al documento WEB actual, por ejemplo para asociar un documento web a un archivo CSS, tendríamos que hacer lo siguiente: <LINK href="estilo.css" rel="stylesheet" /> 6. LA ETIQUETA BODY Es el espacio de trabajo que contiene todo lo visible en un documento HTML a la vista del usuario; tal como texto, hipervínculos, imágenes, tablas, listas y todo lo que se pueda colocar en un documento web. La etiqueta BODY puede contener: Elementos estándares de HTML5 como párrafos, formularios, imágenes, tablas, listas, etc. Enlaces o ligas a otras páginas web Scripts de los lenguajes de programación tales como PHP, Java, ASP, JSP, etc. El contenido de BODY ha sido mejorado en HTML5 haciéndolo semántico. Las etiquetas relevantes de HTML5 en BODY son:
9 HEADER: Es la etiqueta que conforma la cabecera de una sección o artículo de un documento WEB basado en HTML5. NAV: Sirve para incluir menús de navegación en diferentes partes de nuestro sitio SECTION: Permite crear secciones dentro de las demás etiquetas, organizando de mejor manera la información que se muestre en un documento WEB. ARTICLE: Un artículo es parecido a una sección en la cual podríamos colocar noticias, entradas de un blog, trabajo de un portafolio o un contenido dinámico agregado con cierta frecuencia. ASIDE: Es similar a una sección con la diferencia que se puede implementar como una barra lateral. FOOTER: Es el pie de página de una sección, artículo, etc.
10 El script de una página WEB básica con HTML5 es el siguiente: <!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8" /> <title> Estructura básica de una página web en HTML5 </title> </head> <body> <header> <nav> <a href="opcion1.html"> Opción 1 </a> <a href="opcion2.html"> Opción 2 </a> <a href="opcion3.html"> Opción 3 </a> <a href="opcion4.html"> Opción 4 </a> </nav> </header> <aside> <p> Contenido aside </p> </aside> <section> <p> división de contenidos </p> <article> <h1> Nombre del artículo </h1> <p> Contenido del artículo </p> </article> </section> <footer> <p> Todos los Derechos Reservados </p> </footer> </body> </html>
11 7. COMENTARIOS EN HTML5 Un comentario permite asignar mensajes en un documento WEB con el fin de recordar algunos detalles del código, o simplemente mostrar un texto en cualquier parte del documento HTML5 que será ignorado por el navegador. El formato para asignar un comentario es: <!-- Comentario de una línea --> <!-- Comentario de varias líneas -->
UNIDAD 1 GENERALIDADES HTML
UNIDAD 1 GENERALIDADES HTML GENERALIDADES HTML5 Una página web es un archivo con texto en el que se insertan diferentes etiquetas HTML, para que ese contenido pueda ser interpretado por el navegador web.
Más detallesTécnicas de visualización
Técnicas de visualización LENGUAJE HTML Máster en Tecnologías de la Información Geográfica Laboratori d Informació Geogràfica i de Teledetecció (LIGIT) Departament de Geografia. UAB Anna Jiménez Introducción
Más detallesListado de elementos o etiquetas HTML5
Listado de elementos o etiquetas HTML5 Etiqueta Función Define un comentario Define el tipo de docuemento Define
Más detallesInformática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales
UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales HTML Desarrollo
Más detallesHTML5 ADAPTADO POR: YIM ISAIAS APESTEGUI FLORENTINO
HTML5 HTML v XHTML HTML5: futuro estándar que unifica HTML y XHTML, pero Aún en desarrollo Dos versiones: W3C y WHATWG XHTML 1: estándar actual, pero sin continuidad Dos formas de codificar HTML5: html
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 detallesETIQUETAS HTML 5 Diseño de Sitios Web TUW
Etiqueta Descripción Define un comentario nueva nueva nueva nueva
Más detallesHTML/XHTML/FORMS. CI-2413 Desarrollo de aplicaciones para Internet Prof. Braulio José Solano Rojas ECCI, UCR
HTML/XHTML/FORMS CI-2413 Desarrollo de aplicaciones para Internet Prof. Braulio José Solano Rojas ECCI, UCR HTML Estructura de un documento HTML Elemento HTML HEAD TITLE META datos BODY HTML HTML
Más detalles<DOCTYPE HTML PUBLIC> <HTML> <HEAD>... </HEAD> <FRAMESET>... </FRAMESET> </HTML>
... ... Marcos en HTML
Más detallesDocumentos HTML. Introducción. Elementos. Atributos de elemento
Documentos HTML Tiempo estimado: 20min Para comenzar nuestra aventura HTML, vamos a introducir el concepto de documento HTML, un archivo de texto en formato HTML. Iniciamos la lección introduciendo el
Más detallesINSTITUTO TECNOLÓGICO SUPERIOR DE SANTIAGO PAPASQUIARO PROGAMACIÓN WEB CATEDRATICO: ISC JOEL LEYVA MARES
INSTITUTO TECNOLÓGICO SUPERIOR DE SANTIAGO PAPASQUIARO PROGAMACIÓN WEB CATEDRATICO: ISC JOEL LEYVA MARES 1.1 Perspectiva Histórica de Internet. Internet. Red mundial de computadoras interconectadas con
Más detallesCONTENIDOS DEL CURSO ONLINE DE DISEÑO Y DESARROLLO WEB CON HTML5, CSS Y DREAMWEAVER CS4:
Curso Online Diseño y Desarrollo Web con HTML5, CSS y Dreamweaver CS4 Completo Curso Online de Diseño y Desarrollo Web mediante el lenguaje programación HTML5, la hoja de estilos CSS y el programa de diseño
Más detallesDiseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4
Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Código: DWEB003 Duración: 160 Horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos
Más detallesDREAMWEAVER CS4 Código: 3492
DREAMWEAVER CS4 Código: 3492 Modalidad: Distancia Duración: Tipo A Objetivos: Aportar al alumno de un modo rápido y sencillo las competencias necesarias para la creación y diseño de páginas Web en Dreamweaver.
Más detallesFabricante: Interno Grupo: Plantilla Subgrupo: Curso
C/Comandante Zorita 4 28020 Madrid/ info@ceticsa.es 902 425 524 / 91 700 01 17 Diseño y Desarrollo Web Fabricante: Interno Grupo: Plantilla Subgrupo: Curso Formación: Presencial Horas: 24 Introducción
Más detallesQUÉ ES Y PARA QUÉ SIRVE EL LENGUAJE CSS (CASCADING STYLE SHEETS HOJAS DE ESTILOS EN CASCADA)? (DV00203A)
APRENDERAPROGRAMAR.COM QUÉ ES Y PARA QUÉ SIRVE EL LENGUAJE CSS (CASCADING STYLE SHEETS HOJAS DE ESTILOS EN CASCADA)? (DV00203A) Sección: Divulgación Categoría: Lenguajes y entorno Fecha revisión: 2029
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 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 detallesConceptos Teóricos de HTML5 (material extra adicional libro):
Temario de Examen Unidad I Materia: Informática Catedráticos: Víctor Aquino/Débora Santizo Temas: Uso del programa Sublime Text Forma Correcta de guardar archivos html y css (.html y.css) Uso de la etiquetas
Más detallesTaller de Paginas Web
Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion
Más detallesTemario Programación Web para Web
Temario Programación Web para Web 1 Introducción al HTML 1 Qué es una página web? T 2 Qué es HTML? T 3 Porqué aprender HTML T 4 Base del lenguaje: las etiquetas HTML V 5 Estructura de un documento HTML
Más detallesJAV JA A V S A C S R C I R P I T
JAVASCRIPT Introducción Introducción JavaScript es un lenguaje de programación que se utiliza principalmente para crear paginas web dinámicas. i Una pagina web dinámica incorpora efectos en el texto, animaciones,
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 detallesLENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)
LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52) LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 1 Sesión No. 5 Nombre: Lenguaje de presentación Objetivo: Conocer la importancia de los lenguajes de presentación.
Más detallesÍndice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 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
Más detallesDESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios.
DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios. SUBSECTOR: Informática y Comunicación. Nombre del Módulo: Creación de páginas Webs Código: CSTI0168 total: 60 horas Objetivo General:
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Introducción y conceptos básicos de CSS Lugar de ejecución:
Más detallesGUIA CÓMO CREAR PLANTILLAS PARA
GUIA CÓMO CREAR PLANTILLAS PARA EMAIL Emisión: Agosto 2016 Esta guía ofrece prácticas básicas para el diseño y programación de un email en base a los estándares actuales. Es recomendable tener conocimiento
Más detallesIntroducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO
Introducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO Agenda 2 Introducción a JavaScript Introducción a DOM Referencias Introducción a JavaScript 3 Qué es JavaScript? JavaScript es un lenguaje
Más detallesDreamWeaver CS5 PERTENECE A: TEORIAS Y SISTEMAS TECNICO- CIENTIFICOS
DreamWeaver CS5 PERTENECE A: TEORIAS Y SISTEMAS TECNICO- CIENTIFICOS Configuración Inicial Primero Configuraremos un sitio para que de forma automática todo se guarde y se extraiga de la carpeta seleccionada.
Más detallesInformación general. Últimas noticias
Información general Últimas noticias 1 Registro de miembros Texto informativo { Registro nuevo usuario { 2 Registro de miembros 1) Acceder a secciones privadas de la página. 2) Acceso a contenido descargable
Más detallesDISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4
DISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4 Código: 1413005 OBJETIVOS: Para diseñar y publicar una página Web, saber maquetar una página Web, saber crear animaciones, etc. CONTENIDOS: DISEÑO
Más detallesDiseño Web Avanzado con HTML5 y CSS3
Diseño Web Avanzado con HTML5 y CSS3 METODOLOGÍA DE LOS CURSOS Cursos interactivos sobre materias especializadas en los que el alumno avanza de forma guiada bajo una concepción learning by doing (aprender
Más detallesIntroducción. Qué es CSS?
Introducción Qué es CSS? CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar
Más detallesJavaScript: Introducción
JavaScript: Introducción A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo hacían con módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a desarrollarse
Más detallesDuración: 30 horas. Objetivo General: Conocer la aplicación Macromedia Dreamweaver 8, para ser capaz de. Programa. crear y administrar páginas Web.
Macromedia DreamWeaver 8 Se estudia la aplicación Macromedia Dreamweaver 8, incluida dentro de la suite Macromedia Studio 8, que se utiliza para diseñar, crear y administrar páginas web y sitios web. Dreamweaver
Más detallesUniversidad de Chile - Magister Artes Mediales ARTE / INTERNET. Clase 4: HTML
Universidad de Chile - Magister Artes Mediales ARTE / INTERNET Clase 4: HTML UNIDADES WEB html {} css lenguaje de las paginas web lenguaje de estilos visuales (){} js php lenguaje interactivo del
Más detallesESTRUCTURA DEL CÓDIGO HTML5
ESTRUCTURA DEL CÓDIGO HTML5 1. DocType Es la etiqueta que se escribe en la primera línea del código. Permite declarar el tipo de documento. Es decir, el doctype indica que el documento está escrito siguiendo
Más detallesXML: HTML y XHTML. Sergio Luján Mora XML-03
XML: HTML y XHTML Sergio Luján Mora sergio.lujan@ua.es XML-03 Vídeo de esta presentación Puedes ver esta presentación en vídeo: http://www.youtube.com/watch?v=edtgmwvngjs XHTML es el lenguaje de marcado
Más detallesSENA Tecnólogo en Produccón Multimedia
SENA Tecnólogo en Produccón Multimedia 1. INTRODUCCIÓN El diseño de aplicaciones web consiste en presentar servicios a través de internet con la incorporación de diversos tipos de tecnologías, para ser
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2014 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Fundamentos del Lenguaje HTML Lugar de ejecución: Laboratorio
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 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 detallesInformática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales
UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS CSS - Hojas
Más detallesLÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B)
APRENDERAPROGRAMAR.COM LÍNEAS SEPARADORAS. ETIQUETA . COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) Sección: Cursos Categoría: Tutorial básico del programador
Más detallesLENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Sesión 5: Lenguaje de presentación
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Sesión 5: Lenguaje de presentación Contextualización Qué es el lenguaje de presentación? Este lenguaje se encarga de definir un conjunto de etiquetas y características
Más detallesModalidades.
Curso de HTML5 Accesible con Sublime Text Se han escrito o creado infinidad de libros y cursos sobre desarrollo Web. Sin embargo, la tecnología de desarrollo de sitios Web ha evolucionado muchísimo desde
Más detallesWenceslao Zavala
Producción Digital I Wenceslao Zavala www.producciondigitalup.com.ar alumnos@producciondigitalup.com.ar Convenciones Web Diseño Web El Monitor: Unidad de Medida (pixel) Dimensión de Trabajo (según pantalla
Más detallesAprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web
La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo
Más detallesEL MODELO DE CAJA CSS
EL MODELO DE CAJA CSS Sesión 10 By Ing. David Gil LA ETIQUETA HTML La etiqueta define una división o una sección en un documento HTML. La etiqueta se utiliza para agrupar bloques
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 detallesMáster en DISEÑO Y DESARROLLO DE PROYECTOS WEB
Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB OBJETIVOS El máster está compuesto por los módulos de Diseño de páginas Web profesionales y Desarrollo de sitios Web con PHP y Javascript. Al finalizar el
Más detallesHTML. Rogelio Ferreira Escutia
HTML Rogelio Ferreira Escutia Características Básicas 2 Estructura HTML es un lenguaje basado en etiquetas. Cada etiqueta tiene un inicio y fin. Las etiquetas se identifican por los símbolos < y > 3 Inicio
Más detallesHTML (Historia) Rogelio Ferreira Escutia
HTML (Historia) Rogelio Ferreira Escutia Qué es? HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web.
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 detallesEnlaces en HTML (práctica)
Enlaces en HTML (práctica) Tiempo estimado: 20min El objeto de esta práctica es afianzar, reforzar y consolidar los conocimientos teóricos presentados en la lección. Al finalizarla, el estudiante: Habrá
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2014 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Introducción a las hojas de estilo Lugar de ejecución: Laboratorio
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 detallesCURSO HTML5. www.council.cl. Dirección: Serrano #73, Piso 4, Oficina 414 Santiago, Chile. 1) Instalación de Navegadores y Herramientas
CURSO HTML5 1) Instalación de Navegadores y Herramientas Descarga e instalación de Mozilla Firefox Descarga e instalación de Google Chrome Descarga e instalación de Opera No tiene nombre en planilla Descarga
Más detallesDiseño Web. Temario. www.capacitaciongrafica.com
Diseño Web Temario Diseño Web Temario Objetivos: Que el alumno aprenda a Diseñar y Desarrollar sitios web informativos, dinámicos e interactivos cumpliendo con los estandares del diseño web mundial. Al
Más detallesTaller 1: conceptos básicos y entorno de programación HTML5, CSS3 y Java Script
Taller 1: conceptos básicos y entorno de programación HTML5, CSS3 y Java Script Contenido Presentación 3 Las aplicaciones móviles web o web apps: 5 El HTML 6 El CSS 9 El Java Script 10 Herramientas para
Más detallesÍNDICE INTRODUCCIÓN...13 CAPÍTULO 1. PRIMEROS PASOS EN HTML...17
ÍNDICE INTRODUCCIÓN...13 CAPÍTULO 1. PRIMEROS PASOS EN HTML...17 CAPÍTULO 2. CONFIGURANDO FONDO Y TEXTO...25 2.1 CONFIGURANDO EL FONDO...25 2.1.1 Los colores en HTML...28 2.2 CONFIGURANDO EL TEXTO...31
Más detallesTexto y Organización del contenido
Opciones de formateo de texto y de organización del contenido de una página. Texto y Organización del contenido Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Organización del texto. Encabezado...
Más detallesHTML vs XHTML. Facultad de Ciencias de la Computación. Juan Carlos Conde R. Web Technologies
HTML vs XHTML Facultad de Ciencias de la Computación Juan Carlos Conde R. Web Technologies Contenido 1 Introducción 2 La importancia de XML 3 Propósito de XHTML 4 Diferencias Básicas 1 / 28 Contenido 1
Más detallesXHTML. Tecnologías Web
XHTML Tecnologías Web XHTML (EXtensible Hypertext Markup Languange) http://www.w3.org/tr/xhtml1/ El objetivo del XHTML es reemplazar a HTML Introducción al XHTML HTML 4.01 es la última especificación de
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 detallesWenceslao Zavala. www.producciondigitalup.com.ar
Wenceslao Zavala www.producciondigitalup.com.ar www.producciondigitalup.com.ar Transferencia de Archivos vía FTP Para esto se necesita: Dirección FTP: producciondigitalup.com.ar Usuario: produccionup Contraseña:
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 1 Nombre de la practica: Introducción al lenguaje HTML Lugar de ejecución: Laboratorio
Más detallesLa biblia de HTML Francisco Charte Ojeda
La biblia de HTML Francisco Charte Ojeda Agradecimientos Introducción Diseño Web Sobre este libro Estructura del libro Tipografía y estilos Información de soporte Parte I. Las bases 1. Internet y la Web
Más detallesDiseño y programaciã³n de pã ginas web
Diseño y programaciã³n de pã ginas web Objetivos Con motivo de mostrar a cada usuario cómo diseñar y programar páginas web, este curso pretende formar inicialmente al alumno sobre el lenguaje de programación
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 detallesLENGUAJES JÓVENES PROGRAMADORES
LENGUAJES JÓVENES PROGRAMADORES SCRATCH Qué es Scratch? Es un lenguaje de programación creado por el MIT (Instituto Tecnológico de Massachusetts, EE.UU.) y diseñado para el aprendizaje de la programación.
Más detallesHTML5, CSS3 + JQuery
HTML5, CSS3 + JQuery Descripción Es necesario que los desarrolladores y diseñadores web, a la hora de crear sitios web, dominen los lenguajes fundamentales que son el HTML (HyperText Markup Language) y
Más detallesMASTER PROFESIONAL DE DISEÑO WEB
MASTER PROFESIONAL DE DISEÑO WEB TEMARIO MODULO I INTRODUCCIÓN A HTML 1.1. HTML como lenguaje estructurador de documentos 1.2. Terminología de HTML 1.3. Tipos de documentos (DOCTYPE) 1.4. Separación de
Más detallesClick Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO
CONTENIDO TEMATICO: HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO Presentación de la formación y del formador INSTALACIÓN DE NAVEGADORES Y HERRAMIENTAS Descarga e instalación de Mozilla Firefox Descarga e instalación
Más detallesDISEÑO Y ELABORACIÓN DE PÁGINAS WEB
2015 DISEÑO Y ELABORACIÓN DE PÁGINAS WEB PROFESORA: ARIADNA HERNÁNDEZ ESCAMILLA 20/02/2015 Unidad de aprendizaje: Desarrollo de páginas estáticas Práctica no.1 Propósito de la práctica Insertar texto en
Más detallesTALLER: CREA TU PROPIA PLANTILLA DE WORDPRESS
TALLER: CREA TU PROPIA PLANTILLA DE WORDPRESS impartido por.webmastah_ 1 Qué es WordPress? Es un sistema de gestión de contenidos (CMS) de libre distribución Es el CMS más usado en Internet Más info: https://es.wordpress.com
Más detallesHTML 5 - Clase 3. Universidad Nacional de Quilmes
HTML 5 - Clase 3 Universidad Nacional de Quilmes 1 Qué es HTML5? Es la nueva versión del lenguaje de marcado que se usa para estructurar páginas web. Este proyecto de HTML5 se inició a finales de 2003
Más detallesMaquetado Avanzado: HTML5 y CSS3
Maquetado Avanzado: HTML5 y CSS3 Programa de Estudio Maquetado Avanzado: HTML5 y CSS3 Domina lo último de los lenguajes más importantes en la Web: HTML 5 y CSS 3. Aprende a realizar sitios Web de última
Más detallesDiseño y Desarrollo Web. Espinola Raul 2008 basado en una Presentación de G. Gaona.
Diseño y Desarrollo Web Espinola Raul 2008 basado en una Presentación de G. Gaona. Contenido Conceptos Básicos Páginas Web Diseño de Interfaces Ejemplos Errores Introduccion Qué es la Web? World Wide Web
Más detallesQUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un
QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un determinado elemento de una página web. Siglas CCS significa "Cascading
Más detallesTaller de Introducción
Taller de Introducción Titulo del curso Taller de introducción a HTML 5 Resumen del curso La evolución de los estándar de la web, nos ha llevado al nuevo estándar del consorcio W3C, HTML 5, en caso de
Más detallesUNIÓN EUROPEA Fondo Europeo de Desarrollo Regional Una manera de hacer Europa INFORME ACCESIBILIDAD
UNIÓN EUROPEA Fondo Europeo de Desarrollo Regional Una manera de hacer Europa INFORME ACCESIBILIDAD WWW.CEDAV.NET ÍNDICE ESTUDIO, ANÁLISIS DE REQUISITOS DE ACCESIBILIDAD DIAGNÓSTICO Y PREPARACIÓN DE ESPECIFICACIONES
Más detallesDiseño de Páginas Web
Diseño de Páginas Web Duración: 80 horas. Objetivos: Dotar a los trabajadores de la formación necesaria que les capacite y prepare para desarrollar competencias y cualificaciones en puestos de trabajo
Más detallesTEMA 53 Desarrollo para navegadores web: html, DHTML, JAVASCRIPT, CSS, DOM y objetos incrustados.
TEMA 53 Desarrollo para navegadores web: html, DHTML, JAVASCRIPT, CSS, DOM y objetos incrustados. Índice Introducción... 2 HTML Hypertext Markup Language... 2 Estructura de un documento html...3 El cuerpo
Más detallesPLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA
PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA Consideraciones iniciales: 1. Presentar el reglamento del aula de medios (uso correcto de las computadoras, medidas de seguridad en el aula,
Más detallesHerramientas Modernas de Programación Licenciatura en Administración de Tecnologías de Información y Comunicaciones
Herramientas Modernas de Programación Licenciatura en Administración de Tecnologías de Información y Comunicaciones Rafael Vázquez Pérez Objeto de Estudio 1 Principios Básicos 1. Lenguajes Web 2. Inicios
Más detallesDreamweaver CS 5. 1 Conociendo Adobe Dreamweaver CS Introducción a Adobe Dreamweaver. 1.2 Novedades de Dreamweaver CS5
Dreamweaver CS 5 1 Conociendo Adobe Dreamweaver CS5 1.1 Introducción a Adobe Dreamweaver 1.2 Novedades de Dreamweaver CS5 1.3 Requerimientos técnicos 1.4 Editar páginas Web 1.5 Cómo tener una página en
Más detallesTema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!
Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar
Más detallesDISEÑO WEB ADOBE DREAMWEAVER CS3
C L A S E 1 I N T R O D U C C I Ó N Dreamweaver es un editor visual profesional para la creación y administración de sitios y páginas Web. Con Dreamweaver resulta fácil crear y editar páginas compatibles
Más detallesWord 2016 Domine las funciones avanzadas del tratamiento de texto de Microsoft
Documentos Recuperar una versión de un documento 7 Guardar un documento en formato PDF o XPS 12 Editar un documento PDF en Word 16 Definir las propiedades de un documento 18 Insertar un documento en otro
Más detallesTutorial de enlace entre Formulario Web y Servicio Web REST. Programación en Internet
Tutorial de enlace entre Formulario Web y Servicio Web REST Programación en Internet Angel Manuel Gamaza Domínguez José Miguel Otte Sainz-Aguirre Grado en Ingeniería Informática 20 de septiembre de 2016
Más detallesGuía del Curso Dreamweaver CS 5
Guía del Curso Dreamweaver CS 5 Modalidad de realización del curso: Número de Horas: Titulación: Online 80 Horas Diploma acreditativo con las horas del curso OBJETIVOS Dreamweaver es el programa líder
Más detallesHTML y XHTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
HTML y XHTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Etiquetas Contenido de una página web: Contenido (información). Instrucciones de estructura
Más detallesCSS: Hojas de Estilo en Cascada. Didier Fabián Granados Muñoz
CSS: Hojas de Estilo en Cascada Didier Fabián Granados Muñoz Contexto Qué hay detrás de esto? Contexto Cuenta la leyenda que al construir un documento HTML se tenía que definir cada una de las propiedades
Más detallesIntroducción al lenguaje HTML
Introducción al lenguaje HTML LMSGI, módulo del ciclo de FP de Grado Superior, Administración de Sistemas Informáticos en Red Introducción histórica http://prezi.com/eumjkezdlwhj/?utm_campaign=share& utm_medium=copy&rc=ex0share
Más detallesPHP y MySQL. Aplicaciones Web: HTML I (segunda parte) Autor: Johnny Zulca Mamani
PHP y MySQL. Aplicaciones Web: HTML I (segunda parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora estudiaremos las páginas Web HTML, la estructura
Más detallesPLATAFORMA EDUCATIVA VIRTUAL SISTEMA UNIVERSITARIO JOSE VASCONCELOS
PLATAFORMA EDUCATIVA VIRTUAL SISTEMA UNIVERSITARIO JOSE VASCONCELOS LA PLATAFORMA EDUCATIVA VIRTUAL COMO RECURSO DIDÁCTICO PARA EL DOCENTE Documento introductorio en el uso de la Plataforma Educativa Virtual
Más detallesEn Fireworks, puede crear una bar nav creando un símbolo en el Editor de botones y luego poniendo instancias de dicho símbolo en el lienzo.
Creación de barras de navegación Una barra de navegación, también denominada bar nav, es un grupo de botones que ofrece vínculos a otras áreas de un sitio Web. Normalmente, no cambia de aspecto en el sitio,
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 detalles