Pieskarieties laika taupīšanas Dreamweaver padomiem

Pat labākās programmas kļūst labākas, ja zināt, kā tās maksimāli izmantot. Veltiet laiku, lai pārbaudītu šos padomus, un ietaupiet daudz laika savas vietnes izstrādei. Lielākā daļa no šiem padomiem attiecas gan uz Macintosh, gan Windows lietotājiem. Ja tie attiecas tikai uz vienu vai otru, tekstā būs norādīts, vai padoms attiecas uz Windows vai Mac versiju.

Nekārtības tīrīšana

Dreamweaver daudzie paneļi ( iepriekšējās versijās saukti par paletēm ) nodrošina ātru piekļuvi populārākajām funkcijām, taču tie var pārblīvēt dizaina apgabalu. Lai tos novērstu, kad vēlaties atkāpties un apbrīnot savu darbu (vai saplēst kādu citu), izmantojiet taustiņu F4 — īsinājumtaustiņu, kas vienlaikus paslēpj visus redzamos paneļus. Lai tos atgūtu, vēlreiz nospiediet taustiņu F4.

Lai atsevišķi ieslēgtu un izslēgtu paneļus, izmantojiet katram panelim piešķirto īsinājumtaustiņu. Izvēlnē atlasiet Logs, lai blakus katra paneļa nosaukumam atrastu īsinājumtaustiņus. Varat izmantot šos īsinājumtaustiņus, lai atsevišķi ieslēgtu un izslēgtu paneļus. Varat arī izmantot palaidēja joslu noformējuma loga apakšējā labajā stūrī, lai piekļūtu vietņu panelim, īpašumu panelim, HTML stilu panelim, CSS stilu panelim, uzvedības panelim un vēstures panelim.

Skata sadalīšana: koda darbs

Ja vēlaties pārslēgties starp HTML avota kodu un WYSIWYG (tas ir tas, ko jūs saņemat) dizaina skatu programmā Dreamweaver, jūs novērtēsiet jauno opciju 4. versijā, kas ļauj sadalīt logu, lai jūs varētu vienlaikus skatiet HTML avotu un WYSIWYG noformējuma apgabalu. Lai sadalītu logu, izvēlieties Skats -> Kods un dizains.

Varat arī novērtēt Dreamweaver iebūvētā teksta redaktora uzlabotās funkcijas, tostarp automātisko atkāpi un iespēju atlasīt vairākas rindiņas un tās atkāpties. Jūs atklāsit arī reāllaika sintakses krāsojumu, kas parādās rakstīšanas laikā — jūs pat varat atšķirt HTML un JavaScript krāsas. Izvēlieties cilni Rediģēt -> Preferences -> Koda krāsas, lai piešķirtu krāsas.

Savu dizainu iesniegšana

HTML tabulas joprojām piedāvā labāko veidu, kā izveidot sarežģītus tīmekļa dizainus (jo vecākās pārlūkprogrammas joprojām neatbalsta slāņus), un Dreamweaver 4 ir padarījis tabulu izveidi savā vizuālā noformējuma apgabalā vienkāršāku nekā jebkad agrāk. Jaunajā izkārtojuma skatā varat “zīmēt” tabulas lapā, vilkt tās savās vietās un pat grupēt šūnas ligzdotā tabulā — nekad neuztraucoties par izveidoto rindu un šūnu skaitu. Varat pat izmantot šo funkciju, lai izveidotu tabulas, kas mainās atkarībā no loga izmēra. Tas ir lielisks paņēmiens, lai nodrošinātu, ka jūsu dizains darbojas visos monitoros.

Izvēlieties Skats -> Tabulas skats -> Izkārtojuma skats, lai piekļūtu Dreamweaver jaunajai tabulu izveides videi, un pēc tam vienkārši velciet un nometiet, lai izveidotu jebkāda veida tabulu. Šūnu un tabulu izkārtojuma opcijas var atrast objektu panelī.

Teksta konvertēšana

