ASP.NET contenido/funcionalidad versus diseño/maquetación/diseño

Question

Desarrollo de una aplicación web utilizando ASP.NET ¿tiene alguna sugerencias acerca de cómo separar el desarrollo de contenido o funcionalidad del diseño, de modo que los dos pueden ser desarrollados de forma independiente y en paralelo?

La situación es la siguiente:

• Cliente de acuerdo en lo de la funcionalidad que desea
• El cliente está cambiando su mente acerca de la apariencia (el estilo y el diseño) de las páginas
• Diseñador Web es no-experto:
  • No se está desarrollando limpio basado en CSS diseño desde cero
  • Es de tomar varias tablas basadas en diseños (con CSS) del 3-sitios de terceros, a utilizar como ejemplo/prototipo de la disposición a discutir con el cliente

Dado esto, ¿cómo iniciar la codificación de la funcionalidad antes de la tabla de diseño está finalizado?

Pensé que una manera de hacerlo podría ser:

• El código de la funcionalidad (que incluye la creación de los elementos activos en cada página), sin preocuparse de (especificar) su diseño y estilo
• Luego, al final, después de que el diseñador y el cliente se han acordado en un diseño, a continuación, cortar y pegar los elementos activos en el diseñador del prototipo páginas.

Es esta la única o la mejor manera de hacerlo?¿Qué otras maneras existen?Cualquier sugerencias, consejos o trucos para hacer esto más fácil?

Answer 1

No hay una respuesta fácil a este, pero me gustaría empezar por hacer un poco más fácil en su diseñador de - la fijación de la básica de CSS de los elementos de la primera.Por ejemplo, si se conoce el esquema de color que usted ya tiene el fondo.Usted probablemente ya tiene una idea de que si usted va para el ancho o estrecho mirada.Así que, ya tienes el inicio de la hoja de estilos:

*
{
   margin: 0;
   padding: 0;
}

body
{
   background-color:#827575;
   color: #c6d3d5;
   font: 75%/1.5em Verdana, Helvetica, Geneva, "Helvetica Neue", sans-serif;
} 

`#container
{
    margin-top: 30px;
    text-align: left;   
    margin-right: auto;
    margin-left: auto; 
}

`#content
{ 
    margin-right: auto;
    margin-left: auto;
    width: 850px;
    margin-top: 10px;
}

Coloque el contenedor div, y dentro de eso, el div de contenido, en la página principal - que rodea el principal marcador de posición de contenido.Ahora, usted tiene algo para trabajar.El hombre ahora puede usar las tablas en las páginas de contenido y aplicar los estilos inline allí, si es necesario, por ahora.Más tarde, otro diseñador con un mejor conocimiento puede venir a lo largo y mover todo el CSS en la hoja de estilos.Sólo un consejo práctico para mantenerlo en movimiento a lo largo :-)

Answer 2

Siempre es bueno tener una visual 'esqueleto' de diseño en su lugar antes de empezar a hacer cualquier tipo de codificación.La razón es que si usted tiene un prototipo de un diseño, entonces usted es capaz de forma iterativa cliente dará información sobre dicho diseño.Si yo fuera usted, me gustaría renunciar a la tabla de base de diseño completo.La razón es, en Webforms, si usted no está utilizando una página Maestra, entonces usted va a tener que editar cada página de forma individual (o hacer un crapload de los controles de la misma replica de diseño).Hay un par de maneras de hacer esto:

Si usted sabe que usted va a usar CSS (pista, pista), a continuación, me gustaría mirar las diferentes opciones disponibles: Ironmyers Diseños CSS, Diseño de Gala (40 hojas de estilo CSS), y mi favorito , Open Source Web Design Diseños CSS, y elegir uno que usted piensa que va a ser 'más cercano' a la distribución que vamos a utilizar.No necesita ser perfecto, sólo necesita ser un esqueleto.

Desde sitios web generalmente tiene dos columnas o tres columnas con un menú horizontal en la parte superior (Desbordamiento de Pila es un buen ejemplo de esto), es posible que desee ver para que tipo de esqueleto.Entonces, todo lo que tienes que hacer es editar la hoja de estilos cuando se desea modificar el diseño.

Usted no necesita ser un experto para hacerlo;pero le dará una rápida y sucia de vista de lo que su sitio web se verá como y cómo las piezas encajan.

Hay varias ventajas a usar un CSS basado en el diseño para la creación de prototipos:

• Usted puede hacer un buscar/reemplazar para la Clase CSS ID a cambiar si cambia el diseño (o use su favorito lenguaje de secuencias de comandos para hacerlo por usted)
• Usted puede pasar muy poco tiempo monkeying con un diseño mientras que el desarrollo del backend
• Ya hechos los diseños permiten editar el CSS, y pulse actualizar para ver los cambios inmediatamente;sin tener que doodle con el HTML en todo.

Su enfoque actual se ejecuta en contra de la separación, y dada su pregunta, usted sabe que el caso:Con un ready-made de CSS de la Plantilla, usted podría tener el diseño del prototipo en cuestión de minutos y evitar que, en lugar de gastar su tiempo tratando de conseguir un diseño hecho con Tablas.

Answer 3

Esto puede parecer un poco drástico pero una forma de hacerlo sería hacer que tu aplicación web basada en servicios.Esto significa que todos los de su lógica de negocio sería encapsulado en el interior de uno o más de los servicios que el servidor web llamaría a.

Esto te deja con un mínimo de código del lado del servidor en el sitio web y todos los de ese código giran en torno a la visualización dinámica de datos.Esto significa que usted puede seguir adelante y desarrollar toda la lógica de la aplicación que desea en sus servicios y que su equipo de diseño hack de IU cosas por el cliente sin necesidad de pisar cualquier dedos de los pies.

Answer 4

Sobre todo me funciona como se define aquí :

El código de la funcionalidad (que incluye la creación de los elementos activos en cada página) sin preocuparse de (especificar) su diseño y estilo

Luego, al final, después de que el diseñador y el cliente se han acordado en un diseño, a continuación, cortar y pegar la elementos activos en el diseñador prototipo de páginas.

En primer desarrollar columna vertebral de la aplicación, las entidades, los datos de la capa, mi reutilizables clases de utilidad.Al mismo tiempo, un diseñador crea un diseño y nos muestran al cliente.

Mientras que el desarrollo de la aplicación la funcionalidad, el diseño se prepara.Acabo de agregar enlaces, botones, cuadros de texto en la página.sólo se rompe y espacios añadidos para el diseño.

Cuando estamos listos para la primera demo, puedo aplicar el diseño.Este maquillaje de operación es la más aburrida de la parte de la obra.Especialmente si el cliente quiere smart grids.Pero esto sucede sólo una o dos veces.

EDITAR (INICIO) :

Primero tomé recurrente partes y dividirlos en controles personalizados.y puedo añadir masterpages como contenedores.Puedo agregar los controles personalizados en las páginas maestras.a continuación, el medio ambiente está listo.

Entonces empiezo a agregar masterpage en referencia a mis páginas activas y puedo añadir css referencias u otros elementos html en las páginas activas si es necesario.Me refiero a que no vuelva a escribir mis páginas activas.La mayoría de los trabajos realizados por masterpages y controles personalizados.Yo sólo agregar una tabla y un poco de css en referencia a mis páginas activas.

DE EDICIÓN (FINAL)

Yo uso CSS, ASP.NET Temas, Masterpages y Controles Personalizados para hacer el diseño más fácil y para minimizar el diseño de archivos relacionados.