Upravljanje strukture spletnih mest z Dreamweaverjem

Ena najpogostejših napak, ki jih naredijo novi spletni oblikovalci, je, da se poglobijo v razvoj spletnega mesta, ne da bi premislili o vseh svojih ciljih, prednostnih nalogah, proračunu in možnostih oblikovanja. Instinkt je, da preprosto začnete ustvarjati strani, jih vse vržete v en velik imenik in nato stvari združiti s povezavami. Potem, ko ga končno preizkusijo na svojem občinstvu, so pogosto presenečeni, ko uporabniki rečejo, da je po spletnem mestu težko krmariti in da uporabniki ne najdejo strani, ki jih želijo uporabiti.

Naredite si uslugo in si prihranite nekaj žalosti, tako da naredite načrt. Če imate načrt, imate tudi veliko več možnosti za ustvarjanje privlačnega spletnega mesta, ki ga je enostavno vzdrževati in posodabljati. Razumeti morate pogosta vprašanja načrtovanja spletnega oblikovanja. Prav tako morate razumeti, kako Dreamweaver olajša upravljanje ekipe razvijalcev in kako kar najbolje izkoristiti funkcije upravljanja spletnega mesta, kot sta sinhronizacija spletnega mesta in integrirana e-pošta. Če se znajdete v nesrečni stiski, ko poskušate popraviti poškodovane povezave, boste morda tudi cenili, kako Dreamweaver olajša tudi to nalogo. Upravljanje strukture spletnega mesta ima dve plati: tisto, ki jo vidijo uporabniki, ki je odvisna od tega, kako nastavite povezave in stran zakulisja, ki je odvisna od tega, kako organizirate datoteke in mape.

Kaj vidi uporabnik

Stran, ki jo vidi uporabnik, je navigacija. Ko uporabniki prispejo na vašo domačo stran, kam jih od tam usmerite? Kako se premikajo po vašem spletnem mestu? Dobra spletna stran je zasnovana tako, da lahko uporabniki enostavno in intuitivno krmarijo ter ustvarijo svojo pot do informacij, ki so zanje najbolj pomembne. Ko načrtujete, poskrbite, da bodo uporabniki lahko zlahka dostopali do ključnih informacij z več kot enega mesta na spletnem mestu. Prepričajte se, da se lahko premikajo naprej in nazaj med stranmi in razdelki ter se v enem koraku vračajo na glavne strani in kazala. Nastavitev povezav je v Dreamweaverju enostavna; izziv je zagotoviti, da jih obiskovalci zlahka spremljajo.

Kar vidiš

Druga stran upravljanja strukture vašega spletnega mesta se dogaja v zakulisju (kjer vaši uporabniki ne morejo videti informacij, želite pa nekakšen organizacijski sistem, ki bi si zapomnil, kaj je kaj). Preden greste predaleč pri izdelavi svojega spletnega mesta z Dreamweaverjem, preživite nekaj časa za razmišljanje o težavah z upravljanjem, ki so povezane s spremljanjem vseh datotek, ki jih ustvarite za svoje spletno mesto. Datoteke so sestavljene iz vseh slik, strani HTML, animacij, zvočnih datotek in vsega, kar vstavite na svoje spletno mesto. Ko ustvarjate strani za svoje spletno mesto, je najbolje, da jih organizirate v ločene mape ali imenike.

Nekateri spletni razvijalci dobijo 20 ali 30 strani na rastočem spletnem mestu in nato ugotovijo, da je bila napaka, če so vse njihove datoteke v eni mapi. Pravzaprav je to več kot napaka; to je zmešnjava. In da je zadeva še hujša, če začnete premikati stvari v nove mape, potem ko spletno mesto raste, morate spremeniti vse povezave. Ne zavedajo se tega, nekateri ljudje začnejo premikati datoteke in nato ugotovijo, da imajo pokvarjene povezave in se ne spomnijo, kam naj bi stvari šle. Na srečo Dreamweaver vključuje orodja za upravljanje spletnih mest, ki samodejno popravijo povezave, ko premikate strani ali ustvarjate nove mape, vendar je začeti z dobrim načrtom še vedno bolje, kot da bi morali pozneje počistiti strukturo.

Preden ustvarite teh prvih nekaj strani, razmislite o tem, kam boste verjetno dodali vsebino v prihodnosti. Ko sestavite seznam ključnih elementov, ki jih želite na svojem spletnem mestu, ste pripravljeni ustvariti snemalno ploščo ali oris. Uporabite seznam in oris, da ustvarite logične dele mesta, ki predvidevajo rast. Na primer, lahko začnete z eno stranjo, ki navaja vse vaše osebje; Ko pa vidijo, kako kul je, bodo člani osebja morda želeli razviti lastne strani. V tem primeru boste morda želeli ločeno mapo, namenjeno stranem osebja. Če dajete informacije svoji prodajni skupini, boste morda ugotovili, da želite ločen razdelek za vsak izdelek. Ko dodajate nove razdelke, ustvarite nove podimenike ali podmape za shranjevanje njihovih datotek. Z ustvarjanjem podimenikov je tudi lažje upravljati spletno mesto, ki ga je izdelalo več ljudi.


