Funzionalità generali (attraverso molte visualizzazioni del design):
* Layout e struttura visiva: Vedi gli elementi del documento o dell'oggetto organizzati in quanto sembrerebbero all'utente. Ciò include cose come testo, immagini, pulsanti, campi e altri controlli.
* Proprietà e attributi: È possibile visualizzare e modificare le proprietà dei singoli elementi. Queste proprietà controllano cose come dimensioni, posizione, colore, carattere, visibilità e comportamento.
* Struttura gerarchica: Spesso, la vista del design rappresenta la struttura del documento in modo gerarchico, come un albero, permettendoti di vedere come gli elementi sono nidificati e correlati.
* Rapporti tra elementi: La vista del design può anche visualizzare come un elemento è collegato a un altro, specialmente nella progettazione del database, per vedere le relazioni (da uno a molti, molti a molti).
Esempi per applicazione:
1. Sviluppo Web (editor HTML/CSS, IDES):
* Elementi: I tag HTML (div, paragrafi, intestazioni, immagini, forme, ecc.) Sono rappresentati visivamente.
* Layout: Come gli elementi sono posizionati sulla pagina (utilizzando proprietà CSS come margine, imbottitura, galleggiante, posizione, griglia, flexbox).
* Stili: Colori, caratteri, dimensioni, bordi e altri stili visivi definiti da CSS.
* Elementi interattivi: Rappresentazioni di base di elementi guidati da JavaScript (sebbene la piena interattività di solito richiede l'esecuzione della pagina in un browser).
* Struttura HTML: Come gli elementi HTML sono nidificati e organizzati nel DOM.
2. Sistemi di gestione del database (DBMS - ad es. Mysql Workbench, SQL Server Management Studio, MS Access):
* Tabelle: Rappresentazione visiva delle tabelle del database.
* Fields/Colonne: Nomi, tipi di dati e vincoli di ciascuna colonna in una tabella.
* Chiavi: Le chiavi primarie, le chiavi estere e altri tipi di chiavi sono indicati visivamente.
* Relazioni: Linee o diagrammi che mostrano relazioni tra le tabelle (uno a molti, molti a molti).
* indici: Rappresentazione visiva degli indici.
* Vincoli: (Come `non null`,` unico`, `check`) può essere visualizzato e configurato.
* Procedure/Visualizzazioni/Funzioni memorizzate: Definizione e struttura di questi oggetti di database.
3. Microsoft Access (moduli e report):
* Controlli del modulo: Caselle di testo, etichette, pulsanti, caselle di elenco, caselle combinate, ecc.
* Layout: Disposizione dei controlli sul modulo o sul rapporto.
* Proprietà: Proprietà dei controlli (ad es. Fonte di controllo, formato, carattere, colore).
* Codice: A volte può accedere al codice VBA sottostante (gestori di eventi) per il modulo o il rapporto da Design View.
* Binding dei dati: Come il modulo/report è collegato ai dati nelle tabelle.
4. Software di progettazione grafica (Adobe Photoshop, Illustrator):
* Livelli: Rappresentazione visiva degli strati e del loro ordine di impilamento.
* Oggetti/forme: Cerchi, rettangoli, percorsi, oggetti di testo, ecc.
* Proprietà: Scate, riempimento, colore, dimensioni, posizione, opacità e altre proprietà visive degli oggetti.
* Effetti: Rappresentazione visiva degli effetti applicati a strati o oggetti (ad es. Ombre, bagliori, sfocature).
* Arteboard: La tela o più tele (arte delle arte) su cui stai lavorando.
5. Software di presentazione (Microsoft PowerPoint, Google Slides):
* Slide: Diapositive individuali nella presentazione.
* Placeder: Aree in cui è possibile inserire il testo, le immagini o altri contenuti.
* Layout: Disposizione degli elementi sulla diapositiva.
* animazioni e transizioni: Sebbene l'animazione non sia in diretta, in genere è possibile vedere segnali visivi o impostazioni relative alle animazioni e alle transizioni delle diapositive.
* Slide master: Il modello generale di progettazione e layout per la presentazione.
6. Ambienti di sviluppo del software (IDES) - Builder GUI (ad es. Visual Studio, Qt Creator, Eclipse):
* Controlli visivi: Pulsanti, campi di testo, etichette, menu, barre degli strumenti, ecc.
* Layout: Disposizione dei controlli all'interno di Windows o finestra di dialogo.
* Proprietà: Proprietà dei controlli (testo, colore, dimensioni, gestori di eventi).
* gestori di eventi: Connessione visiva degli elementi dell'interfaccia utente per codificare le funzioni che gestiscono le interazioni dell'utente (clic, pressioni del tasto, ecc.).
* Gerarchia componente: La gerarchia dei componenti dell'interfaccia utente all'interno dell'applicazione.
TakeAways chiave:
* La vista del design è focalizzata sugli aspetti * visivi * e * strutturali * di qualcosa.
* Ti consente di manipolare direttamente gli elementi (trascina, ridimensiona, modifica le proprietà).
* Di solito è un modo più * intuitivo * di funzionare piuttosto che scrivere codice o script.
* Tuttavia, non mostra sempre l'intero comportamento * o * funzionalità * dell'oggetto. Per questo, di solito è necessario passare a una modalità "Esegui" o "Anteprima".
* I dettagli di ciò che puoi vedere e fare nella vista del design dipendono interamente dall'applicazione che stai utilizzando.
Programmazione © www.354353.com