Անցյալ դարում ինտերնետային էջերի դասավորությունը մի քանի մասնագետների տիրույթում էր: Տեխնոլոգիայի առաջընթացը զգալիորեն պարզեցրել է այս խնդիրը: Այժմ ցանկացած ինտերնետ օգտագործող կարող է կայք կազմել:
Դա անհրաժեշտ է
- - ծրագրաշարի փաթեթ `վեբ էջի դասավորության համար;
- - դիզայնի տարրեր ստեղծելու համար ռաստերային գրաֆիկական խմբագիր:
Հրահանգներ
Քայլ 1
Կազմեք այն տարրերի ցուցակը, որոնք ներկա կլինեն կայքում: Սա կարող է լինել այնպիսի բաղադրիչներ, ինչպիսիք են նավիգացիոն ընտրացանկը, որոնման ձևը, գովազդային կամ տեղեկատվական պաստառը, ընկերների ցուցակը: Նախագծի անունը սովորաբար նշվում է էջի վերևում, կարող է լինել հորիզոնական նավիգացիոն ընտրացանկ: Կենտրոնական մասը վերագրվում է կայքի հիմնական բովանդակությանը: Էջի ներքեւի մասում սովորաբար տեղադրվում են հաճախումների հաշվիչները, հետադարձ կապի համար `կոնտակտային տվյալներ:
Քայլ 2
Ստեղծեք կայքի դասավորություն գրաֆիկական խմբագրում: Այստեղ հիմնական խնդիրն է որոշել տարրերի տեսքը, դրանց հարաբերական դիրքը: Մի օգտագործեք շատ վառ գույներ: Չեզոք գույների ներկապնակն ամենալավն է ընկալվում: Բլոկների համար օգտագործեք կայուն ոճ: Փորձեք դիզայնը հնարավորինս հարմարավետ դարձնել օգտագործողի համար: Խուսափեք այն տարրերից, որոնք դժվար է իրականացնել HTML- ում և CSS- ում:
Քայլ 3
Պահեք էջի դասավորությունը bitmap ձևաչափով ՝ առանց որակի կորստի: Սահմանեք ոճավորման տարրերը, որոնք պետք է մատուցվեն HTML- ի միջոցով: Դրանք կարող են լինել ընտրացանկեր, հղումներ, աղյուսակներ, որոնման ձևեր: Մնացեք մնացած տարրերը դասավորությունից և պահեք դրանք առանձին ֆայլերում: Ստեղծեք երկու տեքստային փաստաթուղթ ձեր կոշտ սկավառակի վրա: Դրանցից մեկի ընդլայնումը փոխեք.htm- ի: Այն պարունակում է տարրերի հարաբերական դիրքի համար պատասխանատու ծածկագիր: Երկրորդ ֆայլը պարունակում է ոճաթերթերը:
Քայլ 4
Բացեք առաջին ֆայլը HTML խմբագրում: Տեղադրել էջի նախագծման տարրերը, որոնք ավելի վաղ պահպանվել են bitmap ֆայլերում: Ստեղծեք տեքստային հղումներ, աղյուսակներ և այլ տարրեր, որոնք պետք է մատուցվեն HTML- ով: Տարրերի հատկությունները, ինչպիսիք են գույնը, տառատեսակի չափը, սահմանների առկայությունը, գրում են CSS ֆայլում: Եթե Ձեզ անհրաժեշտ է կենդանացնել էջի տարրերը, օգտագործեք JavaScript:
