Informática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales
|
|
- Cristina Ortiz Benítez
- hace 5 años
- Vistas:
Transcripción
1 Informática General 2018 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales
2 Desarrollo web Lenguaje de marcado HTML / XHTML / HTML5 Lenguaje de hojas de estilo CSS 2.1 / CSS 3 Lenguaje de programación JavaScript Imágenes y elementos multimedia
3 HTML HyperText Markup Language Creado en el año Lenguaje de marcas o etiquetas (tags) para la creación de documentos de hipertexto. Las etiquetas definen la estructura lógica del documento. Un documento HTML consta de texto: etiquetas y contenido.
4 XHTML Extensible Hypertext Markup Language Originalmente del año Las etiquetas abren y cierran: <etiqueta> </etiqueta> Algunas etiquetas tienen la siguiente forma: <etiqueta /> Se modifican usando atributos: <etiqueta atributo1="valor1" atributo2="valor2">
5 HTML5 Del año Doctype más simple. Separación de contenido y estilo. Etiquetas de estilo de HTML4 son ahora obsoletas. Integración con CSS y lenguajes de programación. Nuevas etiquetas semánticas. Nuevas características multimedia.
6 HTML5 Provee tres características: Estructura» HTML Estilo» CSS Funcionalidad» JavaScript
7 Reglas de escritura HTML5 Por convención se debe: Escribir las etiquetas siempre en minúsculas Escribir los atributos siempre entre comillas Cerrar las etiquetas que tienen cierre
8 Reglas de escritura HTML5 Anidamiento incorrecto: <p> texto en <strong> negrita </p> </strong> Anidamiento correcto: <p> texto en <strong> negrita </strong> </p>
9 Estructura de un documento DOCTYPE HTML HEAD Información sobre la página (ej: título, codificación de carácteres,...) BODY Contenido de la página (ej: textos, imágenes, )
10 <!doctype> Tiene que ser la primera línea del archivo. Identifica el tipo de documento. <!doctype html> El código anterior funciona en HTML5.
11 <html> La etiqueta html debe contener todo el código. <!doctype html> <html> </html>
12 <html> El atributo lang en la etiqueta html identifica el idioma del contenido de la página; es por español. <!doctype html> <html lang="es"> </html>
13 <head> Contiene información que no es parte del contenido: Título Link a hojas de estilo CSS Scripts y links a scripts Información para robots Definición de codificación Otros metadatos (palabras clave, negociación de contenido, etc.)
14 <head> <!doctype html> <html lang="es"> <head> </head> </html>
15 Codificación Se refiere a la codificación de los textos. Va en el HEAD. Opciones de codificación: Western ISO Latin 1 / Europeo Occidental <meta charset="iso "> UNICODE <meta charset="utf-8">
16 <meta> <!doctype html> <html lang="es"> <head> <meta charset="utf-8"> </head> </html>
17 <title> Especifica el título del documento. Es visible para el usuario. Siempre debe ser completada.
18 <title> <!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>un lindo documento</title> </head> </html>
19 <body> La parte visible del documento, donde va todo el contenido de la página.
20 <body> <!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>un lindo documento</title> </head> <body> </body> </html>
21 Layout en HTML Las etiquetas de HTML fueron originalmente pensadas para definir el contenido de un documento. Esto es un header, Esto es un párrafo, Esto es una tabla, utilizando las etiquetas <h1>, <p>, <table>, respectivamente. Del layout del documento se debería ocupar el browser sin la ayuda de ninguna etiqueta de formato.
22 Diseño en HTML Para poder aplicar diseño en páginas HTML, manteniendo el contenido y la presentación de los documentos claramente separados, se normalizó el lenguaje CSS.
23 Web semántica En HTML5 se incorporan nuevas etiquetas que permiten especificar con mayor detalle las partes de un documento: <header>; <hgroup>; <nav>; <article>; <section>; <figure>; <aside>; <footer> Las nuevas etiquetas también hacen más fácil aplicar estilos.
24 Algunas etiquetas: <p> <br> Espacios en HTML Texto en la página </p> <h1> </h1> <h2> </h2> <strong> <em> </strong> </em>
25 Caracteres especiales (si se usa la codificación iso ) á á Á Á é é É É í í Í Í ó ó Ó Ó ú ú Ú Ú ñ ñ Ñ Ñ
26 Texto Párrafos <p> Contenido del párrafo </p> Títulos <h1> Título de nivel 1 </h1> <h2> Título de nivel 2 </h2> Énfasis <em> Importante </em> <strong> Muy importante </strong>
27 Línea horizontal La etiqueta <hr> se usa como separador temático en una página HTML. Se muestra como una línea horizontal.
28 Texto <h1>este es un título</h1> <p>esto es texto.</p> <hr> <h2>este es otro título</h2> <p>este texto es sobre otro tema, muy <strong>importante</strong>.</p> <hr>
29 Listas sin orden <ul> <li> elemento </li> <li> elemento </li> </ul>
30 Listas ordenadas <ol> <li> elemento </li> <li> elemento </li> </ol>
31 Links y anchors <a> </a> Atributo href URL absoluta href=" URL relativa href="index.html" Anchor href="#pie"
32 URLs URL absoluta
33 URLs URL relativa (mismo directorio) pagina2.html URL relativa (directorio en un nivel superior)../pagina2.html URL relativa (en un subdirectorio) subdirectorio/pagina2.html URL relativa al directorio raíz del sitio /subdirectorio/pagina2.html
34 Links y anchors <a> </a> Atributo id Si se utiliza id sin utilizar href, se trata de un anchor y no de un link id="pie" Atributo target target="_blank" target="_self" (opción por defecto)
35 Link a un mail <a href="mailto:mail@dominio.com"> Mandar mail </a>
36 <span> Sirve para aplicar estilo a una parte de la página HTML. Normalmente es una parte pequeña. El tag <span> no supone ningún cambio visual por sí mismo; se le deben aplicar estilos. Codificación <span> texto </span>
37 <div> Sirve para aplicar estilo a una parte de la página HTML. También crea una división en la página a la que se le puede aplicar una cantidad de atributos adicionales. Se utiliza en conjunto con los estilos CSS para armar el layout de la página.
38 <div> <div> <h1>un encabezado</h1> <p>mucho texto</p> </div>
39 HTML5 Las principales etiquetas HTML5 nuevas no tienen una representación especial en pantalla. Pero cada una tiene un significado semántico que sirve para ordenar el contenido del documento.
40 Etiquetas HTML5 <header> </header> <nav> </nav> <article> </article> <section> </section> <aside> </aside> <address> </address> <footer> </footer>
41 <header> Contiene información introductoria, usualmente títulos, subtítulos, logos. Puede haber varios <header> en un documento. No se puede usar <header> dentro de <footer>, <address> u otro <header>.
42 <nav> Define un grupo de links de navegación. No todos los links de un documento son links de navegación, <nav> se debe usar sólo para grupos de links de navegación.
43 <nav> <nav> <ul> <li><a href="texto.html">texto</a></li> <li><a href="fotos.html">fotos</a></li> <li><a href="otro.html">otro</a></li> </ul> </nav>
44 <article> Define contenido autónomo que podría existir independientemente del resto del contenido. Algunos usos posibles de <article> son: post en un blog, artículo de un diario, comentario.
45 <article> <article> <h1>nueva nota</h1> <p>nueva nota sobre HTML5.</p> </article>
46 <section> Define una sección en un documento; agrupa contenido relacionado. A diferencia de <article> no es necesario que el contenido se entienda por fuera del contexto de la página. Pueden usarse <section> dentro de <article>, tanto como <article> dentro de <section>.
47 <section> <section> <h1>...</h1> <p>...</p> </section>
48 <section> y <article> <section> <h1>... </h1> <article> <h2>...</h2> <p>...</p> </article> </section>
49 <section> y <article> <article> <h1>... </h1> <section> <h2>...</h2> <p>...</p> </section> </article>
50 <aside> Define contenido relacionado con el resto de la página, pero que si no está igual se entiende el resto. Algunos usos posibles de <aside>: explicación al margen, glosario, biografía del autor, información del perfil, etc.
51 <footer> Define el pie de una página o sección. Normalmente incluye información de derechos de autor, algunos links, mapa del sitio o maneras de ponerse en contacto.
52 <address> Define la parte del documento que contiene la información de contacto. Si se usa dentro de <body> es el contacto de la página; si se usa dentro de <article> es el contacto de ese artículo. Normalmente se incluye el elemento <address> dentro de <footer>.
53 <address> <footer> <address> Escrito por <a Juan Perez</a>.<br> Dominio.com<br> Viamonte 1832<br> Buenos Aires </address> <footer>
54 Imágenes <img src="url" alt="texto alternativo"> Los atributos src y alt son obligatorios Otros atributos height="90" width="50" usemap="#mapa" Se sugiere utilizar estilos en lugar de los atributos height y width
55 Formatos de imágenes GIF GIF animado JPG PNG-8 PNG-24 SVG
56 <img> <img src=" alt="una linda margarita"> <img src=" alt="planta de orquídeas"> <img src=" alt="tulipán fucsia">
57 <img> <img src=" alt="tres rosas y un colibrí" height="340" width="343">
58 <svg> Permite dibujar elementos vectoriales sin tener que linkear un archivo. <svg width="400" height="100"> <rect width="400" height="100" fill="yellow" stroke="red" stroke-width="20" /> </svg>
59 Comentarios en HTML Se pueden agregar comentarios en el código HTML. <!-- Esto es un comentario --> <!-- Código comentado <p>esto no se ve porque está comentado</p> -->
60 El atributo style Para definir el estilo de un elemento HTML se usa el atributo style. <etiqueta style="propiedad:valor;"> La propiedad es una propiedad de CSS. El valor es un valor de CSS.
61 Style background-color <body style="background-color:blue;"> <h1>este es un título</h1> <p>esto es texto.</p> </body>
62 Style color <h1 style="color:red;">este es un título</h1> <p style="color:#0f0;">esto es texto.</p>
63 Style font-family <h1 style="font-family:verdana;">este es un título</h1> <p style="color:green; font-family:courier;">esto es texto.</p>
64 Style text-align <h1 style="font-family:verdana; textalign:center;">este es un título</h1> <p style="color:green; font-family:courier;">esto es texto.</p>
65 Informática General 2018 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales
Informá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 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 detallesÍndice general. Pág. N. 1. Capítulo 1. Capítulo 2
Pág. N. 1 Índice general Capítulo 1 Introducción al diseño web con HTML 5 y CSS3 1.1 Las versiones del HTML 1.2 Los navegadores y sus diferencias 1.2.1 Tiempo de carga 1.2.2 Entorno de trabajo 1.2.3 Ventanas
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 detallesUNIDAD 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 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 detallesHTML Introducción. 2. Nuevos Conceptos
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
Más detallesDiseño de Sitios Web HTML HTML 5 (I)
Diseño de Sitios Web HTML HTML 5 (I) HTML Qué es HTML? 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
Más detallesNUEVAS ETIQUETAS HTML 5
NUEVAS S HTML 5 Se muestra a continuación el listado completo de las etiquetas indicando las nuevas HTML 5, las mismas se agrupan en base a su funcionalidad dentro del documento html. Establece
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 detallesTEST TICO 2º BACHILLERATO
TEST TICO 2º BACHILLERATO UNIDAD: DISEÑO Y EDICIÓN PÁGINAS WEB CON HTML (COMPLETO) Cada pregunta consta de 3 opciones, siendo solo una respuesta la correcta. Calificación: Respuesta correcta: +1 Respuesta
Más detallesQUÉ SE NECESITA PARA UTILIZAR 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. Existen diferentes versiones del lenguaje HTML,
Más detallesIntroducción a HTML Estático
Versión original: Amador Durán y David Benavides (octubre 2005) Última revisión: Pablo Fernández Montes (octubre 2009); Reorganizacion y pequeños cambios. Tiempo: 2h escuela técnica superior de ingeniería
Más detallesIntroducción a HTML Estático
Introducción a HTML Estático Grupo de Ingeniería del Software y Bases de Datos Departamento de Lenguajes y Sistemas Informáticos Universidad de Sevilla Febrero 2012 Concepto de lenguaje de Los lenguajes
Más detallesIntroducción a HTML Estático
Introducción a HTML Estático Grupo de Ingeniería del Software y Bases de Datos Departamento de Lenguajes y Sistemas Informáticos Universidad de Sevilla Febrero 2013 Concepto de lenguaje de Los lenguajes
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 detallesPráctica HTML Ciclo Introductorio Elementos de Programación y Lógica
Práctica 1.3 - HTML 2018.1 Ciclo Introductorio Elementos de Programación y Lógica 1. Utilizando HTML, diseñar en un archivo de texto una página que actuará como la portada del periódico El Sol. (a) Agregue
Más detallesInformática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales
Informática General 2018 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales Box model El "box model" es el comportamiento de CSS que hace que todos los elementos incluidos en una página
Más detallesPregunta 4: En HTML, para definir una línea horizontal de separación se emplea. a) <dd> b) <hr> c) <pre> d) <xmp>
HTML completo Pregunta 1: En HTML, para definir una línea horizontal de separación se emplea a) b) c) d) Pregunta 2: En HTML, una tabla de datos emplea las siguientes etiquetas a)
Más detallesTECNOLOGÍAS DE INFORMACIÓN PARA LA INNOVACIÓN. Facultad de Estadística e Informática
TECNOLOGÍAS DE INFORMACIÓN PARA LA INNOVACIÓN Bibliografía w3schools.com. (s.f.). Consultado el 12 de septiembre de 2017. Extraído de: https://www.w3schools.com/ Listas con viñetas. (s.f.). Extraído desde
Más detallesÍndice del curso. Elementos HTML. Elementos HTML. Elementos de texto. Creación de páginas web básicas. 1.Introducción a Internet. Lenguaje HTML.
Índice del curso 1.Introducción a Internet. Lenguaje HTML. Elementos HTML Creación de páginas web básicas 2.Elementos HTML. 3.Creación y gestión de imágenes con GIMP. 4.Hojas de estilo. 5.Creación de páginas
Más detallesProgramación Web Tema 2.2: Tecnologías W3C HTML & CSS
Programación Web Tema 2.2: Tecnologías W3C HTML & CSS Ramón Alcarria Miguel Ángel Manso Emerson Castañeda ETSI en Topografía, Geodesia y Cartografía - UPM Contenido Definiciones HTML CSS Tutoríal - Comenzando
Más detallesPROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]
PROPÓSITOS Unidad 1 Reconocer el funcionamiento de internet y sus características. Interpretar el concepto de ISP, HTTP y MySQL Reconocer y aplicar criterios de adaptación del ambiente de trabajo a las
Más detallesDiseño web. Fundamentos de CSS. Informática 4º ESO
Diseño web Fundamentos de CSS Informática 4º ESO Cascading Style Sheets HTML está bastante limitado a la hora de dar formato a las páginas web HTML fue inventado por científicos Énfasis en el contenido
Más detallesHTML completo. Pregunta 1: Pregunta 2: Pregunta 3: Pregunta 4:
HTML completo Pregunta 1: En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea a) El atributo tab b) El atributo tabindex c) El atributo alt d) No se puede Pregunta
Más detallesUnidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC
Unidad 1.- Fundamentos de sitios web. El lenguaje HTML Desarrollo de aplicaciones Web. Felipe LC La actividad #1 En qué consistió la actividad 1? Qué conceptos aprendimos? Demos algunos ejemplos. Qué aprendimos
Más detallesEstructura básica de un documento de HTML5
Estructura básica de un documento de HTML5 Todos tenemos una estructura básica al realizar un sitio web y en HTML5 no hay excepción, lo que es muy fácil de hacer ya que HTML5 tiende a ser una estructura
Más detallesAdaptación al Ambiente de Trabajo Curso: 7mo año, Ciclo Superior Profesor: Quevedo, Alejandro Programa 2016
Adaptación al Ambiente Trabajo UNIDAD 1 Contenidos: Adaptación l ambiente trabajo. Propósitos Ejes Contenidos Reconocer el Internet. Concepto Internet Cómo funciona?, funcionamiento Características y Ergonomía,
Más detallesLenguajes de Marcado
Lenguajes de Marcado HTML Elementos de Programación y Lógica Unidad 1 - Clase 3 1 HTML El lenguaje Comunicación del código Etiquetas del HTML Estructura de un documento Ejemplos Etiquetas de estructura
Más detallesLenguajes de Marcado.
. Elementos de Programación y Lógica. Unidad 1 - Clase 3. Lenguajes de Marcado. HTML. Sección 1. HTML. Parte 1. HTML. El lenguaje. HyperText Markup Language (HTML) es un lenguaje de marcado que sirve para
Más detallesDiseña tu propia web
Diseña tu propia web Diseña tu propia web Juan Manuel Escudero García juanmanuel.escudero@ticarum.es 2 Infraestructura Elementos necesarios para publicar nuestra web. - Un dominio - Hosting o alojamiento
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 detallesCreación de páginas Web
Creación de páginas Web Ignacio González Alonso. 2009 1 HTML HTML es el lenguaje utilizado para crear páginas Web Una página Web no es más que un archivo de texto, generalmente con extensión.html Una página
Más detallesUniversidad de El Salvador Facultad Multidisciplinaria de Occidente Departamento de Ingeniería
Universidad de El Salvador Facultad Multidisciplinaria de Occidente Departamento de Ingeniería Este es un documento para producir documentos en HTML, "Lenguaje de Marcación de Hipertexto", usado en la
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 detallesColegio Diocesano San José de Carolinas Privado Concertado
1. Qué es el XHTML? Colegio Diocesano San José de Carolinas XHTML significa extensible HiperText Markup Language y es la versión modernizada del tradicional HTML. XHTML es un lenguaje semántico: definimos
Más detallesUTN DESARROLLADOR WEB MOBILE. Diseño Multimedial. Presentación del curso. Temario a desarrollar
Presentación del curso El desarrollo web para dispositivos móviles es un área de la programación web con una demanda en permanente crecimiento. Este curso está orientado a todas aquellas personas que deseen
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 detallesConstrucción de interfaces de usuario usando HTML5: organización, entradas y validaciones.
Tema. Construcción de interfaces de usuario usando HTML5: organización, entradas y validaciones. Objetivos. Seleccionar y configurar etiquetas HTML5 para organizar el contenido de formularios. Seleccionar
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 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 detallesIntroducción HTML Programación de Web Estático
UNIVERSIDAD AUTÓNOMA METROPOLITANA UNIDAD CUAJIMALPA Introducción HTML Programación de Web Estático Introducción HTML Definición de HTML; tags inciales y finales, tags vacíos, tags anidados, y atributos.
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 detallesHyperText Markup Language
HTML HyperText Markup Language Claudio Cubillos Figueroa Escuela de Ingeniería Informática Pontificia Universidad Católica de Valparaíso, Chile claudio.cubillos@ucv.cl Definición HyperText Markup Lenguage
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 detallesPROGRAMACIÓN WEB II 4043
Modalidad: Online Duración: 26 horas Objetivos: HTML5 es un nuevo concepto para la construcción de sitios web y aplicaciones que combina dispositivos móviles, computación en la nube y trabajos en red.
Más detallesACTIVIDAD DE COEDUCACIÓN EN EL AULA CON LENGUAJE XHTML
ACTIVIDAD DE COEDUCACIÓN EN EL AULA CON LENGUAJE XHTML AUTORÍA MARÍA CATALÁ CARBONERO TEMÁTICA COEDUCACIÓN, XHTML ETAPA CICLO MEDIO Y SUPERIOR DE INFORMÁTICA Resumen Mediante una actividad, se trata de
Más detallesAplicaciones Web XHTML+CSS. David Cabrero Souto. Grupo MADS (http://www.grupomads.org/) Universidade da Coruña
Aplicaciones Web XHTML+CSS David Cabrero Souto Grupo MADS (http://www.grupomads.org/) Universidade da Coruña W3C Establece estándares: recomendaciones. HTML 4.0 XHTML 1.0, XHTML 1.1, XHTML 2.0, XFORMS
Más detallesCurso Básico de HTML
Curso Básico de HTML Qué es HTML? HTML es un pseudo-lenguaje de programación, no es un lenguaje en sí. Utiliza tags o etiquetas específicas para crear contenido y dar una estructura al documento. Existen
Más detalles1. La evolución de HTML La evolución de las CSS 16
HTML5 y CSS3 1. La evolución de HTML 15 2. La evolución de las CSS 16 2.1 La noción de módulo 16 2.2 La evolución de los estados 16 2.3 Los prefijos comerciales 17 2.4 Utilizar los prefijos comerciales
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 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 detallesÍndice. Qué es una página web Elementos necesarios. Posicionamiento HTML y CSS Mi primera web Gestores de contenidos. Dominio y hospedaje
Índice 2 Qué es una página web Elementos necesarios Dominio y hospedaje Posicionamiento HTML y CSS Mi primera web Gestores de contenidos Qué es una página web 3 Documento o información electrónica capaz
Más detallesETIQUETAS PRINCIPALES
HTML... 1 ETIQUETAS PRINCIPALES... 1 ETIQUETAS DE TÍTULOS, PÁRRAFOS Y SEPARACIONES... 3 FORMATO DE TEXTO... 5 LISTAS... 6 ENLACES E IMÁGENES... 7 TABLAS... 9 HTML Las páginas web son documentos de texto,
Más detallesLenguajes y estándares para la Web. Tema 3: XHTML. Elementos de marcado
Tema 3: XHTML. Elementos de marcado Esquema Tipo de documento, espacio de nombres y codificación Metadatos Módulos de XHTML Mecanismos de estructuración Esquema Tipo de documento, espacio de nombres y
Más detallesCSS BÁSICO Hojas de Estilo. Iván Martínez Toro
CSS BÁSICO Hojas de Estilo Iván Martínez Toro ÍNDICE DECONTENIDOS Introducción al CSS. Cómo es CSS? Sintaxis general. Reglas. Selectores. Class. Divy Span. Uso de las hojas de estilo. CSS (CASCADING STYLE
Más detallesManual básico de HTML
Manual básico de HTML 1 Índice 1Estructura básica...3 Atributos de la etiqueta BODY...3 2Formación de parráfos:...4 Cabeceras / Headings...4 Párrafos / Paragraph...4 Múltiples espacios...4 Salto línea...5
Más detalles<header> </header> <nav></nav> <footer></footer>
DESCRIPCIÓN DE LA ACTIVIDAD En esta actividad se analizará la estructura del cuerpo (dentro del del documento), a través del uso de etiquetas semánticas: header, nav, section, article, aside, footer,
Más detallesHipertexto y Marcadores Hipertexto: Escritura no secuencial, un texto que bifurca, que permite que el lector elija y que se lea mejor en una pantalla
HTML 5 (II) Hipertexto y Marcadores Hipertexto: Escritura no secuencial, un texto que bifurca, que permite que el lector elija y que se lea mejor en una pantalla interactiva. Serie de bloques de texto
Más detallesInformática General 2018 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales
UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2018 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 2 Box
Más detallesQué 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.
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. CSS es la mejor forma de separar los contenidos y su
Más detalles[6] inserción de elementos multimedia
[6] inserción de elementos multimedia LMSGI, 1º de ASIR [Unidad 1] HTML Multimedia La palabra hace referencia a la posibilidad de que el contenido incorpore elementos de todo tipo Ejemplos Imágenes Vídeos
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 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 detallesInforme analítico. Barreras a la accesibilidad. Ayuntamiento de Badajoz. 9.7 URL:
Ayuntamiento de Badajoz Web@x: 9.7 URL: http://www.aytobadajoz.es:80/es/ayto/portada El informe analítico proporciona una medida de la extensión de los problemas encontrados y la naturaleza de los mismos.
Más detallesL M T H al n ccio u d tro In
Introduccion al HTML Características del HTML Multiplataforma Simple Está en todos lados No es más que simple texto Libre Elementos del HTML Estructura Presentación Hipertexto Etiquetas La estructura básica
Más detallesQué es HTML? Estructura interna de una página HTML. Cabecera de la página <head>
Qué es HTML? El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada,
Más detallesPARTE I CONCEPTOS GENERALES Capítulo 2 Estructura de un sitio web... 23
Índice general Capítulo 1 Preámbulo... 13 Introducción... 13 Para quién es este libro?... 14 El desarrollo de las páginas web... 16 Estructura del libro... 16 Convenciones tipográfi cas... 17 Sitio web
Más detallesPresentación de la formación y del formador 01:51
El vídeo-training de calidad HTML5 Y CSS3 Las tecnologías que cambiarán internet Índice del curso INTRODUCCIÓN HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO Presentación de la formación y del formador 01:51
Más detallesXHTML y CSS 2. Área de Ingeniería Telemática
XHTML y CSS 2 XHTML 1.0 Modo de renderizado Box Model Tipos de elementos Posicionamiento de elementos CSS 2 Contenidos XHTML y CSS 2 2 XHTML 1.0 titulo del documento
Más detallesInformática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales
Informática General 2017 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales Selector universal Se utiliza para seleccionar todos los elementos de la página. * { } margin: 0; padding:
Más detallesAccesibilidad en la Web: de WCAG 1.0 a WCAG 2.0
Accesibilidad en la Web: de WCAG 1.0 a WCAG 2.0 Universidad de Colima México Departamento de Lenguajes y Sistemas Informáticos Pautas de accesibilidad al contenido en la Web 1.0: paso a paso Sergio Luján
Más detallesHOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet)
HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet) 1. QUÉ ES UNA HOJA DE ESTILOS? Las hojas de estilos son un conjunto de instrucciones, el cual permiten manejar el formato y presentación de contenido
Más detalles1.- INTRODUCCIÓN. <etiqueta> contenido</etiqueta>
1.- INTRODUCCIÓN 1.1 Definición A lo largo de este manual vamos a descubrir el lenguaje más utilizado para la creación de páginas web: el Hyper Text Markup Language, más conocido como HTML. Se puede afirmar
Más detallesHIPERDOCUMENTOS. Prof. Emiro Coronado Cabrera
HIPERDOCUMENTOS Prof. Emiro Coronado Cabrera Hiperdocumento Un hiperdocumento es un documento no secuencial basado en una estructura jerárquica o de red de nodos que contienen información y/o datos multimedia
Más detallesCSS. Página 1/16. Atributo id #texto1 {font-size: 20px;} <p id= texto1 >Texto</p> p:nth-child(2) { background: # }
CSS. Página 1/16 Introducción CSS p, span{ color: #FF0000; font-size:24px; Pseudoclases
Más detallesHTML: Hyper Text Markup Language
HTML, CSS ISIS 3710 HTML: Hyper Text Markup Language HTML es el lenguaje de etiquetas usado en Internet para construir páginas web HTML fue introducido en la primer versión de WWW (Timothy Berners-Lee,
Más detallesEstructura General del Sitio y Estilos
Estructura General del Sitio y Estilos Aunque los sitios pueden ser muy diversos, la mayoría tiene una estructura general en la que se pueden encontrar varias secciones principales: Cabecera para el logo,
Más detallesCapas. Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML
Capas Capas Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML y Uso principal es poder aplicar estilo en el cuerpo/porción del documento
Más detallesHTML Estático: Hojas de Estilo. HTML Estático: Hojas de Estilo
escuela técnica superior de ingeniería informática HTML Estático: Hojas de Estilo Departamento de Lenguajes Noviembre 2004 Usando el atributo STYLE dentro de una etiqueta HTML Esto Esto es es un un párrafo
Más detallesInformática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales
UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 2 Selector
Más detallesETIQUETAS HTML 5 Diseño de Sitios Web TUW
Etiqueta Descripción Define un comentario nueva nueva nueva nueva
Más detallesMATRIZ DE VALORACIÓN O RÚBRICA. Actividad de evaluación:
MATRIZ DE VALORACIÓN O RÚBRICA Siglema: DEWE-02 Nombre del Módulo: Nombre del Alumno: Docente evaluador: Grupo: Fecha: Resultado de Aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje
Más detallesPáginas WEB Parte II INTRODUCCIÓN A LAS TECNOLOGÍAS INFORMÁTICAS. Escuela de Ingeniería de Sistemas y Computación Universidad del Valle
Páginas WEB Parte II INTRODUCCIÓN A LAS TECNOLOGÍAS INFORMÁTICAS Escuela de Ingeniería de Sistemas y Computación Universidad del Valle Contenido Implementación de Sitios Web Herramientas de desarrollo
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 detallesHTML5 y CSS3 Revolucione el diseño de sus sitios web (3ª edición)
Introducción A. La creación de sitios web 18 B. Los lenguajes 18 C. El libro 18 1. Para los diseñadores web 18 2. El contenido 19 Capítulo 1: La evolución del HTML y del CSS A. Breve historia de Internet
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 detallesActividad 3: Codificación básica de un texto en HTML
Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html
Más detallesINTRODUCCIÓN A HTML. Qué es HTML. Etiquetas
INTRODUCCIÓN A HTML Qué es HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto
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 detallesRESUMEN HTML. Elementos de estructura
RESUMEN HTML Elementos de estructura primer elemento que enmarca todo el fichero HTML (obligatorio) zona de cabecera (obligatorio) definición de un título (obligatorio) cuerpo
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 detallesDISEÑO WEB CSS CON DOS, TRES O MÁS COLUMNAS CON FLOAT. WIDTH EN PORCENTAJES NO FUNCIONA? TIPOS DE ANCHO. EJEMPLOS. (CU01036D)
APRENDERAPROGRAMAR.COM DISEÑO WEB CSS CON DOS, TRES O MÁS COLUMNAS CON FLOAT. WIDTH EN PORCENTAJES NO FUNCIONA? TIPOS DE ANCHO. EJEMPLOS. (CU01036D) Sección: Cursos Categoría: Tutorial básico del programador
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 detallesCon etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta ADDRESS ADDRESS CITE CITE B: NEGRITA B: NEGRITA.
En la presente tabla se hace una comparación entre las etiquetas de formato de texto. Netscape no soporta : ni (tachado). Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta
Más detallesIntroducción a HTML Estático 03/02/2017. Introducción a HTML
Introducción a HTML Grupo de Ingeniería del Software y Bases de Datos Departamento de Lenguajes y Sistemas Informáticos Universidad de Sevilla Introducción a las Aplicaciones Web La capa de está formada
Más detalles