UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

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

Download "UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN"

Transcripción

1 CICLO: 01/2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN GUIA DE LABORATORIO #9 Nombre de la Práctica: Master Pages Lugar de Ejecución: Centro de cómputo Tiempo Estimado: 2 horas con 30 minutos MATERIA: Lenguaje de Programación II DOCENTES: Karens Medrano / Hugo Dimas II. INTRODUCCIÓN TEÓRICA Master Pages Las páginas principales de ASP.NET permiten crear un diseño coherente para las páginas de la aplicación. Puede definir el aspecto, el diseño y el comportamiento estándar que desea que tengan todas las páginas (o un grupo de páginas) de la aplicación en una sola página principal. A continuación, puede crear páginas de contenido individuales que incluyan el contenido que desea mostrar. Cuando los usuarios solicitan las páginas de contenido, éstas se combinan con la página principal para dar como resultado una página con el diseño de la página principal y el contenido de la página de contenido. Marcadores de posición de contenido reemplazables Además del texto estático y los controles que aparecerán en todas las páginas, la página principal también incluye uno o varios controles ContentPlaceHolder. Estos controles PlaceHolder definen las regiones que incluirán contenido reemplazable. A su vez, el contenido reemplazable se define en las páginas de contenido. Páginas de contenido Para definir el contenido de los controles PlaceHolder de la página principal, cree páginas de contenido individuales, que son páginas ASP.NET (archivos.aspx y, opcionalmente, archivos de código subyacente) que están enlazadas a una página principal concreta. El enlace se establece en la Page de la página de contenido al incluir un atributo MasterPageFile que apunta a la página principal que se va a utilizar. Por ejemplo, una página de contenido podría tener la siguiente Page, que la enlaza con la página Master1.master. En la página de contenido, cree el contenido agregando los controles Content y asignándolos a los controles ContentPlaceHolder de la página principal. Por ejemplo, la página principal podría tener marcadores de posición de contenido denominados Main y Footer. En la página de contenido, puede crear dos controles Content, uno asignado al control ContentPlaceHolderMain y el otro asignado al control ContentPlaceHolderFooter, como se muestra en la ilustración siguiente. Lenguaje de Programación II 1 / 13

2 Reemplazar el contenido del marcador de posición Después de crear los controles Content, agrégueles texto y controles. En una página de contenido, todo lo que no esté dentro de los controles Content (excepto los bloques de script del código del servidor) producirá un error. En una página de contenido puede realizar las mismas tareas que en una página de ASP.NET. Por ejemplo, puede generar el contenido de un control Content utilizando controles de servidor y consultas de base de datos u otros mecanismos dinámicos. Ventajas de las páginas principales Las páginas principales proporcionan una funcionalidad que tradicionalmente los programadores creaban copiando el código, el texto y los elementos de control existentes repetidamente, mediante conjuntos de marcos, archivos de inclusión de elementos comunes, controles de usuario de ASP.NET, etc. Entre las ventajas de las páginas principales se incluyen las siguientes: Permiten centralizar las funciones comunes de las páginas para que las actualizaciones puedan llevarse a cabo en un solo lugar. Facilitan la creación de un conjunto de controles y código, y aplican los resultados en un conjunto de páginas. Por ejemplo, puede utilizar los controles en la página principal para crear un menú que se aplique a todas las páginas. Proporcionan un control más preciso sobre el diseño de la página final al permitir controlar el modo en que se representan los controles PlaceHolder. Proporcionan un modelo de objetos que permite personalizar la página principal a partir de páginas de contenido individuales. Comportamiento en tiempo de ejecución de las páginas principales En tiempo de ejecución, las páginas principales se controlan en la secuencia siguiente: 1. Los usuarios solicitan una página escribiendo la dirección URL de la página de contenido. 2. Cuando se obtiene la página, se lee la Page. Si la directiva hace referencia a una página principal, también se lee la página principal. Si las páginas se solicitan por primera vez, se compilan las dos páginas. Lenguaje de Programación II 2

3 3. La página principal con el contenido actualizado se combina en el árbol de control de la página de contenido. 4. El contenido de los controles Content individuales se combina en el control ContentPlaceHolder correspondiente de la página principal. 5. La página combinada resultante se representa en el explorador. Este proceso se describe en el diagrama siguiente: Desde la perspectiva del usuario, la combinación de las páginas principales y de contenido da como resultado una única página. La dirección URL de esta página es la de la página de contenido. Desde la perspectiva del programador, las dos páginas actúan como contenedores diferentes para sus respectivos controles. La página de contenido actúa como un contenedor de la página principal. Sin embargo, se puede hacer referencia a los miembros públicos de una página principal a partir del código de la página de contenido. III. MATERIALES Y EQUIPO Para la realización de la guía de práctica se requerirá lo siguiente: No. Requerimiento Cantidad 1 Guía de práctica #9: Master Pages 1 2 Computadora con Visual Studio 2012 instalado y una instancia de SQL 1 Server con Management Studio Express 3 Memoria USB o disco flexible 1 Lenguaje de Programación II 3

4 IV. PROCEDIMIENTO Ejercicio #1 Creación de página maestra. 1. Abra Visual Studio y cree un nuevo sitio web vacío. Una vez cargado, proceda a agregar un nuevo archivo, pero en este caso el tipo de archivo es de página maestra, para ello ubique en el listado presentado y dentro del lenguaje de C#, el tipo de archivo Página maestra la cual, como ve en la siguiente imagen, contiene una extensión.master que es propia para identificar este tipo de archivos. Recuerde que una página maestra le servirá de base y plantilla para todas las paginas sub siguientes. Como nombre de archivo coloque Principal.master, de clic en Agregar y verificara que se crearan dos archivos, uno asociado al marcado y el otro asociado al código C# 2. Ahora, proceda a agregar las carpetas contenidas en los recursos de esta guia las cuales corresponden a imágenes, archivos css y archivos javascript. 3. Dentro del archivo creado, proceda a agregar el siguiente marcado justo despúes de la directiva de página. <!DOCTYPE html> <html lang="en"> <head> <title>home</title> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no"/> <link rel="icon" href="images/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="css/grid.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/camera.css"/> <link rel="stylesheet" href="css/owl.carousel.css"/> <script src="js/jquery.js"></script> <script src="js/jquery-migrate js"></script> Lenguaje de Programación II 4

5 <script src="js/jquery.equalheights.js"></script> <script src="js/camera.js"></script> <script src="js/owl.carousel.js"></script> </head> <body> <div class="page"> <form id="form1" runat="server"> <header id="header"> <div id="stuck_container"> <div class="row"> <div class="grid_12"> <div class="brand put-left"> <h1> <a href="index.html"> <img src="images/logo.png" alt="logo"/> </a> </h1> <nav class="nav put-right"> <ul class="sf-menu"> <li class="current"><a href="/">home</a></li> <li> <a href="about.html">about</a> <ul> <li><a href="#">lorem ipsum</a></li> <li><a href="#">dolor sit amet</a> <li><a href="#">ctetur adipisicing</a> <li><a href="#">elit sed do</a> <ul> <li><a href="#">iusmod tempor</a></li> <li><a href="#">incididunt ut labore</a></li> <li><a href="#">et dolore magna</a></li> <li><a href="#">aliqua Ut enim</a></li> <li><a href="#">minim veniam</a></li> </ul> </li> </ul> </li> <li><a href="#">services</a></li> <li><a href="#">blog</a></li> <li><a href="contactanos.aspx">contacts</a></li> </ul> </nav> </header> <footer id="footer" class="color_9"> Lenguaje de Programación II 5

6 <div class="row"> <div class="grid_12"> </footer> <script src="js/script.js"></script> </body> </html> 4. Ahora, dentro del archivo de pagina maestra, ubique la linea del marcado justo despues de el cierre de la etiqueta <header> y proceda a agregar el espacio donde colocara todo el contenido subsiguiente. Digite el contenido de marcado tal y como se muestra en la siguiente figura. 5. Ahora, proceda a agregar una nueva pagina Default.aspx y en el cuado de dialogo marque la casilla Verificar pagina maestra ubicada en la esquina inferior derecha. Luego de clic en agregar. Lenguaje de Programación II 6

7 6. Se nos mostrara una nueva ventana donde deberemos seleccionar la pagina maestra del total de master pages disponibles en el proyecto. Como usted puede darse cuenta, pueden definirse mas un de archivo.master en nuestra solucion. Seleccione la pagina maestra creada previamente y de clic en Aceptar Lenguaje de Programación II 7

8 7. Al agregar la pagina de esa manera, el marcado se nos reduce tal y como se muestra en la siguiente figura, y solo nos aparece habilitada la seccion del contentplaceholder con id contenidoporpagina que usted agrego a la master page. Fuera de este contenedor no podemos agregar contenido, debe ser obligatoriamente en el interior. Tenga en cuenta que pueden existir tantos contentplaceholder como usted haya definido en su pagina maestra. 8. Agregue el siguiente marcado para la pagina de Default.aspx Page Title="" Language="C#" MasterPageFile="~/Principal.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <asp:content ID="Content1" ContentPlaceHolderID="contenidoPorPagina" Runat="Server"> <section id="content"> <div class="ic">more Website TemplateMonster.com - September08, 2014! <div class="camera-wrapper"> <div id="camera" class="camera-wrap"> <div data-src="images/index_slide01.jpg"> <div class="fadein camera_caption"> <h2 class="text_1 color_1">solutions that you need!</h2> <a class="btn_1" href="#">more info</a> <div data-src="images/index_slide02.jpg"> <div class="fadein camera_caption"> <h2 class="text_1 color_1">lorem ipsum dolor sit!</h2> <a class="btn_1" href="#">more info</a> <div data-src="images/index_slide03.jpg"> <div class="fadein camera_caption"> <h2 class="text_1 color_1">lorem ipsum dolor sit amet, consectetur!</h2> <a class="btn_1" href="#">more info</a> Lenguaje de Programación II 8

