Dreamweaver CS5 var ievērojami uzlabot produktivitāti un mainīt veidu, kā jūs veidojat vietnes. Zinot visus svarīgos Dreamweaver CS5 īsinājumtaustiņus un parastos HTML kodēšanas noteikumus, varat vēl vairāk uzlabot savu dizainera efektivitāti. Atrodiet savu ceļu Dreamweaver darbvietā, izmantojot viegli iegaumējamus īsinājumtaustiņus un parastos kodēšanas ieteikumus, lai jūs varētu strādāt ātrāk un gudrāk, kā arī ērtāk veidot savas vietnes.
Dreamweaver CS5 izmantošana ir daudz ātrāka, ja zināt īsinājumtaustiņus. Izmantojiet šos īsinājumtaustiņus dizaina, sadalīšanas un koda skatos, lai ātri izveidotu dokumentus, veiktu rediģēšanas uzdevumus, paslēptu un parādītu darbvietas līdzekļus, lietotu vienkāršu formatējumu, rediģētu kodu, veiktu atlasi, piekļūtu Dreamweaver palīdzībai, priekšskatītu lapas tiešskatā un pārlūkprogrammā. , un vēl.
| Tastatūras komandas | PC saīsne | Mac saīsne |
|---|---|---|
| Izveidojiet jaunu dokumentu | Control+N | Command+N |
| Atveriet esošu dokumentu | Control+O | Command+O |
| Saglabājiet atvērtu dokumentu | Control+S | Command+S |
| Aizveriet atvērtu dokumentu | Control+W | Command+W |
| Aizveriet visus atvērtos dokumentus | Control+Shift+W | Command+Shift+W |
| Iziet/aiziet no Dreamweaver | Control+Q vai Alt+F4 | Command+Q vai Opt+F4 |
| Atsaukt | Control+Z vai Alt+Backspace | Opcija+Dzēst |
| Atkārtoti | Control+Y vai Control+Shift+Z |
Command+Y vai Command+Shift+Z |
| Griezt | Control+X vai Shift+Delete |
Command+X vai Shift+Delete |
| Kopēt | Control+C | Command+C |
| Ielīmēt | Control+V | Command+V |
| Īpaša ielīmēšana | Control+Shift+V | Command+Shift+V |
| Izvēlēties visus | Control+A | Command+A |
| Atrodiet un nomainiet | Control+F | Command+F |
| Atveriet paneli Preferences | Control+U | Command+U |
| Rādīt/slēpt lineālus | Control+Alt+R | Command+Option+R |
| Rādīt/slēpt ceļvežus | Control+; | Command+; |
| Rādīt/slēpt vizuālos palīglīdzekļus | Control+Shift+I | Command+Shift+I |
| Rādīt/slēpt režģi | Control+Alt+G | Command+Option+G |
| Rediģēt lapas rekvizītus | Control+J | Command+J |
| Atsvaidzināt dizaina skatu | F5 | F5 |
| Padarīt atlasīto tekstu treknrakstā | Control+B | Command+B |
| Padarīt atlasīto tekstu slīprakstā | Control+I | Command+I |
| Lietojiet rindkopas formatējumu atlasītajam tekstam | Control+Shift+P | Command+Shift+P |
| Atlasītajam tekstam lietojiet virsraksta formatējumu (H1–H6). | Control+1 līdz 6 | Command+1 līdz 6 |
| Pievienojiet jaunu rindkopu | Atgriezties | Atgriezties |
| Pievienojiet rindiņas pārtraukumu | Shift+Return | Shift+Return |
| Ievietojiet nesalaužamu atstarpi | Command+Shift+atstarpes taustiņš | Command+Shift+atstarpes taustiņš |
| Pārvietojiet objektu vai tekstu | Velciet atlasi uz jaunu vietu | Velciet atlasi uz jaunu vietu |
| Kopējiet objektu vai tekstu | Control un velciet atlasi uz jaunu vietu | Opcija — velciet atlasi uz jaunu vietu |
| Izvēlieties vārdu | Dubultklikšķi | Dubultklikšķi |
| Atlasiet rindu vai teksta bloku | Trīsreiz noklikšķiniet | Trīsreiz noklikšķiniet |
| Ievietot attēlu | Control+Alt+I | Command+Option+I |
| Ievietojiet tabulu | Control+Alt+T | Command+Option+T |
| Palaidiet pareizrakstības pārbaudi | Shift+F7 | Shift+F7 |
| Atveriet palīdzības logu | F1 | F1 |
| Pietuvināt | Control+= | Command+= |
| Attālināt | Control+- | Command+- |
| Priekšskatījums primārajā pārlūkprogrammā | F12 | Opcija+F12 |
| Priekšskatījums sekundārajā pārlūkprogrammā | Shift+F12 vai Control+F12 | Command+F12 |
| Tiešskats | Alt+F11 | Opcija+F11 |
| Iesaldējiet JavaScript | F11 | F11 |
| Pārbaudīt | Alt+Shift+F11 | Option+Shift+F11 |
| Kodu navigators | Control+Alt+N | Command+Option+N |
| gūt | Control+Shift+D | Command+Shift+D |
| Put | Control+Shift+U | Command+Shift+U |
| Reģistrēties | Control+Alt+Shift+U | Command+ Option+Shift+U |
| Pārbaudiet | Control+Alt+Shift+D | Command+ Option+Shift+D |
Kā tīmekļa dizainers jūs bieži izmantojat dažus HTML, CSS un JavaScript koda bitus, bet ne pietiekami bieži, lai saglabātu to atmiņā. Šie HTML kodi, CSS stils un JavaScript padomi ir noderīgi, ja lapām pievienojat īpašus elementus, piemēram, nulles saites, metatagus un entītijas. Izmantojiet šos HTML, CSS un JavaScript koda ieteikumus koda skatā, rekvizītu inspektorā un CSS stila lapās.
| HTML koda padoms | Koda saīsne | |
|---|---|---|
| Izveidojiet nulles saiti | # vai javascript:; vai javascript:void(0), kā norādīts <> href=”#”>saites saites saitē |
|
| Izveidojiet nosauktu enkura saiti | Saite uz Target saiti Target |
|
| Izveidojiet saiti uz nosaukto enkuru citā lapā | saite | |
| Ievietojiet līnijas pārtraukumu | ||
| Aizvērt logu JavaScript | Aizveriet šo logu |
|
| Atkārtoti apmeklējiet pēc x dienām metatagu | ||
| Nav kešatmiņas metataga | ||
| Meta saite uz mājas lapu | ||
| Meta saite uz vietnes kartes lapu | ||
| Meta saite uz saīsnes ikonu | ||
| Meta saite uz saīsnes ikonu, izmantojot GIF, nevis ICO | href=”favicon.gif” /> | |
| Saite uz ārējo JS failu | type=”text/javascript”> | |
| Saite uz ārējo CSS | media=”screen”/> | |
| Importēt@ saiti uz ārējo CSS | ||
| CSS saite IE pārlūkprogrammām, kas ir mazākas par IE 7 | type=”text/css” href=”ie.css” media=”all”/> |
|
| Ievietojiet attēlu ar ALT atribūtu |  |
|
| Tukšs attēla ALT atribūts | |
|
| Entītija, lai pievienotu tukšu vietu | vai | |
| Vienība, kurai jāpievieno autortiesības | © vai © | |
| Vienība, lai pievienotu preču zīmi | ™ vai ™ | |
| Entītija, lai pievienotu & | & vai & | |
| Pievienojiet NoScript tagus | ||
| Saites mērķi | _blank _new _self _parent _top |
|
| Lietojiet CSS pielāgoto stilu ar SPAN tagiem | … | |
| Komentāru tagi HTML un JavaScript | ||
| Komentāru tagi CSS | /* Jūsu komentārs šeit */ | |
| CSS tagu struktūra pārdefinē stilu | tags { atribūts: vērtība; } |
|
| CSS ID stila struktūra | #ID { atribūts: vērtība; } |
|
| CSS pielāgotā stila struktūra | .stylename { atribūts: vērtība; } |
|
| CSS saišu stiliem | a:link { atribūts: vērtība; } a:vissited { atribūts: vērtība; } a:hover { atribūts: vērtība; } a:active { atribūts: vērtība;; } |
Photoshop CS6 saglabā visas iepriekšējo versiju funkcijas un pievieno jaunas, nodrošinot labāku lietotāja pieredzi, radošumu un produktivitāti. Iepazīstiet jaunas rīku iespējas un komandas.
Uzziniet, kā efektīvi sapludināt slāņus programmā Photoshop CS6, lai samazinātu faila izmēru un uzlabotu veiktspēju, izmantojot slāņu sapludināšanu un attēla saplacināšanu.
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.
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 […]
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 […]
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ā […]
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, […]
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 […]
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 […]
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 […]
