Վեբ կայք ստեղծելու ամենադյուրին ճանապարհը կաղապարի օգտագործումն է: Այնուամենայնիվ, որպեսզի ռեսուրսն առանձնանա, դուք պետք է փոխեք լռելյայն դասավորությունը: Եվ այստեղ դուք չեք կարող անել առանց html- ի և css- ի տարրական գիտելիքների:
Հրահանգներ
Քայլ 1
Ինտերնետում գտեք ձեզ ավելի լավ սազող կայքի ձևանմուշը: Ուշադրություն դարձրեք դրա հնարավորություններին, մոնիտորի չափին հարմարվելու հնարավորությանը, ընտրացանկի առանձնահատկություններին և սյունների դասավորությանը: Ներբեռնեք ձեր նախընտրած տարբերակը ձեր համակարգչում, ապափաթեթավորեք արխիվը: Ստուգեք դրա կատարումը ՝ ֆայլերը կայքի արմատին վերբեռնելով: Հնարավոր է, որ ձևանմուշը սխալներ է պարունակում և ճիշտ չի տեղադրվի, հետագայում դրա հետ աշխատելու իմաստ այլևս չի լինի:
Քայլ 2
Նույնիսկ եթե չեք պատրաստվում ամբողջովին վերափոխել ձևանմուշը, փոխարինեք պատկերների մեծ մասին, և հատկապես նրանց, որոնք տեղակայված են որպես լոգոտիպ: Յուրաքանչյուր նկար փոխարինեք այս եղանակով.
- բացել գրաֆիկական ֆայլը Photoshop ծրագրում;
- «Պատկեր» - «Պատկերի չափը» ընտրացանկում դիտեք դրա պարամետրերը.
- բացել ճիշտ նույն չափսերով նոր թերթ.
- ստեղծել ցանկալի պատկեր ՝ կիրառական գործիքների միջոցով.
- հարթեցնել բոլոր շերտերը և պահպանել (ոչ ոստայնի համար) նոր նկար նույն անվան տակ և նույն թղթապանակում ՝ նախադրելով նախնական ձևաչափը:
Այսպիսով, մեկ պատկերի փոխարեն պետք է հայտնվի մեկ այլ:
Քայլ 3
Բոլոր նկարները փոխելուն պես, պահեք պանակը ֆայլերով (Joomla- ի դեպքում) և վերբեռնեք կայքի ադմինիստրատորի վահանակի միջոցով «Ընդարձակումներ» ընտրացանկում: Տեսեք, թե արդյոք թեման ճիշտ է ցուցադրվում նոր նկարազարդումներով:
Քայլ 4
Փոխեք մնացած պարամետրերը style.css- ում: Ավելին, շատ ավելի հարմար է դա անել ոչ թե ադմինիստրատորի վահանակի միջոցով, այլ համակարգչի միջոցով: Խելամիտ է օգտագործել localhost- ը (Դենվեր) `հնարավորինս շուտ տեսնելու վերափոխումների արդյունքը: Դա կխուսափի ամեն անգամ արդյունքը սերվեր վերբեռնելու անհրաժեշտությունից ՝ հաջորդ փոփոխությունից հետո արդյունքները տեսնելու համար:
Քայլ 5
Ներբեռնեք անվճար FireBug plugin Mozilla Firefox- ի համար: Տեղադրելուց հետո զննարկչի վերին աջ անկյունում կհայտնվի դեղին սխալի պատկեր: Կտտացրեք այն կամ սեղմեք F12 ստեղնը, իսկ էկրանի ներքևում էջի կոդը կհայտնվի փլված տարբերակով: Այն կարող է բացվել ՝ մկնիկը սլացնելով գումարած նշանների վրա: Եվ եթե կտտացնում եք տարրի գիծը, այն կարևորվում է էկրանի վերևում: Կոդով պատուհանի աջ կողմում դուք կգտնեք ոճեր, որոնք ցույց են տալիս այն գծերը, որոնք պատասխանատու են արտաքին տեսքի համար: Եվ անմիջապես պարզ կդառնա, թե որտեղ պետք է խմբագրեք ոճային ֆայլը ՝ դիզայնը փոխելու համար:
Քայլ 6
Բացեք style.css- ը Գրառման գրքույկում ++: Դուք կարող եք օգտագործել այլ ծրագրեր, որոնք նախատեսված են ծածկագիրը խմբագրելու համար, բայց այդ նպատակով դուք չեք կարող օգտագործել ստանդարտ «Գրառման գրքույկը», հակառակ դեպքում կոդավորման պատճառով սխալներ կլինեն: Օգտագործեք FireBug ՝ միաժամանակ գտնելու այն պարամետրերը, որոնք ցանկանում եք փոխել և դրանք խմբագրել Գրառման գրքույկում ++:
Քայլ 7
Պահպանեք վերջնական css- ը և ֆայլը վերբեռնեք սերվերին:
