Library

Course: HTML & CSS for beginners in Azerbaijani

HTML & CSS for beginners in Azerbaijani

  • Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App
  • Self-Paced
About this Course

Bu kursda veb sahəsinə başlayan hər kəs ilkin olaraq baza məlumatları alaraq faydalana bilərlər.Praktiki və teorik videolar var.

Necə edilir konseptində videolarla praktika edə biləcəksiniz.HTML CSS və Praktiki nümunələr olaraq 3 yerə bölünüb bu kurs.İlk öncə html ilə markup etməyi, css ilə stil vermə üsullarını və bunları birlikdə necə kombinasiya edərək səhifə düzəltməyi öyrənəcəksiniz.

3 hissədə javascript-i praktik görəcəksiniz. Lazım olan hissələrini özünüz görəcəksiniz və daha sonra bu biliyi təkmilləşdirəcəksiniz.BU kurs sizə veb proqramlaşdırma sahəsində çox yaxşı baza verəcək.

Basic knowledge
  • Internet və Kompyuter
  • Güclü Həvəs

  • İnternet and Computer
  • Strong enthusiasm
What you will learn
  • HTML və CSS ilə veb səhifələr dizayn edə bilmək


  1. Creat, layout Web Pages from 0
Curriculum
Number of Lectures: 24
Total Duration: 03:36:33
HTML
  • Giriş, Struktur, Paragraf, Başlıqlar (Introduction, Structure,headings)  

    Bu videoda yeni başlaqdıq.

    Qazet manşeti tərzində bir yazı düzəldin.

    Başlıq altında xırda hərflərlə tarixi paraqrafı və s. artıq sizin öz yaradıcılığınızdan asılı olaraq

  • Yazı düzəliş teqləri (Text Formatting Tags)  

    Bu dərsdə yazı formatlama teqlərini gördük bunu bir öncəki düzəltdiyiniz manşet tipli yazıda tətbiq edin və yazını dahada gözəlləşdirin.Bu ayrıca sizə bloq, xəbər tipli saytlarda oxuma səhifəsini dizayn edərkən təcrübə olacaq.

    Əlavə olaraq bütün teqləri sizin üçün siyahı şəklində yazdım. Buyurun:

    • <b> - Qalın Yazı
    • <strong> - Vacib Yazı
    • <i> - İtalic yazı
    • <em> - Vurğulanan yazı
    • <mark> - İşarələnmiş yazı
    • <small> - Xırda Yazı
    • <del> - Silinmiş yazı
    • <ins> - Alt xətli yazı
    • <sub> - Alt yazı
    • <sup> - Üst yazı

    Və bundan əlavə olaraq handbookda digərlərini görə bilərsiniz.Hamısını əzbərləməyi məsləhət görmürəm burda yazılanları əzbərləyin lazım olduqda zatən reference bookda tapmaq mümkündür


  • Atributlar, Stillər, Rəy(Comment, Styles, Attributes)  
  • Şəkillər, Arxa fon şəkilləri (Images, Backgrounds)  

    Bu dərsdən sonra belə bir tapşırıq.

    Bir səhifə düzəldin arxa fonda sadə rəng olan şəkil.Məzmunda isə sanki xəbər oxuma səhifəsi kimi şəkil və altında formatlanmış yazılar.

    Sual bölməsində suallarınızı verin cavablandırım.

    You can ask in english too

  • Linklər (Links)  

    Linklərin rənglənməsi:

    a:link- sadə linkin rəngi

    a:visited - Tıklanılmış linkin rəngi

    a:hover - Mouse üzərində olanda linkin rəngi

    a:active - tıklanıldığı an linkin rəngi

    <a href="#div4">İd-si 4 olan div-ə get</a> - bu səhifə daxilində gedir

    Bunları bir öncəki dərsdə düzəltdiyiniz şəkil yazı xəbər tipli mətndə tətbiq edin link verin google youtube və s. yerlərə

  • Cədvəllər (Tables)  

    Tapşırığın son düzəltdiyinizin ardına cədvəl halında bir məlumat əlavə edin.

    Sanki bu xəbərin məlumatları cədvəl şəklində daxil edilməlidi.bunu cədvəl vasitəsilə əlavə edin.Hələki heç bir stilə ehtiyac yoxdur sadəcə html ilə edin.

  • Siyahılar (Lists)  

    Xəbər səhifəsinə list ilə bu postu facebookda instagramda paylaş kimi linklər verin

  • Bloklar, Classlar (Blocks, Classes)  

    Blok tipli teqlər                    

    <address>

    <article>

    <aside>

    <blockquote>

    <canvas>

    <dd>

    <div>

    <dl>

    <dt>

    <fieldset>

    <figcaption>

    <figure>

    <footer>

    <form>

    <h1>-<h6>

    <header>

    <hr>

    <li>

    <main>

    <nav>

    <noscript>

    <ol>

    <output>

    <p>

    <pre>

    <section>

    <table>

    <tfoot>

    <ul>

    <video>

     Sətir daxili teqlər

    <a>

    <abbr>

    <acronym>

    <b>

    <bdo>

    <big>

    <br>

    <button>

    <cite>

    <code>

    <dfn>

    <em>

    <i>

    <img>

    <input>

    <kbd>

    <label>

    <map>

    <object>

    <q>

    <samp>

    <script>

    <select>

    <small>

    <span>

    <strong>

    <sub>

    <sup>

    <textarea>

    <time>

    <tt>

    <var>




  • Formlar 1 (Forms 1)  

    <input type="text">Yazı daxil etmək üçün

    <input type="radio">Müxtəlif seçimlərdən birini seçmək üçün

    <input type="submit">Formu tamamlamaq üçün düymə

  • Formlar 2 (Forms 2)  

    accept-charsetXüsusi yazılmış yazıları qəbul etməkactionFormun göndəriləcəyi səhifəautocompleteBrauzerin avtomatik tamamlamanı aktiv yada deaktiv etməkenctypeXüsusi məlumatların ötürələcəyini qeyd etmək(məs: Şəkil və s.)methodFormun HTTP metodunu bildirir. GET və ya POST olurnameJavascriptdə istifadə etmək üçün forma verilən ad



    HTML5 yeni daxil etmə tipləri

    • color
    • date
    • datetime-local
    • email
    • month
    • number
    • range
    • search
    • tel
    • time
    • url
    • week

    Son yazdığınız tapşırıqda xəbərə rəy yazmaq üçün form yazın bunları sadəcə html ilə edin stilləri daha sonra verəcəksiniz.

  • İframe, Başlıq, Yerləşdirmə(Layout, Title, Iframe)  

    Bu video biraz teorik videodur. Son yazdığınız xəbər oxuma səhifəsində head-də title və s. teqləri qeyd edin.

  • Səslər və videolar (Audio, Video)  

    Xəbər səhifəsində video əlavə edin xəbər üçün

  • Simvollar - HTML SON (Symbols Last Lecture of HTML)  

    Bir neçə simvol

    ©©©COPYRIGHT SIGN

    ®®®REGISTERED SIGN

    €€€EURO SIGN

    ™™™TRADEMARK

    ←←←LEFTWARDS ARROW

    ↑↑↑UPWARDS ARROW

    →→→RIGHTWARDS ARROW

    ↓↓↓DOWNWARDS ARROW

    ♠♠♠BLACK SPADE SUIT

    ♣♣♣BLACK CLUB SUIT

    ♥♥♥BLACK HEART SUIT

    ♦♦♦BLACK DIAMOND SUIT

    Xəbər oxuma səhifəsinə copyright işarəsi yerləşdirin və digərlərinidə yaradıcıllığınıza uyğun əlavə edin alt hissəsinə

  • HTML  
