Dreamweaver CS5 može uvelike poboljšati produktivnost i promijeniti način na koji gradite web stranice. Poznavanje svih važnih prečaca na tipkovnici Dreamweaver CS5 i uobičajenih pravila kodiranja u HTML-u može još više povećati vašu učinkovitost kao dizajnera. Pronađite svoj put u radnom prostoru Dreamweavera s lako pamtljivim tipkovničkim prečacima i uobičajenim savjetima za kodiranje kako biste mogli raditi brže i pametnije te s većom lakoćom izgraditi svoje web stranice.
Korištenje Dreamweaver CS5 mnogo je brže kada znate prečace. Koristite ove tipkovničke prečace u prikazima dizajna, podjele i koda za brzo stvaranje dokumenata, izvršavanje zadataka uređivanja, skrivanje i prikaz značajki radnog prostora, primjenu jednostavnog oblikovanja, uređivanje koda, odabir, pristup pomoći za Dreamweaver, pregled stranica u Live Viewu i pregledniku , i više.
| Naredbe tipkovnice | PC prečac | Mac prečac |
|---|---|---|
| Napravite novi dokument | Control+N | Command+N |
| Otvorite postojeći dokument | Control+O | Command+O |
| Spremite otvoreni dokument | Control+S | Command+S |
| Zatvorite otvoreni dokument | Control+W | Command+W |
| Zatvorite sve otvorene dokumente | Control+Shift+W | Command+Shift +W |
| Izađite/zatvorite Dreamweaver | Control+Q ili Alt+F4 | Command+Q ili Opt+F4 |
| Poništi | Control+Z ili Alt+Backspace | Opcija+Izbriši |
| Ponovi | Control+Y ili Control +Shift+Z |
Command+Y ili Command+Shift+Z |
| Izrezati | Control+X ili Shift+Delete |
Command+X ili Shift+Delete |
| Kopirati | Control+C | Command+C |
| Zalijepiti | Control+V | Command+V |
| Posebno zalijepite | Control+Shift+V | Command+Shift+V |
| Odaberi sve | Control+A | Command+A |
| Pronađite i zamijenite | Control+F | Command+F |
| Otvorite ploču Preferences | Control+U | Command+U |
| Prikaži/sakrij ravnala | Control+Alt+R | Naredba+Opcija+R |
| Prikaži/sakrij vodiče | Control+; | Command+; |
| Prikaži/sakrij vizualna pomagala | Control+Shift+I | Command+Shift+I |
| Prikaži/sakrij mrežu | Control+Alt+G | Naredba+Opcija+G |
| Uredite svojstva stranice | Control+J | Command+J |
| Osvježite prikaz dizajna | F5 | F5 |
| Podebljajte odabrani tekst | Control+B | Command+B |
| Odabrani tekst neka bude kurziv | Control+I | Command+I |
| Primijenite oblikovanje odlomka na odabrani tekst | Control+Shift+P | Command+Shift+P |
| Primijenite oblikovanje naslova (H1–H6) na odabrani tekst | Kontrola+1 do 6 | Naredba +1 do 6 |
| Dodajte novi odlomak | Povratak | Povratak |
| Dodajte prijelom retka | Shift+Return | Shift+Return |
| Umetnite razmak bez prekida | Command+Shift+razmaknica | Command+Shift+razmaknica |
| Premjestite objekt ili tekst | Povucite odabir na novu lokaciju | Povucite odabir na novu lokaciju |
| Kopirajte objekt ili tekst | Control-povucite odabir na novu lokaciju | Opcija-povucite odabir na novu lokaciju |
| Odaberite riječ | Dvostruki klik | Dvostruki klik |
| Odaberite redak ili blok teksta | Trostruki klik | Trostruki klik |
| Umetnite sliku | Control+Alt+I | Naredba+Opcija+I |
| Umetnite tablicu | Control+Alt+T | Naredba+Opcija+T |
| Pokrenite provjeru pravopisa | Shift+F7 | Shift+F7 |
| Otvorite prozor pomoći | F1 | F1 |
| Povećajte | Kontrola+= | Command+= |
| Smanjite | Kontrola+- | naredba+- |
| Pregled u primarnom pregledniku | F12 | Opcija+F12 |
| Pregled u sekundarnom pregledniku | Shift+F12 ili Control+F12 | Command+F12 |
| Live View | Alt+F11 | Opcija+F11 |
| Zamrznite JavaScript | F11 | F11 |
| Pregledati | Alt+Shift+F11 | Option+Shift+F11 |
| Navigator koda | Control+Alt+N | Naredba+Opcija+N |
| Dobiti | Control+Shift+D | Command+Shift+D |
| Staviti | Control+Shift+U | Command+Shift+U |
| Prijavite se | Control+Alt+Shift+U | Command+ Option+Shift+U |
| Provjeri | Control+Alt+Shift+D | Command+ Option+Shift+D |
Kao web dizajner, često koristite neke dijelove HTML, CSS i JavaScript koda, ali ne dovoljno često da biste ih upisali u memoriju. Sljedeći HTML kod, CSS stil i JavaScript savjeti su zgodni kada svojim stranicama dodajete posebne elemente kao što su nulte veze, meta oznake i entiteti. Koristite ove savjete za HTML, CSS i JavaScript kod u prikazu koda, inspektoru svojstava i svojim CSS stilskim tablicama.
| Savjet za HTML kod | Prečac koda | |
|---|---|---|
| Napravite nultu vezu | # ili javascript:; ili javascript:void(0) kao u<> href=”#”>link link link |
|
| Izradite imenovanu sidrenu vezu | Veza na ciljnu vezu Target |
|
| Stvorite vezu do imenovanog sidra na drugoj stranici | veza | |
| Umetni prijelom reda | ||
| Zatvori prozor JavaScript | Zatvorite ovaj prozor |
|
| Ponovno posjetite meta oznaku nakon x dana | ||
| Nema meta oznake predmemorije | ||
| Meta link na početnu stranicu | ||
| Meta link na stranicu s mapom stranice | ||
| Meta link na ikonu prečaca | ||
| Meta veza na ikonu prečaca koja koristi GIF umjesto ICO | href=”favicon.gif” /> | |
| Veza na vanjsku JS datoteku | type=”text/javascript”> | |
| Veza na vanjski CSS | media=”screen”/> | |
| Import@ link na vanjski CSS | ||
| CSS veza za IE preglednike manje od IE 7 | type=”text/css” href=”ie.css” media=”all”/> |
|
| Umetnite sliku s atributom ALT |  |
|
| Prazan ALT atribut za sliku | |
|
| Entitet za dodavanje praznog prostora | ili | |
| Subjekt za dodavanje autorskih prava | © ili © | |
| Subjekt za dodavanje žiga | ™ ili ™ | |
| Entitet za dodavanje ampersanda | & ili & | |
| Dodajte oznake NoScript | ||
| Ciljevi veza | _blank _new _self _parent _top |
|
| Primijenite CSS prilagođeni stil sa SPAN oznakama | … | |
| Oznake komentara u HTML-u i JavaScript-u | ||
| Oznake komentara u CSS-u | /* Vaš komentar ovdje */ | |
| Struktura CSS oznake redefinira stil | oznaka { atribut: vrijednost; } |
|
| Struktura CSS ID stila | #ID { atribut: vrijednost; } |
|
| Struktura CSS prilagođenog stila | .stylename { atribut: vrijednost; } |
|
| CSS za stilove veza | a:link { atribut: vrijednost; } a:posjećeno { atribut: vrijednost; } a:hover { atribut: vrijednost; } a:aktivan { atribut: vrijednost;; } |
Š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.
Saznajte kako koristiti Adobe Illustrator CC za izradu neobičnih oblika teksta. Uzmite u obzir nove tehnike za prilagodbu teksta u različitim oblicima.
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.
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.
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.
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.
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 u Photoshopu je ključno za kvalitetu ispisa. U ovom članku pružamo korisne informacije o promjeni razlučivosti slike i savjetima za optimizaciju.
Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.
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 […]