Ja esat pieradis izmantot funkciju Ielīmēt kā tekstu programmā Dreamweaver 3, nevilieties, kad atklājat, ka Dreamweaver 4 tā trūkst. Macromedia ir vienkāršojusi procesu savā jaunākajā versijā. Tagad jūs vienkārši izvēlaties Fails —> Ielīmēt, un formatētais teksts no Word apstrādes dokumenta saglabā savu formatējumu — labi, labi, tas vismaz saglabā rindstarpu. Patiesība ir tāda, ka Dreamweaver joprojām ir diezgan vājš, kad runa ir par teksta konvertēšanu.

Varat izvairīties no teksta pārformatēšanas programmā Dreamweaver, ja izmantojat tekstapstrādes vai izklājlapu programmu, kas ietver funkciju Saglabāt kā HTML (šo līdzekli piedāvā Microsoft Word un daudzi citi). Tā vietā, lai kopētu un ielīmētu tekstu programmā Dreamweaver, izmantojiet tekstapstrādes programmas funkciju Fails —> Saglabāt kā HTML, pārdēvējiet failu un pēc tam atveriet jauno failu programmā Dreamweaver. Microsoft Word un Excel pat saglabā tabulu formatējumu, kas ir reāls laika ietaupījums, ja strādājat ar lielām teksta vai skaitļu tabulām.

Funkcionālo fontu atrašana

Dizaineri kļūst tik satraukti, kad uzzina, ka var izmantot jebkuru fontu. Patiesībā skatītāju datorā ir jābūt fontam, lai tas tiktu parādīts. Jo biežāk tiek izmantots fonts, jo lielāka iespēja, ka tas tiks attēlots jūsu iecerētajā veidā. Ja vēlaties izmantot neparastāku fontu, izmantojiet to — vienkārši noteikti iekļaujiet arī alternatīvas. Dreamweaver fontu sarakstā jau ir iekļautas izplatītu fontu kolekcijas, un jūs vienmēr varat izveidot savu fontu sarakstu, izvēloties Teksts -> Fonts -> Rediģēt fontu sarakstu.

Windows ir visizplatītākā operētājsistēma tīklā. Lai lielākajai daļai lietotāju nodrošinātu vislabākos un ātrākos rezultātus, vispirms norādiet Windows fontu.

Skatītāju vadīšana

Vairāku vietņu izveide ir visdrošākais risinājums, lai pārliecinātos, ka visi jūsu skatītāji ir apmierināti, ja izmantojat visprogresīvākos lapu dizainus, kas piepildīti ar DHTML un CSS. Tas nozīmē, ka jūs izveidojat divas vai vairākas lapu kopas: vienu, kurā tiek izmantoti jaunākie līdzekļi, un otru, kurā tiek izmantoti vecāki, universālāk atbalstīti HTML tagi. Bet kā nodrošināt, lai skatītāji nonāktu pareizajās lapās? Izmantojiet pārbaudes pārlūkprogrammas darbību.

Pārbaudes pārlūkprogrammas darbība ir rakstīta JavaScript un nosaka pārlūkprogrammas veidu, ko izmanto katrs skatītājs, kurš nokļūst jūsu vietnē. Pēc tam šī darbība novirza lietotājus uz lapas dizainu, kas vislabāk atbilst viņu pārlūkprogrammas versijai. Lai izmantotu šo funkciju, izvēlieties Logs –> Behaviors, lai atvērtu paneli Behaviors. Pēc tam noklikšķiniet uz pluszīmes (+), lai atvērtu opciju nolaižamo sarakstu. Izvēlieties Pārbaudīt pārlūkprogrammu, un tiks atvērts dialoglodziņš, kurā varat norādīt, kuras pārlūkprogrammas versijas ir jānovirza uz kādām jūsu vietnes lapām. Kad lietotāji ierodas jūsu vietnē, viņi tiek automātiski novirzīti uz jūsu izvēlēto lapu, pamatojoties uz jūsu norādīto pārlūkprogrammas veidu un versiju.


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