MANUAL PRACTICO DE HTML
|
|
- María Elena Flores Navarrete
- hace 8 años
- Vistas:
Transcripción
1 MANUAL PRACTICO DE HTML 1 La estructura tiene tres partes cabeza, cuerpo, cierre o fin. <HTML> <HEAD> <TITLE>MI PC</TITLE>... </HEAD> <BODY> Aquí iría el contenido que ve el usuario final </BODY> </HTML> Dentro del html, encontramos etiquetas, que son las instrucciones que sirve para el funcionamiento del diseño de la página web, Ejemplo esta etiquetas están abierta pero se deben de cerrar Abre <html> <title> Cierra. Las etiquetas se cierran con / </head> </ttml> Listado de algunos comando que le ayudaran a mejorar su presentación del diseño de la pagina...descripción......inicio......f I N A L... Principo de Documento..<html>... </html> Encabezado y Título <head><title>...(titulo del archivo)... Color de Fondo de Página <body bgcolor="#rrvvaa"> ---- Imágen de Fondo <body background="xxx.gif (o jpg)"> Imágen Individual <img src="yyy.gif (o jpg)"> ---- Imágen(Ancho*Alto) <img src=".." width="n" height="n"> </title></head>
2 Espacio "libre" <img src=".." hspace="n"> Color del Texto (parcial) <font color="#rrvvaa"> </font> Tamaño del Texto (parcial) <font size="n"> </font> Punto y a Parte <br> Linea(s) en blanco <p> "As you See" <pre> </pre> Linea Embebida <hr="n"> Negrita*Cursiva*Subray <b> * <I> * <U> </b> * </I> * </U> Subíndice * Superíndice <sub> * <sup> </sub> * </sup> Centrado*Izquierda*Derecha <center>*<left>*<right> Enlace "lejano" <a href=" Enlace "ab.html" en tu PC <a href="ab.html">...</a> Enlace misma página <a href="#pepe">...</a> Localiz.anterior <a name="pepe">...</a> Enlace Correo <a herf="mailto: dir.mail...">...</a> Arch.de Sonido <bgsound src="xx.wav"> (o.mid) </center>*</left>*</right> Desplazam. Marquesina <marquee>(texto) </marquee> 2 Con el fin de darle color a su página web, usted puede usar de la siguiente tabla los colores acordes a su diseño RED FF0000 LIME 66FF00 AQUA 00FFFF FF3300 CC3300 FF9999 FFCCCC FF3333 CC3333 FFCC99 CC FF0033 CC0033 FF9966 FF CC FF33 00CC00 00CC00 66FF OLIVE 66FF00 99FF CCFFCC FF FFFF 33FFFF CCCCFF 3333FF 66FFFF 0000CC TEAL FF 99FFFF FF CCFFFF CCCCFF CCCC YELLOW FFFF33 FFFF66 FFFF99 FFFFCC CCCC MAROON GREEN 00FF00 BLUE 0000FF
3 FUCHSIA TEAL FF33FF FF66FF FF99FF FFCCFF CC00CC D337D 7D667D 7D997D 7DCC7D E100E1 CC00CC AF00AF FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF CC 9900FF CC 9933FF CC 9966FF CC 9999FF 99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF 99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF CC 6666FF CC 6699FF 66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF 66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF CC 3366FF CC 3399FF CC 0066FF CC 0099FF 33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF 00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF 33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF 00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF CC 6633FF CC 6600FF CC 3333FF CC 0033FF CC 3300FF CC 0000FF 3
4 O el nombre del color Amarillo Azul Blanco Gris Marrón Naranja Negro Rojo Verde Violeta Yellow Blue White Gray Brown Orange Black Red Green Violet 4 Para una mayor presentación usted puede usar las siguientes etiquetas para alinear un párrafo Un párrafo puede alinearse a la izquierda, centro, derecha o justificarlo. El párrafo en cuestión debe estar contenido entre las etiquetas <p align="left/center/right/justify">...</p>. Ejemplo: <p align="left"> Este texto está alineado a la izquierda </p> <p align="center"> Este texto está centrado </p> <p align="right"> Este texto está alineado a la derecha </p> <p align="justify"> Este texto está justificado </p> Con base a la tabla de comando y colores vamos a realizar el taller No 1 Para realizar el taller usted puede ir al botón de inicio que está ubicado en la barra de tareas en el escritorio de su pc.
5 Todos los programas accesorios y dar click en : 5 Bloc de Notas Muy bien le presenta la siguiente ventana
6 6 Aquí usted puede empezar programar Esta imagen es como se sugiere que código de programación quede TALLER UNO <HTML> <HEAD> <TITLE>pedrocastañeda</TITLE> </HEAD> <BODY bgcolor="#006666"> <center><font face ="arial" size="12" color="white"> BOGOTA CAPITAL DE COLOMBIA</font></center></br> nueva <marquee bgcolor="#bdb76b"direction="right"behavior="alternate"> <strong><font color="#800000"size="5">mi primer curso de diseño WEB</font></strong> </marquee> <p align="justify"> <font face="ariel"size="12"color="black">desde 1991, Colombia tiene una
7 carta de navegacion conocida con el nombre de constitucion politica de Colombia, basada en derechoy y debreres de los ciudadnos, colo una republica de estado social de Derecho </font></p><hr></br> <center><img SRC="C:\Users\Public\Pictures\Sample Pictures\koala.jpg" WIDTH="178" HEIGHT="180" > </center> <hr> 7 </BODY> </HTML> Para guardar el archivo usted puede ir al archivo guardar como: Ejemplo De esta manera usted crea el ejecutable de su página.
8 El nombre que le damos a la página web es TALLERUNO y la extensión es HTML, pero esta debe ir en minúscula y separa del nombre por un punto. 8 TALLER DOS En el taller dos aprendemos a colocar videos y lista en nuestra pagina La etiqueta <Embed> nos permite inserta video Ejemplo <center><embed src="c:\wildlife.wmv"width="500"heigt="500"autoplay="false"></center> <embed src="varios/audio.mid" autostart="false" loop="true"> <embed src="varios/cotorra.avi" autostart="false" loop="true"> Además usted puede colocar música de fondo a su página para este caso utilizaremos la siguiente Con el atributo loop indicamos el número de veces que se tienen que reproducir el sonido. Si se desea que el archivo de audio se reproduzca continuamente en un bucle, habrá que asignarle el valor infinite o -1. Por ejemplo, podríamos insertar un sonido de fondo escribiendo el siguiente código: <bgsound src="varios/audio.mid" loop="-1"> Las etiquetas más usadas son: <UL> <OL> <LI> Sirven <ol> Sirve para ordenar <OL> <li>colombia</li> <li>bogota</li>
9 <li>chapinero</li> <li>sena</li> 9 </ol> Etiqueta <UL> Sirve para trabajar con viñetas <UL> <li>colombia</li> <li>bogota</li> <li>chapinero</li> <li>sena</li> </Ul> <LI> Sirve Funciona de acuerdo al anterior caso <LI> <li>colombia</li> <li>bogota</li> <li>chapinero</li> <li>sena</li> </LI>
10 10 PRACTICA TALLER DOS <html> <head> <title>tallerdos</title> </head> <body background ="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"> <center> <embed src="c:\wildlife.wmv"width="500"heigt="500"autoplay="false"> </center></br> <hr> <UL> <li>colombia</li> <li>bogota</li> <li>chapinero</li> <li>sena</li> </Ul> <hr> <LI> <li>colombia</li> <li>bogota</li> <li>chapinero</li> <li>sena</li> </LI> </body> </html>
11 11 TALLER TRES En este taller aplicaremos la etiqueta FORM Nos permite asociar varios elementos dentro del formulario como bótanos, casillas, texto. <form> </form> Dentro del formulario podemos tener METHOD Indica cómo se enviaran las respuestas POST es el valor que se envían los datos ACTION Nos indica la dirección que se enviara la información (un script CGI o dirección de correo electrónica ( maito:dirección_de_correo_e@aaaa.com)) Trabajo extra clase que sirve en form Enctype Acction Method En la Etiqueta input Value
12 Maxlength = 30 Password 12 En este taller usted puede hacer una página con base al modelo
13 PARCTICA TALLER TRES 13 <html> <head> <title>tallerdos</title> </head> <body bgcolor= "009999"> <h3> <form> Nombres: <input type="text"neme="username"/><br> Apellido: <input type="text"name="apellido"/><br> Clave: <input type="password"name="password"/><br> Genero</br> <input type="radio"name="genero"/>femenino<br/> <input type="radio"name="genero"/>masculino</br> Comida Favorita: <br> <input type="checkbox" name="fruta"/>fruta<br/> <input type="checkbox" name="jugo"/>jugo<br/> <input type="checkbox" name="amburgesa"/>amburgesa<br/> <input type="checkbox" name="pizza"/>pizza<br/> <br> <hr> para mensajes<br> Seleccione a que persona le enevia su mensaje<br> <select name="person"> <option value="pedro">pedro</option> <option value="maria">maria</option> <option value="diego">diego</option> <option value="ines">ines</option> </select></br> Escriba su mensaje<br/> <textarea rows="5"cols="30"name="message_body"></textarea><br> <input type="submit" value="enviar"/> <input type="reset" value="borrar"> </form> </body> </html>
14 TALLER CUATRO TABLAS Etiqueta <table> 14 Atributo de la tabla Border Cellspacing Cellpadding Width Ejempo <table border= 1 cellspacing= 0 cellpadding= 5 width= 300 > Abributos de la filas <Tr> Align= center right left juu <td> valign middle top bottom Taller Usted puede hacer una tabla directorio del grupo de estudiantes que tenga cedula, nombres Barrio y Teléfono
15 PRACTICA TALLER CUATRO 15 <HTML> <HEAD> <TITLE>MI PC</TITLE> </HEAD> <BODY BGCOLOR="C0C0C0"> <table border="1"> <tr> <td>cedula</td> <td>nombres</td> <td>barrio</td> <td>telefono</td> </TR> </BODY> </HTML> <tr> <td> </td> <td>gloria INES</TD> <td>chapinero</td> <td> </td> </TR> <tr> <td> </td> <td>florinda DORA</TD> <td>chico</td> <td> </td> </TR>
16 TALLER CINCO 16 Es este taller aplicaremos marcos a la página que unos ayudan a organizar los contenidos dentro de la página y a la vez la navegación. Pueden ser ventas o sub ventanas de navegación. Ejemplo PRACTICA TALLER CINCO Crear una folder con el nombre proyecto y dentro de esta carpeta puede crear las siguientes páginas: Como hacer cada página recuerde que puedes trabajar con el bloc de notas Y guardar cada página con la extensión HTML, en minúscula.
17 La primera página se deberá llamar index.html <html> <title>pedro castañeda</title> <frameset rows="20%,80%"> <frame src="diario.html" name="left"> <frameset cols="20%,80%"> <frame src="publicidad.html"name="upper_right"> <frame src="principal.html"name="base"> </frameset> </html> La segunda página principal.html 17 Ver código <html> <head> <title>pedrog</title> </head> <body bgcolor="#0000ff"> principal </body> </html> Muy bien, es necesario que usted cada vez guarda vea como va funcionando su proyecto. La tercera página se llamara publicidad.html Esta página tiene algunos enlaces que llevan a dicho dominios. Ver código <html> <head> <title>pedro</title> </head> <body bgcolor="0c0c0c0"> <br> <a href="principal.html"target="base">inicio</a> <br> <a href="rojo.html"target="base">rojo</a> <br> <a href=" tiempo.</a> <br> <a href=" Castañeda</a> <br> </body> </html> Está mejorando pero nos falta la página que va en la parte superior En este caso le dimos el nombre de diario.html Ver código
18 <html> <head> <title>pedro</title> </head> <body bgcolor="00000"> <marquee bgcolor="#bdb76b"direction="right"behavior="alternate"> <strong><font color="#800000"size="5"> CONOCIMIENTO PARA TODAS Y TODOS</font></strong> </marquee> </body> 18 </html> Muy bien lo está logrando para finalizar la primera fase Vamos a crear otra página y le daremos el nombre rojo.html Ver código <html> <head> <title>pedro</title> </head> <body bgcolor="red"> <font color=" white"><h1><center> rojo</center> </font></h1> </body> </html> FELICITACIONES
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 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 detallesPrácticas H T M L U.A.C.M COMPUTACIÓN II
Prácticas H T M L U.A.C.M COMPUTACIÓN II M a r c o s Práctica VI HTML Básico El primer objetivo de esta práctica es familiarizarse con el uso de los marcos y posteriormente ubicar la forma de como podemos
Más detallesTEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)
TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar
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 detallesUNIDAD I HOJA ELECTRÓNICA DE CÁLCULO
UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO COMPETENCIA PARTICULAR: Utiliza herramientas de la hoja electrónica de cálculo para el procesamiento de la información en su ámbito académico, social y laboral. PRACTICA
Más detallesCon etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta ADDRESS ADDRESS CITE CITE B: NEGRITA B: NEGRITA.
En la presente tabla se hace una comparación entre las etiquetas de formato de texto. Netscape no soporta : ni (tachado). Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta
Más detallesDISEÑO DE PAGINAS CON HTML
DISEÑO DE PAGINAS CON HTML CONCEPTOS HTML (Hyper Text Markup Language) Lenguaje con el que se escriben paginas web. Es un lenguaje de hipertexto. Permite escribir texto de forma estructurada. Compuesto
Más detallesCONCEPTOS 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 detallesH T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas
Prácticas H T M L U.A.C.M COMPUTACIÓN II Marquesinas y Listas Práctica VII HTML Básico El objetivo es trabajar con dos elementos que nos darán un mejor aspecto a la información que se visualice en nuestra
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 detallesHTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003
HTML guía rápida de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre HTML4 disponible en: http://www.w3.org/tr/html4/ Jorge Sánchez 2003 índice introducción...
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 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 detallesLuis José Sánchez González INTRODUCCIÓN
CURSO BÁSICO DE HTML INTRODUCCIÓN Para crear una página web podemos optar por una de los siguientes métodos: a) Utilizar una herramienta de diseño web como Screem, Blue Fish, Front Page o incluso un procesador
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 detallesCreación de una página web accesible sencilla
Unidad 2: Las hojas de estilo en cascada Creación de una página web accesible sencilla Objetivos: -Agregar formato a la página creada, a través de una hoja de estilo. Contenidos: -Incorporación de una
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 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 detallesProyecto: Buscador de Películas usando XQuery y exist
Buscador de Películas usando XQuery y exist Arquitecturas de Altas Prestaciones Rafael Martos Llavero I. Objetivo del Proyecto. El objetivo del proyecto es la creación de una base de datos basada en XML
Más detallesELABORACIÓ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 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 detallesCREACION DE PÁGINAS WEB
CREACION DE PÁGINAS WEB CREAR LO QUE LLAMAREMOS SITIO WEB LOCAL En el escritorio del ordenador crear una carpeta llamada sitio web que sea donde guardes todos los archivos Dentro de ella guardaremos todos
Más detallesA lo largo de este tema vamos a aprender a crear una página básica.
Unidad 2. Estructura de una página (I) A lo largo de este tema vamos a aprender a crear una página básica. La estructura básica de una página es: Ahora veamos cómo funcionan estas etiquetas. Identificador
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 detallesETIQUETAS HTML 5 Diseño de Sitios Web TUW
Etiqueta Descripción Define un comentario nueva nueva nueva nueva
Más detalles7.1 Estructura Básica de jas Tablas
Las tablas permiten representar los elementos de una página en filas y columnas separadas entre si. Es una herramienta muy útil para ordenar contenidos de distintas partes de nuestra página. Las tablas
Más detallesNociones basicas de HTML
Nociones basicas de HTML Para comprender lo que veremos mas adelante es necesario tener conocimientos basicos de informatica e Internet en entorno Windows. Para hacer los ejercicios basta con un Navegador
Más detallesApuntes básicos de HTML I.E.S. Pintor José María Fernández
Manual Básico de HTML Este manual lo he realizado con la intención de servir como primer contacto con el lenguaje HTML (Hyper Text Markup Language), que es el que se utiliza para la creación de páginas
Más detallesINSTITUTO POLITÉCNICO NACIONAL WEB APPLICATION DEVELOPMENT. CIFUENTES ALVAREZ ALEJANDRO SIGFRIDO 3cm3 PROYECTO TERCER PARCIAL MI HOTMAIL CON JOOMLA
INSTITUTO POLITÉCNICO NACIONAL ESCUELA SUPERIOR DE CÓMPUTO WEB APPLICATION DEVELOPMENT CIFUENTES ALVAREZ ALEJANDRO SIGFRIDO 3cm3 PROYECTO TERCER PARCIAL MI HOTMAIL CON JOOMLA Alumno: MUÑOZ SALAZAR RICARDO
Más detallesPara instalar la radio en la PC sólo se tiene que seguir estos paso.
Inicio de servicio: 3 de Marzo del 2008 Para instalar la radio en la PC sólo se tiene que seguir estos paso. 1.- Bajar estos dos programas e instalar en nuestra PC http://www.tuwebhost.com/descargas/1.exe
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 detallesGuardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador.
HTML Etiquetas Básicas y de Estructura de páginas Web, Manejo de Texto y diseño de Páginas. Objetivo: Hacer prácticos los conocimientos adquiridos en la clase teórica. Investigar más etiquetas para el
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 detallesFormularios 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 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 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 detallesEJEMPLOS. Ejemplo Nº 1. Página Sencilla
EJEMPLOS Ejemplo Nº 1 Página Sencilla cocina Para Todos bienvenido, estás en la página comida para Todos. aquí aprenderás recetas fáciles y deliciosas.
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 detallesTrucos y efectos. 2 colores
Trucos y efectos Para el trabajo con Photoshop hay una gran cantidad de efectos que pueden aplicarse para el mejoramiento de los productos desarrollados con esta poderosa herramienta a continuación se
Más detallesDiseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí.
Internet Es una red de redes de ordenadores, que intercambian información basándose en el protocolo TCP/IP. Existen diversas formas de acceder a Internet: Correo electrónico, FTP, Videoconferencia, y la
Más detallesEJEMPLO DE APERTURA Y CIERRE DE UNA ETIQUETA.
DOCUMENTOS HTML QUÉ SON? Los documentos HTML son archivos creados con etiquetas en lenguaje de hyper text markup language (lenguaje de hipertexto). Estos documentos son interpretados por los programas
Más detallesMANUAL DE CAPACITACIÓN Sistema Joomla WEB CMS 2.5. HogarPara. SusNiños. www.hogarparasusninios.org
MANUAL DE CAPACITACIÓN Sistema Joomla WEB CMS 2.5 HogarPara SusNiños www.hogarparasusninios.org Pág. 1 Quito, 13 de Octubre del 2013 Señores HOGAR PARA SUS NIÑOS Presente.- Estimados Es grato para nuestra
Más detallesERICK OSWALDO IXMATUL NÁJERA 200914921 CUESTIONARIO
CUESTIONARIO 1) Cuál es el protocolo de comunicación en un puerto serial? El protocolo de comunicación en un puerto serial es: RS-232 2) Cuál es el conector que se utiliza en un puerto serial? El conector
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 detallesHTML. Ejercicios para HTML. Las etiquetas <html> y </html> identifican el principio y el final del documento HTML.
HTML HTML o Hypertext Markup Language o Lenguaje de Diseño de Hipertextos, es un lenguaje que se utiliza para crear páginas web. Ejercicios para HTML Las etiquetas y identifican el principio y el
Más detallesQUE ES HTML? Las siglas HTML se refieren a:
QUE ES HTML? Las siglas HTML se refieren a: HyperText Markup Language Es uno de los lenguajes más utilizados en el Web Wide Web. Las páginas de Internet están escritas en este lenguaje. Le brinda al autor
Más detallesCapítulo 4. Introducción a HTML
Capítulo 4. Introducción a HTML 4.1 Introducción HTML (HyperText Markup Language) es el lenguaje utilizado para representar documentos en la World Wide Web. Además de texto normal, incluye también elementos
Más detallesHIPERVÍNCULOS. Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen
HIPERVÍNCULOS Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo a otra página o archivo. Es posible asignar un vínculo a un texto, a una
Más detallesBANNERS CÍCLICOS CON JAVASCRIPT
BANNERS CÍCLICOS CON JAVASCRIPT ÍNDICE 1. INTRODUCCIÓN. 2. BANNERS CÍCLICOS. 2.1.BANNER CÍCLICO. 2.2.BANNERS CÍCLICOS CON CAMBIO DE COLOR DEL FONDO DE LA PÁGINA. 2.3.AÑADIR VÍNCULOS A LOS BANNERS CÍCLICOS.
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 detalles4º Unidad Didáctica. Lenguaje HTML. Eduard Lara
4º Unidad Didáctica Lenguaje HTML Eduard Lara 1 ÍNDICE 4.1 Lenguaje HTML 4.2 Etiquetas HTML 4.3 Estructura del documento HTML 4.4 Texto en HTML en HTML 4.5 Hiperenlaces en HTML 4.6 Imágenes en HTML 4.7
Más detallesUnidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC
Unidad 1.- Fundamentos de sitios web. El lenguaje HTML Desarrollo de aplicaciones Web. Felipe LC La actividad #1 En qué consistió la actividad 1? Qué conceptos aprendimos? Demos algunos ejemplos. Qué aprendimos
Más detallesMANUAL JOOMLA. Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada.
MANUAL JOOMLA Ingresar a : http://www.oceanperu.com CONFIGURACIÓN DE SU CUENTA Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada. Para
Más detallesETIQUETAS PRINCIPALES
HTML... 1 ETIQUETAS PRINCIPALES... 1 ETIQUETAS DE TÍTULOS, PÁRRAFOS Y SEPARACIONES... 3 FORMATO DE TEXTO... 5 LISTAS... 6 ENLACES E IMÁGENES... 7 TABLAS... 9 HTML Las páginas web son documentos de texto,
Más 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 detallesACTIVIDADES PÁGINAS WEB
ACTIVIDADES PÁGINAS WEB PRÁCTICA 1: Plantilla Nuestro primer ejercicio consiste en diseñar una plantilla de documento HTML para iniciar rápidamente todas nuestras páginas y ahorrarnos escribir los elementos
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 detallesEstas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.
Estructura de una página Web Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente
Más detalles2.5. Manipular objetos y formularios en una página Web.
2.5. Manipular objetos y formularios en una página Web. Un formulario es una página web en la cual el usuario puede introducir información que posteriormente recibiremos para que sea procesada, por alguna
Más detallesDiplomado en. Servicio Nacional. De Facilitadores Judiciales
Diplomado en Servicio Nacional De Facilitadores Judiciales Manual de ayuda para el alumno sobre el uso de la plataforma informática 1 Diplomado en Servicio Nacional de Facilitadores Judiciales Manejo de
Más detallesDISEÑO WEB ADOBE DREAMWEAVER CS3
CLASE 6 CREACIÓN DE FORMULARIOS Todo sitio Web necesita recabar cierta información, a veces para contactarse con los visitantes, a veces para encuestas y en algunas ocasiones para realizar venta o contratación
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 detalles1. UNA PÁGINA WEB SENCILLA
{ 1 } Índice 1. UNA PÁGINA WEB SENCILLA... 3 2. PROPIEDADES DE LA PÁGINA... 4 3. COLORES EN UNA PÁGINA WEB... 5 4. LÍNEAS HORIZONTALES... 6 5. AÑADIR UNA IMAGEN... 7 6. USAR ENLACES... 8 7. INSERTAR TABLAS...
Más detalles1. 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 detallesTema 4. Contenido multimedia. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!
Tema 4. Contenido multimedia ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Hipertexto! Permiten conectar entre sí entre diferentes documentos, elementos
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 detallesTutorial DC++ Usarlo es muy sencillo y configurarlo también, aunque tiene algunos trucos importentes.
Tutorial DC++ Para compartir, lo mejor es usar el DC++, que es un programa de intercambio P2P (como el emule) pero optimizado para usarlo en redes locales. Usarlo es muy sencillo y configurarlo también,
Más detallesMANUAL DE FORMULARIOS EN HOSTING
MANUAL DE FORMULARIOS EN HOSTING Índice 1 Qué es y para qué sirve un formulario 3 2 Qué contesta a los formularios 3 3 Qué esquema debe seguir el formulario 3 4 Qué datos y cómo los recibe la empresa a
Más detallesLa primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es:
TEMA P1. CURSO BÁSICO DE PROGRAMACIÓN EN LENGUAJE HTML HTML es un acrónimo de HiperText Markup Language que, traducido al español, quiere decir algo así como lenguaje de definición por marcas para hipertexto,
Más detallesImágenes y objetos IMÁGENES
IMÁGENES Y OBJETOS Imágenes y objetos 2 IMÁGENES Uno de los elementos más vistosos e importantes de las páginas web. Su introducción puede explicar de manera más fácil y agradable nuestra información al
Más detallesFormarnos / Instructivo para tutores
PROGRAMA DE FORMACIÓN DE DIRIGENTES EN GESTIÓN PÚBLICA Y SOCIAL Formarnos / Instructivo para tutores Universidad Nacional de Lanús / Vicerrectorado / Campus Virtual / 2015 Índice Ingreso a la plataforma
Más detallesCrea tu álbum digital con svbuilder
Crea tu álbum digital con svbuilder svbuilder, es un pequeño programa que nos permite hacer con nuestras fotos un Álbum Digital de calidad y en muy pocos pasos. El programa en su versión gratuita solo
Más detallesCUADERNILLO DE PRÁCTICAS
UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO CUADERNILLO DE PRÁCTICAS Aplicaciones Educativas WEB CUADERNILLO DE PRÁCTICAS Introducción Las posibilidades que brindan las tecnologías de la información
Más detallesUNIVERSIDAD DE CASTILLA LA-MANCHA CURSO DE FORMACIÓN FRONTPAGE
UCLM UNIVERSIDAD DE CASTILLA LA-MANCHA CURSO DE FORMACIÓN FRONTPAGE TEMA 1: INTRODUCCIÓN...2 1.1. INTERNET...2 1.2.LA WEB...2 Página Web...2 1.3. CLIENTES Y SERVIDORES...2 2. INICIACIÓN EN HTML...3 2.1.
Más detallesMANUAL TARIFICADOR. Clic aquí Descargar Tarificador
1 de 16 MANUAL TARIFICADOR A continuación encontrara un Paso a Paso de la instalación del tarificador. 1 PASO. Digite en su navegador esta dirección : www.hablaporinternet.com; encontrara la siguiente
Más detallesMANUAL TARIFICADOR A continuación encontrara un Paso a Paso de la instalación del tarificador.
1 de 16 MANUAL TARIFICADOR A continuación encontrara un Paso a Paso de la instalación del tarificador. 1 PASO. Ejecutar el instalador " TARIFICADOR SHOP SERVICE TECHNOLOGIES " doble click Ejecutando el
Más detallesUso de Outlook y Lync
Uso de Outlook y Lync Contenido USO DE CORREO Y MENSAJERÍA INSTITUCIONAL... 1 I. MICROSOFT OUTLOOK... 1 1. Acceder al correo Outlook... 1 2. Bandeja de entrada... 3 3. Correos leídos / no leídos... 4 4.
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 detallesLectura No. 3. Contextualización. Nombre: Página web DISEÑO DIGITAL 1. Para qué te sirve saber elaborar una página web?
Diseño Digital DISEÑO DIGITAL 1 Lectura No. 3 Nombre: Página web Contextualización Para qué te sirve saber elaborar una página web? A través de una página web puedes atraer a una mayor cantidad de clientes
Más detallesCurso de Páginas Web
Curso de Páginas Web www.cursodepaginasdeinternet.com paginasdeinternet@yahoo.com P.O. Box 8852 Ponce, PR, 00732 Teléfono: 787218-5406 Módulo 3 Preparado por: Dr. Gerardo Cartagena Instrucciones para Comenzar
Más detallesTutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos
1. Objetivos Este tema de introducción es el primero que debe seguir un alumno para asegurar que conoce los principios básicos de informática, como el manejo elemental del ratón y el teclado para gestionar
Más detallesI.E. FRANCISCO ANTONIO DE ZELA MANUAL DE MOVIE MAKER
OBJETIVOS: Conocer el entorno del Movie Maker Diseñar un Video en Movie Maker MANUAL DE Windows Movie Maker es el programa de edición de vídeo que Windows incorpora en su sistema operativo. La principal
Más detallesArrancar Word. Clic en inicio Clic en Microsoft Word 2010
Word 2007 Arrancar Word Clic en inicio Clic en Microsoft Word 2010 Nuestro primer documento Tarea 1 Escribiremos nuestros datos: Busca 1º Cambiamos formato de guardado: 3º 2º 4º Guardar un documento Dónde
Más detallesCursito 26: Curso de HTML Parte 2
Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito
Más detallesPROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]
PROPÓSITOS Unidad 1 Reconocer el funcionamiento de internet y sus características. Interpretar el concepto de ISP, HTTP y MySQL Reconocer y aplicar criterios de adaptación del ambiente de trabajo a las
Más detallesEDICIÓN WEB CÓDIGO HTML
EDICIÓN WEB CÓDIGO HTML 1. Estructura básica de un documento HTML 1.1. Tipos de etiquetas. Etiqueta cerrada Mi página Web Etiqueta abierta Etiqueta con parámetros
Más detallesTutorial 1: Creación de páginas web con Editor HTML de OpenOffice
Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice Nota: el propósito del curso no es aprender a elaborar páginas web complejas. Por eso, únicamente vamos a aprender a manejar ocho procedimientos:
Más detallesMICROSOFT FRONTPAGE Contenido
MICROSOFT FRONTPAGE Contenido CREAR UN SITIO WEB... 2 MARCOS... 5 FONDO DE LA PÁGINA... 7 MARQUESINAS... 8 CREAR HIPERVÍNCULOS... 9 BOTONES ACTIVABLES... 11 LOS MAPAS DE IMÁGENES... 13 INSERTAR SONIDOS...
Más detallesPRÁCTICA 2. AMPLIAR LA WEB
PRÁCTICA 2. AMPLIAR LA WEB Ejercicio 1. Amplia la página Web que diseñaste en la práctica 1 con los siguientes elementos: fondos, marquesinas, tablas, hipervínculos y vídeos youtube. PASOS A SEGUIR 1.
Más detallesGUÍA DE EMPRESAS www.g4a.mx // Gracias por tu preferencia
GUÍA DE EMPRESAS www.g4a.mx // Gracias por tu preferencia Guía de Empresas. Creado por G4A. Su mejor opción en internet Página 1 Guía de Empresas. Creado por G4A. Su mejor opción en internet Página 2 La
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 detallesINTRODUCCIÓN AL LENGUAJE HTML... 2 Características del lenguaje HTML... 2 Sintaxis del HTML... 2 Partes de un documento HTML... 2 FORMATO EN HTML...
INTRODUCCIÓN AL LENGUAJE HTML... 2 Características del lenguaje HTML... 2 Sintaxis del HTML... 2 Partes de un documento HTML... 2 FORMATO EN HTML... 2 Formato de párrafo... 2 Encabezados... 3 Formateando
Más detallesHTML-5 / DIVS + IFRAMES. Prof: Moisés Mañas Moimacar@esc.upv.es
HTML-5 / DIVS + IFRAMES Prof: Moisés Mañas Moimacar@esc.upv.es Básico Define una división o sección en un documento Atributos: align= left/right/center/justify Alineación de la división
Más detallesTaller 1. Creación una Página Web Personal
Taller 1 Creación una Página Web Personal El objetivo de este taller es comenzar a trabajar los elementos básicos utilizados en HTML como imágenes, hipervínculos (links), listas, tablas, para crear una
Más detallesCONTENIDO TEMÁTICO. Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA...
CONTENIDO TEMÁTICO Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA... 6 2. ESTRUCTURA DE UNA PÁGINA... 9 IDENTIFICADOR DEL TIPO DE DOCUMENTO
Más detalles[MANUAL DE CAPACITACIÓN PARA LA ADMINISTRACIÓN DEL SITIO WEB DE LA CONTRALORÍA GENERAL]
[MANUAL DE CAPACITACIÓN PARA LA ADMINISTRACIÓN DEL SITIO WEB DE LA CONTRALORÍA GENERAL] [EDICIÓN DEL INICIO (HOME)] 1 2 3 5 4 1. Cambio Nota del Día Para cambiar la nota del día ubicada en el recuadro
Más detallesManual Wikispaces. Seminario Especializado 2009 PRONIE MEP FOD. A. Otárola Villalobos. Asesor Informática Educativa III Ciclo
1 Manual Wikispaces Seminario Especializado 2009 PRONIE MEP FOD A. Otárola Villalobos Asesor Informática Educativa III Ciclo 2 Contenido Crear un wiki educativo en wikispaces...3 Administrar espacio: configuración
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 detalles