Kako uporabiti preglednost za SVG

Kako uporabiti preglednost za SVG

Naučite se uporabiti prosojnost za grafiko SVG v Illustratorju. Raziščite, kako iznesti SVG s prozornimi ozadji in uporabiti učinke preglednosti.

Delo s slikami v Adobe XD

Delo s slikami v Adobe XD

Ko uvozite svoje slike v Adobe XD, nimate velikega nadzora nad urejanjem, lahko pa spremenite velikost in zasukate slike tako kot pri kateri koli drugi obliki. Prav tako lahko preprosto zaokrožite vogale uvožene slike z uporabo vogalnih pripomočkov. Prikrivanje slik Z definiranjem zaprte oblike […]

Kako prilagoditi lastnosti besedila v Adobe XD

Kako prilagoditi lastnosti besedila v Adobe XD

Ko imate besedilo v projektu Adobe XD, lahko začnete spreminjati lastnosti besedila. Te lastnosti vključujejo družino pisav, velikost pisave, težo pisave, poravnavo, razmik med znaki (kerning in sledenje), razmik med vrsticami (vodilni del), polnjenje, obrobo (poteza), senco (senca) in zameglitev ozadja. Poglejmo torej, kako se te lastnosti uporabljajo. O berljivosti in pisavi […]

Delo z umetniškimi ploščami v Photoshopu CC

Delo z umetniškimi ploščami v Photoshopu CC

Tako kot v Adobe Illustratorju, umetniške plošče Photoshopa omogočajo izdelavo ločenih strani ali zaslonov znotraj enega dokumenta. To je lahko še posebej koristno, če gradite zaslone za mobilno aplikacijo ali majhno brošuro. Umetniško ploščo si lahko predstavljate kot posebno vrsto skupine plasti, ustvarjeno s ploščo Sloji. Njegova […]

Oblike in poligoni v InDesignu

Oblike in poligoni v InDesignu

Številna orodja, ki jih najdete na plošči Orodja InDesign, se uporabljajo za risanje črt in oblik na strani, tako da imate na voljo več različnih načinov za ustvarjanje zanimivih risb za svoje publikacije. V InDesignu lahko ustvarite kar koli, od osnovnih oblik do zapletenih risb, namesto da bi morali uporabljati program za risanje, kot je […]

Zavijte besedilo v Adobe Illustrator CC

Zavijte besedilo v Adobe Illustrator CC

Zavijanje besedila v Adobe Illustrator CC ni čisto enako kot zavijanje darila – lažje je! Prelom besedila prisili, da se besedilo ovije okoli grafike, kot je prikazano na tej sliki. Ta funkcija lahko vsakemu kosu doda malo ustvarjalnosti. Grafika sili, da se besedilo ovije okoli njega. Najprej ustvarite […]

Kako spremeniti velikost oblik v Illustratorju

Kako spremeniti velikost oblik v Illustratorju

Ko načrtujete v programu Adobe Illustrator CC, pogosto potrebujete obliko, ki je natančna (na primer 2 x 3 palca). Ko ustvarite obliko, je najboljši način, da jo spremenite v natančne meritve, da uporabite ploščo Transform, prikazano na tej sliki. Izberi predmet in nato izberite Okno→ Pretvori v […]

Kako ustvariti QR kode v InDesign CC

Kako ustvariti QR kode v InDesign CC

InDesign lahko uporabite za ustvarjanje in spreminjanje grafike QR kode. QR kode so oblika črtne kode, ki lahko shrani informacije, kot so besede, številke, URL-ji ali druge oblike podatkov. Uporabnik skenira QR kodo s svojo kamero in programsko opremo na napravi, kot je pametni telefon, in programska oprema uporablja […]

Kako narediti novo fotografijo staro v Photoshopu CS6

Kako narediti novo fotografijo staro v Photoshopu CS6

Morda bo čas, ko boste potrebovali novo fotografijo, da bi izgledali staro. Photoshop CS6 vas pokriva. Črno-bela fotografija je novejši pojav, kot si morda mislite. Dagerotipi in druge zgodnje fotografije so pogosto imele rjavkast ali modrikast ton. Lahko ustvarite lastne mojstrovine v odtenkih sepije. Tonirane slike lahko ustvarijo […]

Funkcija Live Paint v programu Adobe CS5 Illustrator

Funkcija Live Paint v programu Adobe CS5 Illustrator

S funkcijo Live Paint v programu Adobe Creative Suite 5 (Adobe CS5) Illustrator lahko ustvarite želeno sliko in zapolnite regije z barvo. Vedro Live Paint samodejno zazna regije, sestavljene iz neodvisnih sekajočih se poti, in jih ustrezno zapolni. Barva v danem območju ostane živa in samodejno teče, če obstaja […]