Come creare un diagramma web

giovane donna d'affari che scrive componente del sito web

I diagrammi Web offrono una panoramica di qualsiasi sistema complesso.

Credito immagine: ferlistockphoto/iStock/Getty Images

I diagrammi web sono strumenti utili quando è necessario fare un passo indietro e guardare il quadro generale. Sia che tu stia pianificando un sito Web, un'app Web o qualsiasi altro sistema complesso o insieme di idee, un diagramma Web illustra le relazioni tra gli oggetti e può mostrare le carenze nel tuo piano. Invece di investire in un'app costosa, puoi creare un diagramma Web professionale utilizzando Microsoft Office 2013. Poiché un diagramma Web è principalmente un supporto visivo, limitare le etichette del diagramma a due o tre parole e utilizzare forme e colori per identificare i componenti del diagramma.

Passo 1

Apri un documento vuoto in Microsoft Word. Fare clic sulla scheda "Inserisci" e selezionare "Forme" dal gruppo Illustrazioni. Puoi anche disegnare diagrammi Web in Excel o PowerPoint.

Video del giorno

Passo 2

Seleziona una forma per il primo oggetto. Potresti voler usare la stessa forma per ogni oggetto o usare forme diverse per diversi tipi di oggetti. Se il tuo diagramma è quello di un sito web, ad esempio, potresti usare rettangoli per le pagine Web, rettangoli arrotondati per pagine di vendita e cerchie per diversi tipi di sorgenti di traffico, come link e-mail, social media o altro siti web.

Passaggio 3

Trascina il cursore sulla pagina in cui vuoi che appaia il primo oggetto. Tieni premuto il tasto "Shift" mentre trascini il cursore per creare un quadrato o un cerchio perfetto. Per un diagramma di un sito Web, questa dovrebbe essere la home page del sito Web, posizionata vicino alla parte superiore della pagina. Se stai disegnando un diagramma per mostrare qualche altro processo, potresti preferire mettere l'oggetto principale al centro della pagina in modo da poter disegnare oggetti di collegamento attorno ad esso.

Passaggio 4

Modifica il colore e il bordo della forma facendo clic sulle opzioni nella sezione Stile forme della barra degli strumenti. Fare clic con il pulsante destro del mouse sulla forma per copiarla, quindi fare clic con il pulsante destro del mouse in qualsiasi altro punto della pagina per incollare un duplicato.

Passaggio 5

Aggiungi forme aggiuntive secondo necessità. Trascina le forme per spostarle sulla pagina. Il diagramma di un sito Web normalmente ha l'aspetto di una piramide con la home page in alto. Posiziona le pagine delle categorie principali sotto la home page e le pagine dei contenuti sotto ogni categoria. Posiziona le sorgenti di traffico in entrata sopra la home page o a destra oa sinistra di essa.

Passaggio 6

Ridimensiona una forma facendo clic su di essa e trascinando uno dei punti di ancoraggio sul bordo. Tieni premuto il tasto "Shift" mentre trascini se vuoi che la forma mantenga le sue proporzioni.

Passaggio 7

Fare clic con il pulsante destro del mouse su ciascuna forma, selezionare "Aggiungi testo" e quindi digitare un nome per l'oggetto. Per modificare lo stile del testo, evidenzia il testo, fai clic con il pulsante destro del mouse e utilizza le opzioni di formattazione visualizzate nel menu a comparsa. In alternativa, usa gli stili che appaiono nella sezione Stili della barra degli strumenti.

Passaggio 8

Fare clic sul menu "Inserisci", selezionare "Forme" e quindi scegliere una linea dalla sezione Linee. Fare clic sul primo oggetto creato e trascinare il cursore su qualsiasi altro oggetto per creare una linea di connessione tra di essi. Se scegli una linea di connessione, quelle con angoli retti, puoi regolare la forma della linea trascinando il punto di ancoraggio centrale. Cambia il colore della linea facendo clic sul menu "Contorno forma" nella sezione Stili forma della barra degli strumenti.

Passaggio 9

Disegna linee aggiuntive tra le forme sulla pagina secondo necessità. Qualsiasi forma o linea che hai usato di recente appare sul lato destro della barra degli strumenti, quindi puoi selezionare da lì invece di fare clic sul menu "Inserisci" ogni volta che vuoi aggiungere una nuova linea.

Consiglio

Se stai creando un diagramma di un sito web finito, usa le miniature di ogni pagina nel diagramma piuttosto che forme generiche. Apri una pagina nel tuo browser e poi rimpicciolisci al 25 percento. Premi "Alt-PrtScn" per copiare un'immagine della finestra del browser negli appunti e incollarla in qualsiasi editor di foto per ritagliarla. Invece di inserire forme, seleziona "Immagine" dal menu Inserisci e inserisci queste immagini. Per aggiungere etichette a ciascuna immagine, inserisci una casella di testo sopra la miniatura.

È inoltre possibile creare diagrammi Web di base utilizzando PowerPoint Online. Le versioni Office Online di Word ed Excel non offrono la possibilità di creare forme.