Dreamweaver CS5 gali labai pagerinti produktyvumą ir pakeisti interneto svetainių kūrimo būdą. Žinodami visus svarbius Dreamweaver CS5 sparčiuosius klavišus ir įprastas HTML kodavimo taisykles galite dar labiau padidinti savo, kaip dizainerio, efektyvumą. Raskite kelią „Dreamweaver“ darbo srityje naudodami lengvai įsimenamus sparčiuosius klavišus ir įprastas kodavimo patarimus, kad galėtumėte dirbti greičiau ir išmaniau bei lengviau kurti savo svetaines.
„Dreamweaver CS5“ naudojimas yra daug greitesnis, kai žinote sparčiuosius klavišus. Naudokite šiuos sparčiuosius klavišus dizaino, išskaidymo ir kodo rodiniuose, kad greitai sukurtumėte dokumentus, atliktumėte redagavimo užduotis, paslėptumėte ir rodytumėte darbo srities funkcijas, pritaikytumėte paprastą formatavimą, redaguokite kodą, atliktumėte pasirinkimą, pasiektumėte Dreamweaver žinyną, peržiūrėtumėte puslapius tiesioginėje peržiūroje ir naršyklėje. , ir dar.
| Klaviatūros komandos | Kompiuterio nuoroda | „Mac“ spartusis klavišas |
|---|---|---|
| Sukurkite naują dokumentą | Control+N | Command + N |
| Atidarykite esamą dokumentą | Control+O | Command + O |
| Išsaugokite atidarytą dokumentą | Control+S | Command+S |
| Uždarykite atidarytą dokumentą | „Control“ + W | „Command“ + W |
| Uždarykite visus atidarytus dokumentus | „Control“ + „Shift“ + W | „Command“ + „Shift“ + W |
| Išeikite / išeikite iš „Dreamweaver“. | Control + Q arba Alt + F4 | Command + Q arba Opt + F4 |
| Anuliuoti | Control + Z arba Alt + Backspace | Parinktis + Ištrinti |
| Perdaryti | Control + Y arba Control + Shift + Z |
Command + Y arba Command + Shift + Z |
| Iškirpti | Control + X arba Shift + Delete |
Command + X arba Shift + Delete |
| Kopijuoti | „Control“ + C | Command + C |
| Įklijuoti | Control+V | „Command“ + V |
| Specialus įklijavimas | „Control“ + „Shift“ + V | Command + Shift + V |
| Pasirinkti viską | „Control“ + A | „Command“ + A |
| Rasti ir pakeisti | Control+F | Command+F |
| Atidarykite skydelį Parinktys | Control + U | Command + U |
| Rodyti/slėpti liniuotes | Control + Alt + R | Command + Option + R |
| Rodyti/slėpti vadovus | Control+; | Command+; |
| Rodyti/slėpti vaizdines priemones | Control + Shift + I | Command + Shift + I |
| Rodyti / slėpti tinklelį | Control + Alt + G | „Command“ + „Option“ + G |
| Redaguoti puslapio ypatybes | Control+J | „Command“ + J |
| Atnaujinti dizaino vaizdą | F5 | F5 |
| Paryškinti pasirinktą tekstą | „Control“ + B | Command+B |
| Padaryti pasirinktą tekstą kursyvu | Control+I | Command + I |
| Taikyti pastraipos formatavimą pasirinktam tekstui | „Control“ + „Shift“ + P | Command + Shift + P |
| Taikyti antraštės formatavimą (H1–H6) pasirinktam tekstui | „Control“ + 1–6 | „Command“ + 1–6 |
| Pridėti naują pastraipą | Grįžti | Grįžti |
| Pridėkite eilutės pertrauką | Shift + Return | Shift + Return |
| Įdėkite nepertraukiamą tarpą | Command + Shift + tarpo klavišas | Command + Shift + tarpo klavišas |
| Perkelti objektą arba tekstą | Vilkite pasirinkimą į naują vietą | Vilkite pasirinkimą į naują vietą |
| Nukopijuokite objektą arba tekstą | Valdykite ir vilkite pasirinkimą į naują vietą | Parinktis - vilkite pasirinkimą į naują vietą |
| Pasirinkite žodį | Dukart spustelėkite | Dukart spustelėkite |
| Pasirinkite eilutę arba teksto bloką | Tris kartus spustelėkite | Tris kartus spustelėkite |
| Įterpti vaizdą | Control+Alt+I | Command+Option+I |
| Įdėkite lentelę | Control + Alt + T | Command + Option + T |
| Paleiskite rašybos tikrinimą | Shift + F7 | Shift + F7 |
| Atidarykite pagalbos langą | F1 | F1 |
| Priartinti | Control+= | Command+= |
| Nutolinti | Control+- | Command +- |
| Peržiūra pagrindinėje naršyklėje | F12 | Parinktis + F12 |
| Peržiūra antrinėje naršyklėje | Shift + F12 arba Control + F12 | Command + F12 |
| Tiesioginis vaizdas | Alt + F11 | Parinktis + F11 |
| Užšaldyti JavaScript | F11 | F11 |
| Apžiūrėti | Alt + Shift + F11 | „Option“ + „Shift“ + F11 |
| Kodo navigatorius | Control + Alt + N | Command + Option + N |
| Gauk | „Control“ + „Shift“ + D | Command + Shift + D |
| Įdėkite | „Control“ + „Shift“ + U | Command + Shift + U |
| Įsiregistruoti | „Control“ + „Alt“ + „Shift“ + U | Command + Option + Shift + U |
| Patikrinkite | „Control“ + „Alt“ + „Shift“ + D | Command+ Option+Shift+D |
Kaip žiniatinklio dizaineris, kai kuriuos HTML, CSS ir JavaScript kodo bitus naudojate dažnai, bet nepakankamai dažnai, kad įsimintų atmintyje. Šie HTML kodo, CSS stiliaus ir „JavaScript“ patarimai yra naudingi, kai į savo puslapius įtraukiate specialių elementų, pvz., nulinių nuorodų, metažymų ir objektų. Naudokite šias HTML, CSS ir JavaScript kodų užuominas kodo rodinyje, ypatybių inspektoriuje ir CSS stiliaus lapuose.
| HTML kodo patarimas | Kodo spartusis klavišas | |
|---|---|---|
| Sukurkite nulinę nuorodą | # arba javascript:; arba javascript:void(0), kaip nurodyta <> href=”#”> nuorodos nuorodoje |
|
| Sukurkite pavadintą inkaro nuorodą | Nuoroda į Target nuorodą Target |
|
| Sukurkite nuorodą į pavadintą inkarą kitame puslapyje | nuoroda | |
| Įterpti eilutės pertrauką | ||
| Uždaryti langą JavaScript | Uždaryti šį langą |
|
| Dar kartą apsilankykite po x dienų metažymos | ||
| Nėra talpyklos metažymos | ||
| Meta nuoroda į pagrindinį puslapį | ||
| Meta nuoroda į svetainės schemos puslapį | ||
| Meta nuoroda į nuorodos piktogramą | ||
| Meta nuoroda į nuorodos piktogramą naudojant GIF, o ne ICO | href=”favicon.gif” /> | |
| Nuoroda į išorinį JS failą | type=”text/javascript”> | |
| Nuoroda į išorinį CSS | media=”screen”/> | |
| Import@ saitą į išorinį CSS | ||
| CSS nuoroda IE naršyklėms, mažesnėms nei IE 7 | type=”text/css” href=”ie.css” media=”all”/> |
|
| Įdėkite vaizdą su ALT atributu |  |
|
| Tuščias vaizdo ALT atributas | |
|
| Objektas, skirtas pridėti tuščią vietą | arba | |
| Subjektas, skirtas pridėti autorių teises | © arba © | |
| Subjektas, skirtas pridėti prekės ženklą | ™ arba ™ | |
| Objektas, skirtas pridėti ampersandą | & arba & | |
| Pridėti NoScript žymas | ||
| Nuorodų tikslai | _blank _New Guide _parent _top |
|
| Taikykite pasirinktinį CSS stilių su SPAN žymomis | … | |
| Komentarų žymos HTML ir JavaScript | ||
| Komentarų žymos CSS | /* Jūsų komentaras čia */ | |
| CSS žymos struktūra iš naujo apibrėžia stilių | žyma { atributas: reikšmė; } |
|
| CSS ID stiliaus struktūra | #ID { atributas: reikšmė; } |
|
| CSS pasirinktinio stiliaus struktūra | .stylename { atributas: reikšmė; } |
|
| CSS nuorodų stiliams | a:link { atributas: reikšmė; } a:visited { atributas: reikšmė; } a:hover { atributas: reikšmė; } a:active { atributas: reikšmė;; } |
Pagrindinės formos, tokios kaip kvadratai ir apskritimai, yra būtinos Adobe Illustrator. Sužinokite, kaip jas kurti efektyviau ir optimizuokite savo dizaino įgūdžius!
Sužinokite, kaip efektyviai sujungti sluoksnius „Photoshop CS6“, kad optimizuotumėte failo dydį ir pagerintumėte darbo efektyvumą.
Sužinokite apie pagrindinius „Illustrator CC“ formos įrankius, tokius kaip stačiakampiai, elipsės, daugiakampiai ir žvaigždės, ir kaip juos efektyviai naudoti.
Sužinokite, kaip „Illustrator“ pritaikyti skaidrumą SVG grafikai. Sužinokite, kaip išvesti SVG su skaidriu fonu ir pritaikyti skaidrumo efektus.
Importavę vaizdus į „Adobe XD“, neturėsite daug redagavimo valdymo galimybių, tačiau galite keisti vaizdų dydį ir pasukti juos taip, kaip darytumėte bet kurią kitą formą. Taip pat galite lengvai apvalinti importuoto vaizdo kampus naudodami kampinius valdiklius. Vaizdų užmaskavimas Nustatydami uždarą formą […]
Kai turite tekstą Adobe XD projekte, galite pradėti keisti teksto ypatybes. Šios ypatybės apima šriftų šeimą, šrifto dydį, šrifto svorį, lygiavimą, tarpą tarp simbolių (įbrėžimas ir sekimas), eilučių tarpus (pirmaujantis), užpildymą, kraštinę (brūkšnį), šešėlį (metamas šešėlis) ir fono suliejimą. Taigi pažiūrėkime, kaip šios savybės taikomos. Apie skaitomumą ir šriftą […]
Kaip ir „Adobe Illustrator“, „Photoshop“ piešinių lentos suteikia galimybę viename dokumente sukurti atskirus puslapius arba ekranus. Tai gali būti ypač naudinga, jei kuriate ekranus mobiliajai programai ar nedidelei brošiūrai. Galite galvoti apie piešinių lentą kaip apie specialų sluoksnių grupės tipą, sukurtą naudojant skydelį Sluoksniai. Jos […]
Daugelis įrankių, kuriuos rasite skydelyje „InDesign Tools“, naudojami linijoms ir formoms piešti puslapyje, todėl galite įvairiais būdais kurti įdomius savo leidinių brėžinius. „InDesign“ viduje galite kurti bet ką – nuo pagrindinių formų iki sudėtingų brėžinių, o ne naudoti piešimo programą, pvz., […]
Teksto įvyniojimas naudojant Adobe Illustrator CC nėra tas pats, kas įvynioti dovaną – tai lengviau! Teksto apvyniojimas verčia tekstą apvynioti aplink grafiką, kaip parodyta šiame paveikslėlyje. Ši funkcija bet kuriam kūriniui gali suteikti šiek tiek kūrybiškumo. Grafika verčia tekstą apvynioti aplink jį. Pirmiausia sukurkite […]
Kuriant „Adobe Illustrator CC“ dažnai reikia tikslaus dydžio (pavyzdžiui, 2 x 3 colių) formos. Sukūrus formą, geriausias būdas pakeisti jos dydį iki tikslių išmatavimų yra naudoti transformavimo skydelį, parodytą šiame paveikslėlyje. Pasirinkite objektą ir pasirinkite Langas → Transformuoti į […]
