Ծրագրային փաթեթ Dreamweaver- ը, ինչպես առաջնագիծը, նախագծված է տարբեր կայքեր նախագծելու համար, ներառյալ հրատարակչական կայքերը, որոնց առաջադրանքներից մեկը էլեկտրոնային հրապարակումների տարածումն է: Այն հարմար է փոքր եւ շատ մեծ կայքեր ստեղծելու համար: Առաջին դեպքում, միակ վեբ վարպետի մասնագետը զբաղվում է զարգացումով: Վերջին դեպքում նախագծում գործում է մի ամբողջ թիմ, ներառյալ Ծրագրի ադմինիստրատորը, վեբ դիզայներ, HTML զգեստ, վեբ ծրագրավորող, փոստային փոստերի կառավարիչ: Շատ փորձագետներ պնդում են, որ իրենց աշխատանքի պրոֆեսիոնալ վեբ դիզայներներն առավել հաճախ օգտագործում են Adobe Photoshop, անհատական \u200b\u200bվեբ էջերի նախագծման համար գրաֆիկա եւ Macromedia Dreamweaver պատրաստելու համար:

Այս փաթեթով ծանոթությունը ցույց է տալիս, որ այս հայտարարությունն ունի ամուր հիմք: Ինչպես արդեն արվել է մի քանի անգամ, եկեք սկսենք փաթեթը սովորել իր ինտերֆեյսից:

6.2.1. Dreamweaver փաթեթի միջերես

Dreamweaver 4.0 փաթեթի միջերեսը ցուցադրվում է Նկ. 6.9. Բացի վերնագրի լարային, մենյուի տողերի, գործիքագոտիների եւ ստանդարտ ծրագրի աշխատանքային պատուհանից, մենք նշում ենք մի քանի պալետների առկայությունը, որոնք, ինչպես խմբագիրներում, տեղադրված են ծրագրի աշխատանքային պատուհանում: Ի դեպ, բաց երեք պալետների անունները «Օբեկտներ» (օբյեկտ), «Հատկություններ» եւ «պիտակը» համապատասխանում են «Պատուհան» ընտրացանկի առաջին երեք հրամանների բաժին:

Այս փաթեթը ինտեգրված է Macromedia Software Product Group- ում օգտագործված տեխնոլոգիաների տեսանկյունից, որը նվաճում է ավելի ու ավելի ուժեղ դիրքեր Վեբ դիզայնի ֆոնդի շուկայում: Այս խմբի այլ ծրագրեր. Macromedia- ի տնօրենը եւ Flash- ը կքննարկվեն այս գլխի հետեւյալ կետերում: Համախմբում դրանք ապահովում են վեբ ձեւավորման հիմնական ուղղությունները, եւ յուրաքանչյուրը անհատապես մասնագիտանում է մեկ հատուկ ուղղությամբ:

Նախ, մենք կենտրոնանալու ենք առարկաների պալիտրա (օբյեկտների) վրա, որի տեսքը ներկայացված է Նկ. 6.10. Ներկապիկի տեսքը տատանվում է կախված իր վերին մասում ցուցակի պատուհանում ընտրված օբյեկտի տեսակից, ես, պալիտրա կարելի է անվանել հարմարվողական: Լռելյայն ցուցակում տեղադրված է «հիմնական» դիրքը: Նկ. 6.10 Բաց ցուցակում ընտրվում է այս հատուկ տարբերակը: 18 տարբեր գործիքների այս պալիտրա թույլ է տալիս ներառել էջում տարբեր իրեր, մասնավորապես (ներկապնակում կոճակների գտնվելու վայրի). Գրաֆիկա (պատկեր), որի արտաքին տեսքը փոխվում է Երբ ամփոփում եք մկնիկի կուրսորի սեղանը (աղյուսակը), որը նախապես մուտքագրված է դրա մեջ պատրաստված տվյալներով, նախապես պատրաստված մեկ այլ ծրագրային փաթեթում (աղյուսակային տվյալներ), կառավարիչով (նավիգացիայի կանոն) կոճակներով շարժվելու համար Կայքը, պատկերի նոր շերտը (նկարել շերտ), փափուկ փոխանցում (տող ընդմիջում) դեպի տեքստը, հղումը դեպի Էլեկտրոնային հասցե (Էլ. Փոստի հղում), ընթացիկ ամսաթիվը (վարսակի), ֆլեշ- (ֆլեշ) եւ Shockwave-(Shockwave) անիմացիա, գեներատորի աշխատանքային մաս եւ հրավառություն օբյեկտ, Java հավելվածներ եւ ActiveX տարրեր, որոնք վերարտադրվում են լրացուցիչ մոդուլներ (Plag-insinsins), եւ արտաքին HTML ֆայլ (SSI):

«Տառատեսակի տարրերը» պալիտրա թույլ է տալիս 12 տարբեր հատուկ նիշերից մեկը ավելացնել վեբ էջերին. Նոր լար, Հեղինակային իրավունք (պատճենահանման), գրանցված ապրանքային նշան, դրամական նշաններ, դրամական նշաններ, իեն, եվրո, մեջբերումներ, դանակ եւ այլ նշաններ (տես Նկար 6.11):

«Ձեւավորում» պալիտրա (ձեւեր), որը ցույց է տրված Նկ. 6.12, ծառայում է ձեւեր ստեղծելու համար ( Տես § 2.8) եւ պարունակում է հետեւյալ կոճակները. Իրականում ձեւեր (ձեւեր), տեքստի դաշտ (տեքստային դաշտ), կոճակ, անջատիչ տուփ եւ ռադիո բիզրոն, ցուցակ / մենյու), File Transfer դաշտ (Թաքնված դաշտ) ) եւ հիպերհղող սլաքը մեկ այլ կայք գնալու համար (ցատկել մենյու):

Նկատի ունեցեք, որ «Օբեկտ» խմբի բոլոր պալիտրա ներքեւում տրամադրվում է «հավասարեցում» դաշտերը (դասավորությունը) եւ «տեսքը» (դիտում), որոնք թույլ են տալիս դիտարկել եւ կառավարել օբյեկտների տեղաբաշխումը վեբ էջում:

