Puudutage Dreamweaveri ajasäästlikke nõuandeid

Isegi parimad programmid muutuvad paremaks, kui tead, kuidas neist maksimumi võtta. Võtke hetk, et tutvuda nende näpunäidetega ja säästa palju aega oma veebisaidi arendamiseks. Enamik neist näpunäidetest kehtib nii Macintoshi kui ka Windowsi kasutajatele. Kui need kehtivad ainult ühe või teise kohta, näitab tekst, kas näpunäide kehtib Windowsi või Maci versiooni kohta.

Segaduse puhastamine

Dreamweaveri paljud paneelid ( eelmistes versioonides nimetati palettideks ) pakuvad kiiret juurdepääsu selle kõige populaarsematele funktsioonidele, kuid võivad kujundusala segada. Kui soovite oma tööd imetleda (või kellegi teise osadeks rebida), saate need teie eest ära hoida, kasutades klahvi F4 – otseteed, mis peidab kõik nähtavad paneelid korraga. Nende tagasi saamiseks vajutage lihtsalt uuesti klahvi F4.

Paneelide eraldi sisse- ja väljalülitamiseks kasutage igale paneelile määratud kiirklahvi. Iga paneeli nime kõrval oleva klaviatuuri otsetee leidmiseks valige menüüst Aken. Saate kasutada neid otseteid paneelide eraldi sisse- ja väljalülitamiseks. Saate kasutada ka kujundusakna paremas alanurgas olevat käivitusriba, et pääseda juurde saidi paneelile, paneelile Varad, HTML-stiilide paneelile, CSS-stiilide paneelile, käitumise paneelile ja ajaloo paneelile.

Vaate poolitamine: koodis töötamine

Kui teile meeldib Dreamweaveris HTML-i lähtekoodi ja WYSIWYG (see, mida näete, seda saate) kujundusvaate vahel edasi-tagasi lülituda, hindate versiooni 4 uut valikut, mis võimaldab teil akna poolitada, et saaksite vaadata korraga HTML-i allikat ja WYSIWYG-i kujundusala. Akna poolitamiseks valige Vaade –> Kood ja kujundus.

Samuti võite hinnata Dreamweaveri sisseehitatud tekstiredaktori täiustatud funktsioone, sealhulgas automaatset taandumist ja võimalust valida mitu rida ja taane. Avastate ka reaalajas süntaksivärvi, mis kuvatakse tippimise ajal – saate isegi eristada HTML-i ja JavaScripti värve. Valige värvide määramiseks vahekaart Redigeerimine -> Eelistused -> Koodivärvid.

Oma kavandite esitamine

HTML-tabelid pakuvad endiselt parimat viisi keerukate veebikujunduste loomiseks (kuna vanemad brauserid ikka veel kihte ei toeta) ja Dreamweaver 4 on muutnud tabelite loomise oma visuaalses kujunduses lihtsamaks kui kunagi varem. Uues paigutusvaates saate lehele tabeleid "joonistada", oma kohale lohistada ja isegi lahtreid pesastatud tabelisse rühmitada – ilma, et peaksite muretsema selle pärast, mitu rida ja lahtreid olete loonud. Saate seda funktsiooni kasutada isegi akna suuruse järgi muutuvate tabelite loomiseks. See on suurepärane tehnika, mis tagab teie kujunduse toimimise kõigil monitoridel.

Dreamweaveri uuele tabeli loomise keskkonnale pääsemiseks valige Vaade –> Tabelivaade –> Paigutuse vaade ja seejärel lihtsalt lohistage mis tahes tabeli loomiseks. Lahtrite ja tabelite paigutuse valikud leiate paneelilt Objektid.

Teksti teisendamine

Kui olete harjunud kasutama Dreamweaver 3 funktsiooni Kleebi tekstina, ärge pettuge, kui leiate, et see Dreamweaver 4-s puudub. Macromedia muutis protsessi oma uusimas versioonis sujuvamaks. Nüüd valite lihtsalt Fail -> Kleebi ja Wordi töötlusdokumendi vormindatud tekst säilitab oma vormingu – noh, olgu, see säilitab vähemalt reavahe. Tõde on see, et Dreamweaver on teksti teisendamisel endiselt üsna nõrk.