9 <div class="row wrap_1 wrap_5"> <div class="grid_3"> <div class="box_1"> <div class="icon_1"> <h3 class="text_2 color_2 maxheight1"><a href="#">budget Planning</a></h3> <p class="text_3 color_2 maxheight"> Lorem ipsum dolor sit amettetur dipiscing elit. In mollis erat mattis <a class="btn_2" href="#">read more</a> <div class="grid_3"> <div class="box_1"> <div class="icon_2"> <h3 class="text_2 color_2 maxheight1"><a href="#">marketing Research</a></h3> <p class="text_3 color_2 maxheight"> Dorem ipsum dolor sit amettetur dipiscing elit. In mollis erat mattis <a class="btn_2" href="#">read more</a> <div class="grid_3"> <div class="box_1"> <div class="icon_3"> <h3 class="text_2 color_2 maxheight1"><a href="#">employee Benefits</a></h3> <p class="text_3 color_2 maxheight"> Kerem ipsum dolor sit amettetur dipiscing elit. In mollis erat mattis <a class="btn_2" href="#">read more</a> <div class="grid_3"> <div class="box_1"> <div class="icon_4"> <h3 class="text_2 color_2 maxheight1"><a href="#">risk Management</a></h3> <p class="text_3 color_2 maxheight"> Norem ipsum dolor sit amettetur dipiscing elit. In mollis erat mattis neque facilisis, sit amet uesas <a class="btn_2" href="#">read more</a> <div class="row wrap_1"> <div class="grid_6"> <div class="wrap_6"> <div class="box_2 maxheight2"> <div class="put-left"><img src="images/index_img01.png" alt="image 1"/> <div class="caption"> <h3 class="text_2 color_2"> Save Your Time <br/> with Us Lenguaje de Programación II 9

10 </h3> <p class="text_3"> Morem ipsum dolor sit amettetur dipiscing elit. In mollis erat mattis neque facilisis, sit amet ultries wertolio dasererat rutru. <a href="#" class="btn_2">read more</a> <div class="clearfix"> <div class="grid_6"> <div class="wrap_6"> <div class="box_2 maxheight2"> <div class="put-left"><img src="images/index_img02.png" alt="image 2"/> <div class="caption"> <h3 class="text_2 color_2"> The Highest <br/> Quality Services </h3> <p class="text_3"> Lorem ipsum dolor sit amettetur dipiscing elit. In mollis erat mattis neque facilisis, sit amet ultries wertolio dasererat rutrum. <a href="#" class="btn_2">read more</a> <div class="clearfix"> <div class="row wrap_9 wrap_4 wrap_10"> <div class="grid_12"> <div class="header_1 wrap_3 color_3"> Get in Touch <div class="box_3"> <ul class="list_1"> <li><a class="fa fa-twitter" href="#"></a></li> <li><a class="fa fa-facebook" href="#"></a></li> <li><a class="fa fa-google-plus" href="#"></a></li> <li><a class="fa fa-pinterest" href="#"></a></li> </ul> </section> </asp:content> Lenguaje de Programación II 10

11 9. Agregue una nueva pagina con el titulo contactanos.aspx de la misma forma anterior seleccionando siempre la pagina maestra del proyecto. Luego agregar el siguiente marcado. Page Title="" Language="C#" MasterPageFile="~/Principal.master" AutoEventWireup="true" CodeFile="contactanos.aspx.cs" Inherits="contactanos" %> <asp:content ID="Content1" ContentPlaceHolderID="contenidoPorPagina" Runat="Server"> <section id="content"><div class="ic">more Website TemplateMonster.com - September08, 2014! <div class="row wrap_11"> <div class="grid_12"> <h2 class="header_2 indent_4">find Us</h2> <div class="bg_1 wrap_17 wrap_19"> <div class="row"> <div class="grid_12"> <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d !2d !3d !2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s us!4v " style="border:0"> </iframe> <div class="row"> <div class="grid_6"> <div class="wrap_18"> <h2 class="header_2 indent_5"> Contact Info </h2> <address> <p class="text_7 color_6"> Lorem ipsum dolor sit amet, consecteturpiscinger elit <br/> um dolor sit amet, consecteturpiscing. <p class="text_8"> Our <a href="http://www.templatemonster.com/" rel="nofollow">premium website templates</a> go with 24/7 support. <br/> <br/> If you have any questions about customization of free themes, address <br/> to guys from <a href="http://www.templatetuning.com/" rel="nofollow">templatetuning</a>. Note that it's a paid service. <br/> <br/> The Company Name Inc. <br/> 9870 St Vincent Place, <br/> Glasgow, DC 45 Fr 45. <br/> Telephone: <br/> FAX: <br/> <a Lenguaje de Programación II 11

