Vietņu struktūras pārvaldība, izmantojot Dreamweaver

Viena no biežāk pieļautajām kļūdām, ko pieļauj jaunie tīmekļa dizaineri, ir iesaistīšanās vietnes izstrādē, nepārdomājot visus savus mērķus, prioritātes, budžetu un dizaina iespējas. Instinkts ir vienkārši sākt veidot lapas, iemest tās visas vienā lielā direktorijā un pēc tam salikt lietas kopā ar saitēm. Pēc tam, kad viņi to beidzot izmēģina savā auditorijā, viņi bieži vien ir pārsteigti, kad lietotāji saka, ka vietnē ir grūti orientēties un lietotāji nevar atrast lapas, kuras viņi vēlas izmantot.

Izdariet sev labu un izglābiet sev dažas bēdas, izstrādājot plānu. Ja jums ir plāns, jums ir arī daudz lielākas iespējas izveidot pievilcīgu vietni, kuru ir viegli uzturēt un atjaunināt. Jums ir jāsaprot tīmekļa dizaina kopīgās plānošanas problēmas. Jums arī jāsaprot, kā Dreamweaver atvieglo izstrādātāju komandas pārvaldību un kā maksimāli izmantot vietnes pārvaldības līdzekļus, piemēram, vietņu sinhronizāciju un integrēto e-pastu. Ja tomēr atrodaties nelaimīgā situācijā, mēģinot labot bojātās saites, varat arī novērtēt, kā Dreamweaver šo uzdevumu atvieglo. Tīmekļa vietnes struktūras pārvaldīšanai ir divas puses: puse, ko redz lietotāji, kas ir atkarīga no tā, kā jūs iestatāt saites un aizkulišu pusi, kas ir atkarīga no tā, kā kārtojat failus un mapes.

Ko lietotājs redz

Lietotājam redzamā puse ir saistīta ar navigāciju. Kad lietotāji nonāk jūsu mājaslapā, kur jūs viņus no turienes novirzāt? Kā viņi pārvietojas jūsu vietnē? Laba vietne ir veidota tā, lai lietotāji varētu viegli un intuitīvi orientēties un izveidot savu ceļu uz informāciju, kas viņiem ir visatbilstošākā. Kā plānojat, pārliecinieties, ka lietotāji var viegli piekļūt galvenajai informācijai no vairākām vietnes vietām. Pārliecinieties, ka tie var pārvietoties uz priekšu un atpakaļ starp lapām un sadaļām un atgriezties galvenajās lapās un rādītājos vienā darbībā. Saišu iestatīšana programmā Dreamweaver ir vienkārša; uzdevums ir nodrošināt, lai apmeklētāji tās būtu viegli izsekot.

Ko tu redzi

Tīmekļa vietnes struktūras pārvaldīšanas otrā puse notiek aizkulisēs (kur jūsu lietotāji nevar redzēt informāciju, bet jūs vēlaties, lai kāda veida organizatoriskā sistēma atcerētos, kas ir kas). Pirms sākat pārāk iedziļināties vietnes veidošanā, izmantojot Dreamweaver, veltiet laiku pārdomām par pārvaldības problēmām, kas saistītas ar visu savai vietnei izveidoto failu uzskaiti. Faili sastāv no visiem attēliem, HTML lapām, animācijām, skaņas failiem un visa cita, ko ievietojat savā tīmekļa vietnē. Veidojot lapas savai vietnei, vislabāk tās kārtot atsevišķās mapēs vai direktorijos.

Daži tīmekļa izstrādātāji augošā tīmekļa vietnē ievieto 20 vai 30 lapas un pēc tam saprot, ka visu viņu failu ievietošana vienā mapē bija kļūda. Patiesībā tā ir vairāk nekā kļūda; tā ir nekārtība. Un, lai situāciju padarītu vēl ļaunāku, ja sākat pārvietot lietas uz jaunām mapēm pēc vietnes paplašināšanās, jums ir jāmaina visas saites. To neapzinoties, daži cilvēki sāk pārvietot failus un pēc tam konstatē, ka viņiem ir bojātas saites, un viņi neatceras, kur lietām ir jānonāk. Par laimi, Dreamweaver ietver vietņu pārvaldības rīkus, kas automātiski labo saites, kad pārvietojat lapas vai veidojat jaunas mapes, taču sākt ar labu plānu joprojām ir labāk nekā vēlāk iztīrīt struktūru.

Pirms veidojat dažas pirmās lapas, padomājiet par to, kur jūs varētu pievienot saturu nākotnē. Kad esat izveidojis savā vietnē vajadzīgo galveno elementu sarakstu, varat izveidot sižetu vai kontūru. Izmantojiet sarakstu un kontūru, lai izveidotu loģiskas vietnes sadaļas, kas paredz izaugsmi. Piemēram, varat sākt ar vienu lapu, kurā ir uzskaitīti visi jūsu darbinieki; tomēr pēc tam, kad darbinieki redz, cik tas ir forši, viņi var vēlēties izveidot savas lapas. Tādā gadījumā jūs varētu vēlēties atsevišķu mapi, kas veltīta personāla lapām. Ja sniedzat informāciju savai pārdošanas komandai, iespējams, vēlaties katram produktam atsevišķu sadaļu. Pievienojot jaunas sadaļas, izveidojiet jaunus apakšdirektorijus vai apakšmapes, lai saglabātu to attiecīgos failus. Apakšdirektoriju izveide atvieglo arī vairāku cilvēku veidotas vietnes pārvaldību.


