Interfaz de Usuario Diapositivas

22
ASP. NET. programación avanzada Interfaz de Usuario

Transcript of Interfaz de Usuario Diapositivas

  • ASP. NET. programacin avanzada

    Interfaz de Usuario

  • Interfaz de Usuario

    Unificar formato. Imagen corporativa Campus Virtual Aplicacin independiente Web

    No preocuparnos del formato Gestin global del aspecto Idioma automtico Diferentes dispositivos

  • Campus Virtual

  • Aplicacin independiente

  • Web (Vual)

  • 1. Crear carpeta virtual

    Solicitud:https://aplicacionesua.cpd.ua.es/proyectos/formulario/generaParte.asp?id=22&idioma=C

    /nombreAplicacion/plantillas

    /Plantillas (desarrollo)

  • 2. Pginas maestras

    Disponibles en: http://desarrollocpd.campus.ua.es/Plantillas/material/masterpages.zip

    Aplicacin: MasterPage.master Campus Virtual: MasterPageCV.master Web:

    MasterPageUA.es.master MasterPageUA.ca.master MasterPageUA.en.master

    /guiaestilo/masterpages/App_LocalResources

  • 3. Clase UAPage

    /Plantillas/material/App_Code.zip

    public partial class _Default : System.Web.UI.Page

    por public partial class _Default : UAPage

    En el web.config:

  • 4. Web.Config

    En produccin:

  • 4. Web Config

    Para web (Vual)

  • 4. Web.ConfigAplicaciones independientes

  • Una columna

  • Dos columnas

  • Dos columnas de diferente tamao

  • Agrupaciones de campos

    Contenido

    Por defectoCssClass=""

    RedondeadoCssClass="redondeado"

    SimpleCssClass="simple"

  • EtiquetasAsociar siempre

  • Campos de texto

    medio

  • Texto de ayuda

    grande

  • Radiobuttons y checkbox

    Moda Televisin

  • Campos obligatorios

    pequeno

  • Validacin de campos Siempre con ValidationSumary Display=none Estilos: (msg) msg-error, msg-ok, msg-warn y msg-info HeaderText=Datos incorrectos Dentro de un panel

  • Campos con errores

    Pgina 1Pgina 2Pgina 3Pgina 4Pgina 5Pgina 6Pgina 7Pgina 8Pgina 9Pgina 10Pgina 11Pgina 12Pgina 13Pgina 14Pgina 15Pgina 16Pgina 17Pgina 18Pgina 19Pgina 20Pgina 21Pgina 22