Prácticas .

NET – Páginas Maestras y Navegación

Vamos a diseñar un nuevo Sitio Web con mejor aspecto y más consistencia en su navegación.

Utilizaremos las páginas maestras que permiten crear un marco consistente, en donde cada
página ubica su contenido.

.NET crea un mapa del sitio y otras ayudas uqe indican al usuario cómo ha llegado a la página
actual. Estas ayudas se colocan en la página maestra.

Crear un nuevo sitio Web.

Crea un nuevo sitio Web con el nombre y ubicación que prefieras (usando sistema de
archivos).

Puedes colocar en nuestro proyecto una carpeta con imágenes (usando formatos jpg, gif y png)

Diseñar páginas Maestras

Creamos varias páginas maestras que van a mostrar en sus “hijos” los elementos comunes.

Además tendremos zonas de contenido en donde cada página “hija” coloca su contenido que
puede variar para cada una de ellas.

En un de nuestras página maestras debes colocar el logotipo de la empresa, una imagen a

título de banner.

También podríamos colocar un gadget o un plugin para indicar la temperatura de una ciudad o
la hora en un país determinado.

Recuerda que debes agregar una página maestra al sitio (botón derecho en el proyecto –
agregar nuevo elemento – Página principal).

Fíjate como la extensión de una página maestra es .master

Si vemos su diseño puedes encontrar asp:contentplaceholder

Ahora puedes colocar los controles que quieras, pero fuera de contentplaceholder (será la
zona propia de cada página hija).

Crear página hijas

Ahora creas nuevas páginas aspx normales pero Seleccionas la página principal para que estén
basadas en la página maestra.

En el cuadro Content podremos añadir ahora los elementos propios de cada página hija.

Si cambias algo ahora en la página maestra original. Los cambios afectas a las hijas creadas
basadas en dicha maestra?

Navegación
Vamos a añadir ayudas para guiar al visitante en nuestro sitio Web
Es muy interesante el uso de páginas maestras en estos casos porque estas funciones suelen
estar en las maestras y así se actualizan automáticamente para todo el sitio si cambian.

En primer lugar debemos crear un origen de datos para la navegación. En este caso podemos
usar un fichero XML aunque también podríamos utilizar una base de datos.

Este fichero XML será el mapa del sitio. Para crearlo, Agregamos un nuevo elemento – Mapa
del sitio

Se nos crea un fichero con extensión sitemap aunque está en XML.

Si lo abrimos podemos ver su estructura con elementos siteMap y siteMapNode

Aquí debemos ir poniendo las rutas para llegar a cada Node. (hay software que crea siteMap
automático, fundamental para posicionamiento en Google).

En función de tu sitio Web, creas el siteMap adecuado.

Páginas
En la página Maestra arrastras el control SiteMapDataSource de los controles de Datos.

Este control busca el fichero .sitemap para alimentarse de él.

Ahora arrastras el control TreeView y estableces como origen de datos el SiteMapDataSource

que acabamos de crear.

También puedes arrastrar siteMapPath que crea las migas de pan.

Todo esto lo hemos colocado en la página maestra.

Definimos las páginas definidas en el fichero XML .sitemap y en el Content de cada página
añades el contenido a tu gusto.

Comprueba que todo funciona correctamente.

Personalización
Ahora puedes cambiar las propiedades de todos los controles de siteMap

Seguridad
Ahora podemos crear varias páginas que permitan a los usuarios:

Darse de alta

Iniciar sesión – cerrar sesión

Recordar contraseña

No registrarse y sólo acceder a la zona libre del sitio

Crear funciones (grupos de usuarios)

Crear roles para personalizar el acceso de cada grupo de usuarios

Contenido de las páginas
Una vez que los usuarios han accedido al sitio podrán consultar:

Datos obtenidos de una base de datos (puedes utilizar GridView, FormView…)

Seleccionar fechas en calendarios

Subir ficheros a una ubicación del servidor (FileUpLoad)

Cuánto tiempo tardaría en vender 1000 productos con estos datos.

Equipo 1.
Para vender 100 productos necesitó hacer 562 visitas

Para concretar una visita se necesitan una media de 3,45 llamadas

Cada día han hecho una media de 5,67 visitas

Equipo 2.
Para vender 200 productos necesitó hacer 762 visitas

Para concretar una visita se necesitan una media de 4,45 llamadas

Cada día han hecho una media de 4,37 visitas

 ¿Qué equipo contratarías para vender tu producto?

 ¿Cuántos días tardarían en vender nuestros productos?

Práctica 2
Una empresa nos ofrece estas dos condiciones.

Contrato laboral por 6 meses

Sueldo bruto 1000 euros

Los gastos van por nuestra cuenta.

Contrato mercantil por 6 meses

Facturación mensual de 1500 euros brutos

Los gastos también van por nuestra cuenta

¿Qué le decimos a la empresa que prefieres?
Práctica 3
Tenemos las siguientes rutas

Ruta km Nº clientes posibles Ventas Medias / Cliente

1 159 120 1000 euros
2 248 350 850 euros
3 76 120 900 euros
¿Qué ruta es más rentable?

¿qué ruta puedes elegir si al día puedes visitar 4 clientes máximo y hacer 10 km?

Práctica 4
Nuestra empresa quiere poner un producto al mercado.

Los costes de producción han sido 10 € / ud

Los costes de distribución sería 5 € / ud

Nuestra empresa tiene unos costes fijos mensuales de 10.000 respecto a alquiler de fabrica y
personal.

En un mes se fabrican 1000 unidades.

Fijamos el precio de venta en función del margen.

¿Qué precio deberían tener para obtener un 10 % de margen de venta?

Práctica 5
Hemos realizado facturas durante el primer trimestre por 20.000 euros + IVA

Hemos recibido facturas por un importe de 15500 euros + IVA

El tipo de IVA de las facturas es 18 %

¿Cómo nos saldría la liquidación trimestral de IVA con Hacienda?

Práctica 6
Un minorista compra un producto a 100 €.

¿cuál será su precio de venta si aplica un margen del 17% hacia fuera?

Este margen se calculará usando M = Pv-Pc/Pv

Un consumidor paga 200 euros por un producto que le cuesta 125 € al vendedor. ¿qué margen
se está aplicando a esta operación?