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.