Desmit laiku taupoši Dreamweaver tīmekļa dizaina padomi

Visas labās vietnes aug un attīstās. Ja sākat ar spēcīgu dizainu un pievēršat īpašu uzmanību dažiem pamatnoteikumiem par saskarni, navigāciju un stilu, jums ir labāks pamats, uz kuru balstīties. Šīs dizaina idejas un Dreamweaver padomi var palīdzēt ietaupīt laiku, veidojot vietnes, kas lieliski izskatās visiem jūsu apmeklētājiem.

1Plāns — tas atmaksājas.

Pat ja jūtaties spiests ātri izveidot vietni tiešsaistē, ilgtermiņā ietaupīsit laiku, ja vispirms veltīsit nedaudz laika plāna izstrādei.

Pasaules tīmeklis nekur nepazudīs. Pat ja jums ir pēc iespējas ātrāk jāpievieno vietne tiešsaistē, jūsu mērķim ir jābūt izveidot vietni, kas patiesi kalpo jūsu auditorijai, uzņēmumam un mērķiem, un šo mērķu sasniegšanai ir nepieciešama plānošana.

2Definējiet mērķus, lai palīdzētu jums koncentrēties.

Ja sākat savu vietni ar mērķi piesaistīt miljoniem apmeklētāju un pārdot daudz produktu un pakalpojumu, jūs neesat pietiekami konkrēts. Jo precīzāk varēsit formulēt savus mērķus, jo lielāka iespēja tos sasniegt. Jums vajadzētu ierobežot sevi tikai ar trim mērķiem.

3. Iestatiet termiņus, lai palīdzētu jums pabeigt.

Kad esat skaidri norādījis savus mērķus un veicamos uzdevumus pirms vietnes palaišanas, ir pienācis laiks izveidot laika grafiku un noteikt termiņus. Noteikti piešķiriet sev reālistisku laiku, lai paveiktu labu darbu, un ņemiet vērā nedaudz vairāk laika, nekā domājat, ka jums ir nepieciešams, it īpaši, ja esat iesācējs tīmekļa dizaina jomā.

Pat ja strādājat pie tīmekļa vietnes viens pats vai ar ļoti mazu komandu, termiņu noteikšana ir viena no svarīgākajām jebkura projekta plāna daļām — un tas sniedz daudz lielākas iespējas pabeigt. Mēģiniet saistīt termiņu ar kādu īpašu notikumu vai notikumu.


Desmit laiku taupoši Dreamweaver tīmekļa dizaina padomi

4Dizains savai auditorijai.

Neatkarīgi no tā, cik tehniski sarežģīta ir vietne vai cik lieliski tās ir uzrakstītas, lielākā daļa cilvēku vispirms pamana dizainu. Noteikti atstājiet pietiekami daudz laika un budžeta, lai izstrādātu atbilstošu un pievilcīgu vietnes dizainu. Pareizais dizains ir tas, kas vislabāk atbilst jūsu auditorijai — un tas var nozīmēt, bet var arī nebūt nozīmēt daudz izdomātu grafiku un animāciju.

5 Izveidojiet konsekventu dizainu.

Lielākā daļa vietņu darbojas vislabāk, un tajās ir visvieglāk pārvietoties, ja tās ievēro konsekventu dizaina tēmu. Piemērs: Lielākā daļa lasītāju uzskata par pašsaprotamu, ka grāmatas nemaina savu dizainu no lapas uz lappusi un ka laikraksti nemaina virsrakstu fontus un logotipus katru dienu.

Patiešām, daudzi iebilst, ka tad, kad lietotāji saka, ka kaut kas ir “intuitīvi lietojams”, viņi patiesībā domā, ka tas ir pazīstams. Konsekvence ir viens no galvenajiem dizainā izmantotajiem rīkiem, lai palīdzētu lasītājiem atrast pazīstamu vietni un atvieglotu stāsta vai navigācijas elementu sērijas izsekošanu.


Desmit laiku taupoši Dreamweaver tīmekļa dizaina padomi

6Izpildiet trīs klikšķu noteikumu.

Trīs klikšķu noteikums nosaka, ka neviena svarīga informācija nekad nedrīkst atrasties vairāk nekā trīs klikšķu attālumā no jebkuras citas vietnes jūsu vietnē. Vissvarīgākajai informācijai jābūt vēl tuvāk pie rokas. Piemēram, daudzi dizaineri piekrīt, ka kontaktinformācija nekad nedrīkst būt vairāk kā viena klikšķa attālumā.

Varat atvieglot informācijas atrašanu skatītājiem, izveidojot navigācijas joslu — saišu kopu uz visām galvenajām vietnes sadaļām, kuras atkārtojat visās savas vietnes lapās. Navigācijas josla ļauj apmeklētājiem ērti pāriet no vienas vietnes sadaļas uz citu.

