Skip to topic | Skip to bottom
Home

Tesi
Tesi.EditorCSSr1.6 - 21 Apr 2005 - 10:51 - AngeloDiIoriotopic end

Start of topic | Skip to actions

MarISAWiki Styles

Il Progetto MarISAWiki Styles va ad ampliare le funzionalità dell'Editor di ISAWiki realizzato in precedenza. Lo scopo finale del progetto è quello di permettere la modifica e/o la creazione di fogli di stile all'interno di documenti nuovi o esistenti. Attualmente l'Editor permette operazioni di inserimento, rimozione e sostituzione di elementi blocco (header e paragrafi normali e personalizzati), inline (bold, italic e ancore), tabelle, liste e rientri, in seguito, invece, si prevede di dare la possibilità all'utente di impostare un particolare colore di sfondo, di cambiare le dimensioni e il tipo di carattere di testo, di modificare tabelle, liste, link, inline, etc. secondo i propri gusti. I fogli di stile (CSS) verranno generati automaticamente dal sistema e saranno attivi dal preciso istante in cui l'utente deciderà di salvare le modifiche apportarte ai documenti, sarà così un "gioco da ragazzi" dare un aspetto migliore ai documenti.

Il Progetto

Fase 1:

Nella prima fase mi sono preoccupato di capire cosa realmente l'editor CSS dovesse fare.
Il lavoro di progettazione è stato preceduto da uno studio approfondito degli editor per CSS attualmente presenti sul mercato focalizzando l'attenzione sul funzionamento e sulle caratteristiche tecniche al fine di poter realizzare qualcosa di potente ma al tempo stesso semplice ed intuitivo.
L'editor sul quale mi sono graficamente basato è quello presente all'interno dell'applicazione Macromedia Dreamweaver MX.

Fase 2:

In questa fase mi sono dedicato allo studio dei fogli di stile CSS e all'analisi del browser Microsoft Internet Explorer 5.5 e 6.0 per comprendere quali proprietà dei CSS supportava e quali no.
Conclusioni:
  • Pieno supporto dei CSS1
  • Parziale supporto dei CSS2 e CSS2.1

Fase 3:

Nella terza fase mi sono preoccupato di interpretare i sorgenti utilizzati per la realizzazione dell'editor ISAWiki al fine di poterne ampliare le funzionalità integrandovi l'editorCSS.

Fase 4:

Progettazione in JavaScript e HTML delle interfacce utente. Gestione degli eventi generati dalla pressione dei pulsanti presenti all'interno dell'editorCSS e del pannello Stili CSS.

Fase 5:

Screen Shots di MarISAWiki Styles

La Dissertazione

Titolo

Modifica di fogli di stile in un editor basato su browser: il progetto MarISAWiki Styles

Indice

1 INTRODUZIONE
2 Cascading Style Sheets (CSS)
  2.1 Introduzione ai fogli di stile
  2.2 La nascita dei CSS 
  2.3 Cosa sono i CSS 
  2.4 La struttura delle regole
    2.4.1 Selettori dell'elemento
    2.4.2 Selettore universale
    2.4.3 Selettori di classe e selettori ID
    2.4.4 Selettori contestuali
    2.4.5 Pseudo-classi e pseudo-elementi
  2.5 Struttura e organizzazione a cascata
    2.5.1 La specificità
    2.5.2 Il concetto di ereditarietà
    2.5.3 L'organizzazione a cascata
  2.6 Unire CSS e HTML
    2.6.1 Stili inline
    2.6.2 Fogli di stile incorporati
    2.6.3 Fogli di stile esterni
  2.7 Editor CSS per il Web 
    2.7.1 CSSEdit
    2.7.2 Style Studio
    2.7.3 Morphon CSS-Editor
    2.7.4 EasyStyle
3 Il progetto MarISAWiki Styles
  3.1 Il progetto ISAWiki
    3.1.1 ISA (Immediate Site Activator)
    3.1.2 Wiki Wiki Web
    3.1.3 ISAWiki
  3.2 Attivazione/Disattivazione dell'editorCSS
4 Funzionalità ed uso di MarISAWiki Styles
  4.1 Presentazione grafica dell'editorCSS
  4.2 Pannello Stili CSS
    4.2.1 Tipo CSS
    4.2.2 Blocco di testo degli stili CSS
    4.2.3 Elementi di pagina degli stili CSS
    4.2.4 Bordo degli stili CSS
    4.2.5 Elenco degli stili CSS
    4.2.6 Posizione degli stili CSS
5 MarISAWiki Styles: la progettazione
  5.1 Requisiti di funzionamento
  5.2 Organizzazione logica dell'editorCSS
  5.3 Modus Operandi MarISAWiki Styles
    5.3.1 Recupero dei selettori
    5.3.2 Creazione/Modifica degli attributi di stile
    5.3.3 Collegamento delle regole stilistiche al documento
Conclusioni e futuri sviluppi
A Selettori di regola - Tabella di compatibilità
B Attributi di stile gestiti dall'editorCSS
Bibliografia

-- MarianoDiasio - 18 Mar 2005


to top

I Attachment sort Action Size Date Who Comment
MarianoDiasio.pdf manage 1193.7 K 18 Mar 2005 - 17:25 MarianoDiasio La dissertazione di Diasio Mariano
Sidebar3.0_Sorgenti.rar manage 778.4 K 18 Mar 2005 - 17:28 MarianoDiasio Sorgenti Sidebar+EditorCSS
Sidebar3.0_Sorgenti.zip manage 919.2 K 18 Mar 2005 - 17:30 MarianoDiasio Sorgenti Sidebar + EditorCSS
MarISAWikiStyles.pps manage 679.5 K 21 Mar 2005 - 12:00 MarianoDiasio Presentazione in formato pps
MarISAWikiStyles.ppt manage 776.5 K 21 Mar 2005 - 12:00 MarianoDiasio Presentazione in formato ppt
ISAWikiSidebar.exe manage 900.8 K 21 Mar 2005 - 12:02 MarianoDiasio Installer ISAWiki Sidebar ver. 3.0

You are here: Tesi > ArgomentiDiTesi > IsaWiki > EditorCSS

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