Skip to topic | Skip to bottom
Home

Tesi
Tesi.FormatodiLayoutr1.5 - 13 Mar 2006 - 19:33 - FabioVitalitopic end

Start of topic | Skip to actions
Ciao a tutti, sono Stefania. La mia tesi ha come obiettivo quello di migliorare e potenziare i layout delle pagine web create dinamicamente da ISA.

Reintroduzione di marzo 2006

Obiettivo della tesi

Realizzare un meccanismo di identificazione e correzione delle aree di slicing scorrette in file generati da applicazioni grafiche, in particolare FireWorks?. Le aree di slicing scorrette possono essere o per distanza o per overlapping:

  1. due aree sovrapposte sono distanti tra loro n pixel
  2. due aree sovrapposte sono in overlapping per n pixel
  3. due aree sovrapposte hanno bordo sinistro diverso per n pixel
  4. due aree sovrapposte hanno bordo destro diverso per n pixel
  5. due aree affiancate sono distanti tra loro n pixel
  6. due aree affiancate sono in overlapping per n pixel
  7. due aree affiancate hanno bordo superiore diverso per n pixel
  8. due aree affiancate hanno bordo inferiore diverso per n pixel
  9. una combinazione delle precedenti (di tutti i tipi possibili)

La correzione deve avvenire per rimozione della riga e/o colonna colpevole (aggiunstando di conseguenza le dimensioni e i (col|row)span della riga precedente/seguente e/o della colonna precedente/seguente. Gli spacer corrispondenti vengono buttati via. Da decidere:

  • Se associare i pixel corrispondenti alla riga/colonna precedente o seguente. Teoricamente questo dovrebbe avvenire identificando le aree della stessa riga/colonna più significative o per contenuto del testo (alcune aree sono speciali perchè hanno testo - fvblock) o per contenuto dell'immagine (ad esempio, se l'immagine della riga/colonna rimossa assomiglia per colori a quella della riga/colonna precedente o seguente) difficile. Accettabile: l'impostazione di una apposita funzione nel codice, che al momento, se non ci sono aree speciali, restituisce sempre "seguente", e che possa essere in un secondo tempo ampliata per gestire il confronto tra le immagini.
  • Cosa fare delle immagini corrispondenti alla riga e/o colonna rimossa. Teoricamente dovrebbero venir generate delle immagini in cui la riga appena tolta viene aggiunta all'estremo corrispondente dell'altra. difficile. Accettabile: espandiamo di n pixel l'immagine precedente e buttiamo via quella rimossa.

Introduzione originale

Il lavoro svolto è spiegato in questi lucidi:


In particolare permettere ai layout di restringersi o espandersi adattandosi alla dimensione corrente della finestra del browser o al contenuto che in essi verrà visualizzato.
Queste regioni del layout sono evidenziate specificando l'ancora:
  • fvstretch
  • fvtile
  • fvverticalstretch
  • fvhorizontalstretch

nelle slice corrispondenti nel momento in cui viene creata la struttura della pagina.

Browser

Questi layout dovranno essere visualizzati correttamente da questi browser:

  • Netscape 5.0 e successivi per
      • Windows
      • Mac
  • Mozilla 1.2 per
      • Linux
      • Windows
      • Mac
  • Opera
  • Safari per Mac
e dare una risposta ragionevole (anche disattivando JavaScript) in
  • IE 2/3/4
  • NS4
  • Lynx

-- StefaniaSangiorgi - 08 Jun 2004

Come prima attività mi sono concentrata sulla pulizia del file .htm generato da Fireworks cercando di sistemare le variazioni della tabella del layout nel caso in cui l'utente abbia erroneamente disegnato le slice, più precisamente nel caso in cui la slice differisca dalla bitmap originale di 1px in altezza o larghezza.


Ho distinto tra due tipi di layout:
  • PIASTRELLATURA: il layout è composto da sole slice
  • ZONE LIBERE: il layout e composto da slice e zone libere
e per entrambi i tipi di layout ho distinto tra il caso "Distance" e "Overlap".


to top


You are here: Tesi > ArgomentiDiTesi > IsaWiki > FormatodiLayout

to top

Copyright © 1999-2017 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Fabio's Wiki? Send feedback