Información general. Últimas noticias

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Información general. Últimas noticias"

Transcripción

1 Información general Últimas noticias 1

2 Registro de miembros Texto informativo { Registro nuevo usuario { 2

3 Registro de miembros 1) Acceder a secciones privadas de la página. 2) Acceso a contenido descargable exclusivo (presentaciones de las charlas, actividades, recursos...) 3) Posibilidad de comentar y participar en los artículos y debates organizados en la web (BETA) 4) Leer noticias exclusivas de la asociación. 5) Acceso al newsletter de AWC con las últimas novedades de la asociación. Y mucho más! 3

4 Sección miembros Miembros de AWC { 4

5 Boletín de noticias Título y fecha { Orden del día { Información adicional { 5

6 Introducción a la maquetación web Introducción a (X)HTML por Darío Balbontín 6

7 Plan de vuelo 1) Antecedentes. 2) Elementos y estructura. 2.1) Estructura básica. 2.2) Estructura de contenido. 3) Etiquetas. 3.1) Formato de textos (Encabezados, énfasis...). 3.2) Listas ordenadas, desordenadas y anidadas. 3.3) Formularios. 4) Enlaces. 6) Imágenes. 7) Tablas. 7

8 Qué es HTML? HyperText Markup Language («lenguaje de marcado de hipertexto»). Tim Berners-Lee creó la primera descripción HTML (HTML Tags) en 1991 con 22 elementos, 13 de los cuales siguen vigentes en HTML4. Pseudolenguaje de programación basado en eitquetas. Actualmente se utiliza junto a CSS y Javascript para maquetar los sitios web. Características: - Multiplataforma. - Simple. - Está en todos lados. - Es simplemente texto. - Libre. 8

9 Todo en HTML está estructurado, organizado y segmentado en bloques 9

10 Estructura Todo documento HTML tiene 2 elementos básicos: HEAD: Datos relevantes sobre el documento; título, descripción, doctype, codificación, palabras clave, etc. BODY: Contenido de la web propiamente dicho; texto, imágenes, menús, pié de página, etc. 10

11 Estructura Esta podría ser la estructura básica de cualquier documento HTML: <! DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <title>título de la página</title> <!-- Palabras clave, descripción --> </head> <body> <!-- Aquí el contenido de la página --> </body> </html> 11

12 Estructuración de contenido Es bueno organizar el contenido de los documentos HTML. Estructuras basadas en bloques, capas o DIVs. La estructura más común: - Cabecera. - Cuerpo de la web. - Contenido. - Menú lateral. - Pié de página. 12

13 Estructuración de contenido Estructura básica de cualquier documento HTML con el contenido organizado: <! DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <title>título de la página</title> <!-- Palabras clave, descripción --> </head> <body> <div id= header > <!-- Contenido de la cabecera --> </div> <div id="container"> <div id="content"> <!-- Contenido de la web --> </div> <div id="sidebar"> <!-- Barra lateral --> </div> </div> <div id="footer"> <!-- Pie de pagina --> </div> </body> </html> 13

14 Etiquetas Pseudolenguaje basado en etiquetas. Todo contenido va incrustado en etiquetas. Jerarquía de contenido. Formato de texto (negrita, cursiva...). Listados. Tablas. Formularios. Scripts (javascript). 14

15 Formato de textos Titulares <h*> y </h*> son sus etiquetas de apertura y cierre respectivamente. Donde * es el nivel del titular. También llamados encabezados. Sirven para dividir el texto en secciones. Disponemos de seis niveles de titulares. h1 es el mayor tanto en tamaño como en relevancia. h6 es el menor en tamaño y relevancia. <h1>encabezado 1</h1> - Encabezado 1 <h2>encabezado 2</h2> - Encabezado 2 <h3>encabezado 3</h3> - Encabezado 3 <h4>encabezado 4</h4> - Encabezado 4 <h5>encabezado 5</h5> - Encabezado 5 <h6>encabezado 6</h6> - Encabezado 6 15

16 Formato de textos Párrafos <p> y </p> son sus etiquetas de apertura y cierre respectivamente. Delimitan, como su nombre indica, párrafos. Los propios navegadores insertan los saltos de línea entre párrafos. Salto de línea con <br />. Podemos insertar comentarios entre las etiquetas <!-- y -->. Textos literales con <pre> y </pre>. <p>esto es un ejemplo de párrafo</p><br /> <p>esto sería otro ejemplo de párrafo</p> <!-- Aquí vemos cómo se crean los comentarios--> 16

