Դուք չունեք օգտագործման միայն WYSIWYG
Dreamweaver- ը WYSIWYG- ի մեծ խմբագիր է , բայց եթե դուք հետաքրքրված չեք վեբ էջեր գրելու հարցում, «ինչ եք տեսնում, ինչ եք ստանում» միջավայրում, Դուք կարող եք դեռ օգտագործել Dreamweaver- ը, քանի որ այն նաեւ մեծ տեքստային խմբագիր է: Բայց կան բազմաթիվ առանձնահատկություններ, որոնք սահում են Dreamweaver- ի կոդի խմբագրիչի մեջ, քանի որ առաջնային ուշադրությունը գտնվում է «դիզայնի տեսքով» կամ արտադրանքի WYSIWYG խմբագրիչի մասում:
Ինչպես ստանալ Dreamweaver օրենսգրքի տեսքը
Եթե Dreamweaver- ը երբեք չեք օգտագործում որպես HTML- ի խմբագիր, նախքան այն, որ երբեք չեք նկատել էջի վերեւում գտնվող երեք կոճակները, «Կոդ», «Սպլիտ» եւ «Դիզայն»: Dreamweaver- ը սկսվում է լռելյայնորեն «Դիզայնի դիտում» կամ WYSIWYG ռեժիմով: Սակայն հեշտ է անցնել HTML կոդը դիտելու եւ խմբագրելու համար: Պարզապես կտտացրեք «Կոդի» կոճակը: Կամ, գնացեք Դիտել մենյու եւ ընտրեք «Կոդ»:
Եթե դուք պարզապես սովորեք, թե ինչպես գրել HTML- ը կամ ուզում եք զգալ այն մասին, թե ինչպես ձեր փոփոխությունները կանդրադառնան ձեր փաստաթղթին, կարող եք միաժամանակ բացել կոդի տեսքը եւ դիզայնի դիտումը: Այս մեթոդի գեղեցկությունն այն է, որ դուք կարող եք խմբագրել երկու պատուհաններում: Այսպիսով, HTML- ում ձեր պատկերի պիտակի կոդը կարող եք գրել HTML- ում եւ այնուհետեւ օգտագործել դիզայնի տեսքը, տեղափոխել այն էջի մեկ այլ վայր տեղափոխելու համար `քաշել եւ թողնել:
Միաժամանակ դիտելու համար, կամ `
- Սեղմիր «Պառակտում» կոճակը («Կոդ» եւ «Դիզայն» միջեւ)
- Դիտել տեսքով ընտրեք «Կոդ եւ դիզայն»
Երբ Dreamweaver- ի օգտագործումը հարմար է ձեր HTML կոդը խմբագրելու համար, կարող եք փոխել ձեր նախասիրությունները `կոդով դիտելու Dreamweaver- ը կանխադրված ձեւով: Ամենահեշտ ձեւը `կոդի տեսքը պահպանելու համար, որպես աշխատանքային տարածք: Dreamweaver- ը կբացվի ձեր օգտագործած վերջին աշխատանքային տարածքում: Եթե դա չի նշանակում, պարզապես գնացեք պատուհանների ցանկը եւ ընտրեք աշխատաշուկան:
Կոդի դիտման ընտրանքները
Dreamweaver- ն այնքան ճկուն է, քանի որ այն ունի շատ տարբերակներ, հարմարեցնել այն եւ աշխատել այնպես, ինչպես ուզում եք: Ընտրանքների պատուհանում կան կոդերի գունավորում, կոդերի ձեւավորում, կոդերի ակնարկներ եւ կոդի վերահրապարակման ընտրանքները, որոնք կարող եք հարմարեցնել: Բայց դուք կարող եք նաեւ փոխել որոշ հատուկ ընտրանքներ կոդի տեսքի մեջ:
Երբ դուք գտնվում եք կոդի տեսքով, կա "Դիտել Ընտրանքներ" կոճակը գործիքագոտում: Կարող եք նաեւ դիտել ընտրանքները `դիտելու դիտման ցանկի մեջ եւ ընտրելով« Կոդի դիտման ընտրանքներ »: Ընտրանքներ են `
- Word Wrap - wraps HTML կոդը այնպես, որ դուք կարող եք դիտել առանց հորիզոնական շարժվել: Նշենք, որ այս տարբերակը չի ներդնում ձեր կոդը կոտրվածքի վերադարձը, պարզապես ցուցադրում է կոդը, որպեսզի ավելի հեշտ կարդացվի:
- Line Numbers- ցուցադրում է գծի համարները կոդի կողքին: Այն ցույց է տալիս գծի փաթեթավորող խորհրդանիշը գծերի համար, որոնք երկարում են դիտման պատուհանից:
- Թաքնված Անձնավորություններ - ցուցադրում է հատուկ տառերի փոխարեն, որը կցուցադրի վեբ էջում: Նմանատիպ կետը փոխարինում է տիեզերքում, կրկնակի շվրանը փոխարինում է յուրաքանչյուր ներդիրի մեջ, եւ փորվածը կամ պարբերակային նշիչը փոխում է յուրաքանչյուր տողային ընդմիջում:
- Հատկանշել անվավեր կոդը `կարեւորում է HTML, որը սխալ է դեղին: Եթե ընտրեք դեղին հատկորոշիչը, ապա Property Inspector- ը ձեզ խորհուրդ կտա, թե ինչպես ամրագրել այն:
- Սինտաքսի գունավորում - ստացվում է ձեր կոդի գունային կոդավորումը կամ անջատելը: Դուք փոխում եք ձեր գույնի կոդավորման գույները նախասիրությունների կոդերի գունավորման բաժնում:
- Auto Indent- ը ձեր կոդը ներդիրը ավտոմատ կերպով դնում է փոխադրման վերադարձից հետո, եթե վերը նշված կոդը տեղադրված է: Դուք կարող եք փոխել միջանկյալի չափը `նախընտրությունների կոդերի ձեւավորման բաժնում ներդիրի չափը փոխելով:
HTML կոդը կոճակները խմբագրում Dreamweaver կոդ
HTML- ի կոդը հեշտ է խմբագրել Dreamweaver- ի կոդի տեսանկյունից: Պարզապես սկսեք մուտքագրել ձեր HTML- ը: Բայց Dreamweaver- ը ձեզ տալիս է մի շարք գործառույթներ, որոնք տարածում են հիմնական HTML- ի խմբագրից դուրս: Երբ սկսում եք գրել HTML պիտակը, դուք մուտքագրում եք <. Եթե այդ կերպարից անմիջապես դադարեցնեք, Dreamweaver- ը ցույց կտա ձեզ HTML պիտակների ցանկ: Դրանք կոչվում են կոդը ակնարկներ: Ընտրությունը նեղացնելու համար սկսեք մուտքագրել տառեր `Dreamweaver- ն նեղացնի ներքեւ գտնվող ցանկը այն պիտակին, որը համապատասխանում է այն, ինչ գրում եք:
Եթե դուք նոր եք HTML- ով, կարող եք ոլորել HTML- ի ցուցակի ցանկը եւ ընտրել տարբերներ `տեսնելով, թե ինչ են անում: Dreamweaver- ը կշարունակի առաջարկել Ձեզ ատրիբուտներ, երբ դուք մուտքագրել եք tag: Օրինակ, « HTML- ի պիտակին, մյուս պիտակները, որոնք սկսվում են հետեւյալից. Եթե շարունակեք «m» տառը մուտքագրելով, Dreamweaver- ն այն նեղացնելու է tag:
Սակայն կոդը հուշումները չեն ավարտվում պիտակներում: Դուք կարող եք օգտագործել կոդով ակնարկներ, տեղադրելու համար,
Եթե օրենսգրքի ակնարկները չեն երեւում, դուք կարող եք հարվածել Ctrl-spacebar (Windows) կամ Cmd-spacebar (Macintosh) `դրանք ցուցադրելու համար: Ամենատարածված պատճառը, թե ինչու է կոդի ակնարկը չհայտնաբերվի, եթե ձեր պիտակը ավարտելուց առաջ անցնեիք այլ պատուհան: Քանի որ Dreamweaver- ը դուրս է մղում բնույթի տեքստը <, եթե դու հեռանում եք պատուհանից եւ վերադառնաք, ապա դուք պետք է կրկին սկսեք կոդը ակնարկները:
Դուք կարող եք անջատել կոդը ակնարկների ցանկը `հարվածելով փախուստի ստեղնին:
Երբ բացեք ձեր բացման HTML պիտակը, դուք պետք է փակեք այն: Dreamweaver- ը սա բնական ճանապարհով է անում: Եթե մուտքագրեք «Փակեք Tags» տարբերակը, որը լավագույնս համապատասխանում է ձեր պահանջներին:
Եթե դուք չեք պատրաստվում անցնել HTML- ի ձեր էջերը խմբագրելու համար, բայց ցանկանում եք դիտել կոդը, ինչպես գրված է, փորձեք կոդը ստուգողը: Սա բացում է HTML կոդը առանձին պատուհանում: Այն աշխատում է այնպես, ինչպես կոդային տեսքը, եւ, փաստորեն, հիմնականում ընթացիկ փաստաթուղթը համարվում է զտիչ կոդը դիտելու պատուհան: Կոդի տեսուչը բացելու համար անցեք Window պատուհանը եւ ընտրեք «Կոդի տեսուչը» կամ հարվածեց F10 ստեղնը ձեր ստեղնաշարի վրա:
Dreamweaver- ը ձեւավորելու է HTML կոդը, սակայն ցանկանում եք այն ցուցադրել: Օրինակ, եթե դուք օգտագործում եք 3 տարածքներ անջատելու համար, բայց երբեք անջատել IMG- ի պիտակները, կարող եք նշել այն ձեւաչափման մասին տեղեկատվությունը, վերագրանցելու ընտրանքների մեջ: Այնուհետեւ գնում եք Հրամանների ընտրացանկ եւ ընտրեք «Կիրառեք Աղբյուրի ֆորմատավորում»: Սա հիանալի եղանակ է, որ ուրիշի կողմից գրված կոդը կստեղծվի ձեզ ծանոթ ձեւաչափով:
Հատկանիշ, որը շատ HTML կոդերներ չգիտեն կամ չեն օգտագործում, HTML կոդը կոտրելու ունակությունը: Սա չի հեռացնում պիտակները փաստաթղթից, այլ պարզապես դրանք հեռացնելուց, որպեսզի նրանք շեղող չլինեն, թե ինչ եք աշխատում: Փակել ձեր կոդը:
- Ընտրեք այն կոդը, որը ցանկանում եք թաքցնել
- Խմբի ընտրացանկում ընտրեք «Կոտրել ընտրությունը» «Կոդի փլուզման» ենթաբեմից
Ավելի հեշտ միջոց է ընտրեք կոդը, այնուհետեւ կտտացրեք կոճղի փլուզման պատկերակները, որոնք հայտնվում են ճեղքվածքներում: Կարող եք նաեւ աջ կոճակը ընտրված կոդով եւ ընտրեք «Կոտրել ընտրությունը»:
Եթե ցանկանում եք թաքցնել ամեն ինչ, բացի այն, ինչ կարեւորում է, ընտրեք «Արտահերթ ընտրության քանդում» վերը նշված մեթոդներից որեւէ մեկում:
Փլուզված կոդը ընդլայնելու համար պարզապես կրկնակի սեղմեք այն: Սա բացում է կոդը եւ ընտրում է այն: Այնուհետեւ կարող եք տեղափոխել այդ ընտրությունը կամ վերացնել այն կամ դրա շուրջ լրացուցիչ պիտակները ավելացնել:
Դուք կարող եք օգտագործել փլուզումը եւ ընդլայնել հնարավորությունը բոլոր էջերում, որտեղ դուք չեք ցանկանում խմբագրել արտաքին կաղապարը: Դուք պարզապես ընտրեք բովանդակության տարածք, որը ցանկանում եք խմբագրել եւ փլուզվել դրսից: Այնուհետեւ գրեք ձեր HTML- ը: Դուք դեռ կարող եք դիտել էջը Դիզայն դիտում կամ նախադիտել այն դիտարկիչում: Փլված կոդը ջնջված չէ փաստաթուղթից, պարզապես թաքնված է տեսքից: Դուք կարող եք նաեւ օգտագործել այն, երբ դուք աշխատում եք մի շարք իրերի վրա: Երբ ավարտել եք մեկը, փլուզեք այն: Դուք գիտեք, որ դուք արել եք, երբ չկան կոդը: