CSS (Cascading Style Sheet) Designer

Il CSS Designer mostra l'origine di un foglio di stile e consente di modificare gli stili con l'aiuto dell'evidenziazione della sintassi, con l'assistente ai contenuti e la funzione Anteprima. Le modifiche apportare in CSS Designer vengono immediatamente applicate alla pagina Progettazione di Page Designer se il file HTML presenta un collegamento al foglio di lavoro.

Questo prodotto supporta i seguenti standard CSS (cascading style sheet) W3C (World Wide Web Consortium): Inoltre, è supportato anche lo standard WAP Forum WCSS 1.0 (WAP CSS 1.0).
CSS Designer fornisce un riquadro Origine e un riquadro Anteprima con funzioni simili alle tre pagine di Page Designer, sebbene l'orientamento e l'interazione tra questi riquadri sono leggermente differenti in CSS Designer.
Origine
Il riquadro Origine consente di visualizzare e lavorare con un codice di origine di un file direttamente. Le viste Proprietà e Stili presentano funzioni che sostituiscono la pagina Origine. Molte delle funzioni relative alla creazione di nuovi stili, all'applicazione degli stili, alla modifica delle proprietà e all'impostazione dei collegamenti ai fogli di stile sono disponibili dal menu di CSS Designer Stile e dalla barra degli strumenti della vista Stili.
I singoli stile di un foglio di stile sono definiti generalmente come segue:
selector { property : value; }
Di seguito viene riportato un esempio di definizione di stile per un paragrafo che può essere contenuto in un file .css:
P { font-style : italic; font-size : x-small;}
Anteprima
Il riquadro Anteprima mostra l'aspetto degli stili correntemente definiti quando visualizzati in un browser Web. È possibile selezionare una pagina Web per applicare e visualizzare gli stili creati da CSS Designer oppure utilizzare il file HTML di esempio che fornisce una versione minima degli stili definiti. Il riquadro Anteprima contiene due aree: Stile selezionato ed Elementi HTML standard. L'area Stile selezionato viene utilizzata per visualizzare gli effetti di stile di una definizione di stile per l'area in cui si trova il cursore (nel riquadro Origine) oppure lo stile selezionato nella vista Stili. L'area Elementi HTML standard visualizza gli stili per gli elementi HTML standard e non è influenzata dalla posizione del cursore.

L'Anteprima viene aggiornata automaticamente se viene modificato il file .css utilizzando il riquadro Origine o la vista Stili.

Il riquadro Origine CSS presenta numerose funzioni di modifica testo, ad esempio:

Tabella 1. Funzioni di modifica testo di CSS Designer
Funzione Descrizione
evidenziazione della sintassi Ciascun tipo di tag viene evidenziato in maniera diversa, consentendo di trovare facilmente un determinato tipo di tag per la modifica. L'evidenziazione della sintassi è utile per l'individuazione di errori di sintassi.
operazioni di annullamento e ripetizione modifica illimitate È possibile annullare e ripetere qualsiasi modifica apportata a un file per l'intera sessione di modifica. Per il testo, le modifiche vengono incrementate di un carattere o di un insieme di caratteri selezionati alla volta.
assistente ai contenuti L'assistente ai contenuti aiuta a terminare i tag o le righe di codice e inserire le macro. Le scelte disponibili nell'elenco dell'assistente ai contenuti si basano sui tag definiti dallo standard dei tag specificato per il file modificato.
selezione di elementi In base alla posizione del cursore, l'indicatore della selezione di elementi evidenzia il numero di righe che includono un elemento nel righello verticale a sinistra della pagina Origine.
opzioni del menu a comparsa Dal menu a comparsa dell'editor, sono disponibili diverse opzioni di modifica nel menu del workbench Modifica.

Il menu Riquadri nell'editor CSS consente di modificare l'orientamento e la relativa dimensione dei riquadri Origine e Anteprima.

Attività correlate
Definizione degli stili di pagina per un sito Web – panoramica
Creazione di un foglio di stile
Modifica di fogli di stile

Termini utilizzati | Feedback
(C) Copyright IBM Corporation 2000, 2005. Tutti i diritti riservati.