12 </address> <div class="grid_6"> <div class="wrap_18"> <h2 class="header_2 indent_2"> Contact Form </h2> <form id="contact-form"> <div class="contact-form-loader"> <fieldset> <div class="row"> <div class="grid_2"> <label class="name"> <input type="text" name="name" placeholder="name:" <span class="empty-message">*this field is required.</span> <span class="error-message">*this is not a valid name.</span> </label> <div class="grid_2"> <label class=" "> <input type="text" name=" " placeholder=" " <span class="empty-message">*this field is required.</span> <span class="error-message">*this is not a valid .</span> </label> <div class="grid_2"> <label class="phone"> <input type="text" name="phone" placeholder="phone:" value="" <span class="empty-message">*this field is required.</span> <span class="error-message">*this is not a valid phone.</span> </label> <label class="message"> <textarea name="message" <span class="empty-message">*this field is required.</span> <span class="error-message">*the message is too short.</span> </label> <div class="btn-wrap"> <a class="btn_3" href="#" data-type="reset">clear</a> Lenguaje de Programación II 12

13 <a class="btn_3" href="#" data-type="submit">send</a> </fieldset> <div class="modal fade response-message"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" datadismiss="modal" aria-hidden="true"> </button> <h4 class="modal-title">modal title</h4> <div class="modal-body"> You message has been sent! We will be in touch soon. </form> <div class="row wrap_9 wrap_4 wrap_10"> <div class="grid_12"> <div class="header_1 wrap_3 color_3"> Get in Touch <div class="box_3"> <ul class="list_1"> <li><a class="fa fa-twitter" href="#"></a></li> <li><a class="fa fa-facebook" href="#"></a></li> <li><a class="fa fa-google-plus" href="#"></a></li> <li><a class="fa fa-pinterest" href="#"></a></li> </ul> </section> </asp:content> 10. Proceda a ejecutar la página Default.aspx y luego seleccione un registro para editar, modifique algún dato y posteriormente guarde los cambios. Pruebe además agregando un nuevo producto. V. BIBLIOGRAFÍA 1. Thierry GROUSSARD. (2013). C# 5: Los fundamentos del lenguaje Desarrollar con Visual Studio Barcelona: ENI. Lenguaje de Programación II 13

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN CICLO: 02/2015 GUIA DE LABORATORIO # 12 Nombre de la Práctica: Master Pages Lugar de Ejecución: Centro de cómputo Tiempo

Más detalles

Controles Avanzados ASP.Net LDP3501-2011 / DUOC-AV. Controles de Navegación (repaso)... 1 Control SiteMapPath... 1 Control Menu...

Controles Avanzados ASP.Net LDP3501-2011 / DUOC-AV. Controles de Navegación (repaso)... 1 Control SiteMapPath... 1 Control Menu... En esta guía: Controles Avanzados ASP.Net LDP3501-2011 / DUOC-AV Controles de Navegación (repaso)... 1 Control SiteMapPath... 1 Control Menu... 2 Presentación estática y presentación dinámica...2 Definir

Más detalles

Marcos de Desarrollo. Diseño e implementación de aplicaciones Web con.net

Marcos de Desarrollo. Diseño e implementación de aplicaciones Web con.net Marcos de Desarrollo Diseño e implementación de aplicaciones Web con.net Objetivos Conocer la solución de ASP.NET para crear "plantillas" de páginas Web Master Pages ASP.NET 1.x carecía de sistema de plantillas

Más detalles

Objetivo. Metodología. Aplicaciones Web Herencia Visual Master Page File. Lorena Castañeda Bueno Laboratorio de programación Página 1 de 7

Objetivo. Metodología. Aplicaciones Web Herencia Visual Master Page File. Lorena Castañeda Bueno Laboratorio de programación Página 1 de 7 Objetivo Al finalizar el desarrollo de este ejercicio, el estudiante: Estará en capacidad de crear paginas Maestras para su sitio web, configurar zonas editables e implementar paginas hijas a partir de

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN CICLO 02/2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN GUIA DE LABORATORIO #9 Nombre de la Práctica: Conectando a Fuentes de Datos Parte II Lugar de Ejecución:

Más detalles

Programación Aplicada II Ing. Héctor Abraham Hernández

Programación Aplicada II Ing. Héctor Abraham Hernández Programación Aplicada II Ing. Héctor Abraham Hernández Guía #7 Fecha: 28/02/2011 Introducción al Visual Web Developer 2008 Objetivo: Conocer cual es el ambiente de web Developer. Microsoft Visual Web Developer

Más detalles

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

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto) HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional

Más detalles

Quieres diseñar una página web y no sabes por dónde empezar? Puedes decantarte por utilizar Visual Web Developer.

Quieres diseñar una página web y no sabes por dónde empezar? Puedes decantarte por utilizar Visual Web Developer. Crear una página Web básica en Visual Web Developer Quieres diseñar una página web y no sabes por dónde empezar? Puedes decantarte por utilizar Visual Web Developer. Visual Web Developer es una herramienta

Más detalles

04.01.01 Introducción a ASP.NET

04.01.01 Introducción a ASP.NET 04.01.01 Introducción a ASP.NET Integración de Sistemas Parte II. Diseño e implementación de aplicaciones Web con.net Objetivos Conocer los fundamentos de ASP.NET Saber crear una aplicación web ASP.NET

Más detalles

Curso.NET con C# Modulo 2 / Página 1. Servicio de Informática

