CI-2413 Desarrollo de Aplicaciones para Internet

Slides:



Advertisements
Presentaciones similares
Laboratorio 1 Paginas Web y HTML
Advertisements

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios.
HTML (Historia) Rogelio Ferreira Escutia. 2 HTML, septiembre 2010 ¿Qué es? HTML, siglas de HyperText Markup Language.
Laboratorio Estructuras de datos. HTML. IntroducciónMartha Reyes Villa Práctica no. 1 Introducción a HTML Familiarizarse con los estándares de Internet.
¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador.
Repaso desde HTML a XHTML
HTML PROGRAMACION WEB.
Elaboró: Paola Elizabeth Oviedo Lara
DISEÑO DE SITIOS WEB CON DREAMWEAVER 8.
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.
Lenguaje de definición
INTRODUCCION A CSS.
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.
Introduccion a las páginas WEB HTML
Introducción al HTML Colnodo Ariel Barbosa & Sylvia Cadena
Docente: Jineth Hurtado
Hypertext Markup Language HTML
Etiqueta Título Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son: Los títulos o encabezamientos se emplean.
Características del HTML Multiplataforma Simple Está en todos lados No es más que simple texto Libre.
Introducción al desarrollo de proyectos RIA.
LENGUAJE DE HIPERTEXTO
HTML/CSS Mi primera página.
HTML/CSS Marcas básicas.
FORMULARIOS HTML TIPOS DE ELEMENTOS DE FORMULARIO n Campos de entrada de datos. n Campos de datos de varias líneas. n Listas. n Botones. n Textos descriptivos.
Ingeniero Anyelo Quintero
Estructura de Documento Atributos 1. Atributos Básicos id, class, style, title 2. Atributos para Internacionalización lang, xml:lang, dir 3. Atributos.
( Hyper Text Markup Lenguage )
Junio 2: Desarrollo del proyecto en la sala 3 Junio 9: Continuación del proyecto en la sala 3 Junio 16: Examen Final. Sala 3. Entrega del proyecto (se.
DOCENTE: Ing. Eddye Sánchez Castillo
Hypertext Markup Language HTML
Diplomatura de Fisioterapia - APENDICE A Robles, HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
TELEMATICA 1 SISTEMAS DE INFORMACIÓN Y TELEMATICA SECCIÓN
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:
HTML M.G.T.I. María Enriqueta Castellanos Bolaños Facultad de Matemáticas, UADY.
Tecnologías web. Es el método más común de intercambio de información en la world wide web, el método mediante el cual se transfieren las páginas web.
1  ¿ Qué es un sitio web ?  Colección de páginas web dotadas de una dirección web única  ¿ Qué es un página web ?  Es un documento creado en lenguaje.
WORLD WIDE WEB Lenguaje HTML
Tel Microsoft Word Duración 25 hrs. XIV. TRABAJAR CON TÍTULOS Agregar títulos a una ilustración Agregar.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
HTML. Etiquetas   Atributos  BGCOLOR: Color de fondo "padrón: gris o blanco"  TEXT: Color de los textos de la página "padrón: negro"  LINK: Color.
“Trabajando en Notepad”
Tamaños y tipos de letra en HTML Para definir distintos tamaños de letra, en HTML se utiliza el elemento lleno donde x es un número que puede variar entre.
Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW. Los navegadores WWW leen estos archivos.
INTRODUCCIÒN MICROSOFT WORD 1 eencasts/shared/player_776x600.aspx?scre enCast=wd07_overview.
Estructura de un documento HTML Opcionalmente los documentos escritos en HTML empezarán por la marca y finalizarán con la marca. Esta marca tan solo sirve.
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
TABLAS CON HTML. TABLAS EN HTML Las tablas son la herramienta perfecta para organizar datos de manera ordenada, pero su utilidad no se queda ahí, ya que.
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 5) Ricardo Ferrís Castell ( ) Departament D ’ Informàtica.
CODIGO HTML HTML, siglas de HyperText Markup Language
Formato de texto y documentos
 Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.
