Kako napraviti web dijagram

mlada poslovna žena koja piše komponentu web stranice

Web dijagrami daju pogled iz ptičje perspektive na svaki složeni sustav.

Zasluga slike: ferlistockphoto/iStock/Getty Images

Web dijagrami su korisni alati kada se trebate odmaknuti i pogledati širu sliku. Bilo da planirate web stranicu, web aplikaciju ili bilo koji drugi složeni sustav ili skup ideja, web dijagram ilustrira odnose između objekata i može pokazati nedostatke u vašem planu. Umjesto ulaganja u skupu aplikaciju, možete izraditi profesionalni web dijagram koristeći Microsoft Office 2013. Budući da je web-dijagram prvenstveno vizualna pomoć, ograničite oznake dijagrama na dvije ili tri riječi i koristite oblike i boje da biste identificirali komponente dijagrama.

Korak 1

Otvorite prazan dokument u programu Microsoft Word. Kliknite karticu "Umetni" i odaberite "Oblici" iz grupe Ilustracije. Web dijagrame možete crtati i u Excelu ili PowerPointu.

Video dana

Korak 2

Odaberite oblik za prvi objekt. Možda ćete htjeti koristiti isti oblik za svaki objekt ili koristiti različite oblike za različite vrste objekata. Ako je vaš dijagram dijagram web stranice, na primjer, možete koristiti pravokutnike za web stranice, zaobljene pravokutnike za prodajne stranice i krugove za različite vrste izvora prometa, kao što su veze e-pošte, društveni mediji ili drugo web stranice.

Korak 3

Povucite pokazivač na stranicu na kojoj želite da se pojavi prvi objekt. Držite tipku "Shift" dok povlačite pokazivač kako biste stvorili savršeni kvadrat ili krug. Za dijagram web stranice, ovo bi trebala biti početna stranica web stranice, smještena pri vrhu stranice. Ako crtate dijagram kako biste prikazali neki drugi proces, možda biste radije stavili glavni objekt u središte stranice kako biste mogli crtati povezane objekte oko njega.

4. korak

Izmijenite boju i obrub oblika klikom na opcije u odjeljku Stilovi oblika na alatnoj traci. Desnom tipkom miša kliknite oblik da biste ga kopirali, a zatim desnom tipkom miša bilo gdje drugdje na stranici da biste zalijepili duplikat.

Korak 5

Po potrebi dodajte dodatne oblike. Povucite oblike da biste ih premjestili na stranicu. Dijagram web stranice obično izgleda kao piramida s početnom stranicom na vrhu. Postavite stranice glavne kategorije ispod početne stranice i stranice sa sadržajem ispod svake kategorije. Postavite izvore dolaznog prometa iznad početne stranice ili s desne ili lijeve strane nje.

Korak 6

Promijenite veličinu oblika tako da ga kliknete i povučete bilo koju od sidrišnih točaka na njegovom rubu. Držite pritisnutu tipku "Shift" tijekom povlačenja ako želite da oblik zadrži svoj omjer stranica.

Korak 7

Desnom tipkom miša kliknite svaki oblik, odaberite "Dodaj tekst", a zatim upišite naziv objekta. Da biste promijenili stil teksta, označite tekst, kliknite ga desnom tipkom miša i upotrijebite opcije oblikovanja koje se pojavljuju u skočnom izborniku. Alternativno, koristite stilove koji se pojavljuju u odjeljku Stilovi na alatnoj traci.

Korak 8

Kliknite izbornik "Umetanje", odaberite "Oblici", a zatim odaberite liniju iz odjeljka Linije. Kliknite prvi objekt koji ste stvorili i povucite pokazivač na bilo koji drugi objekt kako biste stvorili liniju poveznice između njih. Ako odaberete liniju spojnice -- one s pravim kutovima -- možete prilagoditi oblik linije povlačenjem srednje točke sidrišta. Promijenite boju linije klikom na izbornik "Okvir oblika" u odjeljku Stilovi oblika na alatnoj traci.

Korak 9

Po potrebi nacrtajte dodatne linije između oblika na stranici. Svi oblici ili linije koje ste nedavno koristili pojavljuju se na desnoj strani alatne trake, tako da možete birati odatle umjesto da kliknete izbornik "Umetni" svaki put kada želite dodati novu liniju.

Savjet

Ako izrađujete dijagram gotove web stranice, koristite sličice svake stranice u dijagramu, a ne generičke oblike. Otvorite stranicu u pregledniku i zatim smanjite na 25 posto. Pritisnite "Alt-PrtScn" da kopirate sliku prozora preglednika u međuspremnik i zalijepite je u bilo koji uređivač fotografija kako biste je izrezali. Umjesto umetanja oblika, odaberite "Slika" iz izbornika za umetanje i umetnite ove slike. Da biste svakoj slici dodali oznake, umetnite tekstni okvir iznad minijature.

Također možete izraditi osnovne web dijagrame koristeći PowerPoint Online. Office Online verzije Worda i Excela ne nude mogućnost stvaranja oblika.