Come posso progettare un sito Web ASP.NET ritardando lo stile / il tema?

Question

Ho bisogno di costruire un prototipo per un sito Web Intranet e voglio concentrarmi sull'usabilità (layout, navigabilità, ecc.) e lasciare il tema per dopo (ho un pessimo gusto, quindi probabilmente questo sarà fatto da qualcun altro )

Conosco la capacità di ASP.NET di cambiare i temi all'istante, ma come devo progettare i Web Form per renderlo più facile in seguito?

• Devo creare controlli con un attributo di classe che punti a qualcosa che esisterà nel futuro CSS?
• O semplicemente creo i controlli senza preoccuparmi di questo e verrà gestito facilmente quando creiamo il tema?

Answer 1

Se hai intenzione di utilizzare Temi ASP.NET , quindi puoi progettare genericamente tutti i controlli e aggiungere Skins in seguito. A seconda della complessità del design (che significa quanti stili diversi hai per caselle di testo o visualizzazioni di griglia, ecc.), Questo potrebbe non farti risparmiare molto lavoro, ma è un modo per utilizzare il supporto .Net integrato per i temi.

Assicurati di utilizzare una MasterPage in modo che tutte le tue pagine secondarie abbiano una base comune e fornisci a tutti i tuoi elementi buoni ID, perché dovrai comunque sporcarti le mani con i CSS per metterli insieme.

Ecco un link a un Temi e amp; Tutorial skin . Sapere cosa dovrete fare in futuro per aggiungere questo renderà più facile progettare per esso ora.

Answer 2

Vorrei fare l'argomento per ignorare del tutto i temi e usare nient'altro che CSS. Non mi è mai stato chiaro quale valore aggiungano i temi; è un approccio molto specifico per Microsoft e il suo output non è sempre conforme agli standard. Utilizzando CSS allargherai il pool di potenziali designer in grado di lavorare sul tuo progetto e avrai maggiori possibilità di avere un sito cross-browser e conforme agli standard.

Se qualcun altro lo farà in seguito, mi assicurerei di fornire abbastanza "ganci" per loro essere in grado di progettare questo. Ciò significa aggiungere classi CSS praticamente a tutto ciò che fai che sarà disegnato in modo simile e avvolgere le cose in div o span con classi CSS dove appropriato, ad esempio

     <div class="ButtonContainer">
       <asp:linkbutton runat="Server" cssclass="Button Cancel" command="Save" text="Save" />
       <asp:linkbutton runat="Server" cssclass="Button Save" command="Cancel" text="Cancel" />
     </div>

Se non hai una solida conoscenza dei CSS e non hai convenzioni di denominazione interne o fogli di stile standard, non saprai come strutturare i tuoi div e le tue classi. Nel nostro negozio, il modo in cui gestiamo questo è il programmatore che scrive semplicemente il markup ASP.NET standard e il designer esamina e aggiunge div, span e nomi di classe che funzionano con il foglio di stile che svilupperanno.

Answer 3

Le skin sono probabilmente la risposta, ma qualcosa che mi infastidisce (forse perché non mi piace essere quel fornitore specifico e mi piacerebbe che le mie competenze fossero applicabili ad altri linguaggi e piattaforme web diversi da .NET). Preferisco usare gli attributi CssClass su tutti i miei controlli ASP.Net e classificare con cura tutto il resto e utilizzare il markup semantico possibile. Quindi, quando ottengo i controlli impostati e funzionanti, uso i CSS per dare uno stile a tutto (anche se di solito devo modificare le cose HTML e JavaScript a questo punto).

Un altro sviluppatore con cui lavoro preferisce fare tutto in modo Microsoft con skin, direttive di pagina e così via. È probabilmente il modo migliore per farlo, ma mi sembra che stia mescolando troppa presentazione nel mezzo e nel back-end dell'applicazione.

Answer 4

avvolgi i tuoi controlli in div. renderà il layout / stile molto più semplice alla fine