Kā SVG failiem piemērot caurspīdīgumu

Kā SVG failiem piemērot caurspīdīgumu

Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.

Darbs ar attēliem programmā Adobe XD

Darbs ar attēliem programmā Adobe XD

Kad esat importējis savus attēlus programmā Adobe XD, jums nav lielas rediģēšanas vadības iespējas, taču varat mainīt attēlu izmērus un pagriezt tos tāpat kā jebkuru citu formu. Varat arī viegli noapaļot importēta attēla stūrus, izmantojot stūra logrīkus. Attēlu maskēšana Nosakot slēgtu formu […]

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kad jūsu Adobe XD projektā ir teksts, varat sākt mainīt teksta rekvizītus. Šie rekvizīti ietver fontu saimi, fonta lielumu, fonta svaru, līdzinājumu, rakstzīmju atstarpes (rindstarpas un izsekošanu), rindstarpu (vadošais), aizpildījumu, apmali (pārvilkšanu), ēnu (krītošā ēna) un fona aizmiglojumu. Tātad, apskatīsim, kā šie rekvizīti tiek piemēroti. Par lasāmību un fontu […]

Darbs ar planšetdatoriem programmā Photoshop CC

Darbs ar planšetdatoriem programmā Photoshop CC

Tāpat kā programmā Adobe Illustrator, Photoshop zīmējumu dēļi nodrošina iespēju vienā dokumentā izveidot atsevišķas lapas vai ekrānus. Tas var būt īpaši noderīgi, ja veidojat ekrānus mobilajai lietojumprogrammai vai nelielai brošūrai. Jūs varat domāt par zīmējumu dēli kā īpašu slāņu grupas veidu, kas izveidots, izmantojot paneli Slāņi. Tā […]

Formas un daudzstūri programmā InDesign

Formas un daudzstūri programmā InDesign

Daudzi rīki, kas atrodami panelī InDesign Tools, tiek izmantoti līniju un formu zīmēšanai lapā, tāpēc jums ir vairāki veidi, kā izveidot interesantus zīmējumus savām publikācijām. Programmā InDesign varat izveidot jebko, sākot no pamata formām līdz sarežģītiem zīmējumiem, tā vietā, lai izmantotu zīmēšanas programmu, piemēram, […]

Aplauzt tekstu programmā Adobe Illustrator CC

Aplauzt tekstu programmā Adobe Illustrator CC

Teksta iesaiņošana programmā Adobe Illustrator CC nav gluži tas pats, kas dāvanas iesaiņošana — tas ir vienkāršāk! Teksta aplaušana liek tekstam aptīt grafiku, kā parādīts šajā attēlā. Šī funkcija var pievienot mazliet radošuma jebkuram gabalam. Grafika liek tekstam aptīt to. Vispirms izveidojiet […]

Kā mainīt formu izmēru programmā Illustrator

Kā mainīt formu izmēru programmā Illustrator

Veidojot dizainu programmā Adobe Illustrator CC, bieži vien ir nepieciešams precīzs izmērs (piemēram, 2 x 3 collas). Pēc formas izveides vislabākais veids, kā mainīt tās izmērus precīziem izmēriem, ir izmantot pārveidošanas paneli, kas parādīts šajā attēlā. Atlasiet objektu un pēc tam izvēlieties Logs → Transform to […]

Kā izveidot QR kodus programmā InDesign CC

Kā izveidot QR kodus programmā InDesign CC

Varat izmantot programmu InDesign, lai izveidotu un modificētu QR koda grafiku. QR kodi ir svītrkoda veids, kurā var saglabāt informāciju, piemēram, vārdus, ciparus, URL vai cita veida datus. Lietotājs skenē QR kodu, izmantojot savu kameru un programmatūru ierīcē, piemēram, viedtālrunī, un programmatūra izmanto […]

Kā padarīt jaunu fotoattēlu vecu programmā Photoshop CS6

Kā padarīt jaunu fotoattēlu vecu programmā Photoshop CS6

Var būt laiks, kad jums ir nepieciešams jauns fotoattēls, lai izskatītos vecs. Programma Photoshop CS6 ir jums pieejama. Melnbaltā fotogrāfija ir jaunāka parādība, nekā varētu domāt. Dagerotipiem un citām agrīnām fotogrāfijām bieži bija brūngans vai zilgans tonis. Jūs varat izveidot savus sēpijas toņu šedevrus. Tonēti attēli var radīt […]

Live Paint funkcija programmā Adobe CS5 Illustrator

Live Paint funkcija programmā Adobe CS5 Illustrator

Izmantojot Adobe Creative Suite 5 (Adobe CS5) Illustrator funkciju Live Paint, varat izveidot vajadzīgo attēlu un aizpildīt reģionus ar krāsām. Live Paint kauss automātiski nosaka reģionus, kas sastāv no neatkarīgiem krustojošiem ceļiem, un attiecīgi aizpilda tos. Krāsa noteiktā reģionā paliek dzīva un plūst automātiski, ja tāda ir […]