Tapkanje Savjeti Dreamweavera za uštedu vremena

Čak i najbolji programi postaju bolji kada ih znate maksimalno iskoristiti. Odvojite trenutak da provjerite ove savjete i uštedite mnogo vremena u razvoju vaše web stranice. Većina ovih savjeta odnosi se na korisnike Macintosha i Windowsa. Kada se odnose samo na jedno ili drugo, tekst će vam reći odnosi li se savjet na verziju za Windows ili Mac.

Čišćenje nereda

Mnogobrojne ploče Dreamweavera ( u prethodnim verzijama koje se zovu palete ) omogućuju brz pristup njegovim najpopularnijim značajkama, ali mogu zatrpati područje dizajna. Da biste ih sklonili s puta kada se želite povući i diviti se svom radu (ili razdvojiti tuđi), upotrijebite tipku F4, prečac koji skriva sve vidljive ploče odjednom. Da biste ih vratili, samo ponovno pritisnite tipku F4.

Da biste pojedinačno uključili i isključili ploče, koristite tipkovnički prečac koji je dodijeljen svakoj ploči. Odaberite Prozor iz izbornika da biste pronašli tipkovnički prečac naveden pored naziva svakog panela. Možete koristiti ove prečace za pojedinačno uključivanje i isključivanje ploča. Također možete koristiti traku pokretača u donjem desnom kutu prozora dizajna da biste pristupili ploči web-mjesta, ploči s sredstvima, ploči HTML stilovi, ploči CSS stilovi, ploči ponašanja i povijesti.

Dijeljenje pogleda: Rad u kodu

Ako se želite prebacivati ​​između HTML izvornog koda i WYSIWYG (ono što vidite je ono što dobijete) prikaza dizajna u Dreamweaveru, cijenit ćete novu opciju u verziji 4 koja vam omogućuje da podijelite prozor tako da možete istovremeno pregledajte izvorni HTML i WYSIWYG područje dizajna. Da biste podijelili prozor, odaberite Prikaz –> Kod i dizajn.

Možda ćete također cijeniti poboljšane značajke u Dreamweaveru ugrađenom uređivaču teksta, uključujući automatsko uvlačenje i mogućnost odabira više redaka i njihovog uvlačenja. Također ćete otkriti živopisne boje sintakse koje se pojavljuju dok tipkate — čak možete razlikovati boje za HTML i JavaScript. Odaberite Uredi –> Postavke –> karticu Boje koda da biste dodijelili boje.

Stoliranje vaših dizajna

HTML tablice i dalje nude najbolji način za stvaranje složenih web dizajna (jer stariji preglednici još uvijek ne podržavaju slojeve), a Dreamweaver 4 je olakšao stvaranje tablica u području vizualnog dizajna nego ikad. U novom prikazu izgleda možete "nacrtati" tablice na stranici, povući ih na mjesto, pa čak i grupirati ćelije u ugniježđenu tablicu - bez brige o tome koliko ste redaka i ćelija stvorili. Možete čak koristiti ovu značajku za izradu tablica koje se mijenjaju s veličinom prozora, što je sjajna tehnika za osiguravanje funkcioniranja vaših dizajna na svim monitorima.

Odaberite View –> Table View –> Layout View za pristup Dreamweaverovom novom okruženju za izradu tablica, a zatim samo povucite i ispustite da biste stvorili bilo koju vrstu tablice. Opcije izgleda ćelije i tablice možete pronaći na ploči Objekti.

Pretvaranje teksta

Ako ste navikli koristiti značajku Zalijepi kao tekst u Dreamweaveru 3, nemojte biti razočarani kada otkrijete da nedostaje u Dreamweaveru 4. Macromedia je pojednostavio proces u svojoj najnovijoj verziji. Sada jednostavno odaberete Datoteka –> Zalijepi, a formatirani tekst iz dokumenta za obradu teksta zadržat će svoje oblikovanje — pa, dobro, barem održava razmak između redaka. Istina je da je Dreamweaver još uvijek prilično slab kada je u pitanju pretvaranje teksta.

Možete se spasiti od ponovnog formatiranja teksta u Dreamweaveru ako koristite program za obradu teksta ili proračunske tablice koji uključuje značajku Spremi kao HTML (Microsoft Word i mnogi drugi nude ovu značajku). Umjesto kopiranja i lijepljenja teksta u Dreamweaver, upotrijebite značajku Datoteka –> Spremi kao HTML programa za obradu teksta, preimenujte datoteku, a zatim otvorite novu datoteku u Dreamweaveru. Microsoft Word i Excel čak čuvaju i formatiranje tablice, što je stvarna ušteda vremena ako imate posla s velikim tablicama teksta ili brojeva.

Pronalaženje funkcionalnih fontova