Kui kasutate tekstitöötlus- või arvutustabeliprogrammi, mis sisaldab funktsiooni Salvesta HTML-ina (seda funktsiooni pakuvad Microsoft Word ja paljud teised), võite säästa end teksti ümbervormindamisest Dreamweaveris. Selle asemel, et kopeerida ja kleepida teksti Dreamweaverisse, kasutage tekstitöötlusprogrammi funktsiooni Fail –> Salvesta HTML-ina, nimetage fail ümber ja avage seejärel uus fail Dreamweaveris. Microsoft Word ja Excel säilitavad isegi tabelivormingu, mis on tõeline ajasäästja, kui tegemist on suurte teksti- või numbritabelitega.

Funktsionaalsete fontide leidmine

Disainerid saavad nii elevil, kui saavad teada, et saavad kasutada mis tahes fonti. Tegelikult peab teie vaatajatel selle kuvamiseks font arvutis olema. Mida tavalisem font, seda tõenäolisem on, et see kuvatakse teie soovitud viisil. Kui soovite kasutada ebatavalisemat fonti, tehke seda – lihtsalt veenduge, et lisate ka alternatiive. Dreamweaveri fondiloend sisaldab juba levinud fontide kogusid ja saate alati luua oma fondiloendi, valides Tekst -> Font -> Redigeeri fondiloendit.

Windows on vaieldamatult kõige levinum operatsioonisüsteem võrgus. Enamiku kasutajate jaoks parimate ja kiiremate tulemuste tagamiseks loetlege kõigepealt Windowsi font.

Oma vaatajate suunamine

Mitme saidi loomine on kõige tõrkekindlam lahendus, et kõik teie vaatajad oleksid rahul, kui kasutate tipptasemel DHTML-i ja CSS-iga täidetud lehekujundusi. See tähendab, et loote kaks või enam lehtede komplekti: üks, mis kasutab uusimaid funktsioone, ja teine, mis kasutab vanemaid, universaalsemalt toetatud HTML-märgendeid. Kuidas aga tagada, et vaatajad jõuaksid õigetele lehtedele? Kasutage kontrolli brauseri käitumist.

Kontrolli brauseri käitumine on kirjutatud JavaScriptis ja määrab brauseri tüübi, mida iga teie saidile sattunud vaataja kasutab. See käitumine suunab kasutajad seejärel nende brauseri versioonile kõige sobivama lehekujunduse juurde. Selle funktsiooni kasutamiseks valige Käitumiste paneeli avamiseks Window –> Behaviors. Seejärel klõpsake valikute ripploendi avamiseks plussmärki (+). Valige Kontrolli brauserit ja avaneb dialoogiboks, kus saate määrata, millised brauseri versioonid tuleks teie saidi millistele lehtedele suunata. Kui kasutajad teie saidile jõuavad, suunatakse nad teie määratud brauseri tüübi ja versiooni alusel automaatselt teie valitud lehele.


Kuidas SVG-dele läbipaistvust rakendada

Kuidas SVG-dele läbipaistvust rakendada

Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.

Piltidega töötamine Adobe XD-s

Piltidega töötamine Adobe XD-s

Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]

Kuidas kohandada teksti atribuute Adobe XD-s

Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]

Photoshop CC graafikaplaatidega töötamine

Photoshop CC graafikaplaatidega töötamine

Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]

Kujundid ja hulknurgad InDesignis

Kujundid ja hulknurgad InDesignis

Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]

Murdke tekst Adobe Illustrator CC-s

Murdke tekst Adobe Illustrator CC-s

Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]

Kuidas Illustratoris kujundite suurust muuta

Kuidas Illustratoris kujundite suurust muuta

Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]

Kuidas luua InDesign CC-s QR-koode

Kuidas luua InDesign CC-s QR-koode

InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]

Kuidas muuta uus foto Photoshop CS6-s vanaks

Kuidas muuta uus foto Photoshop CS6-s vanaks

Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]

Adobe CS5 Illustratori Live Paint funktsioon

Adobe CS5 Illustratori Live Paint funktsioon

Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]