Curso.NET con C# Modulo 2 / Página 1. Servicio de Informática SKINS Y THEMES... 2 Aplicando Estilos a Controles HTML... 2 Aplicando Estilos a Controles Web de Servidor... 3 Usar Temas para Personalizar un Sitio... 3 La carpeta App_Themes... 4 Temas Globales y de

Más detalles

Controles personalizados. Un control personalizado es una clase escrita por un desarrollador que se deriva de Control o WebControl.

Controles personalizados. Un control personalizado es una clase escrita por un desarrollador que se deriva de Control o WebControl. Introducción Además de utilizar controles de servidor Web en las páginas Web ASP.NET, puede crear sus propios controles personalizados reutilizables con las mismas técnicas que para crear páginas Web ASP.NET.

Más detalles

ETIQUETAS HTML 5 Diseño de Sitios Web TUW

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

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 01/2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN GUIA DE LABORATORIO #5 Nombre de la Práctica: Conectando a Fuentes de Datos Parte II Lugar de Ejecución: Centro

Más detalles

Taller de Paginas Web

Taller de Paginas Web Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion

Más detalles

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

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

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN CICLO: 02/2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN GUIA DE LABORATORIO #7 Nombre de la Practica: Introducción al desarrollo de aplicaciones Web con ASP.NET

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 01/2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN GUIA DE LABORATORIO #2 Nombre de la Práctica: Introducción al desarrollo de aplicaciones Web con ASP.NET Lugar

Más detalles

Tema 6 Parte III. Frameworks web para dispositivos móviles

Tema 6 Parte III. Frameworks web para dispositivos móviles Tema 6 Parte III Frameworks web para dispositivos móviles 2 1 Introducción Frameworks web para dispositivos móviles Frameworks web para móviles Frameworks web para móviles 3 Nos permiten desarrollar un

Más detalles

Curso.NET con C# Módulo 1 / Página 1. Servicio de Informática

Curso.NET con C# Módulo 1 / Página 1. Servicio de Informática 1.- QUÉ ES C#... 2 C# intenta ser el lenguaje base para escribir aplicaciones.net... 2 2.- DEFINICIONES BÁSICAS.... 2 NameSpace... 2 Utilizar Namespace en Aplicaciones Cliente... 2 Using... 2 Clases...

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACION GUIA DE LABORATORIO #14

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACION GUIA DE LABORATORIO #14 CICLO 02/ 2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACION Nombre de la Practica: Lugar de Ejecución: Tiempo Estimado: Materia: GUIA DE LABORATORIO #14 Creación

Más detalles

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

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

Más detalles

3. Master Pages y Content Pages. Objetivo: * Manejar Master Pages

3. Master Pages y Content Pages. Objetivo: * Manejar Master Pages 3. Master Pages y Content Pages Objetivo: * Manejar Master Pages La definición de una Master Page es como la de cualquier página. Las Master Pages pueden contener marcar, controles, código o cualquier

Más detalles

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html. Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje

Más detalles

Antes de comenzar un sitio. Empezar un sitio web

Antes de comenzar un sitio. Empezar un sitio web Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar

Más detalles

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

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

HTML 5. Que es HTML5 07/04/2011

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

Más detalles

Tutorial para la creación de un sitio Web con un formulario ASP.NET

Tutorial para la creación de un sitio Web con un formulario ASP.NET UNIVERSIDAD DE PANAMÁ CENTRO REGIONAL UNIVERSITARIO DE VERAGUAS FACULTAD DE INFORMÁTICA, ELECTRONICA Y COMUNICACIÓN INGENIERIA EN INFORMÁTICA Tutorial para la creación de un sitio Web con un formulario

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION Ciclo 02/2013 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUÍA DE LABORATORIO #11 Nombre de la Práctica: ADO.NET y conexiones a Base de Datos. Parte III Lugar de ejecución:

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2013 GUIA DE LABORATORIO #1 Nombre de la Práctica: Adquisición de servicio webhosting Lugar de Ejecución: Centro

Más detalles

La plantilla propone aprovechar esta estructura en común y sólo modificar el contenido del área del documento que sea diferente.

La plantilla propone aprovechar esta estructura en común y sólo modificar el contenido del área del documento que sea diferente. PLANTILLAS EN PHP El concepto de plantilla, es un criterio del desarrollo web que propone optimizar la cantidad de documentos HTML que se usan en el desarrollo de un sitio web. A lo largo de la navegación

Más detalles

jquery Mobile Dr. José Martín Molina Espinosa

jquery Mobile Dr. José Martín Molina Espinosa jquery Mobile Dr. José Martín Molina Espinosa jquery Mobile http://jquerymobile.com/ Cómo crear aplicaciones con el look-and-feel de Android a través del uso de estilos CSS y de javascript? Actualmente

Más detalles

Introducción al desarrollo web (idesweb)

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

Más detalles

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

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras

Más detalles

Desarrollo y servicios web

Desarrollo y servicios web Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1.Presentación general 2. Presentación del curso 3. Conceptos introductorios e ingeniería web 4. Arquitectura web

Más detalles

Elaboración de un Formulario Web utilizando ASP.NET desde cero.