HTML 5 Edgar Vázquez Ayala. Rolando Aarón Pérez Mandujano.
Diseño y desarrollo de Páginas Web Tecnología IES Pablo Serrano 2010 – 2011 Ignacio Elorriaga.
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
¿Cómo hacer los Wikis?. CREAR TU PROPIO WIKI PRIMERO, para registrarse se debe tener una cuenta de correo electrónico, se recomienda abrirlo en GMAIL.
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 1: Introducción Jose Miguel Vidagany Igual.
Diseño de una publicación digital Curso: Medios digitales Dra. Lyudmyla Yezers´ka.
Administración de Sitios Web Introducción al Lenguaje PHP
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html.
HTML.
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
¿Que es un procesador de textos? Es una aplicación informática destinada a la creación o modificación de documentos escritos por medio de un computador.
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
Transcripción de la presentación:

CI-2413 Desarrollo de Aplicaciones para Internet HTML/XHTML/FORMS CI-2413 Desarrollo de Aplicaciones para Internet

HTML Estructura de un documento HTML Elemento HTML HEAD BODY TITLE META datos BODY

HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Mi primer documento HTML</TITLE> </HEAD> <BODY> <P>¡Hola Mundo! </BODY> </HTML>

XHTML Diferencias con HTML Páginas Bien-formadas Elementos y atributos en minúscula. Valores de atributos siempre entre comillas. Atributos no minimizados. Elementos vacíos terminados.

Sintaxis HTML La especificación de XHTML/HTML se encuentra en: http://www.w3.org/TR/html4 http://www.w3.org/TR/xhtml1

Sintaxis HTML Texto: Hereda entidades HTML de SGML: Comentarios:    espacio en blanco  espacio en blanco  tabulado é  é ñ  ñ ¡  ¡ Comentarios: <!– Comentario -->

Sintaxis HTML Texto: <em></em>  enfatiza el texto (se presenta como itálica) <i></i>  itálica (se recomienda utilizar <em> ya que es una etiqueta semántica y no de presentación) <strong></strong>  texto fuerte (se presenta como negrita) <b></b>  negrita (se recomienda también utilizar <strong>)

Sintaxis HTML Texto: <cite></cite>  contiene una referencia hacia otra fuente <code></code>  código fuente de algún lenguaje de programación <samp></samp>  salida de algún programa <abbr></abbr>  abreviaturas; V.G.: Sr.

Sintaxis HTML Texto: <acronym></acronym>  acrónimo; V.G.: RADAR <blockquote cite="_"></blockquote>  cita larga de alguna fuente <q></q>  cita corta de alguna fuente <sup></sup>  superescritura <sub></sub>  subescritura

Sintaxis HTML Texto: <p></p>  párrafo <br />  cambio de línea <pre></pre>  texto preformateado, aparece tal como se escribió <ins></ins>, <del></del>  inserta o elimina partes de documentos posteriores o anteriores (control de versiones básico)

Sintaxis HTML Listas: Listas sin orden: <ul></ul>  aparecen con viñetas <li></li>  ítemes Ejemplo: <ul> <li>Bases de datos</li> <li>Redes</li> <li>Inteligencia Artificial</li> </ul>

Sintaxis HTML Listas: Listas con orden: <ol></ol>  aparecen con números <li></li>  ítemes Ejemplo: <ol> <li>Bases de datos</li> <ul> <li>Orientadas a Objetos</li> <li>Relacionales</li> </ul> <li>Redes</li> <li>TCP</li> </ol>

Sintaxis HTML Listas: Listas de definiciones: <dl></dl>  lista de definiciones <dt></dt>  concepto a definir <dd></dd>  definición Ejemplo: <dl> <dt>Obstructor</dt> <dd>Dícese de aquel o aquello que obstruye. </dl>

Sintaxis HTML Tablas: <table></table>  tabla <tr></tr>  fila <th></th>  celda, encabezado <td></td>  celda, simple <caption></caption>  describe la naturaleza de la tabla (cuando está presente)

Enlaces <a href="..."></a>  enlace hacia algún recurso <link rel="..." href="..." />  enlaces relacionados

Formularios Un formulario es una sección de documento que contiene controles. Los controles permiten interacción del usuario: Botones, cajones de chequeo, botones radio, menús, entradas de texto, selección de archivos, controles ocultos y controles objeto. El formulario es enviado a otra página escogida por la propiedad action.