HTML-ի առաջին քայլեր – Դաս 9 – Մենյու ստեղծում
Վեբ կայքի հիմնական տարրը մենյուն (նավիգացիան) է։ Միայն այն միջոցով կարելի է անցնել կայքի էջերի միջև։ Մենյուն նաև կարևոր է որոնողական համակարգերի համար կայքի ինդեքսավորման գործընթացում, քանի որ առանց էջերի միջև կապի, որոնողական համակարգը չի կարող անցնել բոլոր էջերից։ Արձանագրենք, թե ինչից է բաղկացած մենյուն։
HTML-ի առաջին քայլեր – Եզրափակում
Ուրախ եմ, որ սա HTML-ի երկրորդ «առաջին քայլերի ձեռնարկն» էր, բայց շարունակելու եմ նոր ուսումնական նյութեր հրապարակել, եթե նոր գաղափարներ առաջանան։ Ձեզ կարող է թվալ, թե ձեռնարկն այնքան փոքր է, բայց նրա անվանումն արդեն ցույց է տալիս, որ սա «առաջին քայլեր» է։ Բոլոր HTML տեգերը մանրամասն ներկայացնելու անհրաժեշտություն չեմ տեսնում, դրանք կներառվեն հետագա HTML հղումների մեջ։
Եթե ցանկանում եք շարունակել սովորել, խորհուրդ եմ տալիս անցնել CSS-ի ուսումնասիրության՝ այն հավելյալ լեզուն, որը թույլ է տալիս HTML տարրերը գեղեցիկ ձևակերպել։
HTML ձեռնարկ — լրացուցիչ նյութեր
HTML-ով դուք կարող եք ստեղծել ձեր սեփական կայքը։ Այս HTML ձեռնարկը կսովորեցնի ձեզ HTML-կայք գրելու շատ բաներ։ HTML դասերը հեշտ են ըմբռնելու համար, դուք հաճույք կստանաք HTML-ից։
CSS ձեռնարկ
Այսպիսով, դուք ելաք HTML ձեռնարկը և այժմ մեկ քայլ դեպի ձեր գեղեցիկ կայքի ստեղծումը՝ սկսում եք CSS-ի ուսումնասիրությունը։ Ինչի՞ համար է CSS-ը։ Եթե կարդացել եք «HTML-ի առաջին քայլերը» ձեռնարկը, ապա նկատած կլինեք, թե որքան փոքր է այն։ Ես դիտավորյալ թողեցի շատ տեգեր և աթրիբուտներ, որոնք պատասխանատու են ձևավորման համար՝ կուրսիվ, հաստ տառեր, գույն, ձև, ընդգծում։ Ավելորդ համարեցի դրանք չօգտագործել։
CSS ձեռնարկ — Դաս 1 — CSS ոճերի միացում
Ես չեմ բացատրելու, թե ինչի համար է CSS-ը ծառայող: Եթե բացել եք այս ձեռնարկը, նշանակում է՝ ցանկանում եք սովորել այն: Ապրեմ ասել, որ CSS-ի հնարավորությունները շատ լայն են և թույլ են տալիս համալիր մառկետներ сверстать ցանկացած դժվարության: CSS-ի կիրառմամբ պետք է հրաժարվել size, color, bgcolor, align եւ այլ HTML կարգավորիչներից, որոնք խանգարում են CSS-ին:
CSS ձեռնարկ — Դաս 2 — CSS-ի կիրառումը. background և color հատկություններ
Բարև բոլորին։ Նախորդ դասում մենք ստեղծեցինք երկու ֆայլ՝ index.html և style.css, որոնք ունեն հետևյալ բովանդակությունը․
index.html
CSS ձեռնարկ — Դաս 3 — background-color, font-style, font-weight, text-align, text-decoration, text-transform հատկությունները
HTML գոյություն ունենալու ընթացքում ստեղծվել են բազմաթիվ տեգեր, սակայն CSS-ի համատարած կիրառման արդյունքում որոշ տեգերից պետք է հրաժարվել՝ ինչպիսիք են <font>-ը, <b>-ը, <i>-ը, <center>-ը: Ավելի ուշ կքննարկենք մյուս «արգելված» տեգերը։ Այս հատկությունները թույլ են տալիս նվազեցնել HTML-ում կոդի քանակը՝ տեղափոխելով այն CSS ֆայլեր։
CSS ձեռնարկ — Դաս 4 — display հատկություն. div-ի և span-ի տարբերությունը
Առաջին դասերում մենք միացրինք CSS ֆայլը և գրել մի փոքր CSS կոդ, որպեսզի տեսնենք, թե ինչպես է այն աշխատում։ Այս դասում կընկրկենք display հատկությունը։ display-ն կարգավորում է, թե ինչպես է HTML-ն ցուցադրվելու՝ արդյոք որպես տողի մեջ տեղավորված տարր (inline), թե որպես անկախ կետ (block), որը ունի իր լայնությունն ու բարձրությունը։ Այսպիսով, սկսենք ամենապարզից. ըստ ստանդարտի <div>-ը ցուցադրվում է որպես բլոկ, իսկ <span>-ը՝ տողի մեջ։
CSS ձեռնարկ — Դաս. Եզրակացություն — HTML/CSS-ից դեպի Drupal
Այսով ավարտվում է CSS ձեռնարկը, սակայն CSS-ի ուսումնասիրմանը սկիզբ չենք դնում: Առաջարկում եմ անցնել գործնականին՝ CSS-ը շարունակելով ուսումնասիրել Drupal թեմա ստեղծելու միջոցով։ Ինտերնետում կգտնեմ PSD մոկափ, և մենք կպատրաստենք այն Drupal թեմայի վրա՝ հիմնված Zen թեմայի վրա։
Կարող եք նաև անցնել PHP ուսումնասիրությանը՝
Javascript Դասեր (ձեռնարկ, ինքնուսույց)
Javascript աշխարհում অন্যতম ամենատարածված լեզուն է, թեև ժամանակի ընթացքում դիրքերը կորցնում է, բայց բազմաթիվ ծրագրավորողներ նախընտրում են ուսումնասիրել այն։
Javascript-ը ձեզ անհրաժեշտ կլինի jQuery ուսումնասիրելու համար, այնպես որ նախքան անցնելը jQuery-ին, որը հանդիսանում է JavaScript-բրաուզերային ֆրեյմվորք, հարկավոր է լավ գիտակցել JavaScript-ի հիմնական սկզբունքները։
JavaScript կոդը ուղղակի ներմուծվում է HTML-էջի մեջ <script></script> տեգերի միջոցով՝