Elaboración de un Formulario Web utilizando ASP.NET desde cero. Elaboración de un Formulario Web utilizando ASP.NET desde cero. Realizado por: Fabricio.A.Santillana.V. 2-718-1147 TABLA DE CONTENIDO Pág. Introducción...3 Objetivos...4 Contenido...5 1. Introducción a

Más detalles

Programación páginas web con ASP.NET 3.5 (C#)

Programación páginas web con ASP.NET 3.5 (C#) Horas de teoría: 40 Horas de práctica: 40 Programación páginas web con ASP.NET 3.5 (C#) Curso de desarrollo de aplicaciones web. Para ello se estudia la programación de la parte cliente con JavaScript

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2015 GUIA DE LABORATORIO #11 Nombre de la Práctica: Administración de cursos haciendo uso de Moodle Lugar de Ejecución:

Más detalles

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

Capítulo 1 Documentos HTML5

Capítulo 1 Documentos HTML5 Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs

Más detalles

Páginas web ::: Cómo diseñar un menú de navegación? Diseño de materiales multimedia. Web 2.0. 1.14 Cómo diseñar un menú de navegación?

Páginas web ::: Cómo diseñar un menú de navegación? Diseño de materiales multimedia. Web 2.0. 1.14 Cómo diseñar un menú de navegación? 111 1.14 Cómo diseñar un menú de navegación? 112 1.14 Cómo diseñar un menú de navegación? En este apartado vamos a describir el procedimiento de creación de un menú de navegación para un sitio web con

Más detalles

Adrián Hurtado González Cristóbal Miranda Puente. Departamento de Ingeniería Telemática Universidad Carlos III de Madrid

Adrián Hurtado González Cristóbal Miranda Puente. Departamento de Ingeniería Telemática Universidad Carlos III de Madrid ASP.NET Adrián Hurtado González Cristóbal Miranda Puente Departamento de Ingeniería Telemática Universidad Carlos III de Madrid Contenido Introducción Descripción Desarrollo Uso Conclusiones Referencias

Más detalles

Pasos para crear un sitio web ASP.Net con el Visual Studio en cualquiera de sus versiones. Unidad 1. Conceptos [ASP.NET EN VISUAL STUDIO]

Pasos para crear un sitio web ASP.Net con el Visual Studio en cualquiera de sus versiones. Unidad 1. Conceptos [ASP.NET EN VISUAL STUDIO] Pasos para crear un sitio web ASP.Net con el Visual Studio en cualquiera de sus versiones Conceptos Lo primero que necesitamos para crear una aplicación o proyecto web es seleccionar el entorno del Visual

Más detalles

Taller 1. Creación una Página Web Personal

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

UF1304 Elaboración de plantillas y formularios

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

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 01/2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN GUIA DE LABORATORIO #2 Nombre de la Práctica: Controles Web y Validación de Formularios Web en ASP.NET Lugar

Más detalles

Curso XHTML/HTML/HTML5. Curso XHTML/HTML/HTML5

Curso XHTML/HTML/HTML5. Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Página Web del curso Pagina del curso www.bbsoftpy.net/cursohtml2013 Repaso Clase Anterior Curso XHTML/HTML/HTML5-2013 Listas Curso XHTML/HTML/HTML5-2013 Listas

Más detalles

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

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML? Diseño de Sitios Web 5 (I) Qué es? Es un lenguaje descriptivo con el cual se describe la estructura del texto y todos los elementos que se muestran en la página. Es el método más usado para publicar documentos

Más detalles

TUTORIAL WETPAINT. Ingrese a: www.wetpaint.com y oprima sobre el botón GO! Figura 1: Página de inicio Wetpaint

TUTORIAL WETPAINT. Ingrese a: www.wetpaint.com y oprima sobre el botón GO! Figura 1: Página de inicio Wetpaint TUTORIAL WETPAINT 1. Ingrese a: www.wetpaint.com y oprima sobre el botón GO! 2. Figura 1: Página de inicio Wetpaint A continuación aparece una nueva ventana que nos permitirá registrarnos como usuarios

Más detalles

ENTORNO DE DESARROLLO MICROSOFT.NET 2010

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

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

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

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

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

El lenguaje XML en InDesign

El lenguaje XML en InDesign 1 Adobe InDesign 2.0 Extensible Markup Language (XML) es un formato de archivo de texto que le permite reutilizar el contenido (texto, tablas, datos y gráficos) en distintos medios y aplicaciones. Una

Más detalles

Wenceslao Zavala. www.producciondigitalup.com.ar

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

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

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2015 GUIA DE LABORATORIO #1 Nombre de la Práctica: Adquisición de servicio webhosting Lugar de Ejecución: Centro

Más detalles

Q-flow 3.0: Diseño de formularios personalizados

Q-flow 3.0: Diseño de formularios personalizados Q-flow 3.0: Diseño de formularios personalizados Código del manual: Qf304013ESP Versión: 1.0 Se aplica a: Q-flow 3.04 Última revisión: 11/5/2009 i Q f 3 0 4 0 1 3 E S P v 1. 0 Q - f l o w 3. 0 Diseño de

Más detalles

Manual de Plantillas para Listados

Manual de Plantillas para Listados 1 Manual de Plantillas para Listados www.sagasoluciones.com info@sagasoluciones.com C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72 CONTROL DEL DOCUMENTO Realizado 21/09/2010

Más detalles

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

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN CICLO: 02/2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN GUIA DE LABORATORIO # 8 Nombre de la Práctica: Conectando a Fuentes de Datos Parte I Lugar de Ejecución:

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 9 CREACIÓN DE PÁGINAS WEB TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio

Más detalles

La única regla que debe de tener presente siempre, es que cada etiqueta que abra debe de cerrarla en el mismo orden < /etiqueta cerrada>.

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

Manual de v2cms v2cms v1.01

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

Más detalles

Parte 1 / 4: Diseño de un sitio y en el Código con Gimp, HTML y CSS

Parte 1 / 4: Diseño de un sitio y en el Código con Gimp, HTML y CSS Parte 1 / 4: Diseño de un sitio y en el Código con Gimp, HTML y CSS Muchos diseñadores de páginas web para principiantes tienen problemas para el diseño de sitios y, a continuación, la codificación de

Más detalles

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

Taller de Desarrollo de Aplicaciones Web

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

Creación de controles de usuario

Creación de controles de usuario Creación de controles de usuario Índice Descripción 1 Lección: agregar controles de usuario a un formulario Web Form ASP.NET 2 Lección: crear controles de usuario 12 Creación de controles de usuario 1

Más detalles

BREVE INTRODUCCION A ASP.NET MVC

BREVE INTRODUCCION A ASP.NET MVC Gerardo Grinman 5D BREVE INTRODUCCION A ASP.NET MVC ASP.NET MVC es un framework para la creación de aplicaciones web que aplica el patrón Model View Controller del framework ASP.NET. Framework: un conjunto

Más detalles

Eficienta tu codificación en HTML com Emmet (nivel básico) Luis Eduardo Espinosa

Eficienta tu codificación en HTML com Emmet (nivel básico) Luis Eduardo Espinosa Eficienta tu codificación en HTML com Emmet (nivel básico) Luis Eduardo Espinosa A01201439 Emmet es uno de los plugins más útiles a la hora de desarrollar sistemas o plataformas web directamente desde

Más detalles

SECCIÓN 1 INGRESAR AL SITIO DE SPM

SECCIÓN 1 INGRESAR AL SITIO DE SPM SECCIÓN 1 INGRESAR AL SITIO DE SPM Información general del sitio de SPM El Sistema Service and Support Profile Management (anteriormente conocido como SPDB) maneja el negocio de IBM Warranty Authorized

Más detalles

Diseño de páginas web 2011

Diseño de páginas web 2011 Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero

Más detalles

Programación Hipermedia I

Programación Hipermedia I Programación Hipermedia I Práctica 5: JavaScript 1. Objetivos Aprender el lenguaje de programación JavaScript. Aprender a manejar el DOM de una página web para acceder a su contenido. Aprender a validar

Más detalles

Sesión 23. Luisa Fernanda Rincón Pérez

Sesión 23. Luisa Fernanda Rincón Pérez Sesión 23 Luisa Fernanda Rincón Pérez Introducción ASP MVC.NET ASP.NET overview Imagen tomada de: http://www.microsoftvirtualacademy.com/trainingcourses/introduction-to-asp-net-mvc Qué es ASP.NET MVC?

Más detalles

Programación páginas web JavaScript y ASP.NET 3.5 (Visual Basic)

Programación páginas web JavaScript y ASP.NET 3.5 (Visual Basic) PRESENTACIÓN Curso de desarrollo de aplicaciones web. Para ello se estudia la programación de la parte cliente con JavaScript y la programación de la parte servidor con la tecnología ASP.NET y el servidor

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2015 GUIA DE LABORATORIO # 3 Nombre de la Práctica: Creación de sitios web con Joomla Lugar de Ejecución: Centro

Más detalles

Guía rápida para diseñar Newsletters

Guía rápida para diseñar Newsletters Guía rápida para diseñar Newsletters Incluye plantillas gratuitas, iconos editables y otros elementos visuales Teresa Alba con la colaboración de La importancia del Diseño en Email Marketing El diseño

Más detalles

EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA

EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA AUTORÍA PEDRO J. MORENO GARCÍA TEMÁTICA TIC ETAPA ESO, BACHILLERATO,FP Resumen Con Joomla podemos crear en pocas horas un completo portal para

Más detalles

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

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

Más detalles

TEMA 4: FLUJO DE UNA APLICACIÓN

TEMA 4: FLUJO DE UNA APLICACIÓN TEMA 4: FLUJO DE UNA APLICACIÓN 1. EVENTOS EN ASP.NET Los eventos en ASP.NET se clasifican en tres grupos: (1) Eventos a nivel de aplicación. Son eventos globales de nuestra web, como pueden ser el inicio

Más detalles

Desarrollar elementos web avanzados para SharePoint 2010 con Visual Studio 2010

Desarrollar elementos web avanzados para SharePoint 2010 con Visual Studio 2010 Desarrollar elementos web avanzados para SharePoint 2010 con Visual Studio 2010 Laboratorio práctico Manual del laboratorio SPCHOL301 SPCHOL301 Elementos web avanzados C# Este documento se proporciona

Más detalles

CREACION DE PÁGINAS WEB

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

Más detalles

Q-flow 3.1: Diseño de formularios personalizados

Q-flow 3.1: Diseño de formularios personalizados Q-flow 3.1: Diseño de formularios personalizados Código del manual: Qf310014ESP Versión: 1.1 Se aplica a: Q-flow 3.1 Última revisión: 27/12/2010 i Q f 3 100 1 4 E S P v 1. 1 Q - f l o w 3. 1 Diseño de

Más detalles

Setting Up an Apple ID for your Student

Setting Up an Apple ID for your Student Setting Up an Apple ID for your Student You will receive an email from Apple with the subject heading of AppleID for Students Parent/Guardian Information Open the email. Look for two important items in

Más detalles

MANUAL EASYCHAIR. https://www.easychair.org/account/signin.cgi?conf=cnicc2013

MANUAL EASYCHAIR. https://www.easychair.org/account/signin.cgi?conf=cnicc2013 MANUAL EASYCHAIR La URL para enviar su artículo al congreso es: https://www.easychair.org/account/signin.cgi?conf=cnicc2013 Donde aparece la siguiente pantalla: En este punto hay dos opciones: A) Teclear

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2011 GUIA DE LABORATORIO #1 Nombre de la Práctica: Adquisición de servicio webhosting Lugar de Ejecución: Centro

Más detalles

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

Diseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Herramientas de DISEÑO: Recursos Gráficos Software de Diseño Lenguaje de Programación Contenido curso practico; LENGUAJE

Más detalles

INTRODUCCIÓN A LA PROGRAMACIÓN WEB UNIDAD. Estructura de contenidos: http://www.ucv.edu.pe/cis/ cisvirtual@ucv.edu.pe. 1.

INTRODUCCIÓN A LA PROGRAMACIÓN WEB UNIDAD. Estructura de contenidos: http://www.ucv.edu.pe/cis/ cisvirtual@ucv.edu.pe. 1. INTRODUCCIÓN A LA PROGRAMACIÓN WEB UNIDAD 1 Estructura de contenidos: 1. Programación Web 2. Sistema De Información 3. Sistema Web 4. Requisitos Para Sistemas Web Con Asp 5. Internet Information Server

Más detalles

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

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo

Más detalles

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

HTML HyperText Markup Language. Fernando Pérez Costoya fperez@fi.upm.es HTML HyperText Markup Language Fernando Pérez Costoya fperez@fi.upm.es Índice Definición Historia y evolución de HTML El fiasco de XHTML HTML 5: la resurrección Un tour por HTML Diseño de aplicaciones

Más detalles

Manual básico de administración de Joomla

Manual básico de administración de Joomla Manual básico de administración de Joomla INDICE ADMINISTRACIÓN DEL SITIO Ingresando al administrador Editar algún documento ya creado Crear documento nuevo Administrar menú Editar enlace existente Crear

Más detalles

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

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

Más detalles

(*) Creo un directorio de trabajo llamado /bloggalpon/ en el directorio del usuario. (*) Inicializar el repositorio vacío.

(*) Creo un directorio de trabajo llamado /bloggalpon/ en el directorio del usuario. (*) Inicializar el repositorio vacío. (*) Creo un directorio de trabajo llamado /bloggalpon/ en el directorio del usuario. (*) Inicializar el repositorio vacío. (*) Crear el archivo index.htm (*) Añadir la estructura básica

Más detalles

1. Tutorial Página Personal... 2

1. Tutorial Página Personal... 2 Índice 1. Tutorial Página Personal... 2 1.1. Introducción... 2 1.2. Tutorial de edición de páginas web con Kompozer... 2 1.2.1. Descarga del programa... 2 1.2.2. Edición de la página web... 4 1.3. Como

Más detalles

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

DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios. DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios. SUBSECTOR: Informática y Comunicación. Nombre del Módulo: Creación de páginas Webs Código: CSTI0168 total: 60 horas Objetivo General:

Más detalles

Cursito 27: Curso de HTML Parte 3

Cursito 27: Curso de HTML Parte 3 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 detalles

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

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

Más detalles

" ##$ % & '( % & )*+),$ -##$ -!- $! "-./ - 0WebClass1-2

 ##$ % & '( % & )*+),$ -##$ -!- $! -./ - 0WebClass1-2 ! " ##$ % & '( % & )*+),$ -##$ -!- $! "-./ - 0WebClass1-2!" # 345 637 6$5!!!89 & 5 :8-7 & & ;(< 8 $ + - 8 : #= ' 7= : 0 & 0 &- =.> = ;(("9 &? WebClass - 1@#$% &'A1 ;(< 8- ( ) * *+ " $ % B9 5 5 # :!- WebClass

Más detalles