Requisiti consigliati per l'esternalizzazione del sito xhtml / css?

3

Sto pensando di esternalizzare una parte del nostro progetto di sviluppo di applicazioni web per liberi professionisti, in particolare la parte di costruzione del sito. Ciò che intendo per costruzione del sito è il processo di creazione dei file modello xhtml / css, con contenuto fittizio, da un file psd (o da qualsiasi altro file di layout grafico). I file xhtml / css risultanti verranno utilizzati dai nostri sviluppatori come modelli per il rendering di pagine basate su cms. Il cms in questo caso è Drupal, ma potrebbe non essere di grande rilevanza.

Sto cercando una buona serie di requisiti, che

  1. si tradurrà in codice xhtml / css di buona qualità, conforme agli standard odierni
  2. lascia poco all'immaginazione dello sviluppatore freelance in termini di ciò di cui ho bisogno

Sto pensando a requisiti come:

  • Tipo di documento transitorio valido XHTML 1.0, convalidato da validator.w3.org
  • Rendering identico in tutti i browser moderni (FF, Chrome, Safari, Opera, IE7-8) e anche in IE6
  • Tutti gli elementi a livello di blocco di apertura e chiusura dovrebbero essere commentati correttamente, facendo riferimento alla parte funzionale dell'interfaccia utente a cui appartengono (menu, barra degli strumenti, contenuto, ecc.)
  • Nessuna definizione CSS in linea

E così via. Come organizzeresti una lista del genere? Quali requisiti dovresti aggiungere?

Modifica: ha iniziato la taglia. Mi piacerebbe avere un chiaro insieme di requisiti che mi consentiranno di risparmiare qualche problema.

    
posta András Szepesházi 23.02.2011 - 12:51
fonte

3 risposte

6

Hai un buon inizio, che ne dici di questo?

  • XHTML valido e amp; CSS
  • Deve funzionare in IE6-8, FF e Chrome
  • Nessun CSS in linea dovrebbe essere referenziato come file separato
  • Il CSS deve fare un uso appropriato degli stili a cascata
  • I CSS dovrebbero avere stili per elenchi ul / ol, intestazioni h1-h4, moduli, blockquote, commenti, ecc.
  • Tutti i percorsi dell'immagine devono essere relativi
  • Tutti i file immagine devono essere salvati per il web nelle dimensioni più piccole senza pixelating
  • Il design deve essere senza tabulazioni
  • Qualsiasi file javascript deve essere locale (non referenziato da altri siti)
  • Gli elementi di blocco devono essere commentati
  • La struttura del menu dovrebbe avere i CSS per le classi first, active e last
  • Guida alla documentazione e allo stile (classi per caselle di avviso simili, ecc.)
risposta data 26.02.2011 - 12:36
fonte
2

Potresti prendere in considerazione JavaScript non intrusivo . Probabilmente il debugging di JavaScript dovrebbe essere un po 'meno doloroso dal momento che non dovresti scavare nell'HTML per lavorare con il codice JavaScript.

    
risposta data 01.03.2011 - 00:06
fonte
0

Identical rendering in all modern browsers (FF, Chrome, Safari, Opera, IE7-8) and also in IE6

Li classificherei in "deve avere" e "dovrebbe avere". Ad un certo punto, non vuoi continuare a pagare per gestire le stranezze di IE.

Inoltre, fornirei versioni specifiche. Specifico. Rende molto, molto più facile risolvere le domande e i misteri se fornisci loro un elenco concreto di versioni che utilizzerai per vedere se hanno effettivamente svolto il lavoro.

All opening and closing block-level elements should be properly commented, referencing the functional part of the user interface they belong to (menu, toolbar, content, etc)

Questo è ciò per cui "classe" e "ID" servono. Non sono sicuro che i commenti aiutino molto con questo. Tuttavia, se i commenti ti piacciono davvero, va bene chiederlo.

In aggiunta.

Devi definire i nomi delle classi che desideri come set minimo e quali ID sono necessari per ogni pagina.

Potresti voler prendere in considerazione una specie di suite di test. Non è facile testare i browser e il rendering con un toolkit di test automatizzato. Probabilmente dovrai tornare indietro manualmente facendo clic su qualcosa per esaminare i vari tipi di modelli di pagina che stai creando per vedere se "lorem ipsum" sembra corretto su ognuno di essi.

    
risposta data 23.02.2011 - 13:07
fonte

Leggi altre domande sui tag