Ja jūsu vietnē ir daudz lapu, sakārtojiet tās sadaļās ar apakšsadaļām un pēc tam izmantojiet nolaižamo izvēlni.

7 Padomājiet, pirms pievienojat izdomātus fontus.

Dizaineri kļūst tik satraukti, uzzinot, ka tagad tīmekļa lapās var izmantot jebkuru fontu, kādu vēlas. Diemžēl, tāpat kā daudzas lietas tīmeklī, fontu izmantošana ir sarežģītāka, nekā jūs varētu gaidīt.

Piemēram, pat ja jums ir tiesības mitināt fontu savā tīmekļa serverī, iespējams, jums nav visu fonta variantu, kas nepieciešami, lai pareizi parādītu burtus Mac un Windows datoros vai darbotos visās tīmekļa pārlūkprogrammās. Tāpēc lielākā daļa tīmekļa dizaineru izmanto fontu pakalpojumu:

8 Saglabājiet bieži lietotos priekšmetus.

Vai esat kādreiz vēlējies, lai visas savas iecienītākās Dreamweaver funkcijas varētu glabāt vienuviet? Jūs varat! Vienkārši pielāgojiet izlases kolekciju ievietošanas panelī.

Palaidiet programmu Dreamweaver un izvēlieties Logs → Insert, lai atvērtu paneli Common Insert. Ievietošanas panelī ir vairākas sadaļas, tostarp struktūra, multivide, veidlapas un izlase.

Noklikšķiniet uz bultiņas panelī Ievietot un nolaižamajā sarakstā izvēlieties Izlase. Opcija Izlase atrodas paneļa ievietošanas nolaižamā saraksta pašā beigās.

Lai pielāgotu paneli Izlase ar visām iecienītākajām funkciju ikonām, ar peles labo pogu noklikšķiniet (vai Mac datorā noklikšķiniet uz Control+klikšķis) un izvēlieties Pielāgot izlasi. Izmantojiet izlases ievietošanas paneli kā ērtu veidu, kā ērti saglabāt visas iecienītākās funkcijas. Jūs pat varat to mainīt īpašiem projektiem, kuriem nepieciešama programmas līdzekļu kolekcija.


Desmit laiku taupoši Dreamweaver tīmekļa dizaina padomi

9Sadaliet skatu.

Ja vēlaties pārslēgties starp koda skatu un noformējuma skatu programmā Dreamweaver, jūs novērtēsiet iespēju sadalīt logu, lai vienlaikus varētu skatīt gan avota kodu, gan lapas dizainu. Lai sadalītu logu, darbvietas augšējā kreisajā stūrī izvēlieties pogu Sadalīt skatu.

Dreamweaver pirmkods ir apzīmēts ar krāsu kodiem, lai atvieglotu atzīmju atšķiršanu no satura. Vēl viena noderīga funkcija sadalītajā skatā ir tāda, ka, atlasot attēlu, tekstu vai citu elementu lapā noformējuma skatā, atbilstošais kods tiek automātiski iezīmēts koda skatā.

10 Dublējiet savu vietni.

Pārliecinieties, vai jums ir sistēma vietnes dublēšanai. Vienmēr glabājiet visu serverī esošo failu kopijas atsevišķā vietā un regulāri atjauniniet to, lai nodrošinātu, ka jums vienmēr ir vietnes jaunākās versijas dublējums.

Lai izveidotu vietnē Dreamweaver izveidotās vietnes dublējumu, jums ir jākopē vietnes mape, kurā glabājat visus vietnes failus. Ideālā gadījumā jums vajadzētu kopēt šo mapi ārējā cietajā diskā vai augšupielādēt tiešsaistes dublēšanas sistēmā (kas tiek mitināta atsevišķi no jūsu tīmekļa servera).

Leave a Comment

Photoshop CS6 viss vienā, lai LuckyTemplates apkrāptu lapa

Photoshop CS6 viss vienā, lai LuckyTemplates apkrāptu lapa

Photoshop CS6 saglabā visas iepriekšējo versiju funkcijas un pievieno jaunas, nodrošinot labāku lietotāja pieredzi, radošumu un produktivitāti. Iepazīstiet jaunas rīku iespējas un komandas.

Kā sapludināt slāņus programmā Photoshop CS6

Kā sapludināt slāņus programmā Photoshop CS6

Uzziniet, kā efektīvi sapludināt slāņus programmā Photoshop CS6, lai samazinātu faila izmēru un uzlabotu veiktspēju, izmantojot slāņu sapludināšanu un attēla saplacināšanu.

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 […]