17 Formato de textos Énfasis Podemos añadir énfasis o resaltar partes del texto de acuerdo a su importancia. Las etiquetas más comunes para formato de texto son: - Negrita o strong; etiquetas <strong> y </strong>. - Itálica o cursiva; etiquetas <em> y </em>. - Otras etiquetas menos relevantes; small, big, cite, sup y sub, etc. <p>esto es un ejemplo de párrafo en el que <strong>resalto esto en negrita</strong> y <em>esto otro en cursiva</em>.</p> 17

18 Formato de textos Ejemplo de un texto con formato: <p>en esta presentación estamos aprendiendo a <strong>maquetar páginas webs desde 0</strong> con <em>html</em> y <em>css</em>.</p> <p>también aprenderemos, en un futuro no muy lejano, a <strong>crear listas<em>ordenadas</em> y <em>desordenadas</em></strong></p> En esta presentación estamos aprendiendo a maquetar páginas webs desde 0 con HTML y CSS. También aprenderemos, en un futuro no muy lejano, a crear listas ordenadas y desordenadas. 18

19 Listas Mecanismo para especificar listas de información. Deben contener al menos un elemento. Pueden ser de tres tipos: - Ordenadas. - Desordenadas. - Definiciones (Poco utilizadas). Cada elemento de una lista se introduce entre las etiquetas <li> y </li>. Lista de la compra: Queso. Jamón. Refrescos. Lista de Tareas: 1.- Llamar a Pepe. 2.- Estudiar HTML. 3.- Comprar. 19

20 Listas desordenadas Lista en la que los elementos NO tienen orden. Sus etiquetas son <ul> y </ul>. ul = Unordenated List. Lista de la compra: <ul> <li>queso.</li> <li>jamón.</li> <li>refrescos.</li> </ul> Lista de la compra: Queso. Jamón. Refrescos. 20

21 Listas ordenadas Lista en la que los elementos SI tienen orden. Sus etiquetas son <ol> y </ol>. ol viene de Ordenated List. Lista de tareas: <ol> <li>llamar a Pepe.</li> <li>estudiar HTML.</li> <li>comprar.</li> </ol> Lista de Tareas: 1.- Llamar a Pepe. 2.- Estudiar HTML. 3.- Comprar. 21

22 Listas anidadas Se pueden anidar listas entre sí. <ol> <li>características e historia</li> <li>elementos y estructura <ol> <li>estructura básica</li> <li>estructura de contenido</li> </ol> </li> <li>etiquetas <ol> <li>formato de Textos</li> <li>listas</li> </ol> </li> 1.- Características e historia 2.- Elementos y estructura 1.- Estructura básica 2.- Estructura de contenido 3.- Etiquetas 1.- Formato de textos 2.- Listas 22

23 Listas anidadas También se pueden combinar ambos tipos de listas y anidarlos. Cosas por hacer: <ol> <li>llamar a Pepe.</li> <li>comprar: <ul> <li>queso.</li> <li>jamón.</li> <li>refrescos.</li> </ul> </li> <li>estudiar HTML.</li> </ol> Cosas por hacer: 1.- Llamar a Pepe. 2.- Comprar: Queso. Jamón. Refrescos. 3.- Estudiar HTML. 23

24 Formularios Sirve para enviar datos a un agente para que sean procesados (servidor web, servidor de correo...). Está formado por: - Contenido normal. - Código. - Controles (Checkboxes, radio buttons, etc). - Rótulos o labels. Sus etiquetas son <form> y </form>. Generalmente se definen los atributos action y method para indicar a quién se le envían los datos y por qué vía. **Esto será explicado en futuras presentaciones junto con php. 24

25 Formularios <FORM action="donde_mandar_losdatos" method="post"> <LABEL for="nombre">nombre: </LABEL> <INPUT type="text" id="nombre"><br> <LABEL for="apellido">apellido: </LABEL> <INPUT type="text" id="apellido"><br> <LABEL for=" "> </LABEL> <INPUT type="text" id=" "><br> <INPUT type="radio" name="sexo" value="varón"> Varón<BR> <INPUT type="radio" name="sexo" value="mujer"> Mujer<BR> <INPUT type="submit" value="enviar"> <INPUT type="reset"> </FORM> 25