Dizajneri se toliko uzbude kad shvate da mogu koristiti bilo koji font. U stvarnosti, vaši gledatelji moraju imati font na svojim računalima da bi ga mogli prikazati. Što je font češći, veća je vjerojatnost da će se prikazati onako kako namjeravate. Ako želite upotrijebiti neobičniji font, pokušajte - samo budite sigurni da ste uključili i alternative. Popis fontova Dreamweavera već uključuje zbirke uobičajenih fontova, a uvijek možete stvoriti vlastiti popis fontova odabirom Tekst –> Font –> Uredi popis fontova.

Windows je daleko najčešći operativni sustav na internetu. Kako biste osigurali najbolje — i najbrže — rezultate za većinu svojih korisnika, prvo navedite font za Windows.

Usmjeravanje vaših gledatelja

Izrada više web-mjesta najsigurnije je rješenje za osiguranje da svi vaši gledatelji budu zadovoljni kada koristite vrhunske dizajne stranica ispunjene DHTML-om i CSS-om. To znači da stvarate dva ili više skupova stranica: jedan koji koristi najnovije značajke i onaj koji koristi starije, univerzalno podržane HTML oznake. Ali kako osigurati da gledatelji dođu na prave stranice? Koristite ponašanje Provjeri preglednik.

Ponašanje Provjeri preglednik napisano je u JavaScriptu i određuje vrstu preglednika koju koristi svaki gledatelj koji dođe na vašu web-lokaciju. Ponašanje zatim usmjerava korisnike na dizajn stranice koji najbolje odgovara njihovoj verziji preglednika. Da biste koristili ovu značajku, odaberite Prozor –> Ponašanje da biste otvorili ploču Ponašanja. Zatim kliknite znak plus (+) da biste otvorili padajući popis opcija. Odaberite Provjeri preglednik i otvorit će se dijaloški okvir u kojem možete odrediti koje verzije preglednika trebaju biti usmjerene na koje stranice na vašem web-mjestu. Kada korisnici stignu na vaše web-mjesto, automatski se preusmjeravaju na stranicu po vašem izboru, na temelju vrste preglednika i verzije koju odredite.

Leave a Comment

Kako dodati šum slikama u Photoshopu CS6

Kako dodati šum slikama u Photoshopu CS6

Šum na slikama sastoji se od bilo kakve zrnatosti ili teksture koja se javlja. Filtri šuma, kao što je dodatak za Photoshop CS6 Add Noise, proizvode nasumične teksture i zrnatost na slici.

Kako uvući tekst u oblike u Illustratoru

Kako uvući tekst u oblike u Illustratoru

Saznajte kako koristiti Adobe Illustrator CC za izradu neobičnih oblika teksta. Uzmite u obzir nove tehnike za prilagodbu teksta u različitim oblicima.

Kako uvesti svoje fotografije u Adobe Lightroom Classic

Kako uvesti svoje fotografije u Adobe Lightroom Classic

Naučite kako uvesti fotografije koje se već nalaze na vašem tvrdom disku, kao i nove fotografije iz memorijskih kartica u Adobe Lightroom Classic.

Alat za vrstu područja Adobe CS5 Illustrator

Alat za vrstu područja Adobe CS5 Illustrator

Jednostavan i praktičan način za stvaranje redaka i stupaca teksta pomoću opcija vrste područja u Adobe Creative Suite (Adobe CS5) Illustrator. Ova značajka omogućuje fleksibilno oblikovanje teksta.

Kako očistiti crtano skeniranje u Photoshopu CS6

Kako očistiti crtano skeniranje u Photoshopu CS6

Otkrijte kako očistiti crtano skeniranje u Adobe Photoshop CS6 koristeći npr. Threshold alat. Uklonite pozadinske boje i artefakte za savršene crno-bijele slike.

Ispravite efekt crvenih očiju u Photoshopu CC

Ispravite efekt crvenih očiju u Photoshopu CC

Kada uređujete fotografije i portrete u Photoshopu CC, ispravite efekt crvenih očiju s lakoćom. Ovaj vodič pruža korak po korak upute za učinkovito korištenje alata za ispravanje crvenih očiju.

Kako spremiti u PDF pomoću Adobe Illustrator CS6

Kako spremiti u PDF pomoću Adobe Illustrator CS6

Otkrijte kako spremiti svoj Adobe Illustrator CS6 dokument u PDF format sa detaljnim koracima i savjetima. Sačuvajte svoje radove i olakšajte dijeljenje s drugima uz PDF format.

Rješavanje rezolucije slike

Rješavanje rezolucije slike

Rješavanje rezolucije slike u Photoshopu je ključno za kvalitetu ispisa. U ovom članku pružamo korisne informacije o promjeni razlučivosti slike i savjetima za optimizaciju.

Kako primijeniti transparentnost na SVG-ove

Kako primijeniti transparentnost na SVG-ove

Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.

Rad sa slikama u Adobe XD

Rad sa slikama u Adobe XD

Nakon što uvezete svoje slike u Adobe XD, nemate veliku kontrolu nad uređivanjem, ali možete mijenjati veličinu i rotirati slike baš kao i bilo koji drugi oblik. Također možete jednostavno zaokružiti kutove uvezene slike pomoću kutnih widgeta. Maskiranje vaših slika Definiranjem zatvorenog oblika […]