1234

PROGRAMACION II

UNIDAD II – CONTROLES Y LECTURA DE DATOS EN PÁGINAS WEB.

4. PÁGINAS MAESTRAS (PÁGINAS PRINCIPALES).
OBJETIVO GENERAL
Al finalizar esta unidad, el estudiante será capaz de: Aplicar los controles y de manejo de datos en el diseño de un sitio web utilizando las herramientas y técnicas de programación web correspondientes.

OBJETIVO ESPECÍFICO
Aplicación de la configuraciónde páginas maestras en la solución de sitios web con entornos gráficos de ejecución común para el diseño.

INTRODUCCIÓN
Virtualmente todos los sitios web desarrollados profesionalmente tienen una apariencia muy consistente entre sus páginas. Esto incluye tanto la estructura de la página – donde varios elementos de la interface de usuario aparecen y cómo están orientados dentro de la página – ylas fuentes de texto, color y gráficos usados dentro de la página. Por ejemplo, si visita el sitio web del canal de deportes ESPN.com, encontrará que sin importar hacia dónde navegue en el sitio, la parte superior de la página incluye el logo ESPN, una caja de búsqueda y un menú que muestra el listado de deportes cubiertos por ESPN. En la parte inferior de cada página está un listado de vínculoshacia sus diferentes secciones – Marcadores, Videos, y así por el estilo – junto con una noticia de derechos de autor y otros aspectos legales. Cuando crea páginas web para un sitio web, no tiene que agregar manualmente las características comunes en cada una de sus páginas. Los diseñadores web en ESPN.com estarían renuentes de agregar repetitivamente la caja de búsqueda, el logo, y los vínculoscomunes para cada página. No solo afectaría significativamente el tiempo requerido para construir cada página, sino que sería una pesadilla actualizar la estructura del sitio web. Si los diseñadores de ESPN.com quisieran quitar la caja de búsqueda de la partes superior de cada página, o agregar en el menú de deportes cubiertos, tendrían que visitar y actualizar cada página del sitio. El enfoqueusado por programadores web profesionales es diseñar una sola plantilla que aloja el contenido HTML que sería presentado en cada página. Esto es logrado en ASP .NET por medio del uso de una página maestra. Una página maestra es como una página ASP .NET regular en cuanto contiene tanto partes de código HTML como código C#, pero en lugar de definir HTML para una página específica, la página maestraaloja el contenido de la estructura común del sitio web. Las nuevas páginas ASP .NET pueden ser configuradas para usar la apariencia de la página maestra. Al actualizar la página maestra, se actualizan todas las páginas que están asociadas con ella.
1 de 23

PROGRAMACION II

PANORAMA DE UNA PÁGINA MAESTRA
Los programas para diseñar sitios web y crear páginas web han ofrecido características deplantilla desde hace algún tiempo. Con estas herramientas, un diseñador puede crear una sola página de plantilla que contenga tanto el contenido común como las regiones que pueden ser personalizadas por cada página que use la plantilla. Con ASP .NET y Visual Studio, un desarrollador de páginas web produce una plantilla al crear una página maestra. Una página maestra contiene dos porciones:contenido que aparece en cada página de contenido, y regiones cuyas marcaciones pueden ser personalizadas por la página de contenido. Una página de contenido una página ASP .NET que ha sido configurada para usar una página maestra. El modelo de página maestra en ASP .NET opaca a las simples plantillas basadas en HTML porque las páginas maestras, como cualquier página ASP .NET, puede contener no sólocódigo HMTL, sino también controles web y código fuente del lado del servidor. Antes de iniciar con la creación de páginas maestras, veamos cómo trabaja todo el modelo. Imagine que se desea un sitio web donde cada página tenga los siguientes cuatro elementos comunes de interface de usuario: 1. El nombre del sitio web en la parte superior de la página. 2. Una ruta de navegación en la parte superior...