• HTML va CSS
  • 1-bosqich
  • Birinchi sahifa
    		•

    -Mavzu: Web – sahifa yaratish




    Download 9.33 Mb.
    bet80/80
    Sana09.05.2023
    Hajmi9.33 Mb.
    #57792
    1   ...   72   73   74   75   76   77   78   79   80
    Bog'liq
    internet ilovalari maxsus fan
    arxitektura 15, 10-22 Amalyot nazorat jadvali, JAVA, 2, COMPUTER 1
    11-Mavzu: Web – sahifa yaratish.
    Reja:

    1. Veb sahifa nima ?


    2. CSS


    Veb sahifa – veb saytning tarkibiy qismi hisoblanadi. Agarda siz, sayt ochishni xohlasangiz, albatta veb sahifa yaratishni bilishingiz kerak. Buning uchun bizga HTML, CSS borasidagi bilimlar kerak bo’ladi. Mabodo, bu tillarni bilmasangiz, unda xavotir olmang. Maqolamizda oson va tez veb sahifa yaratish usullarini yoritib o’tganmiz.

    HTML va CSS



    HTML – (Hyper Text Markup Language) gipermatnlar belgilash tilidir. HTML- dasturlash tili emas, u veb sahifada matn, rasmlar va boshqa ma’lumotlarni joylashishini belgilab beruvchi tildir. HTML orqali siz axborotni internet foydalanuvchisiga yetkazib berasiz.
    HTMLda buyruqlar ya’ni teglar mavjud. Har bir teg < va > (uchburchak qavs) ichida yoziladi. Har bir HTML sahifa  bilan boshlanib,  tegi bilan yopilishi shart. Lekin yopilmaydigan teglar ham mavjud. Masalan, 
     tegi sizning axborotingizni yangi qatordan boshlab beradi.
    HTML sahifa bo’limlardan iborat:

    1. Kirish qismi (ya’ni navigatsion menyu)

    2. Asosiy qism

    Kirish qismiga sarlavha va menu (bir sahifadan ikkinchi sahifaga o’tish va umimiy ma’lumotlar) kiritiladi.
    Asosiy qismga veb sahifaning mazmuni kiritiladi.
    CSS – bu veb sahifaning dizayn stillarini belgilab beruvchi til hisoblanadi. CSS orqali biz, HTML veb sahifamizning va veb saytimizning dizaynini chiroyli qilib ko’rsatib beramiz. HTMLda har bir bo’lim (
    ) ga nom ya’ni class beriladi. CSSda buyruqlar mavjud emas. Lekin HTMLdagi elementlarni (classlarni) kodda chaqirib, stillarni beramiz. Quyidagi bosqichlarda veb sahifa tayyorlashni o’rganib olasiz.

    1-bosqich


    Bloknotga kiramiz.
    Пуск→Программы→Стандартные→Блокнот.
    Faylni index.html formatida kompyuterga saqlab qo’yamiz. Shu HTML faylmizga kod yozishni boshlaymiz.
    Sublime, Visual Studio Code kabi kod tahrirlash uchun dasturlardan ham fordalanishingiz mumkin.
    Bulardan Sublime nisabatan soddaroq bo’lib, endi o’rganishni boshlagan dasturchi uchun foydalanish qulay.
    – veb sahifamizning kodini qaysi HTML versiyada yozayotganimizni bildiradi. Veb sahifa   bilan boshlanib tegi bilan tugashi kerak.
     tegi veb sahifamizning sarlavhasini () va veb brauzerda chiqadigan nomlanishi ( ) kiradi. Barcha still fayllari (.css)ga <a href="/bu-maqolada-ichki-havolalar.html">havolalar ham </a><head> tegi joylashtirilishi kerak. <br /><body> tegi orqali veb sahifangizning asosiy ma’lumotlarini mazmunini yoritib bera olasiz. U yerda siz rasm joylashtirishingiz mumkin, <a href="/nano-texnologiyalarining-tibbiyotda-qollanilishi-topshirdi-mam.html">biror bir narsa haqida masalan</a>, yangi texnologiyalar haqida ma’lumot yozishingiz mumkin. Demak, ushbu teg ichida sahifani bor mazmunini matnlar rasmlar, <a href="/kompyuterga-video-kartaornatishva-video-kartaturlari.html">video joylashtirb</a>, slider(aylanib turuvchi rasmlar yoki matnlar) va boshqa turli xil elementlar orqali ifodalab berishingiz mumkin. <br />Har qanday veb sahifa quyidagi shablon asosida yaratiladi. <br /> <br /><span> </span> <br /><span> <html></span> <br /><span> <head></span> <br /><span> ...</span> <br /><span> </head></span> <br /><span> <body></span> <br /><span> ...</span> <br /><span> </span> <br /><span> <span id='Birinchi_sahifa'><h2>Birinchi sahifa</span></h2></span> <br /><span> <br />Mening veb saytimga xush kelibsiz! <br /></span> <br /><span> </span> <br /><span><span> <span lang="en-us"> </body></span></span></span></body></head>

    Download 9.33 Mb.
    1   ...   72   73   74   75   76   77   78   79   80




    Download 9.33 Mb.