26 Enlaces (Links o permalinks) Internet se basa en compartir y enlazar. Los enlaces permiten: - Estructurar contenidos por ficheros; mayor organización. - Adjuntar documentos para descargas. - Enlazar a: Secciones dentro del mismo documento. Enlazar a otra página local. Otra dirección de Internet. Direcciones de correo electrónico. La apariencia básica de un enlace es: Ir al Inicio. Ejemplos de enlaces: <a href= #inicio >Ir al Inicio.</a> <a href= cancion.mp3 >Descargar canción.</a> <a href= >AWCantabria</a> 26

27 Imágenes Es posible introducir imágenes en HTML. Se utiliza la etiqueta IMG. Su etiqueta no tiene cierre, se cierra al final con />. En el atributo src indicamos la ruta de la imagen; bien local o remota. Accesibilidad y posicionamiento; texto alternativo alt. Título con el atributo title. Ejemplo de imagen: <img src= imagen1.jpg alt= Imagen de un paisaje /> 27

28 Tablas Surgieron con la versión 3 de HTML. Nos permiten: - Representar y ordenar elementos en filas y columnas - Organizar datos. - Agrupar datos. Sus etiquetas son <table> y </table> - Las filas se definen con <tr> y </tr>. - Las celdas se definen con <td> y <th> y sus respectivos cierres. - <th> indica una celda encabezado de tabla(suele visualizarse en negrita). Se definen fila a fila y celda a celda. 28

29 Tablas Ejemplo de tabla. <TABLE BORDER="1"> <TR> <TH>Cabereca 1</TH> <TH>Cabereca 2</TH> <TH>Cabereca 3</TH> </TR> <TR> <TD>Dato 1</TD> <TD>Dato 2</TD> <TD>Dato 3</TD> </TR> <TR> <TD>Dato 4</TD> <TD>Dato 5</TD> <TD>Dato 6</TD> </TR> </TABLE> 29

30 Una visión al futuro 30

31 Una visión al futuro 31

32 Antecedentes HTML Tim Berners-Lee creó la primera descripción HTML en Divulgación de textos científicos. Describir semánticamente el texto. Pseudolenguaje de programación basado en etiquetas. Víctima de guerra de navegadores. Internet explorer ganó a Netscape. :( Retroespecificado en varias ocasiones. 32

33 Antecedentes XHTML (Futuro prometido) Mucho más estricto. Basado en XML. Mucho más difícil. Mejor para las máquinas. Un imposible por la web que estaba sucediendo... 33

34 Antecedentes Web 2.0 Aplicaciones web. Fin de las páginas estáticas. Cloud computing. La nube. Ajax. Web móvil. Segunda guerra de navegadores. (Nacen Firefox, Chrome, Safari, Opera...) 34

35 Timeline tecnologías web 1991 HTML 1994 HTML CSS 1 + JavaScript 1996 HTML CSS XHTML Diseño web sin tablas 2005 AJAX 2009? 35

36 HTML5 Qué es? Especificación para suplir necesidades actuales (Web applications) WHATWG - Web Application Technology Working Group. - Apple, Mozilla, Opera. - Ian Hickson (Google). Retroespecificación. 36

37 Novedades HTML5 Novedades Nuevas etiquetas. Eliminación de etiquetas. Soporte nativo multimedia. Sintaxis más simple para el ser humano. Formularios mejorados. Nuevas tecnologías (Canvas, geolocalización, almacenamiento offline...). 37

38 Novedades HTML5 Estructura básica <! DOCTYPE html> <html lang= es-es > <head> <title>título de la página</title> <meta charset= UTF-8 > </head> <body> <!-- Aquí el contenido de la página --> </body> </html> 38

39 Novedades HTML5 Doctype XHTML 1.1 <! DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> HTML5 <! DOCTYPE html> 39

40 Novedades HTML5 Declaración html XHTML 1.1 <html xmlns= lang= es xml:lang= es > HTML5 <html lang= es > 40

41 Novedades HTML5 Codificación de caracteres XHTML 1.1 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> HTML5 <meta charset= utf-8 > 41

42 Etiquetas semánticas Etiquetas semánticas Etiqueta <p> <li> <ol> <blink> Significado Párrafo Elemento de lista. Ordered list.... NO SON SUFICIENTES 42

43 Etiquetas semánticas Blog <div id= container > <div id= header > <h1>mi blog</h1> </div> <div id= main_menu class= navigation > <ul> <!-- navegación aquí --> </ul> </div> <div id= main > <div class= post > <h2>titulo de la entrada</h2> <span class= date >...</span>... <!-- Cuerpo de la entrada --> </div>... </div> <div id= sidebar > <!-- Anuncios, enlaces, categorías.. --> </div> </div> <div id= footer > <!-- licencia y demás --> </div> 43

44 Blog Etiquetas semánticas <div id= container > <header> <h1>mi blog</h1> </header> <nav id= main > <ul> <!-- navegación aquí --> </ul> </nav> <section id= main > <article> <header> <h2>titulo de la entrada</h2> <time datetime= pubdate>...</span> <nav class= category >...</nav>... </header> <!-- Cuerpo de la entrada --> <footer> <!-- tags, etiquetas... --> </footer> </article> <!-- Más entradas... --> </section> <aside> <!-- Anuncios, enlaces, categorías.. --> </aside> </div> <footer> <!-- licencia y demás --> <footer> 44

45 Etiquetas semánticas Desaparecen <accronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <s> <strike> <tt> <u> <xmp> 45

46 Etiquetas semánticas Nuevas etiquetas <article> <aside> <audio> <canvas> <command> <datalist> <details> <dialog> <embed> <figure> <footer> <header> <hgroup> <keygen> <mark> <meter> <nav> <output> <progress> <rp> <rt> <ruby> <section> <source> <time> <video> 46

47 Etiquetas semánticas Nuevas etiquetas Etiqueta <section> <nav> <article> <aside> <hgroup> Significado Sección genérica. Elemento de navegación, colección de enlaces. Unidad de contenido. Contenido relacionado. Colección de encabezados 47

48 Etiquetas semánticas Nuevas etiquetas Etiqueta <header> <footer> <time> <mark> Significado Cabecera de documento o sección. Pié de página o de sección. Fecha u hora. Texto resaltado. wtf? 48

49 Etiquetas semánticas Formularios Inputs viejos Text Password Radio Checkbox File Texto plano. Contraseñas. Opción dentro de grupo. Opciones si o no. Adjuntar ficheros. 49

50 Etiquetas semánticas Formularios Inputs nuevos search number range date, week, month, datetime tel, , url Campo de búsqueda. Campos numéricos Rango numérico. Campo de fecha. Obvio. 50

51 Etiquetas semánticas Video Soporte nativo para video. <video> No plugins. No IE! Firefox, Chrome, Safari... Guerra de codecs. Firefox vs Safari. Theora vs H.264. Chrome. 51

52 Etiquetas semánticas Video <video src= video.mp4 > <video src= video.mp4 width=320 height=240> <video src= video.mp4 width=320 height=240 controls> <video src= video.mp4 width=320 height=240 controls autobuffer (activo por defecto salvo en firefox ) autoplay> 52

53 Futuro Mirada al futuro Canvas Geolocation API Offline support Local databases Tecnología para dibujar en el navegador. Apple. Geolo... qué?. Aplicaciones fuera de línea. Aplicaciones de escritorio? Bases de datos locales (sqlite) 53

54 PREGUNTAS? 49

55 Darío Balbontín Fernández

ETIQUETAS HTML 5 Diseño de Sitios Web TUW

ETIQUETAS HTML 5 Diseño de Sitios Web TUW Etiqueta Descripción Define un comentario nueva nueva nueva nueva

Más detalles

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML?

HTML 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 detalles

2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen

2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen CURSO DE HTML5 1. Historia de HTML Potencial de HTML5 Principales novedades de HTML5 Elementos necesarios para trabajar con HTML5 Editor Navegador 2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen

Más detalles

Taller de Paginas Web

Taller 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 detalles

Objetivos. 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. 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 detalles

HTML5: Nuevas etiquetas semánticas. Juan Eladio Sánchez Rosas

HTML5: Nuevas etiquetas semánticas. Juan Eladio Sánchez Rosas HTML5: Nuevas etiquetas semánticas Juan Eladio Sánchez Rosas Objetivo Semantics Objetivo de la sesión Presentar y describir las nuevas etiquetas del estándar HTML5 Citar los antecedentes que derivaron

Más detalles

Listado de elementos o etiquetas HTML5

Listado 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 detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios.

DESCRIPCIÓ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 detalles

Unidad II: Lenguaje de marcado

Unidad 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 detalles

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:

Para 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 detalles

HTML 5. Que es HTML5 07/04/2011

HTML 5. Que es HTML5 07/04/2011 HTML 5 M.I María Luisa González Ramírez Que es HTML5 Es una agrupación de diversas especificaciones concernientes al desarrollo web HTML 5 no se limita solamente a crear nuevas etiquetas, atributos. Es

Más detalles

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin

Más detalles

La guía de la programación HTML5, CSS y JavaScript con Visual Studio

La guía de la programación HTML5, CSS y JavaScript con Visual Studio Tabla de contenidos INTRODUCCIÓN... 5 AGRADECIMIENTOS...6 TABLA DE CONTENIDOS... 7 CAPÍTULO 01 HTML 5: LAS TECNOLOGÍAS Y SU IMPLICACIÓN EN EL DESARROLLO...17 EL ESTADO ACTUAL DEL ESTÁNDAR... 18 ESPECIFICACIONES

Más detalles

HTML HyperText Markup Language. Fernando Pérez Costoya fperez@fi.upm.es

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 detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓ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 detalles

Curso básico de creación de páginas web

Curso 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

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

HTML. 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 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. 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 detalles

Click Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO

Click 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 detalles

Desarrollo y servicios web

Desarrollo 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 detalles

Bases del HTML CÓMO SE HACE LA WEB ENTENDIENDO LA ESTRUCTURA DE HTML. Sesión 3 10/09/14. Orígenes. Orígenes

Bases del HTML CÓMO SE HACE LA WEB ENTENDIENDO LA ESTRUCTURA DE HTML. Sesión 3 10/09/14. Orígenes. Orígenes 10/09/14 CÓMO SE HACE LA WEB LO QUE VES Bases del HTML CÓMO ES CREADA Sitios pequeños utilizan solamente HTML y CSS. Sesión 3 Sitios más grandes usan CMS, herramientas de blog o comercio de e-commerce.

Más detalles

Lenguaje HTML y páginas web. Alex Sánchez

Lenguaje HTML y páginas web. Alex Sánchez Lenguaje HTML y páginas web Alex Sánchez Introducción: La web y las páginas web Componentes de la web Como funciona la web? Como es la comunicación en la web El acceso a la Web suele basarse en un un explorador

Más detalles

Índice. Capítulo 1. Documentos HTML5... 1

Índice. Capítulo 1. Documentos HTML5... 1 Índice Capítulo 1. Documentos HTML5... 1 1.1 Componentes básicos... 1 1.2 Estructura global... 2 ... 2 ... 2 ... 3 ... 4 ... 5 ... 6 ... 7 1.3 Estructura

Más detalles

UNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda

UNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda UNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda 1 Índice 1. Introducción... 3 2. Objetivos... 4 3. El lenguaje HTML...

Más detalles

Manual de HTML5 en español. Manual de HTML5 en español. Alejandro Castillo Cantón. Alejandro Castillo www.theproc.es

Manual de HTML5 en español. Manual de HTML5 en español. Alejandro Castillo Cantón. Alejandro Castillo www.theproc.es Manual de HTML5 en español Alejandro Castillo Cantón www.theproc.es Primera Parte El HTML5 (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje de programación básico de la World Wide

Más detalles

Introducción al desarrollo web (idesweb)

Introducció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

Técnicas de visualización

Té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

CURSO HTML5. www.council.cl. Dirección: Serrano #73, Piso 4, Oficina 414 Santiago, Chile. 1) Instalación de Navegadores y Herramientas

CURSO 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 detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD 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 detalles

Optimización del uso de internet en la gestión cultural

Optimizació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 detalles

Manual de v2cms v2cms v1.01

Manual de v2cms v2cms v1.01 Manual de v2cms v2cms v1.01 Introducción v2cms es un sistema de manejo de contenido que ofrece una gran flexibilidad para la creación de sitios web no importa el tamaño del mismo. El mismo permite una

Más detalles

Programación Hipermedia 1

Programació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 detalles

1. NIVEL BÁSICO-CURSO NVU

1. NIVEL BÁSICO-CURSO NVU CURSO MULTIMEDIA DE CREACIÓN DE PÁGINAS WEB - Este curso esta desarrollado de forma que a Vd. le sea sencillo, rápido y cómodo su aprendizaje. El curso está dividido en dos niveles: Básico e Intermedio.

Más detalles

Ficha 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. 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 detalles

Introducción al desarrollo web (idesweb)

Introducció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 detalles

Diseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos

Diseñ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 detalles

Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript

Experto 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 detalles

DESARROLLO WEB EN ENTORNO CLIENTE

DESARROLLO 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 detalles

Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT

Curso: 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 detalles

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

Más detalles

DISEÑO Y DESARROLLO DE WEBS PARA DISPOSITIVOS DE MOVILES

DISEÑO Y DESARROLLO DE WEBS PARA DISPOSITIVOS DE MOVILES DISEÑO Y DESARROLLO DE WEBS PARA DISPOSITIVOS DE MOVILES ORGANIZA ESI Valladolid. DIRECCIÓN Sonia de la Calle Vicente INTRODUCCIÓN El curso de especialización en Diseño y desarrollo de webs para dispositivos

Más detalles

> Temario Curso de Diseño Web <

> 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 detalles

Introducción al desarrollo web (idesweb)

Introducción al desarrollo web (idesweb) Introducción al desarrollo web (idesweb) Práctica 8: PHP 2 (cookies y sesiones) 1. Objetivos Conocer el concepto de cookie y sus posibles usos. Aprender a utilizar las cookies con PHP. Conocer el concepto

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD 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 detalles

Introducción al desarrollo web (idesweb) - 3 a ed.

Introducción al desarrollo web (idesweb) - 3 a ed. Introducción al desarrollo web (idesweb) - 3 a ed. Práctica 4: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en

Más detalles

Programación de aplicaciones WEB

Programació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 detalles

GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL

GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL Maneja herramientas informáticas vigentes que le permiten administrar y difundir información diversa en un contexto social, académico y laboral

Más detalles

Proyecto WifiCloudCan ecastro21

Proyecto WifiCloudCan ecastro21 Proyecto WifiCloudCan ecastro21 CURSO: Introducción a la programación en HTML - PHP y al Desarrollo Web INDICE Introducción Lenguaje de etiquetas HTML Herramientas necesarias para diseñar una página Web

Más detalles

Curso 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 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 detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD 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 detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 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 detalles

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)

Más detalles

Introducción: páginas web y navegadores

Introducción: páginas web y navegadores IB14 Informática Aplicada a la Construcción Creación de páginas web con HTML Introducción: páginas web y navegadores Una página web, pese a la gran cantidad de colores, imágenes e información que puede

Más detalles

Creación de Páginas WEB con HTML

Creación de Páginas WEB con HTML Universidad de Cantabria Creación de Páginas WEB con HTML Febrero-2006 Ricardo Sáez Marta Zorrilla Creacion paginas Web con HTML 1 Introducción El servicio WEB utiliza para la transferencia de información

Más detalles

Práctica 4: Edición de contenidos web

Práctica 4: Edición de contenidos web Comercio Electrónico Práctica 4: Edición de contenidos web Antonio Sanz ansanz@unizar.es Rafael del Hoyo rdelhoyo@ita.es Objetivo de la práctica En esta práctica se pretende realizar una introducción a

Más detalles

MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML

MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con

Más detalles

En primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo:

En primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo: 1 Estructura global Los documentos HTML se encuentran estrictamente organizados. Cada parte del documento está diferenciada, declarada y determinada por etiquetas específicas. En esta parte del capítulo

Más detalles

Diseño de páginas web 2011

Diseñ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 detalles

Taller de Introducción

Taller 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 detalles

Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta ADDRESS ADDRESS CITE CITE B: NEGRITA B: NEGRITA.

Con 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 detalles

HTML5 es el nuevo estándar de HTML. La versión anterior HTML 4.01 apareció en. entonces.

HTML5 es el nuevo estándar de HTML. La versión anterior HTML 4.01 apareció en. entonces. HTML5 Que es HTML5? HTML5 es el nuevo estándar de HTML La versión anterior HTML 4.01 apareció en 1999. El web ha cambiado mucho desde entonces. HTML5 todavía esta en desarrollo, pero muchos browsers ya

Más detalles

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB PRESENTA: CREACION DE PÁGINAS WEB OBJETIVO Conocer la aplicación de los paquetes mas utilizados para la implementación t diseño de una pagina Web. DIRIGIDO A: Estudiantes de informática, Ofimática y Personas

Más detalles

Guía para creación de temas para editor de EditandSend

Guía para creación de temas para editor de EditandSend Guía para creación de temas para editor de EditandSend En este documento se describen las acciones que debe realizar el diseñador/maquetador para personalizar un tema y poder ser utilizado en el EDIT.

Más detalles

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web

Aprenda 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 detalles

CURSO DE DREAMWEAVER CS3

CURSO DE DREAMWEAVER CS3 CURSO DE DREAMWEAVER CS3 Aprender a manejar el programa Dreamweaver para diseñar páginas Web. A la finalización del curso, el alumno será capaz de crear sitios Web con páginas que incorporen imágenes,

Más detalles

Introducción a las aplicaciones WEB

Introducció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 detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD 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º 1 Nombre de la practica: Introducción y conceptos básicos de HTML Lugar de ejecución:

Más detalles

Cursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web

Cursos 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 detalles

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL

ACCIÓ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 detalles

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0 Manual de gestión de contenidos web en entorno Drupal Versión sitio maestro para servicios 1.0 Contenido Gestión de contenidos... 5 Crear contenidos... 5 Tipos de contenido... 5 Página básica o basic

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓ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

Ficha Técnica. Categoría. Contenido del Pack. Sinopsis. Diseño Web. - 1 CDROM - 1 Cuaderno de Ejercicios - 2 Manual Teórico

Ficha Técnica. Categoría. Contenido del Pack. Sinopsis. Diseño Web. - 1 CDROM - 1 Cuaderno de Ejercicios - 2 Manual Teórico Ficha Técnica Categoría Diseño Web Contenido del Pack - 1 CDROM - 1 Cuaderno de Ejercicios - 2 Manual Teórico Sinopsis El término HTML hace referencia al lenguaje de marcado predominante para la elaboración

Más detalles

Curso Online de Diseño Web avanzado con HTML5 y CSS3

Curso Online de Diseño Web avanzado con HTML5 y CSS3 Curso Online de Diseño Web avanzado con HTML5 y CSS3 Presentación : El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico al punto de casi sustituirlo en algunas propuestas

Más detalles

METODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO

METODOLOGÍ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 detalles

Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB

Má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 detalles

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER

Más detalles

Curso: DISEÑO WEB AVANZADO CON HTML5 Y CSS3

Curso: DISEÑO WEB AVANZADO CON HTML5 Y CSS3 Curso: DISEÑO WEB AVANZADO CON HTML5 Y CSS3 Código: 1366 Familia Profesional: Desarrollo y diseño web Acreditación: Formación reconocida a través de vías no formales Modalidad: Distancia Duración: 75 horas

Más detalles

1. Temario Curso Web Design 2014

1. Temario Curso Web Design 2014 1. Temario Curso Web Design 2014 FIREWORKS Diseño profesional de interfaces web Nociones generales para qué sirve?, diferencia con Photoshop Espacio de trabajo - Barras de menú, herramientas y paletas

Más detalles

HTML5 ADAPTADO POR: YIM ISAIAS APESTEGUI FLORENTINO

HTML5 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 detalles

www.librosweb.es Introducción a XHTML Javier Eguíluz Pérez

www.librosweb.es Introducción a XHTML Javier Eguíluz Pérez Introducción a XHTML Javier Eguíluz Pérez Sobre este libro... Los contenidos de este libro están bajo una licencia Creative Commons Reconocimiento No Comercial - Sin Obra Derivada 3.0 (http://creativecommons.org/licenses/by-nc-nd/

Más detalles

UF1304 Elaboración de plantillas y formularios

UF1304 Elaboración de plantillas y formularios UF1304 Elaboración de plantillas y formularios Tema 1. Formularios en la construcción de páginas web Tema 2. Plantillas en la construcción de páginas web OBJETIVOS: - Confeccionar plantillas para las páginas

Más detalles

Curso Introduccio n a HTML5, CSS, JavaScript y PHP

Curso Introduccio n a HTML5, CSS, JavaScript y PHP Curso Introduccio n a HTML5, CSS, JavaScript y PHP Para alumnos y egresados del área Informática y Sistemas. Instituto Tecnológico Superior Zacatecas Norte Marzo 2012 Contenido Objetivo:... 3 Introducción:...

Más detalles

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 2: Aspectos básicos.

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 2: Aspectos básicos. Ministerio de Educación, Cultura y Deporte. HTML5 en la educación Módulo 2: Aspectos básicos. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Aspectos básicos del lenguaje

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La

Más detalles

UNIDAD 1 GENERALIDADES HTML

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 detalles

c/ Ausias March 5, Bloque 7, 5C Denia, C.P. 03700 Alicante, España 644 317 266 info@soluciones4web.com

c/ Ausias March 5, Bloque 7, 5C Denia, C.P. 03700 Alicante, España 644 317 266 info@soluciones4web.com Manual de Buenas Prácticas de maquetación en html Una buena maquetación es fundamental para obtener un diseño elegante, compatible con todos los navegadores y que cumpla las normas de accesibilidad establecidas.

Más detalles

ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ

ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ Página1 CREACIÓN DE LA BASE DE DATOS EN MySQL REGISTRO DE USUARIOS UTILIZANDO PHP CON MYSQL Una vez instalada nuestro servidor local de Apache, procedemos a crear

Más detalles

En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea

En 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 detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉ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 detalles

Informática General 2016 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 detalles

www.librosweb.es Introducción a XHTML Javier Eguíluz Pérez

www.librosweb.es Introducción a XHTML Javier Eguíluz Pérez Introducción a XHTML Javier Eguíluz Pérez Sobre este libro... Los contenidos de este libro están bajo una licencia Creative Commons Reconocimiento - No Comercial - Sin Obra Derivada 3.0 (http://creativecommons.org/licenses/by-nc-nd/3.0/deed.es)

Más detalles

Guía del usuario. Guía del usuario - Wordpress

Guía del usuario. Guía del usuario - Wordpress Guía del usuario Guía del usuario - Wordpress 1. Qué es Wordpress? Pag.3 1. 1 Cómo acceder al Escritorio Wordpress? Pag.4 1. 2 Elementos destacables del Panel de Control Pag.5 1. 3 Secciones del Escritorio

Más detalles

INSTITUCION UNIVERSITARIA INPAHU BASES DE DATOS EN LA WEB

INSTITUCION UNIVERSITARIA INPAHU BASES DE DATOS EN LA WEB INSTITUCION UNIVERSITARIA INPAHU BASES DE DATOS EN LA WEB MACROMEDIA DREAMWEAVER Unidad 1. El entorno de trabajo La pantalla inicial Las barras Los paneles e inspectores Personalizar el área de trabajo

Más detalles

Manual de publicación de contenido y actualización de sitios web

Manual de publicación de contenido y actualización de sitios web Manual de publicación de contenido y actualización de sitios web Basados en sistemas Wordpress El presente manual le presentará los distintos pasos para publicar contenidos a través de páginas y editar

Más detalles

GUÍ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

GUÍ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 detalles

Tema 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! 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 detalles

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente.

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente. MASTER PROGRAMACIÓN WEB (II) 1. Introducción al Curso programación Web. Diccionario de téminos. Gestor de contenido CMS, Servidor, Base de Datos, CSS, HTML, HTML5, PHP, Wordpress, Joomla, CMS, JQuery,

Más detalles

Capítulo 1 Documentos HTML5

Capí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 detalles

Especialista TIC en Programación de Videojuegos con HTML5 + Javascript + CSS3

Especialista TIC en Programación de Videojuegos con HTML5 + Javascript + CSS3 Especialista TIC en Programación de Videojuegos con HTML5 + Javascript + CSS3 Informática, Diseño y Programación Ficha Técnica Categoría Programación Referencia Precio Horas 8636-1301 78.00 Euros 300 Contenido

Más detalles