Creación de Páginas WEB con HTML
|
|
- Josefa Revuelta Peralta
- hace 8 años
- Vistas:
Transcripción
1 Universidad de Cantabria Creación de Páginas WEB con HTML Febrero-2006 Ricardo Sáez Marta Zorrilla Creacion paginas Web con HTML 1
2 Introducción El servicio WEB utiliza para la transferencia de información cliente-servidor el protocolo HTTP HTML(HyperText Markup Languaje): Lenguaje de definición de Hipertextos compuesto por comandos, marcas o etiquetas ( tags 9 que permiten definir la estructura lógica de documento WEB y establecer sus atrubutos (color de texto, contenidos multimedia, hipertextos, etc.) R: Lenguaje que permite crear una pagina WEB Deriva del estándar SGML: Sistema de descripción de documentos independiente de su tipo (1986, ISO), Charles Golfarb, Ed Mosher, Ray Lorie (IBM) Objeto crear un lenguaje basado en etiquetas para compartir documentos. Tim Berners-Lee y Anders Berglund (CERN) Creacion paginas Web con HTML 2
3 Características Es un lenguaje de marcas o tags Evolución: HTML 2.0, > actualidad 1996 se crea consorcio W3C ( integrado por distintas empresas del sector para promover crecimiento de la web (recomendaciones, ) Define marcas especiales denominadas enlaces o hiperlenlaces. Permiten al usuario saltar de unas páginas a otras Aparece el término navegación Creacion paginas Web con HTML 3
4 Nociones Básicas HTML no distingue entre mayúsculas y minúsculas Los clientes Web no respetan el posible formato que se aplique a los documentos (espacios entre líneas o palabras adicionales, tabuladores, etc.), si no que deben ser las propias etiquetas las que controlen este formato HTML permite anidar etiquetas. <B><I>Esto es negrita e itálica</b></i> Existen unas reglas estrictas que indican de qué forma se pueden anidar las etiquetas. En ningún caso se deben solapar las etiquetas. <Eti1><Eti2></Eti1></Eti2> <Eti1><Eti2></Eti2></Eti1> Prohibido Correcto Las etiquetas pueden ser de tres tipos: Pareadas: <NombreEtiqueta>...</NombreEtiqueta> No Pareadas: <NombreEtiqueta> Opcionales: <NombreEtiqueta>...[</NombreEtiqueta>] Creacion paginas Web con HTML 4
5 Nociones Básicas La mayoría de las etiquetas tienen atributos que representan opciones que modifican su comportamiento por defecto. <NombreEtiqueta Atrib1=... Atrib2=... >[...][</NombreEtiqueta] Corrección sintáctica de documentos HTML tiene un conjunto estricto de reglas, que fijan la sintaxis correcta de un documento. Este conjunto de reglas se basan en tres aspectos fundamentales: Estructura general de un documento. Etiquetas y atributos de las mismas. Posibles formas de combinar (anidar) etiquetas. Creacion paginas Web con HTML 5
6 Nociones Básicas Los clientes Web están implementados de manera que sean capaces de mostrar documentos sintácticamente incorrectos, siguiendo unas reglas sencillas: q Etiqueta desconocida o mal escrita se ignora q Atributo desconocido o con valor erróneo se ignora q Combinación de etiquetas anidadas no permitida si es posible presenta efecto conjunto en otro caso presenta primera etiqueta procesada Creacion paginas Web con HTML 6
7 Estructura de un documento <!DOCTYPE HTML PUBLIC > Indica la versión de HTML <HTML> Inicio de página <HEAD> Inicio de cabecera <TITLE> Inicio de título Título de la página </TITLE> Fin de título </HEAD> Fin de cabecera <BODY> Inicio de cuerpo Contenido de la pagina: texto, tablas, imágenes </BODY> Fin de cuerpo </HTML> Fin de página Creacion paginas Web con HTML 7
8 Ejemplo Página WEB <html> <head> <title> Ejemplo de página</title> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <H3 align=left>ejemplo DE PÁGINA WEB: SISTEMAS INFORMATICOS II</H3> <B><U> Organización de la asignatura y evaluación: </U></B> <br> 4 módulos: Redes (10h), UNIX Linux (10h), Bases de datos (15) y aplicación en la Web (php y html) (25). <br><i><br><br><br> <UL type="disc"> <LI>HTML- PHP (25 horas): de 20 de febrero a 10 de abril </LI> <LI>BASES DE DATOS: de 20 de febrero a 2 de junio </LI> <LI>REDES: 17 de abril a 8 de mayo </LI> <LI>UNIX-LINUX: 15 de mayo a 5 junio</li> </UL> </I> <p><br> <center> <!--msthemeseparator--><p align="center"><img src=" width="615" height="2"></p> <p><font face="verdana"><small><b> Ricardo Saéz.</b> Página mantenida por xxxxx <br> Última actualización: <b> 20 de febrero de </b> </small></font></p></center> </body> </html> Creacion paginas Web con HTML 8
9 Ejemplo Página WEB Creacion paginas Web con HTML 9
10 Conceptos 1. Etiquetas para dar estructura al texto 2. Etiquetas para dar formato al texto 3. Caracteres especiales 4. Listas 5. Enlaces 6. Imágenes 7. Tablas 8. Cambiar apariencia en documentos 9. Formularios 10.Documentos con marcos (FRAMES) (Ver detalles en documentación adjunta ) Creacion paginas Web con HTML 10
11 Etiquetas para dar estructura al texto Párrafos <P>Esto es un párrafo</p><p>y esto es otro párrafo</p> Creacion paginas Web con HTML 11
12 Etiquetas para dar estructura al texto Saltos de línea Esto es una línea<br>y esta es otra línea Creacion paginas Web con HTML 12
13 Etiquetas para dar estructura al texto Titulos <H1>Titulo 1</H1><H2>Titulo 2</H2><H3>Titulo 3 </H3><H4>Titulo 4</H4> <H5>Titulo 5</H5><H6>Titulo 6</H6> Creacion paginas Web con HTML 13
14 Etiquetas para dar estructura al texto Control de alineación <center>estas dos líneas<br>están centradas </center> <DIV align="right">este texto está centrado a la derecha</div> Creacion paginas Web con HTML 14
15 Etiquetas para dar estructura al texto Líneas horizontales Este texto lleva una línea horizontal debajo <hr align="left" width="60%"> Creacion paginas Web con HTML 15
16 Etiquetas para dar estructura al texto Sangrado de bloques Texto normal <blockquote>texto con sangrado</blockquote> <blockquote><blockquote>texto con doble sangrado</blockquote></blockquote> Creacion paginas Web con HTML 16
17 Etiquetas para dar estructura al texto Textos preformateados Esto es un texto que no está preformateado<br> <pre>esto es un texto semejante preformateado</pre> Creacion paginas Web con HTML 17
18 Etiquetas para dar estructura al texto Direcciones <address>aquí puede ir la información acerca del autor,...</address> Creacion paginas Web con HTML 18
19 Etiquetas para dar estructura al texto Comentarios Debajo de esta línea hay otra línea exacta comentada <!--Debajo de esta línea hay otra línea exacta comentada --> Creacion paginas Web con HTML 19
20 Etiquetas para dar estructura al texto Control de saltos de línea El número de líneas en las que se muestra esta frase depende del ancho de la ventana<br> <nobr>por mucho que se estreche la ventana este texto se mostrará en una sola línea</nobr><br> <nobr>si se estrecha la ventana a partir de AQUI<wbr> el texto se mostrará en otra línea</nobr> Creacion paginas Web con HTML 20
21 Etiquetas para dar formato al texto Aqui vemos texto formateado:<br> <b>negrita</b> - <i>itálica</i> - <u>subrayado</u> - <tt>máquina escribir</tt><br> <sub>subindice</sub> - <sup>superíndice</sup> - <big>grande</big> - <small>pequeño</small> - <blink>parpadeante</blink> - <s>tachado</s> Creacion paginas Web con HTML 21
22 Caracteres especiales HTML Carácter HTML Carácter < & Á É Í Ó Ú Ñ < & Á É Í Ó Ú Ñ â > " á é í ó ú ñ > " á é í ó ú ñ ã Creacion paginas Web con HTML 22
23 Listas Lista numerada: <ol type="a"> <li value="1">primero</li><li value="2">segundo</li> <li value="3">tercero</li></ol> Lista desordenada: <ul type="square"> <li>primer elemento</li><li>segundo elemento</li> <li>tercero elemento</li></ul> Creacion paginas Web con HTML 23
24 Enlaces Para acceder a la página de la Universidad en una nueva ventana pinchar <a href=" target="_blank">aquí</a>.<br> Para acceder al inicio de esta página pinchar <a href="paginahtmlcurso.htm#inicio">aquí</a>. Creacion paginas Web con HTML 24
25 Imágenes Pinchando en la siguiente imagen se puede acceder a la página de la Universidad de Cantabria<br> <a href=" target="_blank"><img src="imagen1.jpg" alt="acceso a la pagina de la Universidad de Cantabria"></a> Creacion paginas Web con HTML 25
26 Tablas <tableborder=1 bgcolor="yellow"> <caption >Titulo de la tabla</caption> <tr> <th>columna 1</th> <th>columna 2</th> <th>columna 3</th></tr> <tr> <td>f1c1</td> <td>f1c2</td> <td>f1c3</td></tr> <tr> <td>f2c1</td> <td colspan=2>f2c2 y F2C3</td></tr> </table> Creacion paginas Web con HTML 26
27 marquee HTML Cambio de apariencia <marquee direction="left">este texto se desplaza de derecha a izquierda</marquee> Creacion paginas Web con HTML 27
28 Formularios Permiten recoger información del usuario para pasársela al servidor. Estructura: <FORM ACTION= Pagina, ejecutable o direccion de correo" method="post o get"> <! Aquí van todos los elementos del formulario. Necesidad de un elemento <INPUT TYPE= submit > que envíe los datos al servidor --> </FORM> Creacion paginas Web con HTML 28
29 Formularios q Texto corto <INPUT TYPE= text NAME= txttext VALUE=T1 SIZE=12 MAXLEGTH=20> q Texto oculto <INPUT TYPE= password NAME= txtpass VALUE= T2 SIZE=12 MAXLEGTH=20> q Texto largo <TEXTAREA NAME= txtarea ROWS= 4 COLS= 12...>Texto del text area </TEXTAREA> Creacion paginas Web con HTML 29
30 Formularios q Listas de opciones <SELECT NAME= listname SIZE=6 MULTIPLE> <OPTION SELECTED VALUE= A >Opcion 1 </OPTION> <OPTION VALUE= B >Opcion 2</OPTION> <OPTION VALUE= C >Opcion 3</OPTION>... </SELECT> q Botones de radio <INPUT TYPE="radio" NAME= radiooption" VALUE= A" CHECKED>Opcion 1 <INPUT TYPE="radio" NAME= radiooption" VALUE= B >Opcion 2<br> <INPUT TYPE="radio" NAME= radiooption" VALUE= C">Opcion 3 <INPUT TYPE="radio" NAME= radiooption" VALUE= D">Opcion 4<br> Creacion paginas Web con HTML 30
31 Formularios q Cajas de validación <INPUT TYPE="checkbox" NAME= chk1"> Caso A <INPUT TYPE="checkbox" NAME= chk2 CHECKED>Caso B q Botón de envío, borrado y normal <INPUT TYPE= submit" NAME= btnenviar VALUE= Enviar > <INPUT TYPE= reset" NAME= btnborrar VALUE= Borrar > <INPUT TYPE= button NAME= btnnormal" VALUE= Botón normal"> q Datos ocultos <INPUT TYPE= hidden NAME= txtoculto" VALUE= valorx"> Creacion paginas Web con HTML 31
32 Formularios Creacion paginas Web con HTML 32
33 Frames-Marcos Permiten dividir la ventan del navegador en diferentes áreas independientes que contienen su propio documento HTML. Estructura: <FRAMESET rows[cols]="25%,...,*"> <FRAME NAME="contenidos SRC="Formulario.htm"> <FRAME NAME="indice" SRC="PaginaHTMLCurso.htm">... </FRAMESET> <NOFRAMES> <BODY> Este navegador no admite frames </BODY> </NOFRAMES> Creacion paginas Web con HTML 33
34 Frames-Marcos Creacion paginas Web con HTML 34
35 referencias Referencias de interés :// Referencia sobre los estándares HTML ://developer.netscape.com/index.html: Documentación sobre HTML proporcionada por Netscape :// : Recursos para imágenes, iconos y gráficos ://moon.inf.uji.es/mfondos.html :Colección de fondos para páginas ://moon.inf.uji.es/icons// :Colección de iconos Creacion paginas Web con HTML 35
36 Páginas WEB dinámicas HTML Dinámico: técnicas para dotar de dinamismo e interactividad a las páginas web qscripts dinámicos (JavaScript, VBscript)) qapplets de Java qhojas de estilo (CSS) qpáginas soportadas por Bases de Datos (CGI, ASP, PHP ) Creacion paginas Web con HTML 36
37 Páginas WEB dinámicas Scripts dinámicos Javascript y Vbscript lenguajes orientado a documento basados en objetos Se introducen directamentemente en la página HTML y permiten dar dinamismo a la página desde el lado cliente Ejemplo <HTML><HEAD>... <SCRIPT language="javascript" id="clienteventhandlersjs"> <!-- comentario para ocultar el contenido. function mostrarmensaje (eltexto) { alert(eltexto);} //--> </SCRIPT>...</HEAD> <BODY onload=mostrarmensaje('bienvenido');><form id="frm1" method="post"> <INPUT TYPE="text" NAME="txtValor" onchange="mostrarmensaje(this.value);">...</form>...</body></html> Creacion paginas Web con HTML 37
38 Páginas WEB dinámicas Applets de Java Applets: módulos que pueden ser insertados en otra aplicación, en nuestro caso un cliente Web, para realizar una función concreta. Se dispone de la capacidad de incorporar módulos (objetos) dinámicamente, a través de una red de comunicaciones. Cualquier sistema que disponga de un runtime de Java es capaz de ejecutar sus aplicaciones <HTML><HEAD>...</HEAD> <BODY> <APPLET CODE=MiApplet.class WIDTH=n HEIGHT=m> <PARAM NAME =NombreParam1 VALUE=valor1> <PARAM NAME =NombreParam2 VALUE=valor2>... </APPLET> </BODY></HTML> Creacion paginas Web con HTML 38
39 Son Páginas WEB dinámicas Hojas de estilo (*.css css) plantillas que permiten cambiar el formato de presentación de cualquier etiqueta de HTML. Sus características más importantes son: Controlan todos los elementos de la presentación de un documento HTML: márgenes de página, espaciado entre párrafos, tamaños y tipos de letra, color y fondos,... Permiten agrupar varios formatos en nuevas clases de texto, para evitar tener que repetir las mismas etiquetas HTML en diferentes partes del documento. La presentación final de un servicio de información se puede alterar sin más que alterar una hoja de estilo común que compartan todos los documentos. Creacion paginas Web con HTML 39
40 Páginas WEB dinámicas Hojas de estilo (*.css css) Las Hojas de Estilo pueden ser definidas en un fichero a parte (*.css) o dentro del mismo documento HTML. <HTML> <HEAD>...<LINK href= hojaestilo.css type= text/css rel= stylesheet ></HEAD> <BODY>...</BODY> </HTML> <HTML> <HEAD> <TITLE>...</TITLE> <STYLE TYPE="text/css"> <! BODY { color: #000; background: #FFF; } H1, H2 { margin-left: -6%; color: #900;} P.centrado { text-align : center }.anotaciones { margin-left: 1cm; margin-right: 1cm } --> </STYLE>...</HEAD> <BODY>... Este texto está utilizando el estilo definido en BODY. <P CLASS="centrado">Este párrafo aparecerá centrado.</p> <SPAN CLASS=anotaciones>Este párrafo se presenta con el estilo <I>anotaciones</I> previamente creado.</span>...</body> </HTML> Creacion paginas Web con HTML 40
41 Páginas WEB dinámicas Soporte de Bases de Datos Utilización de CGI, asp (aspx), PHP, JSP, ColdFusion. Creacion paginas Web con HTML 41
Formularios HTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
Formularios HTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Declaración de un formulario Elemento clave para el desarrollo de aplicaciones
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 detallesLos formularios irán delimitados por las etiquetas <FORM> y </FORM>, la cual tiene dos parámetros:
Formularios en HTML Los formularios nos sirven para solicitar información al usuario y procesarla. El formulario se compondrá de diferentes componentes como campos de texto, botones de opción, listas desplegables,...
Más detallesTEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Más detallesTema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!
Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar
Más detalles5.- Crear páginas web con Nvu
5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas
Más detallesINDICE Capitulo 1. Internet y la Web Capitulo 2. Páginas Web Capitulo 3. Introducción al Lenguaje HTML Capitulo 4. Imágenes
INDICE Antes de comenzar XIII Capitulo 1. Internet y la Web 1 Internet 3 Protocolos de Internet 4 El hipertexto y la Web 4 Funcionamiento de la Web 8 Cliente Web 8 Servidor Web 8 Transferencia de la pagina
Más detallesEtiquetas 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 detallesPara iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:
Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras
Más 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 detallesHTML, PHP y bases de datos
HTML, PHP y bases de datos Estrella Pulido Cañabate HTML Estructura de un documento HTML Zen and Tumbolia The Zen monk Bassui wrote a letter to one of his disciples
Más detallesETIQUETAS HTML 5 Diseño de Sitios Web TUW
Etiqueta Descripción Define un comentario nueva nueva nueva nueva
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 detallesEXTENSIÓN DE UML PARA APLICACIONES WEB
EXTENSIÓN DE UML PARA APLICACIONES WEB 1. Descripción Esta extensión de UML define un conjunto de estereotipos, valores etiquetados y restricciones que nos permiten modelar aplicaciones web. Los estereotipos
Más detallesBases de Datos. Marta Elena Zorrilla Pantaleón. Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN
Bases de Datos Tema 05. Prototipo de una aplicación de base de datos Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN Este tema se publica bajo Licencia:
Más detallesCapítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
Más detallesDESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA
DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base
Más detallesUnidad II: Lenguaje de marcado
Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información
Más detallesDiseño de páginas web 2011
Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero
Más detallesA continuación se confeccionara un formulario para el ingreso de un nombre y un botón para el envío del dato ingresado al servidor:
FORMULARIOS BAJO HTML INTRODUCCION A FORMULARIOS Un formulario permite que el visitante al sitio cargue datos y sean enviados al servidor. Es el medio ideal para registrar comentarios del visitante sobre
Más detallesObjetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.
Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje
Más detallesGUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples
Más detallesCursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web
Cursos de DISEÑO DE PÁGINAS WEB [ ] Diseño de Páginas Web DISEÑO DE PÁGINAS WEB El Curso de Diseño de Páginas Web permite dotar a los trabajadores de la formación necesaria que les capacite y prepare para
Más detallesHTML INDICE: 1 Internet 2 Conceptos básicos 3 Estructura de un documento HTML 4 Dar formato a un documento 5 Listas 6 Imágenes
HTML INDICE: 1 Internet 1.1 Qué es Internet 1.2 Los comienzos de Internet 1.3 Aplicaciones que nos ofrece Internet 1.4 Qué es WWW 1.5 Servicios que nos ofrece WWW 1.6 Cuestionario: Internet 2 Conceptos
Más detallesDESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA
DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir
Más detallesDISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES
DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar
Más detallesDESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández
Más detallesUnidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR
Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR 2.4 FORMULARIOS 18/10/2014 Taboada León IES San Sebastián Huelva 1 Formularios (I) Los formularios permiten al usuario introducir
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 detallesDiseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4
Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos
Más detallesEn 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 detallesPROGRAMA: Diseño y desarrollo Web con HTML 5,
PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un
Más detallesEjemplos básicos de webmathematica para profesores
Ejemplos básicos de webmathematica para profesores Cualquier cálculo hecho dentro Mathematica puede ser realizado usando webmathematica con dos limitaciones significativas. Primero, al usar webmathematica,
Más detallesProfesor: Víctor Cárdenas Schweiger
Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de
Más detallesPlantilla de texto plano
Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en
Más detallesPROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes
PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar
Más detallesTEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA
TEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA AREA DEL TEMA: INGENIERÍA DE SOFTWARE OBJETIVO GENERAL Desarrollar aplicaciones web utilizando
Más detallesTema 1. Introducción a programas en el lado del cliente
Tema 1. Introducción a programas en el lado del cliente ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Introducción Las aplicaciones web tiene varias
Más detalles2- Formularios y JavaScript Course: Developing web- based applica=ons
2- Formularios y JavaScript Course: Developing web- based applica=ons Cris*na Puente, Rafael Palacios 2010- 1 Creación de formularios Formularios Un formulario HTML es una sección de un documento que contiene
Más detallesDesarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1.Presentación general 2. Presentación del curso 3. Conceptos introductorios e ingeniería web 4. Arquitectura web
Más detallesUF1304 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 detallesCREACION 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 detallesLa utilización de las diferentes aplicaciones o servicios de Internet se lleva a cabo respondiendo al llamado modelo cliente-servidor.
Procesamiento del lado del servidor La Programación del lado del servidor es una tecnología que consiste en el procesamiento de una petición de un usuario mediante la interpretación de un script en el
Más detallesPartes del formulario
Partes del formulario Etiqueta La etiqueta presenta los siguientes atributos: Comando ACTION METHOD ENCTYPE Descripción El valor de este parámetro es la URL del programa o script en el Servidor
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 detallesDesarrollo de sitios web con PHP y MySQL
Desarrollo de sitios web con PHP y MySQL Tema 3: Formularios José Mariano González Romano mariano@lsi.us.es Tema 3: Formularios 1. Acceso a formularios HTML desde PHP 2. El formulario de PHP 3. Subida
Más detallesDiseño Web. Temario. www.capacitaciongrafica.com
Diseño Web Temario Diseño Web Temario Objetivos: Que el alumno aprenda a Diseñar y Desarrollar sitios web informativos, dinámicos e interactivos cumpliendo con los estandares del diseño web mundial. Al
Más detallesEscribiendo el HTML. Un formulario se declara entre estos dos tags:
Formularios Un formulario HTML sirve como principal punto de interacción con el usuario: mediante ellas, podemos hacer posible la interacción de nuestra página Web para con el usuario que visita nuestro
Más detallesHTML El idioma de Internet (Parte 1)
HTML El idioma de Internet (Parte 1) El lenguaje HTML Lenguaje de marcas de hipertexto Sintaxis extremadamente sencilla Documentos en archivos de texto simples Texto sin formato Diferenciación de los distintos
Más detallesEl módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:
Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando
Más detallesTransparencias de J2EE. Tema 2: HTML. Uploaded by Ingteleco
Transparencias de J2EE Tema 2: HTML Uploaded by Ingteleco http://ingteleco.webcindario.com ingtelecoweb@hotmail.com La dirección URL puede sufrir modificaciones en el futuro. Si no funciona contacta por
Más detallesFORMACIÓN. CURSO Diseño básico de páginas web
FORMACIÓN CURSO Diseño básico de páginas web En un mercado laboral en constante evolución, la formación continua de los profesionales debe ser una de sus prioridades. En Galejobs somos conscientes de la
Más detallesPracticas de HTML. En un procesador de texto cualquiera teclear el siguiente código
7 Practicas de HTML 1. Pagina básica En un procesador de texto cualquiera teclear el siguiente código Mi primera pagina Web Esta es mi primera pagina, es muy
Más detallesLaboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver
UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver En esta práctica guiada vamos a ver
Más detallesGuí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 detallesENTORNO DE DESARROLLO MICROSOFT.NET 2010
ENTORNO DE DESARROLLO MICROSOFT.NET 2010 UNIDAD 2 Estructura de contenidos: 1. Conociendo ASP 2. Sitio Web y Proyecto Web 3. WebForm 4. Características de los webforms 5. Entorno del.net 6. Controles básicos
Más detallesCapÍtulo 3: Manejo de Forms.
CapÍtulo 3: Manejo de Forms. El mecanismo básico de interacción entre el usuario y un web-site esta dado por el uso de formularios html, el server envía un formulario que el browser muestra en pantalla
Más detallesTomar información por pantalla con JavaScript
Tomar información por pantalla con JavaScript Para lograr interactividad con nuestros usuarios, es necesario reaccionar a sus acciones o permitir que estos ingresen información para que sea manipulada,
Más detallesDiseño de Páginas Web 2011
Diseño de Páginas Web 2011 PRESENTACIÓN Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y las hojas de estilo en cascada (CSS), enfatizando la utilización
Más detallesManual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00
Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 ÍNDICE DE CONTENIDOS INTRODUCCIÓN...3 ÁREAS DEL SITIO WEB...4 1. ENCABEZADO...5 2. SECCIONES Y PÁGINAS DEFINIDAS...5 3. CONTENIDO...5 4. NOVEDADES
Más detallesProductos para desarrollar aplicaciones web: ASP, CFM, JSP y PHP
Departamento de Lenguajes y Sistemas Informáticos Productos para desarrollar aplicaciones web: ASP, CFM, JSP y PHP Curso 001-00 ASP, CFM, JSP y PHP (I) Diferente tecnologías con un mismo propósito: proporcionar
Más detallesCURSO PÁGINAS WEB HTML: CÓDIGO EN EL EDITOR GEDIT
CURSO PÁGINAS WEB HTML: CÓDIGO EN EL EDITOR GEDIT Colegio Concertado Valdecás 1. Estructura de una página web a) Etiquetas de comienzo y fin del documento (etiqueta de entrada)... (etiqueta
Más detallesHOJA DE CALCULO EXCEL NIVEL II
HOJA DE CALCULO EXCEL NIVEL II DURACION: 30 HORAS Los participantes al finalizar la acción formativa serán capaces de utilizar la hoja de cálculo EXCEL, adquiriendo los conocimientos teóricos y prácticos
Más detallesPráctica 1: Instalación de un servidor de aplicaciones web y diseño de la vista de una aplicación
Práctica 1: Instalación de un servidor de aplicaciones web y diseño de la vista de una aplicación Sistemas de Información Grado de Informática Dpto. de Informática e Ingeniería de Sistemas, Universidad
Más detallesBases de Datos. Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN
Bases de Datos Tema 05. Proto-po de una aplicación de base de datos Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN Este tema se publica bajo Licencia:
Más detallesLenguaje 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 detallesFormularios HTML. Elementos de Programación y Lógica
Formularios HTML Elementos de Programación y Lógica Formularios HTML es un lenguaje de marcado cuyo propósito principal consiste en estructurar los contenidos de los documentos y páginas web. Sin embargo,
Más detallesaplicaciones web: ASP, CFM, JSP y PHP
Departamento de Lenguajes y Sistemas Informáticos Productos para desarrollar aplicaciones web: ASP, CFM, JSP y PHP Curso 2001-2002 Sergio Luján Mora ASP, CFM, JSP y PHP (I) Diferente tecnologías con un
Más detallesPROGRAMA FORMATIVO MACROMEDIA STUDIO 8
PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores
Más detallesManual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4
Manual del Sistema de XML Whois de Neubox Versión 9.12.4 1 Índice Sección Página I. Introducción........ 3 II. Contenido del paquete............ 4 III. Instalación y uso....... 5 1. Cómo comprobar la plantilla......
Más detalles1.264 Tema 12. HTML Introducción a FrontPage
1.264 Tema 12 HTML Introducción a FrontPage HTML Subconjunto de lenguaje de marcado generalizado estándar (SGML), lenguaje descri ptivo de documentos. SGML está certificado con la norma ISO. La versión
Más detallesAbril 2005. Jordi Llonch jordi@laigu.net. Basado en los cursos de: http://www.webestilo.com/html/ http://www.webestilo.com/css/
Abril 2005 Jordi Llonch jordi@laigu.net Basado en los cursos de: http://www.webestilo.com/html/ http://www.webestilo.com/css/ http://creativecommons.org/licenses/by-sa/2.0/ 2 Conceptos básicos World Wide
Más detallesTema: Maquetación Web y CSS
Diseño Digital V. Guía 4 1 Tema: Maquetación Web y CSS Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Objetivos Contenidos A través del desarrollo de la guía el estudiante
Más detallesMANUAL 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 detallesPáginas Web Barcelona
Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML
Más detalles56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web
56h DREAMWEAVER 8 OBJETIVOS DEL CURSO Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales
Más detallesIntegración de GeoGebra en unidades de aprendizaje
Integración de GeoGebra en unidades de aprendizaje Marín Trechera, Luis Miguel 1 Gámez Mellado, Antonio 1 Resumen Las posibilidades didácticas de GeoGebra revelan todo su potencial al integrarse en unidades
Más detallesTÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6
Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales
Más detallesPráctica de introducción a
Práctica de introducción a XML El trabajo consiste en una introducción al uso del lenguaje XML y su aplicación en documentos y sistemas de caracteristicas multimedia. 1.- Qué es XML? XML (extensible Markup
Más detallesACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL
MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA
Más 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 detallesModulo I. Introducción a la Programación Web. 1.1 Servidor Web.
Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Antes de analizar lo que es un servidor Web y llevara a cabo su instalación, es muy importante identificar diferentes elementos involucrados
Más detallesUnidad 1. Introducción a HTML (I)
Unidad 1. Introducción a HTML (I) A lo largo de este tema vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear páginas web. Qué es HTML El HTML (Hyper Text Markup Language) es
Más detallesRegalo por realización del itinerario sobre Office 2010 básico:
ITINERARIO SOBRE OFFICE 2010 BÁSICO Este itinerario incluye los siguientes programas: Word 2010 básico Excel 2010 básico Regalo por realización del itinerario sobre Office 2010 básico: Tablet o Portátil
Más detallesELABORADO 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 detallesBASE DE DATOS ACCESS INICIACION
BASE DE DATOS ACCESS INICIACION DURACION: 24 HORAS Los participantes al finalizar la acción formativa serán capaces de gestionar las bases de datos, adquiriendo los conocimientos teóricos y prácticos necesarios
Más detallesQué es una aplicación web
Departamento de Lenguajes y Sistemas Informáticos Qué es una aplicación web Programación en Internet Curso 2006-2007 Índice Introducción Cliente Servidor Transferencia páginas web Entornos web Ventajas
Más detallesMETODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO
ÍNDICE DE CONTENIDO Metodología de desarrollo de contenidos web accesibles...1 Estándares de accesibilidad de la UE...2 Desglose por roles...2 Creación de contenidos...2 Diseño...3 Programación...4 Anexo
Más detallesLaboratorio 6. Creación de sitios Web - Dreamweaver
UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 6. Creación de sitios Web - Dreamweaver El objetivo de este laboratorio es aprender a crear sitios
Más detallesCurso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6
Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios
Más detalles01 Índice. GESTOR DE CONTENIDOS Manual de uso 01 ÍNDICE... 1 02 OBJETO DEL DOCUMENTO... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA... 3
01 Índice 01 ÍNDICE..... 1 02 OBJETO DEL DOCUMENTO..... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA..... 3 04 GESTIÓN DE TABLAS..... 5 05 USO DE TABLAS EN ENVIDUR..... 15 06 GESTIÓN DE FUNCIONALIDAD ADICIONAL.
Más detallesGUÍ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 detallesInternet Servicios WEB (WWW)
Universidad de Cantabria Internet Servicios WEB (WWW) Arquitectura de Aplicaciones WEB Febrero-2006 Ricardo Sáez Marta Zorrilla Internet- Arquitectura aplicaciones 1 Cliente/Servidor & Intranet/Internet
Más detallesIntroducció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 detallesArquitectura. 1.- Aplicaciones Web. Definición. Arquitectura clásica. Contenidos. 1.- Aplicaciones Web
Arquitectura 1.- Aplicaciones Web Definición Contenidos 1.- Aplicaciones Web 2.- Arquitectura de aplicaciones Web Lo que distingue una aplicación Web de una mero sitio Web reside en la posibilidad que
Más detallesADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0
ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES
Más detallesCurso Oficial GoLive 6.0
Nombre del curso Duración 32 horas Plataformas disponibles PC Mac Titulación Título Oficial CREA Adobe Certified Training Provider Objetivos El objetivo principal del curso es adquirir los conocimientos
Más detalles