Asignatura: Programación 4
|
|
- Sergio Pérez Cáceres
- hace 6 años
- Vistas:
Transcripción
1 Clase Práctica #2 HTML y CSS. Objetivos: Continuar el trabajo con elementos del leguaje HTML. Formularios. Crear hojas de estilo en cascada para un sitio web, y estilos específicos de una página web. Bibliografía: 1. Deitel & Deitel. e-business & e-commerce. How to program. Capítulos 9, 10. p , Capítulo 19, p Hernán Ruiz, Marcelo. Programación Web Avanzada. Capítulos 2 y 4. Colección: Manuales USERS. Editorial: MP Ediciones. Buenos Aires, Argentina. ISBN: Introducción En la clase pasada estudiamos otros aspectos de la programación en HTML. Conocimos los formularios, y cómo estos permiten recolectar información a través de los elementos que lo componen. Estudiamos también las diferentes formas de crear estilos y la utilidad de estos para concentrar en un solo lugar la especificación de cómo se verán nuestras etiquetas HTML. En esta actividad práctica aplicaremos los contenidos recibidos, para implementar algunas páginas del sitio que comenzamos a desarrollar en la clase anterior. Desarrollo 1. Se desea continuar la implementación del sitio de la clase anterior, cuya estructura de directorios es la que se muestra en la figura 1. Figura 1. Estructura de directorios del sitio Noticias. 1.1 Proponga las variantes al código html de la página index.html para que se muestre como aparece en la figura 2, con viñetas en cada uno de los titulares. a. Escriba las reglas del estilo incluido en esa página que quite el subrayado de todos los vínculos dentro de los elementos LI de la lista de noticias.
2 Enlace a formcontactar.html Enlaces a kyoto.html books.html p4_homework.html respectivamente Figura 2. Página index.html 1.2 Proponga el código html de la página formcontactar.html para que se muestre como en la figura 3. a) Cree un selector propio de nombre text a incorporar al fichero global.css, de manera que se puedan definir textos en azul, con letra Verdana u otra de la familia sans-serif y tamaño de letra 12 px. Aplique el selector creado a las etiquetas del formulario. b) Cree un estilo a aplicar al hipervínculo Regresar, de manera tal se muestre azul en estado normal, cuando el mouse pase por encima del texto, la letra sea cursiva, y cuando la página se haya visitado se muestre roja. Aplique el estilo al enlace. Al dar clic en Enviar la información será enviada a la página contactar_accion.php, que será la encargada de enviar el mensaje y los datos de la persona que escribe. Al dar clic en Limpiar, deben limpiarse los datos del formulario.
3 Figura 3. Página formcontactar.html 1.3. Proponga el código html de la página formregistrarse.html para que se muestre como en la figura 4. Figura 4. Página formregistrarse.html.
4 Al dar clic en Enviar, la información será enviada a la página registrarse_accion.php, que será la encargada de almacenar en la base de datos, un nuevo registro correspondiente a este usuario. Al dar clic en Limpiar, deben limpiarse los datos del formulario. Solución 1.1 Página index.html <html> <head> <title>noticias del día</title> <style> LI A {text-decoration:none; </style> </head> <body> <p align="left"><font color="#000066" size="4" face="verdana, Arial, Helvetica, sansserif">noticias del día</font></p> <ol> <li><a href="noticias/kyoto.html">firman más de 100 países el Protocolo de Kyoto</a></li> <li><a href="noticias/books.html">continúa la Feria del Libro por las provincias occidentales</a></li> <li><a href="noticias/p4_homework.html">hoy se darán a conocer los requisitos de la tarea de P4</a></li> </ol> <hr> <p><font size="2" face="verdana, Arial, Helvetica, sans-serif"><a href="usuario/ formcontactar.html ">Contáctenos</a></font></p> </body> </html> 1.1 a) <style> LI A {text-decoration:none; </style> 1.2 Página formcontactar.html <html> <head> <title>contáctenos</title> <link href="../css/global.css" rel="stylesheet" type="text/css">
5 </head> <body> <form name="frmcontactar" method="post" action=" contactar_accion.php "> <table width="200" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000099"> <td><div align="center"><font size="2" face="verdana, Arial, Helvetica, sansserif"><strong>contáctenos</strong></font></div></td> <td><table width="200" border="0" cellspacing="0" cellpadding="0"> <td colspan="2"></td> <td class="text" align="right">nombre:</td> <td><input name="tfdnombre" type="text" id="tfdnombre"></td> <td class="text" align="right"> </td> <td><input name="tfd " type="text" id="tfd "></td> <td valign="top" class="text" align="right">mensaje:</td> <td><textarea name="textarea"></textarea></td> <td colspan="2"> </td> <td colspan="2" align="center"> <input name="btnsubmit" type="submit" id="btnsubmit" value="enviar"> <input name="btnreset" type="reset" id="btnreset" value="limpiar"> </td> </table></td> </table> </form> <p align="center"><a href="../index.html">regresar</a> </p> </body> </html> 1.2 a).text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; 1.2 b)
6 a:link { color: #000066; a:hover { font-style: italic; a:visited { color: #FF0000; 1.3. Página formregister.html <html> <head> <title>registro de usuario</title> <link href="../css/global.css" rel="stylesheet" type="text/css"> </head> <body> <div align="center" class="text">complete sus datos en el formulario siguiente</div> <form id="frmusuario" name="frmusuario" method="post" action="registrarse_accion.php"> <table width="400" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000099"> <td align="center" class="text"><strong>datos del nuevo usuario </strong></td> <tr class="titular"> <td><table width="420" border="0" align="center"> <td width="215" align="right" class="text">nombre y apellidos:</td> <td width="186" class="text"><input name="tfdnombreapell" type="text" id="tfdnombreapell" size="30" /></td> <td align="right" class="text">sexo:</td> <td class="text"><select name="sltsexo" id="sltsexo"> <option>seleccione</option> <option>femenino</option> <option>masculino</option> </select> </td> <td align="right" class="text"> </td> <td class="text"><input name="tfd " type="text" id="tfd " /> </td> <td align="right" class="text">contraseña:</td> <td class="text"><input type="password" name="tfdpassword" /> </td> <td align="right" class="text">confirme su contraseña: </td>
7 <td class="text"><input name="tfdpassconfirm" type="password" id="tfdpassconfirm" /> </td> <td align="right" class="text">recibir boletín diario de noticias </td> <td class="text"><label> <input name="chkrecibir" type="checkbox" id="chkrecibir" value="checkbox" /> </label></td> <td align="right" class="text"><input name="btnenviar" type="button" id="btnenviar" value="enviar" /></td> <td class="text"><input name="btnlimpiar" type="reset" id="btnlimpiar" value="limpiar" /> </td> </table></td> </table> </form> </body> </html> 2. Escriba las reglas de un CSS que le permita definir el tamaño de los textos como 1.5 mayor que la letra base del sistema, y que además los muestre en color azul. Incorpore este estilo en el fichero del ejercicio anterior. Solución <STYLE>.redstyle {font-size: 1.5em ; color: blue; </STYLE> 3. Escriba la regla que permita que la etiqueta EM, en vez de definir que un texto está en letra cursiva, establezca que se subraye. Incorpore este estilo en el fichero del ejercicio anterior. Solución <STYLE> EM {text-decoration: underline; font-style: normal; </STYLE> Conclusiones En esta clase práctica se crearon páginas que incluían listas, así como formularios para recolectar información de los usuarios. Con este propósito se utilizaron algunos de los elementos propios de los formularios, en función de la información a captar. Además se crearon estilos dentro de un documento web, así como estilos definidos en un archivo externo, reutilizable en todas las páginas del sitio. Motivación para la próxima clase En la próxima clase conoceremos qué es el DOM, y cómo trabajar con él. Además estudiaremos elementos básicos de la programación en JavaScript.
EJEMPLOS. 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 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 detallesSistema CRM 2.0 (Administración)
Sistema CRM 2.0 (Administración) 4.1 Crear Usuario Para crear un nuevo usuario presione en el siguiente botón. CREAR USUARIO Ingrese los datos que le indica la siguiente pantalla: Dirección de Correo electrónico:
Más detallesQUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un
QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un determinado elemento de una página web. Siglas CCS significa "Cascading
Más detallesMENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D)
APRENDERAPROGRAMAR.COM MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D) Sección: Cursos Categoría: Tutorial básico del programador
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 detallesHTML 2 / Atributos/etiquetas(Tags)
HTML 2 / Atributos/etiquetas(Tags) ATRIBUTOS bgcolor=#ff0000 Asigna un color en hexadecimal o en RGB a el fondo de todo el body ( la página) FGCOLOR="#00FF00" Asigna un color en hexadecimal
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 detallesMANUAL DEL LENGUAJE DE MARCADO HTML
MANUAL DEL LENGUAJE DE MARCADO HTML Redactado por Elkin Beltrán Índice Introducción Que es un Lenguaje de Marcado? Estructura Básica de un archivo HTML Etiquetas(TAGs) Básicas del lenguaje HTML Desventajas
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 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 detallesUTILIDAD DE CSS EN DESARROLLOS WEB JUNTO A HTML Y JAVASCRIPT. APLICAR ESTILOS. EJEMPLO SENCILLO. (CU00732B)
APRENDERAPROGRAMAR.COM UTILIDAD DE CSS EN DESARROLLOS WEB JUNTO A HTML Y JAVASCRIPT. APLICAR ESTILOS. EJEMPLO SENCILLO. (CU00732B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde
Más detallesActividad 3: Codificación básica de un texto en HTML
Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html
Más detallesIntroducción 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 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 detallesMANUAL PRACTICO DE HTML
MANUAL PRACTICO DE HTML 1 La estructura tiene tres partes cabeza, cuerpo, cierre o fin. MI PC... Aquí iría el contenido que ve el usuario final
Más detallesIII. Hojas de estilo en cascada (CSS)
III. Hojas de estilo en cascada (CSS) 1. Introducción 2. Declaración de CSS 2.1. Propiedades típicas en CSS 2.2. Inserción de CSS en HTML 3. Herencia de propiedades en CSS 4. Declaración avanzada de CSS
Más detallesKompozer: Crear una hoja de estilos
Kompozer: Crear una hoja de estilos Las hojas de estilo en cascada (en inglés, Cascading Style Sheets), son archivos con extensión.css que se utilizan para dar estilo a nuestros documentos html, separando
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 detallesArquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales.
1 Que es CSS3? El CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la estética entera de un sitio
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 detallesIntroducció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 detallesEtiquetas que no pueden contener otras etiquetas (se cierran sobre si mismas) <etiqueta />
Referencia HTML Etiquetas Arte e Internet - Magister Artes Mediales - Universidad de Chile Todas los nombre de etiquetas y atributos deben escribirse en minusculas, los valores de los atributos deben escribirse
Más detallesHTML. para E-mail. Guía de Buenas prácticas. Less ys More Ludwig Mies van der Rohe
HTML para E-mail Guía de Buenas prácticas Less ys More Ludwig Mies van der Rohe Ejemplo de un e-mail sin buenas prácticas Textos degradados Los textos están sobre un fondo degradado Newsletter Septiembre
Más detallesDPWEB I, Carrito de Compras Guardar, Ing. Tomas Urbina. Carrito de compras con PHP y MYSQL
Carrito de compras con PHP y MYSQL Actualizando los archivos anteriores. Para terminar la compra agregamos el archivo pagarcompra.php. 1) Vercarrito.php Por favor bajo la línea que dice $contador++; agreguen
Más detallesGuía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.)
Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) 1. Hojas de estilo: una base para el marcado semántico Lluís Codina UPF. Abril 2007 Una hoja de estilo es un conjunto
Más detallesESTRUCTURA DEL CÓDIGO HTML5
ESTRUCTURA DEL CÓDIGO HTML5 1. DocType Es la etiqueta que se escribe en la primera línea del código. Permite declarar el tipo de documento. Es decir, el doctype indica que el documento está escrito siguiendo
Más detallesCSS, hojas de estilos
CSS, hojas de estilos 1. Introducción a las CSS El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así porque fue concebido para otros usos (científicos sobre todo), distinto
Más detallesDISEÑO Y ELABORACIÓN DE PÁGINAS WEB
2015 DISEÑO Y ELABORACIÓN DE PÁGINAS WEB PROFESORA: ARIADNA HERNÁNDEZ ESCAMILLA 20/02/2015 Unidad de aprendizaje: Desarrollo de páginas estáticas Práctica no.1 Propósito de la práctica Insertar texto en
Más detallesUSO DE CRYSTALREPORTS 10 EN JAVA Versión 1.0
USO DE CRYSTALREPORTS 10 EN JAVA Versión 1.0 Agosto 2007 Página: 1 INDICE 1 INTRODUCCION... 3 2 CREACIÓN DEL INFORME... 4 3 LIBRERÍA CrystalReports2_0... 7 4 CrystalReportAccion... 7 4.1 Ejemplo genérico...
Más detallesLa única regla que debe de tener presente siempre, es que cada etiqueta que abra <etiqueta> debe de cerrarla en el mismo orden < /etiqueta cerrada>.
Antes de comenzar, si algo no está en este manual, utilice google para averiguarlo y acostúmbrese a ello ya que será la mejor herramienta que pueda encontrar. La estructura básica de toda página web es:
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 detallesManual 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(X)HTML. Tablas. Las tablas son grupos de celdas que contienen información.
Las tablas son grupos de celdas que contienen información. Toda celda de una tabla puede albergar cualquier elemento disponible en una página web (siempre que pueda incluirse en el elemento body). Para
Más detallesHojas de Estilos - CSS. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15
Hojas de Estilos - CSS Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Introducción Motivación: Separar el formato del contenido y estructura de una
Más detallesAPUNTES PHP CÓDIGO DESARROLLADO POR DANIEL LEYVA CORTÉS
Apuntes PHP. Autor código: Daniel Leyva Cortés. Página nº 1/16 APUNTES PHP CÓDIGO DESARROLLADO POR DANIEL LEYVA CORTÉS SUMARIO EJEMPLO 1: ENVÍO DE DATOS MEDIANTE FORMULARIO...1 EJEMPLO 2: RECOGIDA DE DATOS
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 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 detallesMinisterio de Educación, Cultura y Deporte. Aulas en Red. Windows. Módulo 4: Servicios de Internet. SMTP
Ministerio de Educación, Cultura y Deporte. Aulas en Red. Windows Módulo 4: Servicios de Internet. SMTP Aulas en red. Aplicaciones y servicios. Windows Servicio SMTP Para concluir este módulo dedicado
Más detallesDISEÑO DE PÁGINAS WEB 80 HORAS
DISEÑO DE PÁGINAS WEB 80 HORAS OBJETIVOS - DOTAR A LOS TRABAJADORES DE LA FORMACIÓN NECESARIA QUE LES CAPACITE Y PREPARE PARA DESARROLLAR COMPETENCIAS Y CUALIFICACIONES EN PUESTOS DE TRABAJO QUE CONLLEVEN
Más detallesCONTENIDOS DEL CURSO ONLINE DE DISEÑO Y DESARROLLO WEB CON HTML5, CSS Y DREAMWEAVER CS4:
Curso Online Diseño y Desarrollo Web con HTML5, CSS y Dreamweaver CS4 Completo Curso Online de Diseño y Desarrollo Web mediante el lenguaje programación HTML5, la hoja de estilos CSS y el programa de diseño
Más detallesConstrucción de formularios en HTML. Formularios. Bases de Datos 2012/2013. Luis Valencia Cabrera
Construcción de formularios en HTML. Formularios Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Formularios... 2 Controles... 2 Campos de texto... 2 Selección de opciones... 3 Selección de ficheros...
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 detallesGuía para el armado de un HTML
Guía para el armado de un HTML Maquetear una pieza con estándares de usabilidad Utilizar un formato de html clásico: Diseñar con CSS Inline que es un método para insertar el lenguaje de estilo de página
Más detallesBases 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 detallesPrograma por Clase. 8. CSS3 9. Ejercicio Práctico 10. Examen
Curso CSS Clase 5 Programa por Clase 1. Repaso HTML. Introducción. Reglas CSS internas. 2. Etiquetas básicas de CSS (tipografía, subrayado, etc.) 3. Archivos CSS externos. Colores. Imágenes. 4. Modelo
Más detallesDiseño de Páginas Web
Diseño de Páginas Web Duración: 80 horas. Objetivos: Dotar a los trabajadores de la formación necesaria que les capacite y prepare para desarrollar competencias y cualificaciones en puestos de trabajo
Más detalles1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES
Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho
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 detallesMantenimiento de WordPress e Introducción a CSS
Mantenimiento de WordPress e Introducción a CSS 6 / Junio / 2016 Alex Ollé @WanderlustTB fb.com/wanderlustmemories @wanderlust_memories PDF en: alexolle.es/tallerwordpress 1. Qué es WordPress? WordPress
Más detallesPrá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 detallesHTML: Formularios. Francisco J. Martín Mateos Carmen Graciani Díaz. Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla
Francisco J. Martín Mateos Carmen Graciani Díaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Formularios Un formulario es una zona del cuerpo de un documento HTML con
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 detallesTemario Programación Web para Web
Temario Programación Web para Web 1 Introducción al HTML 1 Qué es una página web? T 2 Qué es HTML? T 3 Porqué aprender HTML T 4 Base del lenguaje: las etiquetas HTML V 5 Estructura de un documento HTML
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 detallesUNIDAD 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 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 Código: DWEB003 Duración: 160 Horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos
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 detallesMATRIZ DE VALORACIÓN O RÚBRICA. Actividad de evaluación:
MATRIZ DE VALORACIÓN O RÚBRICA Siglema: DEWE-02 Nombre del Módulo: Nombre del Alumno: Docente evaluador: Grupo: Fecha: Resultado de Aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje
Más 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 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 detallesDREAMWEAVER CS4 Código: 3492
DREAMWEAVER CS4 Código: 3492 Modalidad: Distancia Duración: Tipo A Objetivos: Aportar al alumno de un modo rápido y sencillo las competencias necesarias para la creación y diseño de páginas Web en Dreamweaver.
Más detallesDEGRADADOS CSS. EFECTO LINEAL Y RADIAL. LINEAR-GRADIENT. ANGULOS CSS: UNIDADES ANGULARES DEG, GRAD, TURN, RAD. (CU01060D)
APRENDERAPROGRAMAR.COM DEGRADADOS CSS. EFECTO LINEAL Y RADIAL. LINEAR-GRADIENT. ANGULOS CSS: UNIDADES ANGULARES DEG, GRAD, TURN, RAD. (CU01060D) Sección: Cursos Categoría: Tutorial básico del programador
Más detallesPHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani
PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora continuaremos con el estudio de las páginas
Más detallesPHP y MySQL. Aplicaciones Web: PHP y base de datos MySQL (décima parte) Autor: Johnny Zulca Mamani
PHP y MySQL. Aplicaciones Web: PHP y base de datos MySQL (décima parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora te enseñaremos a conectar
Más detallesHTML & CSS HTML. PARTE 3. Profesora: Ana Gómiz Escuela Arte Granada Obtubre 2014
05 HTML & CSS HTML. PARTE 3 Profesora: Ana Gómiz Escuela Arte Granada Obtubre 2014 01. Imágenes + Añadir imágenes. + Elegir el formato correcto. + Optimizar imágenes para web. Profesora: Ana Gómiz Escuela
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 detalles<XXX> Este es el inicio de una etiqueta. </XXX> Este es el cierre de una etiqueta.
Introducción. El objetivo de este texto es proporcionar un conocimiento básico acerca de la construcción de páginas Web, para un conocimiento más profundo de este lenguaje posteriormente se desarrollarán
Más detallesCreació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 detallesManual básico de HTML
Manual básico de HTML 1 Índice 1Estructura básica...3 Atributos de la etiqueta BODY...3 2Formación de parráfos:...4 Cabeceras / Headings...4 Párrafos / Paragraph...4 Múltiples espacios...4 Salto línea...5
Más detallesHerramientas para crear páginas.
Herramientas para crear páginas. Herramientas para la creación de páginas Web. Como hemos visto resulta sencillo pero engorroso escribir directamente en HTML. Por ello es más sencillo utilizar un editor
Más detallesÍndice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones
Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones 4.3.1 Manejo de Cookies 4.3.2 Manejo de Sesiones 4.3.3 Aplicación basada en sesiones Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones 4.3.1 Manejo
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 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 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 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 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 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 detallesTaller de Desarrollo de Aplicaciones Web
Universidad Nacional de José C. Paz Taller de Desarrollo de Aplicaciones Web Introducción a la programación web Prof. Martín Miguel Machuca Prof. Martín Miguel Machuca Introducción En la actualidad, cuando
Más detallesBoletín de prácticas Práctica 3: HTML básico
HTML básico Boletín de prácticas Práctica 3: HTML básico INFORMÁTICA 1 Curso 2003-2004 Biblioteconomía y Documentación 1.- ENUNCIADO Haciendo uso de lo aprendido en clase de teoría diseñar las siguientes
Más detallesWenceslao Zavala. www.producciondigitalup.com.ar
Wenceslao Zavala www.producciondigitalup.com.ar www.producciondigitalup.com.ar Transferencia de Archivos vía FTP Para esto se necesita: Dirección FTP: producciondigitalup.com.ar Usuario: produccionup Contraseña:
Más detallesMANUAL HTML (ENLACES)
MANUAL HTML (ENLACES) Creado por l3 Introducción: En este manual te enseñare como crear enlaces y cómo manejarlos con HTML, ya que sin los enlaces de hipertexto no se podrían conectar las paginas web.
Más detallesQué es HTML? Los diez pasos para crear una página web perfecta
Qué es HTML? HTML son las siglas de HyperText Markup Language (Lenguaje de Macado de Hipertexto), esto que significa?, pues bien hipertexto es una palabra o frase en especial que apunta hacia otra página.
Más detallesProyecto 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 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 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 detallesCurso de Diseño de Páginas Web - HTML. Dando forma al texto del documento HTML 6. Alineación y dimensionado de imágenes 19
Curso de Diseño de Páginas Web - HTML 1. Estructura básica de un documento HTML 5 Dando forma al texto del documento HTML 6 Caracteres especiales 11 Enlaces 13 Imágenes 16 Alineación y dimensionado de
Más detallesFuncionamiento del sistema de autentificación en PHP
Sistema de autentificación PHP Cómo realizar un sistema de autentificación en PHP, en el que los usuarios deban introducir nombre y contraseña para que puedan visualizar las páginas de una aplicación con
Más detallesCurso de HTML 1. ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML 2. DANDO FORMA AL TEXTO DEL DOCUMENTO HTML 3. CARACTERES ESPECIALES 4. ENLACES 5.
Curso de HTML 1. ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML 2. DANDO FORMA AL TEXTO DEL DOCUMENTO HTML 3. CARACTERES ESPECIALES 4. ENLACES 5. IMÁGENES 6. ALINEACION Y DIMENSIONADO DE IMÁGENES 7. FONDOS Y COLORES
Más detallesPráctica 2: Diseño Web inicial. XHTML avanzado.
Grado de Información y Documentación Curso 2011-2012 33864-Informática II Práctica 2: Diseño Web inicial. XHTML avanzado. 1. Introducción y objetivos Introducción En esta práctica el alumno tendrá un tema
Más detallesCSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos
Desarrollo de aplicaciones web Manuel Torres Gil mtorres@ual.es Departamento de Lenguajes y Computación Universidad de Almería Desarrollo de aplicaciones web 1. Características y ventajas de 2. Sintaxis
Más detallesCurso de Diseño de Páginas Web - HTML
5 www.monografias.com Curso de Diseño de Páginas Web - HTML 1. Estructura básica de un documento HTML 5 2. Dando forma al texto del documento HTML 6 3. Caracteres especiales 11 4. Enlaces 13 5. Imágenes
Más detallesÍndice. Introducción. Página 2 Empecemos con un ejemplo. Página 3 Crea tu site: Página 3
Índice. Introducción. Página 2 Empecemos con un ejemplo. Página 3 Crea tu site: Página 3 Anexo. Guía para desarrollo de programas en HTML y JavaScript. 1. Introducción. En este anexo vamos a escribir un
Más detallesDISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4
DISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4 Código: 1413005 OBJETIVOS: Para diseñar y publicar una página Web, saber maquetar una página Web, saber crear animaciones, etc. CONTENIDOS: DISEÑO
Más detallesIntroducció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 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 detallesMinisterio de Educación, Cultura y Deporte. HTLM5 en la educación. Módulo 9: Hojas de estilo.
Ministerio de Educación, Cultura y Deporte. HTLM5 en la educación Módulo 9: Hojas de estilo. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Hojas de estilo Atrás quedaron
Más detallesTRABAJO PRACTICO Nº 3 Procesador de un log file
TRABAJO PRACTICO Nº 3 Procesador de un log file 1) Objetivo del T.P.: El objetivo del presente trabajo consiste en la realización de un programa ejecutable en modo consola generador de estadísticas sobre
Más detalles