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>
տեգերի միջոցով՝
Javascript Դաս 1 — Փոփոխականներ և դրանց հետ գործողություններ
Ես չեմ երկարանալու բոլոր փոփոխականների տեսակներն ու օպերատորները նկարագրելու վրա. մեր հիմնական նպատակը JavaScript-ի հիմունքները յուրացնելն է, որից հետո անցնենք jQuery-ին, և ձեզ կունենաք հնարավորություններ JavaScript-ում ավելի խորանալու: Եթե ցանկանում եք մանրամասն ուսումնասիրել JavaScript-ը առանց jQuery, պետք է գտնել համապարփակ ուսուցուցիչ: Իսկ եթե ձեր նպատակը Drupal-ում աշխատելն է և հետո jQuery ուսումնասիրելը, ապա ուղին ձեզ հետ համընկնում է: Պռոցեսը սկսենք:
Այս դասում մենք կքննարկենք փոփոխականները՝ ինչու են դրանք անհրաժեշտ և ինչպես աշխատել դրանց հետ:
Javascript Դաս 2 — if կոնստրուկցիա
Այս դասում մենք կանդրադառնանք, թե ինչպես օգտագործել if
կոնստրուկցիան JavaScript-ում։ JavaScript-ի շարահյուսությունը մոտավոր նույնն է, ինչ PHP-ում (երկու լեզուներն էլ մշակվել են C++ ծրագրավորողներին հարմարավետ լինելու նպատակով), այնպես որ կարող եք ուրվագծել if
-ը նաև այս PHP դասում՝
Javascript Դաս 3 — while և for ցիկլեր
Այս դասում մենք կդիտարկենք ցիկլերը JavaScript-ում։ Ինչպես նախապես նշեցի, PHP-ի շարահյուսությունը նման է JavaScript-ին, ուստի կարող եք ծանոթանալ նաև PHP-ի ցիկլերին՝
PHP Դասեր - Դաս 12 - while, foreach, for ցիկլեր
Միայն մի տարբերություն կա. JavaScript-ում չկա foreach()
ցիկլ, իսկ դրա փոխարեն հաջորդ դասերում կընդգրկենք jQuery-ի each()
մեթոդը տարրերը կրկնելու համար։