CSS
  • Giriş Stil (Introduction, Style)  
  • Arxa fon, Çərçivələr (Background, Border)  

    Bu videoda öyrəndikləriniz ilə düzəltdiyiniz xəbər oxuma səhifəsindəki arxa fon şəklini css vasitəsilə yerləşdirin.Bundan əlavə yazı hissəsinə çərçivə verərək səliqəli görünməsini tamamlayın

  • Ders 16: Qutu modeli(Box-model), Kənarlıqlar(Outline)  

    Bunlardan istifadə edərək yazı hissəsinə aralıq verin və kənarlıqlar verin

  • Yazı Formatlama(Text formatting)  

    Artıq html ilə etdiyimiz text formatlamağı css ilə edəcəyik.Bunların ikisinidə paralel etməyinizi məsləhət görürəm

    Xəbər oxuma səhifəsində etdiyiniz formatlamaları indi css ilə edin və yazıları dahada gözəlləşdirin.

    colorYazının rəngini seçindirectionSözün yazılma istiqamətini düzəldin

    letter-spacingSözün xarakterləri arasında məsafəni ayarlayır

    inline-heightSətir hündürlüyünü ayarlayın

    text-alignYazıların yerləşməsini seçin (sol sağ)

    text-decorationYazı dekorasiyasını edin

    text-indentİlk sətirin soldan boşluğu

    text-shadowYazı kölgəsi

    text-transformYazı hərflərin böyük kiçik olmasını ayarlayın



  • Fontlar (Fonts)  

    İndi öyrəndikləriniz ilə yazıların fontlarını dəyişərək səhifənin yazılarını daha da gözəlləşdirin


Praktiki Videolar(Practical)
  • Praktiki Video Menyu Bar 1 (Practical Video Menubar navbar)  
  • Praktiki Video Menyu Bar 2(Practical Video MenuBar, Navbar 2)  
  • Praktiki Video Slayder (Practical Video Slider)  
  • Həssas Veb sayt məntiqi (Responsive Web Design)  
  • Praktiki video Açılıb bağlanan panel (Practical Video, DropDown style panel)  
  • Praktiki video Çox komponentli slayder( Multi item slider)  
Reviews (0)