Շրջանակի պալիտրա (շրջանակներ), որը ցույց է տրված Նկ. 6.13, Դուք թույլ եք տալիս օգտագործել համապատասխան կոճակի օգտագործումը `շրջանակի կառուցվածքի որոշակի ձեւ ընտրելու համար` երկու, երեք եւ չորս տարբեր շրջանակներ: Ընտրանքների ընդհանուր քանակը ութն է:

«Header» պալիտրա (գլուխ) հնարավորություն է տալիս ավելացնել համապատասխան պիտակներ HTML փաստաթղթի եւ պարամետրերի արժեքների վերնագրին, ներառյալ. Մետա-տեղեկատվական պիտակներ եւ հիմնաբառեր, կայքի նկարագրություն, թարմացման ընտրանքներ (լռելյայն հղումներ) ), կապերի հղումներ:

«Անտեսանելի օբյեկտներ» պալիտրա (անտեսանելի) պատկերված է Նկ. 6.14, թույլ է տալիս տեղադրել էջանիշի էջում (տես նաեւ 4.2.մի քանազոր § 4.3.), ծանոթագրություններ եւ մեկնաբանություններ ( Տես § 2.5) եւ Java գրություններ ( Տես § 2.9).

Վերջին պալիտրա, որը բարդ հարմարվողական պալիտրա «օբյեկտների» մաս է կազմում, կոչվում է «Հատուկ» (հատուկ): Դրա մեջ, ինչպես ցույց է տրված Նկ. 6.16, կան երեք պատկերապատկեր կամ կոճակ, մասնավորապես `հավելվածներ, plugins եւ ActiveX տարրեր:

Գաղտնիք չէ, որ ձեռքով գրելու օրենսգրքի եւ Adobe Dreamweaver ծառայությունների օգտագործման մրցույթում վաղուց հաղթեց վերջին: Բոլոր զգայարանների խմբագրում այս հարմարությունը պարզեցնում է ցանկացած վեբ վարպետի կյանքը, փրկելով իր ժամանակը եւ ուժը: Այն փաստը, որ սովորական նոթատետրում գրված է կես ժամվա ընթացքում, այս խմբագրում կարելի է բառացիորեն կազմել հինգ րոպեի ընթացքում: Ավելին, ամենակարեւորը, այս դեպքում, այս դեպքում, այդ դեպքում վիրավորված սխալները, որոնք դուք պետք է փնտրեք եւ շտկեք, ամբողջությամբ բացառված են: Անկախ նրանից, թե դա էջերի ընդհանուր դասավորություն է, թե ծրագրավորումը PHP- ում, Dreamweaver- ը միշտ կգա փրկարարների: Եվ, իհարկե, չպետք է կասկածեք, որ դրա հետ աշխատելու գործընթացը կլինի ոչ միայն ավելի հարմար, այլեւ հեշտ: Փաստորեն, Dreamweaver- ը կկազմի օգտագործողի մի մասը, այն ազատելով վեբ տեխնոլոգիաների մեկ կամ մեկ այլ ոլորտում գիտելիք ունենալու անհրաժեշտությունից: Ինչը կարող է ավելի հեշտ լինել: Ծրագիրը հասկանալի է բոլորի համար եւ շաբաթներ շարունակ կարող է տիրապետել բառացիորեն: Այս հոդվածը կօգնի նորաստեղծ օգտագործողներին նույնիսկ ավելի արագ, Adobe Dreamweaver- ի հետ աշխատելու հիմունքներով: Վերջին հասանելիության օրինակում այս պահին 9.0 տարբերակ: Անմիջապես հարկ է նշել, որ անգլերեն լեզվով մանրամասն տեղեկատվությունը կառուցված է խմբագրի մեջ, պատմելով դրա օգտագործման բոլոր ասպեկտների մասին: Իհարկե, այս հոդվածը չի կարող ազդել բոլորի վրա: Բայց հղումն ունի մեկ մեծ թերություն `տեղեկատվության չափազանց մեծ քանակություն: Հիմունքները հասկանալու համար հարկավոր է ծախսել մեծ թվով Ժամանակը Մենք կփորձենք շտկել այս թերությունը:

Միջերես

Ծրագրի տեսքը բավականին պարզ է: Մինչդեռ, աշխատանքային տարածքը կազմակերպվում է չափազանց մտածված, որն ապահովում է դրա արդյունավետ օգտագործումը: Adobe Dreamweaver ինտերֆեյսը բաղկացած է մի քանի տարրերից, որոնք կարելի է բաժանել հինգ խմբի: Առաջինը ներառում է հիմնական ընտրացանկը, որը գտնվում է ծրագրի պատուհանի վերեւում գտնվող ֆիքսված վայրում: Այն ներառում է բազմաթիվ էջանիշներ. «Ֆայլ», «Խմբագրել», «Տեսանյութ», «Խմբագրել», «Տեքստ», «Team», «Պատուհան» եւ «օգնություն»: Օգտագործողի համար ամենակարեւորը «ֆայլն» եւ «խմբագրել» էջանիշներն են, քանի որ դրանք չեն կրկնօրինակում որեւէ այլ ընտրացանկից եւ հաճախ օգտագործվում են: Այս էջանիշները բնորոշ են բոլոր ծրագրերին, եւ, հետեւաբար, մենք չենք դադարի դրանց վրա: Հիմնական ընտրացանկում մնացած էջանիշները չափազանց կարեւոր չեն, քանի որ այն մասամբ կամ ամբողջովին կրկնօրինակված է ինտերֆեյսի այլ տարրերով կամ պարզապես հազվադեպ է օգտագործվում: Հաջորդ խումբը «Տեղադրեք» ընտրացանկն է, որն ըստ էության Dreamweaver- ի գործիքագոտին է: Այն կարող է փոխանցվել ծրագրի պատուհանի ցանկացած մասի, բայց լավագույնն է այն թողնել հիմնական ընտրացանկի ներքո նախնական դիրքում: Այս ինտերֆեյսի տարրը կարող է նվազագույնի հասցնել աշխատանքային տարածքի տարածքը բարձրացնելու համար: Կան մի քանի էջանիշներ, որոնք առանձնացված են «Տեղադրման» վահանակի տվյալներով: «Համօգտագործված» ներդիրը տեղակայված է ամենատարածված տարրերը, հիպերհղումներ, նկարներ, սեղաններ եւ այլն: Այս ներդիրն ամենից հաճախ օգտագործվում է: «Դասավորության» վահանակի այլ էջանիշերի թվում (աշխատեք spry- ի, սեղանների եւ շրջանակների հետ), «ձեւեր», «Տվյալներ», «Գծապատկեր», «տեքստ»: «Տեքստի» ներդիրը մասամբ կրկնօրինակվում է ինտերֆեյսի այլ տարրերով, իսկ ֆավորիտների ներդիրը հնարավորություն է տալիս օգտագործողին կատարել իր սեփական ընտրացանկը:

«CSS ոճերը» էջանիշների մի խումբ շատ օգտակար է, որում կարող եք ստեղծել նոր ոճեր եւ խմբագրել հին

Ծրագրի աջ կողմում տեղակայված է վահանակների տարբեր խմբերի պատուհան (ընդհանուր խմբերը կարող են լինել չորս): Այն չի կարող տեղափոխվել մեկ այլ վայր, բայց կարող է թաքնված կամ փակ լինել: Այս վահանակի էջանիշների յուրաքանչյուր խումբ կարող է գլորվել կամ փակվել: Բացահայտված վահանակում վահանակը գոհ է ծանրաբեռնվածությունից եւ էապես նվազեցնում է աշխատանքային տարածքի չափը: Ինտերֆեյսի այս մասը օժանդակ բնույթ է եւ թույլ է տալիս իրականացնել որոշ գործողություններ, առանց լրացուցիչ պատուհաններ բացելու: Օրինակ, «CSS Styles» էջանիշների խումբը շատ օգտակար է, որոնցում կարող եք ստեղծել նոր ոճեր եւ խմբագրել հին, ինչպես նաեւ վերահսկել ոճերի տարբեր հատկությունները: Tag Vufector Bookmarks- ի մեկ այլ խումբ թույլ է տալիս կառավարել պահին նվիրված պիտակը. Դիտեք դրա հատկությունները եւ ավելացրեք նոր պարամետրերը: Երկու այլ ֆայլ «Ֆայլեր» եւ «ամսագիր» օգտագործվում են շատ ավելի քիչ: Առաջինը նախատեսված է տեղական եւ network անցային ռեսուրսներ Եվ այլ գործողություններ, իսկ երկրորդը կատարում է գործողությունների մատյանի դերը: Desired անկության դեպքում օգտագործողը կարող է չեղարկել գործողությունները `վերադառնալով որոշակի կետի: Ավաղ, անհնար է չեղարկել գործողությունները:

Աշխատանքի տակ կա մեկ այլ խումբ `« Հատկություններ »: Այն ցուցադրում է դիզայնի տարրերի համար մատչելի բոլոր պարամետրերը: Այս վահանակը կարող է նաեւ նվազագույնի հասցնել կամ փակվել, բացի այդ, կրկնակի սեղմելով վահանակի անվճար տարածքը, այն կարող է կրճատվել (լրացուցիչ ընտրանքներ թաքնված կլինեն): «Հատկություններ» կրկնօրինակել ինտերֆեյսի այլ տարրերի գործառույթները եւ շատ կարեւոր են, քանի որ թույլ են տալիս ձեւափոխել կայքի տարբեր տարրեր: Այս վահանակի բովանդակությունը տարբերվում է `կախված ընտրված բովանդակությունից: Գրեթե բոլոր դեպքերում կարող եք սահմանել հավասարեցում (երեք դիրքորոշում ոչ տեքստային տվյալների տեսակների եւ տեքստի համար չորս): Եթե \u200b\u200b«Հատկություններ» վահանակում տեքստ եք ընտրում, կարող եք սահմանել CSS ոճը (ինչպես նաեւ նոր բառացիորեն ստեղծել ճանճը), ընտրեք տեքստի ձեւաչափը, փոխեք տեքստը, ինչպես նաեւ տեղադրեք հղում դեպի նվիրված տեղ Առկա են գրաֆիկայի, չափի, ճարմանդների, հղումների, սահմանների եւ այլնի պարամետրերը: Սեղանների հետ աշխատելիս հնարավոր է սահմանել Տարբեր պարամետրեր Սյունակների եւ բջիջների, սահմանների, հատների եւ գույների քանակը: Այս վահանակը օգտագործվում է եւ աշխատելիս տեղանքի շատ այլ տարրերի հետ աշխատելիս:

Dreamweaver- ի ինտերֆեյսի բաղադրիչների վերջին խումբը ներառում է աշխատանքային տարածք: Այն ունի նաեւ էջանիշի կառուցվածք: Ծրագրում դուք կարող եք միանգամից բացել մի քանի փաստաթղթեր, որոնց միջեւ կարող եք առաջ շարժվել: Աշխատանքային տարածքը ներառում է նաեւ մի քանի գործիքներ: Լավագույն վահանակ «Փաստաթուղթը» թույլ է տալիս անցնել մի քանի ռեժիմների միջեւ, կոդավորում եւ ձեւավորում: Բացի այդ, այն թույլ է տալիս կառավարել փաստաթղթի դիտումը զննարկիչում, հնարավորության դեպքում: Եթե \u200b\u200bցանկանում եք, այս վահանակը կարող է տեղափոխվել ծրագրի աշխատասեղանի ծրագրի ցանկացած վայր: Ստորին վահանակը թույլ է տալիս փոխել կուրսորի ռեժիմները, կառավարման մասշտաբը: Բացի այդ, այն պարունակում է տեղեկատվություն փաստաթղթի (չափի, թույլտվության եւ այլն) եւ պիտակների հիերարխիայի ծառի մասին: Վերջինս դրա համար բոլոր ավելի բարձր պիտակների ցուցակն է: Այս ցուցակում կարող եք բարձրացնել մակարդակը մինչեւ մարմնի պիտակը:

Աշխատեք փաստաթղթի հետ:

«Կոդի» ռեժիմում «Notepad» - ում աշխատելու համար նման փաստաթղթի ուղղակի խմբագրումն առկա է:

Առաջին հերթին անհրաժեշտ կլինի նշել իր հիմնական պարամետրերը `էջ ստեղծելու համար: Դա արվում է «Խմբագրել -\u003e Էջի հատկություններ» ընտրացանկի միջոցով («Թեժ» ստեղնը Ctrl + J) կամ համատեքստի ընտրացանկի միջոցով: Պատուհանում, որը հայտնվում է, դուք կարող եք սահմանել լռելյայն տառատեսակը տեքստի եւ հղումների համար, տալ Անվան էջը, որոշեք դրա կոդավորումը, ինչպես նաեւ նշեք ֆոնի պատկերի նմուշը (հետագծային): Կայքի անվանումը, ի դեպ, կարող է տեղադրվել նաեւ «Փաստաթուղթ» վահանակում: Էջի պարամետրերի մնացած մասը կարող եք ձեռքով կամ «Tag Inspector» - ի միջոցով ընտրել մարմնի պիտակը: Հաճախ, վեբ վարպետի սկիզբը պահանջում է միայն ֆոնի եւ bgcolor- ի պարամետրերը (նկարը `համապատասխանաբար ֆոնի ֆոնին եւ գույնով): Meta Tags ստեղծել, դուք պետք է գնաք «Կոդի» ռեժիմ, կտտացնելով «Փաստաթուղթ» վահանակի համապատասխան ներդիրին: Այս ռեժիմում «Notepad» - ում աշխատելու համար նման փաստաթղթի ուղղակի խմբագրումն առկա է: Այնուամենայնիվ, Dreamweaver- ը ունի նաեւ իր առավելությունները: Հարմարության համար կոդի բոլոր տողերը համարակալվում են, եւ պիտակները կապված են ծրագրի բոլոր վահանակների հետ, ինչպես նախագծի ռեժիմում (այն դիզայն է): Կախված պիտակների տեսակից, դրանք կարեւորվում են տարբեր գույներով, դրանով իսկ կոտրելով ծածկագրի միապաղաղ կտորները, հեշտացնելով դրա նույնականացումը: Բացի այդ, ծածկագիրը խմբագրելիս, ցուցակի մի փոքր մենյու է հայտնվում կուրսորի կողքին: Հնարավոր ընտրանքներ, Ուցակից կետերը կարող են ընտրվել ստեղնաշարի կամ մկնիկի միջոցով, որից հետո դրանք ավտոմատ կերպով փոխարինվում են կոդով, ինչը զգալիորեն արագացնում է փաստաթղթի դասավորությունը: Օրինակ, նկարը փաստաթղթի մեջ տեղադրելու համար բավական է բացել «անկյունային» փակագիծը, ընտրեք IMG պիտակից, որը հայտնվում է (որոնումը պարզեցնելու համար) կարող եք տպել «i» տառը. Ծրագիրը ավտոմատ կերպով զտում է բոլոր մյուսներին Այս նամակից սկսած պիտակները, այնուհետեւ դրեք տարածքի ընտրություն, կրկին SRC պարամետրերի ընտրացանկը հայտնվում է, ապա կտտացրեք «Թերթել» կոճակը, որը հայտնվում է ցանկալի պատկեր որոնելու համար: Այնուամենայնիվ, նկարները շատ ավելի հեշտ եւ արագ են «տեղադրման» ընտրացանկի միջոցով: Սա վերաբերում է սեղաններին: Աղյուսակ ավելացնելիս պատուհանը հայտնվում է սյուների եւ բջիջների քանակի, ընդմիջումներով, դաշտերի, լայնությունների եւ այլնի քանակի պարամետրերով: Այս բոլոր պարամետրերը, ինչպես նաեւ որոշ ուրիշներ, «Հատկություններ ստեղծելու համար» «Վահանակ: Բացի այդ, բջջային պարամետրերը նույնպես կարող են փոփոխվել, ընտրելով դրանք աշխատանքային տարածքում (կոդ ռեժիմում, բավական է կուրսորը ցանկալի պիտակի մեջ դնել): Ոչ պակաս օգտակար է աղյուսակի, սյուների եւ բջիջների չափը մկնիկի միջոցով փոխելու գործառույթը: Դա անելու համար պահեք կուրսորը սահմանին, ապա քաշեք այն ցանկալի կողմում: Ի դեպ, փաստաթղթից ցանկացած տարր հեռացնելու համար բավական է այն ընդգծելու եւ ստեղնաշարի վրա ջնջելու բանալին կտտացրեք: Եվ ցանկացած առարկա տեղափոխելու համար (օրինակ, սեղան տեղադրեք տեքստը), անհրաժեշտ է նաեւ կուրսորը տեղաբաշխել եւ քաշել եւ քաշել:

Ոչ պակաս Արդյունավետ գործիք Adobe Dreamweaver- ը համատեքստի ընտրացանկն է: Այն կրկնօրինակվում է ինտերֆեյսի հիմնական հրամաններով եւ տարրերով, որոնք, ըստ մշակողների, պահանջում են Արագ մուտք, Այստեղ դուք կարող եք սահմանել ընտրված կետի հատկությունները, ներառյալ CSS պարամետրերը, հավասարեցումը եւ ձեւաչափումը: Բացի այդ, համատեքստի ընտրացանկի միջոցով կարող եք վերահսկել պիտակները, ավելացնել մեկնաբանություններ (դրանք մշակողների գրառումներ են) եւ նույնիսկ էջի պարամետրեր են գնում: Ի դեպ, աղբյուրի ապրանքի ծածկագիրը արագ փոխելու համար պարզապես բացեք համատեքստի ընտրացանկը եւ ընտրեք Quick Tag խմբագիր: Բայց տարբեր տարրեր տեղադրելու համար անհրաժեշտ է տեղադրել վահանակը եւ հիմնական ընտրացանկում ներդիրի անունը: Տեղադրման համար մատչելի բոլոր տարրերը դասակարգվում եւ բաժանվում են խմբերի: Եթե \u200b\u200bցանկալի կետը դեռեւս բացակայում է ցուցակում, կարող եք օգտագործել «Tag ...» գործառույթը («Թեժ» ստեղնը Ctrl + E): Պատուհանում, որը հայտնվում է մատչելի պիտակների ամբողջական ցանկ, որոնք բաժանվում են խմբերի: Եվ հնարավոր է ոչ միայն HTML Tags, այլեւ ASP, PHP եւ այլն:

Տեքստը ձեւափոխելու համար ոչ պակաս հարմար: Տարբեր գործիքագոտիների եւ ընտրացանկի միջոցով կարող եք փոխել տեքստի հավասարեցումը, ավելացնել հատումներ, ստեղծել համարակալված կամ կանոնավոր ցուցակներ, սահմանել չափերը, տառատեսակը եւ գույնը եւ այլն, ինչը կարեւոր է, որի հետ կապված են բոլոր պարամետրերը Արտաքին տեսակներ Տեքստերը կապված են CSS- ի հետ: Տառատեսակի պարամետրերը փոխելը, օգտագործողը ստեղծում է նոր Ոճեր CSS: (Ծրագիրն ինքնաբերաբար դրանք մտնում է փաստաթղթի մեջ): Սա, մի կողմից, հարմար է, քանի որ դա ազատում է նույն գործողությունները նմանատիպ կտորի հետ նույն գործողությունները ծախսելու անհրաժեշտությունից, մյուս կողմից `ոչ շատ, քանի որ օգտագործողը կարող է շփոթվել ստեղծված ոճերում: Այնուամենայնիվ, հաստատ CSS- ը շատ ավելի հարմար է կրկնօրինակել իր պիտակները (օրինակ, տառատեսակ), քանի որ դրանք թույլ են տալիս պահպանել վեբ հրաշագործ ժամանակը եւ նվազեցնել փաստաթղթի վերջնական չափը:

Զարդարանք

Իհարկե, վերը նշված խմբագրի բոլոր գործառույթները շատ օգտակար են, բայց դրանք հիմնականում գտնվում են էջերի HTML դասավորության վրա, այսինքն `ամենապարզ կայքերը ստեղծելու համար: Բայց Adobe Dreamweaver- ը թույլ է տալիս գործել եւ այլ տեսակի փաստաթղթեր: Ծրագիրն ապահովում է գործողությունների սցենարը, Java սցենարը, XML, ASP.NET, JSP, PHP, սցենար եւ նույնիսկ պարզապես տեքստային փաստաթուղթ: True իշտ է, վերջինս նշանակելը ամբողջովին պարզ չէ (այս առումով, Dreamweaver- ը հստակ կորցնում է «նոթբուքը» սպառված ռեսուրսների եւ բեռնման արագության վրա): Բնականաբար, պիտակի ավտոմատ վերագրումը եւ տեսողական դիտման ռեժիմը հասանելի կլինեն միայն HTML աջակցությամբ փաստաթղթերի համար: Բայց ցանկացած տեսակի փաստաթղթում ծածկագրի լուսավորությունը կփրկվի:

Ծրագրի կարեւոր առավելությունը նախապես հավաքված դասավորություններն են: Նոր փաստաթուղթ ստեղծելիս առկա է ձեւանմուշների հավաքածու: Այն ներառում է Տարբեր էջեր Ստանդարտ շրջանակներից մինչեւ տարբեր ոճային թերթեր եւ նույնիսկ դիզայնի դասավորություններ: Ծրագրի հեղինակները ստեղծեցին մի քանի տասնյակ տարբեր ձեւանմուշներ, որոնք կարող են օգտակար լինել տարբեր իրավիճակներում, օրինակ, ներկայացման կայքեր ստեղծել սահմանափակ ռեսուրսներով եւ ժամանակով: Պատրաստի ռեսուրսներ օգտագործելիս կհայտնվի կայքի կառավարման պատուհանը, որտեղ կարող եք ավելացնել նոր կայք, խմբագրել, շրջանակ եւ ներմուծել գոյություն ունեցողը: Կայք ստեղծելիս կհայտնվի պարամետրերով ձեւ, որտեղ մի քանի քայլերով անհրաժեշտ կլինի մի քանի պարամետրեր սահմանել. Անունը եւ հասցեն, կապի պարամետրերը Հեռավոր սերվեր եւ այլն: Այս ընթացակարգը մեկ այլ օգտակար մաս է (բայց սովորական օգտագործողների կողմից քիչ պահանջարկ) տեղական եւ Հեռակառավարման վահանակ կայքեր. Նման գործողությունների համար հիմնական ընտրացանկում ընդգծվում է առանձին էջանիշ, «Վեբ կայք»: Այն կարելի է անվանել կայքի կառավարման պատուհանը, ստուգեք հղումները, կատարեք մի շարք այլ գործողություններ: Այս ցանկում սովորական օգտագործողի համար ամենահետաքրքիրն է «հաշվետվություններ» հատկությունը: Այն թույլ է տալիս սկանավորել կայքը տարբեր թերությունների համար: Թեստի արդյունքները ցուցադրվում են Առանձին վահանակ բազմաթիվ էջանիշներով: Նրանցից մեկում կարող եք ստուգել Գնված հղումներՄեկ այլ կոդով: Օրինակ, իմ կողմից արված էջերից մեկում, անհայտ կորած ALT ատրիբուտների զանգվածը եւ ոմանք ամբողջովին ճիշտ նյութեր չեն: Բացի այդ, օգտագործելով «հաշվետվություններ», դուք կարող եք ստուգել զննարկիչների հետ համատեղելիության կոդը: Այնուամենայնիվ, եթե ամբողջ ամբողջ ծածկագիրը գրվել է Dreamweaver- ի հետ, ապա խնդիրների ոլորտները չեն գտնվի, չնայած փաստորեն, հազվադեպ դեպքերում, խմբագրի կողմից գրված ծածկագիրը նման է, ինչպես ես կցանկանայի: Ստուգման բոլոր արդյունքները կարող են պահպանվել առանձին ֆայլի վրա:

Այսպիսով, ինչպես տեսնում ենք, Adobe Dreamweaver- ը հզոր գործիք է կայքերի ստեղծման, փոփոխության եւ կառավարման համար, որոնք օգտակար կլինեն որպես նորաստեղծ վեբ վարպետ եւ Փորձառու օգտվողԾրագրավորում Java, PHP եւ այլն Dreamweaver- ի միջոցով, դուք կարող եք կատարել մեծ թվով գործողություններ, որոնց համար միանգամից կան մի քանի ծրագրեր առանց այս խմբագրի:

Ուղարկեք ձեր լավ աշխատանքը գիտելիքների բազայում պարզ է: Օգտագործեք ստորեւ նշված ձեւը

Ուսանողներ, շրջանավարտ ուսանողներ, երիտասարդ գիտնականներ, ովքեր իրենց ուսման մեջ օգտագործում են գիտելիքների բազան եւ իրենց ուսումը, շատ շնորհակալ կլինեն ձեզ համար:

Նմանատիպ փաստաթղթեր

Հիպերտեքստի նշման լեզու hTML էջեր, Վեբ էջի առկայության ապահովում, տեքստի եւ գրաֆիկայի ներկայացում: Կայքի ստեղծման հիմնական կանոններն ու փուլերը, էջի կառուցվածքի ընտրությունը: HTML խմբագիրների օգտագործման տնտեսական իրագործելիության գնահատում:

Թեզ, ավելացված է 03/25/2013


Գործելու հնարավորությունը Ս. Տեքստի խմբագիրներ Միայն փոքր վեբ էջեր ստեղծելու համար: Վեբ-դիզայնի տեսություն եւ նրա պատմությունը: Խմբագիր Dreamweaver, դրա առանձնահատկությունները: Վեբ էջի հիմնական պահանջները: Dreamweaver- ի արտազատման ծագում:

Դասընթացի աշխատանքներ, ավելացված 12.06.2009 թ


Տեսական ակնարկ «Կազմակերպությունում հակամարտությունները» կայքի ստեղծման խնդրի վերաբերյալ: Տեղեկատվական ռեսուրսների եւ ծառայությունների վերլուծություն: Կազմակերպություններում կոնֆլիկտային հետազոտությունների մեթոդների բնութագրերը: Macromedia Dreamweaver ծրագրային փաթեթ, վեբ կայքեր ստեղծելու համար:

Թեզ, ավելացված է 06/22/2015


HTML խմբագիր Adobe Dreamweaver- ի հետ աշխատելը: Կայքի վերնագրի էջի կառուցման փուլեր եւ կանոններ, HTML էջեր ձեւավորելու, հիպերտեքստի հղումներ ստեղծելու, սեղանների ստեղծում եւ ձեւաչափում: Գրաֆիկական նյութերի օգտագործումը կայքը մշակելիս:

Մեթոդը, ավելացված 07/06/2011


Ընդհանուր բնութագրերը Hypertext Markup Language HyperText Markup լեզու: HTML փաստաթղթի կառուցվածքը: Հիմնական HTML հնարավորությունների ակնարկ: Տարրեր Ժամանակակից դիզայն Վեբ էջեր: HTML գործնական կիրառման վերլուծություն (վերապատրաստման ծրագրերի օրինակով):

Դասընթացներ, ավելացված է 24.11.2012 թ


Վեբ էջերի ստեղծման ծրագրերի ակնարկ. Macromedia Dreamweaver- ի եւ առաջին էջի համեմատական \u200b\u200bվերլուծություն: Ժամանակակից կայքի ստեղծման գործընթացը. Համակարգիչը օգտագործելու տնտեսական իրագործելիության գնահատում: Համակարգչային հավաքածուի եւ դասավորության օպերատորի աշխատանքի պաշտպանություն:

Թեզ, ավելացված է 07/07/2010


Տեսողական HTML խմբագիր Dreamweaver- ի դիտարկումը: «Արագ ստուդիա» կայքի կառուցվածքի որոշում: «Տուն», «Պորտֆոլիո», «Կոնտակտներ» բովանդակություն: Տեքստի ձեւավորման պիտակներ եւ մեթոդներ դրա դիզայնի համար `օգտագործելով CSS միացված սեղաններ:

Դասընթացներ, ավելացված է 08/18/2013


Խմբագրի Dreamweaver- ի եւ առաջին էջի առանձնահատկությունների բնութագրերը: PHP եւ JavaScript ծրագրավորման լեզուների առանձնահատկությունները: Վեբ էջի հիմնական պահանջները: Առանձնահատկություն ծրագիր Դրա ստեղծման եւ օգտագործման արդյունավետության համար:

Դասընթացի աշխատանքը, ավելացված 02/03/2011

Հատուկ առանձնահատկություններում ենթադրում է այնպիսի կայքերի եւ վեբ արտադրանքի ստեղծում, որոնք կարող են օգտագործվել խախտումներ, լսող, մկանային-կմախքային համակարգ եւ այլ ֆիզիկական խանգարումներ ունեցող անձինք:

Օպերացիոն համակարգում հատուկ առանձնահատկությունների աջակցություն

Dreamweaver- ը աջակցում է հատուկ հատկություններ windows համակարգեր եւ Macintosh. Օրինակ, գործող սենյակում macintosh համակարգը Կարող եք վիզուալ պարամետրեր սահմանել Համընդհանուր հասանելիության նախապատվություններ երկխոսության մեջ («Apple»\u003e համակարգի նախապատվություններ): Նշված պարամետրերը արտացոլվում են Dreamweaver Workspace- ում:

Աջակցվում է նաեւ Windows- ում առկա բարձրորակ կոնֆիգուրացիան: Այս պարամետրը կարող է միացված լինել Windows կառավարման վահանակում: Dreamweaver- ի բաղադրիչների համար այս պարամետրը ունի հետեւյալ ազդեցությունը:

Երկխոսության տուփեր եւ վահանակներ Համակարգի պարամետրեր Ծաղիկներ: Օրինակ, եթե գույնը սեւ գույնի է դնում », ապա տեքստի սպիտակ գույնը եւ ֆոնի սեւ գույնը կօգտագործվեն Dreamweaver- ի բոլոր երկխոսության տուփերի եւ վահանակների համար:

«Կոդի» դիտումում օգտագործվում է տեքստի համակարգի գույնը եւ պատուհանի տեքստի գույնը: Օրինակ, եթե համակարգի գույնը սպիտակ գույնի վրա է դնում Սպիտակ խորհրդանիշներ սեւ ֆոնի վրա:

«Դիզայն» տարածքը օգտագործում է տեքստի գույներ եւ ֆոններ, որոնք նշված են «Փոխում» հրամաններ\u003e «Էջի հատկություններ». Այսպիսով, ստեղծված էջերում գույները կցուցադրվեն այնպես, ինչպես զննարկիչը:

Հատուկ հնարավորություններով էջեր նախագծելու համար աշխատանքային տարածքի օպտիմիզացում

Հատուկ հնարավորություններով էջեր ստեղծելիս պետք է ասոցացնեք տեղեկատվությունը, ինչպիսիք են պիտակները եւ նկարագրությունները, էջի վրա գտնվող առարկաներով, որոնք կդարձնեն բոլոր օգտագործողներին հասանելի բովանդակությունը:

Այս նպատակով ակտիվացրեք հատուկ առանձնահատկությունների երկխոսության տուփը յուրաքանչյուր օբյեկտի համար, որից հետո երազանքը կառաջարկի տեղեկատվություն մուտքագրել հատուկ առանձնահատկությունների վերաբերյալ օբյեկտների տեղադրման ընթացքում: Երկխոսության վանդակը կարող է ակտիվացվել «Հատուկ առանձնահատկություններ» կատեգորիայում «Կարգավորումներ» կատեգորիայում ցանկացած օբյեկտի համար:

1. Ընտրեք «Խմբագրել»\u003e «Կարգավորումներ» (Windows) կամ Dreamweaver\u003e պարամետրերում (Macintosh- ում):
2. Ձախ «Կատեգորիա» ցուցակում ընտրեք «Հատուկ առանձնահատկություններ», ընտրեք օբյեկտը, սահմանեք հետեւյալ պարամետրերից որեւէ մեկը եւ կտտացրեք OK: Տեղադրեք հատկանիշներ Ընտրեք օբյեկտներ, որոնց համար ցանկանում եք ակտիվացնել հատուկ առանձնահատկությունները Երկխոսության տուփեր: Օրինակ, ձեւերի, շրջանակների, մուլտիմեդիա եւ պատկերների առարկաներ: Երբ դուք բացեք ակտիվորեն վահանակը Թույլ է տալիս պահպանել վահանակի վրա կենտրոնացած կենտրոնի դիրքը `էկրանից էկրանի ընթերցանության աշխատանքը ապահովելու համար: (Եթե այս պարամետրը ընտրված չէ, վահանակ բացելիս ուշադրության կենտրոնում է ընթանում «դիզայն» կամ «Կոդ» տեսքում :) Պատկերներ կառուցեք էկրանից Ընտրեք այս տարբերակը էկրանից էկրանի ընթերցիչը օգտագործելիս:

   Նշում.Հատուկ առանձնահատկությունների ատրիբուտները ցուցադրվում են «Տեղադրեք սեղան» երկխոսության վանդակում, նոր սեղան տեղադրելու ժամանակ:

Հատուկ առանձնահատկություններ Ստուգեք գործառույթը Dreamweaver- ում

Dreamweaver CS5- ից սկսած, Dreamweaver- ում հատուկ առանձնահատկությունների ստուգման գործառույթը հնացած է:

Dreamweaver նավարկություն օգտագործելով ստեղնաշար

Դուք կարող եք օգտագործել ստեղնաշարը `վահանակների, հատկությունների տեսուչների տեղափոխման համար, Երկխոսության տուփեր, Շրջանակներ եւ սեղաններ, առանց մկնիկի օգտագործելու:

Նշում. Օգտագործեք ներդիրի ստեղնը, եւ սլաքների ստեղները կարող են օգտագործվել միայն Windows օպերացիոն համակարգում:

Նավիգացիոն վահանակներ

1. Փաստաթղթի պատուհանում գտնվելիս սեղմեք «CTRL» եւ «F6» ստեղները `վահանակի վրա կենտրոնացումը տեղափոխելու համար:

   Վահանակի վերնագրի կետը նշում է, որ ուշադրության կենտրոնում է վահանակը: Էկրանի ընթերցանության ծրագիրը բարձրաձայնում է ֆոտոխցիկի վերնագիրը, որը ստացել է ուշադրության կենտրոնում:

2. Միեւնույն ժամանակ, սեղմեք «CTRL» եւ «F6» ստեղները, մինչեւ ուշադրության կենտրոնացումը ցուցադրվի անհրաժեշտ վահանակին: (Տեղափոխվել վահանակների միջեւ Հակադարձ կարգ Միեւնույն ժամանակ, սեղմեք «Ctrl», «Shift» եւ «F6» ստեղները :)
3. Եթե \u200b\u200bՁեզ անհրաժեշտ է փակ վահանակ, օգտագործեք ստեղնաշարի դյուրանցումը windows Menu աշացանկ Այս վահանակը ցուցադրելու համար, այնուհետեւ միաժամանակ սեղմել «Վերահսկել» եւ «F6»:

   Եթե \u200b\u200bցանկալի վահանակը բաց է, բայց տեղակայված չէ, կենտրոնացրեք կենտրոնը վահանակի վերնագրի վրա եւ սեղմեք տիեզերական ստեղնը: Այն գլորելու համար կրկին սեղմեք «տարածությունը» ստեղնը:

4. Օգտագործեք ներդիրի ստեղնը `վահանակի հսկիչների երկայնքով տեղափոխվելու համար:
5. Սլաքների ստեղները օգտագործվում են հետեւյալ դեպքերում:
   • Եթե \u200b\u200bվերահսկողությունը ունի ընտրանքներ, օգտագործեք սլաքների ստեղները `ընտրանքների միջեւ ընտրանքների միջեւ տեղափոխվելու եւ արժեքը ընտրելու համար,« տիեզերական »ստեղնը:
   • Եթե \u200b\u200bվահանակի վրա կան ներդիրներ, բացելով այլ վահանակներ, տեղադրեք ուշադրության կենտրոնում Բաց ներդիր Եվ օգտագործելով «ձախ» կամ «սլաքը աջ» ստեղնը, բացեք ցանկալի ներդիրը: Ներդիրը բացելուց հետո հնարավոր է տեղափոխել իր կառավարման տարրերը `օգտագործելով ներդիրի ստեղնը:

Նավիգացիա տեսուչի հատկությունների համար

1. Հատկությունների տեսուչը ցուցադրելու համար սեղմեք «CTRL» + «F3» ստեղները:
2. Սեղմեք ստեղնաշարի ստեղնը «CTRL» + «F6» (միայն Windows- ում), մինչեւ ուշադրության կենտրոնում ցուցադրվեն հատկությունների տեսուչին:
3. Օգտագործեք ներդիրի ստեղնը `հատկությունների ստուգումների վերահսկման միջոցով տեղափոխվելու համար:
4. Սլաքների ստեղները օգտագործվում են ընտրանքների միջեւ տեղափոխվելու համար:
5. Սեղմեք «CTRL» + «Up Arrow» սլաքը (Windows) կամ «Command» - ը բացելու համար, եթե ձեզ հարկավոր է բացել կամ փակել ընդլայնված գույքի տեսքի հատվածը կամ սավառնել տեղակայման սլաքը ներքեւի աջ անկյունը եւ սեղմեք «Տիեզերք» ստեղնը:

Ստորեւ նկարը ցույց է տալիս Adobe Dreamweaver ինտերֆեյսը: Մեջ Տարբեր վարկածներ Ծրագրերը կարող են լինել որոշ տարբերություններ:

1. MockUp Ընտրել կոճակը
2. Ընդլայնման ընտրության կոճակ
3. Աշխատանքի կոճակը կայքում
4. Ինտերֆեյսի ընտրության կոճակը(Անվասայլակների անջատիչը 11 տարբերակի ընտրություն է): Գծապատկեր - դասական ինտերֆեյս
5. Menu անկի գիծ (10 ճաշացանկ `բացվող հրամանի ցուցակներով)
6. Ներդիրների շարքը (կատեգորիաներ) - 9 ներդիր Տարբեր տեսակներ աշխատանք
7. Գործիքագոտու, Գործիքադարակի փոփոխությունները կախված են ընտրված ներդիրից (նկարում `տեքստի ներդիրի գործիքագոտին): Ներդիրների շարքը (էջ 7) եւ գործիքագոտիներ (էջ 7) միասին «փաթեթավորման պանել» ձեւ
8. Աստառ դնել Բաց փաստաթղթեր
9. Կոդ Գործիքադարակ
10. Կոդերի գծերի քանակը
11. Կոդի բաժին (երբ բաժանվում է խմբագրման պատուհանի կոդով եւ դիզայնով)
12. Կարգավիճակի բար (Օգտագործված պիտակները, էջի բեռնման արագությունը կիրառական կոդավորումը):
13. «Արդյունքներ» պանելային խումբ (Որոնում, տեղեկատու գիրք, ստուգեք հղումները, զեկույցները եւ այլն)
14. Դոկի վահանակներ - Այն կարող է պարունակել վահանակներ ֆայլեր, ակտիվներ, կոդ բեկորներ, տվյալների բազաներ, ոճեր, պիտակների ներշնչող եւ այլն, բացում / հեռացնում են ծրագրի պատուհանից `օգտագործելով պատուհանի ընտրացանկը.
15. Դիզայնի բաժին (երբ բաժանվում է խմբագրման պատուհանի կոդով եւ դիզայնով)

Երբ փոխում եք աշխատանքային տարածքը (կոճակ 4), ծրագրի միջերեսը կարող է տարբերվել վերը նշված նկարում («Դասական» միջերեսի տարբերակով):

Խմբագրել պատուհանը (փաստաթղթի պատուհանը)

Խմբագրման պատուհանը ընդգրկում է կենտրոնական վայր ծրագրի պատուհանում:
Խմբագրման պատուհանում էջը կարող է բացվել կոդային ռեժիմով, անջատման ռեժիմում `ծածկագրման եւ տեսողական խմբագրման ռեժիմում, դիզայնի ռեժիմում կամ ինտերակտիվ տեսքի ռեժիմում):


«Ինտերակտիվ ծածկագիր» շնորհանդեսԱռկա է միայն «Ինտերակտիվ տեսադաշտում» ներկայացուցչությունում փաստաթուղթ դիտելիս եւ ցուցադրում է իրական ծածկագիրը: «Ինտերակտիվ կոդ» տեսակետը չի ապահովում խմբագրումը:

Գործիքագոտիներ :

Ստանդարտ գործիքագոտու (Ստեղծեք, բացեք, պահեք, տեղադրեք եւ այլն)

Բաղադրիչներ

Տվյալների շտեմարան

Սերվերի վարք

Խմբագիր Tag Quick Tag - Օգտագործվում է, երբ անհրաժեշտ է արագ ստուգել, \u200b\u200bտեղադրել կամ փոխել hTML Tagsառանց փակելու «դիզայնի» շնորհանդեսը:

Դիմումի վահանակ Դիմումի պատուհանի վերեւում կա աշխատանքային տիեզերական անջատիչ, մենյու (միայն պատուհաններ) եւ այլ հսկիչներ:

Պիտակների ընտրիչը տեղադրված է կարգավիճակի բարում: Ցույց է տալիս պիտակի հիերարխիան: