1. loyiha ishining tаrkibi


Download 0.78 Mb.
bet1/4
Sana27.01.2023
Hajmi0.78 Mb.
#1130582
  1   2   3   4
Bog'liq
olloberdi begaliyev


O‘ZBEKISTON RESPUBLIKASI AXBOROT TEXNOLOGIYALARI VA
KOMMUNIKATSIYALARINI RIVOJLANTIRISH VAZIRLIGI
MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT
TEXNOLOGIYALARI UNIVERSITETI FARG’ONA FILIALI 632-20 guruh
talabasi Begaliyev Olloberdining Web dasturlashga kirish fanidan bajargan


Loyiha ishi

Bajardi:BegaliyevOlloberdi


Tekshirdi:BarhayotUzoqov

1. LOYIHA ISHINING TАRKIBI





  1. Web dastur haqida.

  2. Web dastur ko’rinishi.

  3. Web dasturda ishlatilgan kodlar.

  4. Xulosa va foydalanilgan resurslar.



Web dastur haqida

Men bu web dasturimda online do’kon sahifasini yaratdim.


U bizga online do’konda mavjud tovarlar, ularni narxlari va ko’rinishini tasvirlab beradi. Undan ro’yhatdan o’tgan holatda siz o’zingizga kerakli mahsulot haqida ma’lumotarni o'rganib chiqib, unga buyurtma berishingiz mumkin. Bu web dastur HTML5, Bootsstrap4, CSS3 va JavaScript texnologiyalaridan foydalanilgan holatda yozildi.
Dasturda ishlab turgan fayllar
Dasturda ishlab turgan fayllar


2. Web dastur ko’rinishi




Mobil versiyadagi ko’rinishi


Desktop holatdagi ko’rinishi

  1. Kirish va reklamalar oynasi



  1. Mahsulotlar tartibi







  1. Footer qismi (aloqa raqamlari va rasmiy web sahifalarga o’tish)



3. Web dasturda ishlatilgan kodlar




  1. HTML kodlari





  1. DOCTYPE html>














  3. Online Shop 9.

  1. bootstrap css -->


href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/d ist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384- 1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBo
qyl2QvZ6jIW3" crossorigin="anonymous" /> 12.

  1. share css -->











  1. private css -->




  4. site favicon -->


href="image/site-logo.svg" type="image/x-icon" />










23. header -->





    1. mobile menu icon-->




    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50
    50" width="20" height="20">



    29.










    d="M 0 7.5 L 0

    12.5

    L 50 12.5

    L

    50 7.5 Z M

    0 22.5 L 0 27.5 L 50

    27.5

    L 50 22.5

    Z

    M 0 37.5 L

    0 42.5 L 50 42.5 L 50

    37.5

    Z" />










    30.





    2. href="index.html">




    clip-rule="evenodd">

    1. fill="#fff"

    fill-opacity="0" d="M0 0h192.756v192.756H0V0z" /> 36.
    d="M42.741
    71.477c-9.881 11.604-19.355 25.994-19.45 36.75-.037
    4.047 1.255 7.58 4.354 10.256 4.46 3.854 9.374 5.213
    14.264 5.221 7.146.01 14.242-2.873 19.798-5.096
    9.357-3.742 112.79-48.659 112.79-48.659.998-.5.811-
    1.123-.438-.812-.504.126-112.603 30.505-112.603
    30.505a24.771 24.771 0 0 1-6.524.934c-8.615.051-
    16.281-4.731-16.219-14.808.024-3.943 1.231-8.698

    4.028-14.291z"

    />







    37.









    38.









    39.









    40.










    41.






    navigation -->





    link">Maxsulotlar






    46.






    47.





  3. items">
    48. href="korzinka/korzinka.html" class="navigation-

    4. link">

    Korzinka




    49.






    50.





  4. items">
    51. href="korzinka/korzinka.html" class="navigation-

    5. link">

    To'lov




    52.






    53.





  5. items">

    6. 54.

    href="yordam/yordam.html" class="navigation- link">Yordam


    55.

    6. 56.
    57.
    58.



    1. box -->


    class="search-box di-flex">





      1. fill="#f5f5f7"

      d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17- 7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208
      0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4

      128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4


      24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208
      336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128

      70.7 0 128 57.2 128 128 0 70.7-57.2 128-128


      128z">




      2. href="korzinka/korzinka.html">


      aria-hidden="true" focusable="false" data-

      prefix="fas" data-icon="shopping-bag" class="svg- inline fa fa-shopping-bag fa-w-14" role="img"


      xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448
      512">

      1. fill="#f5f5f7"

      d="M352 160v-32C352 57.42 294.579 0 224 0 153.42 0

      96 57.42 96 128v32H0v272c0 44.183 35.817 80 80


      80h288c44.183 0 80-35.817 80-80V160h-96zm-192-32c0-
      35.29 28.71-64 64-64s64 28.71 64 64v32H160v-32zm160
      120c-13.255 0-24-10.745-24-24s10.745-24 24-24 24
      10.745 24 24-10.745 24-24 24zm-192 0c-13.255 0-24-
      10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745
      24-24 24z">





      68.

      1. class="login-link"> Sign up














  6. 74.

  1. mobile manu -->
















        rule="evenodd" clip-rule="evenodd">




        fill="#fff" fill-opacity="0" d="M0 0h192.756v192.756H0V0z" />

        84.
        d="M42.741
        71.477c-9.881 11.604-19.355 25.994-19.45 36.75-.037
        4.047 1.255 7.58 4.354 10.256 4.46 3.854 9.374 5.213
        14.264 5.221 7.146.01 14.242-2.873 19.798-5.096
        9.357-3.742 112.79-48.659 112.79-48.659.998-.5.811-
        1.123-.438-.812-.504.126-112.603 30.505-112.603
        30.505a24.771 24.771 0 0 1-6.524.934c-8.615.051-
        16.281-4.731-16.219-14.808.024-3.943 1.231-8.698

        4.028-14.291z"

        />




        85.






        86.






        87.






        88.






        89.










        Yordam
        101.







        102.






        103.





        href="login/login.html">Sign in

        104.



        105.



        106.




        107.

        main -->

        108.



        1. main hero -->





        4. class="hero-


        content">Shopping from us

        1. href="login/login.html"> Sign in





        4. src="image/hero-png.png" alt="" width="600" />




        class="split">


        class="split">


        class="split">

        121.






        122.






        123.






        124.







        125.

        purchased product

        box-->


























              class="subtitle-box-info">
              134.
              135. Lorem ipsum
              dolor sit amet consectetur, adipisicing elit. Odit corporis nulla totam quis doloribus cum obcaecati expedita, fuga illum? Sed corrupti, ipsam magnam
              cumque, asperiores, voluptatem sit a dolores porro explicabo blanditiis cum consequatur quia rerum reiciendis quasi ullam? Laudantium optio fugiat reiciendis               esse dicta inventore doloribus, vel atque

              voluptatem error unde alias deserunt nihil neque? Voluptate repellat, tempore quam, quos magnam velit ipsa pariatur earum dignissimos enim nesciunt officiis voluptatibus! Hic voluptatem maiores vel,
              136. aperiam
              tempore accusantium iste cupiditate sed dignissimos voluptatibus velit inventore necessitatibus nulla
              iusto perspiciatis, doloribus consectetur enim

              maxime. Esse

              iusto

              fugit

              repellat tenetur! Voluptas,

              officia.










              137.








              138.









              139.








              class="purchased-product-content purchased-product-

              price">

              The

              basket

              is

              empty



              140.















              141.
















              142.














              product-button-box">




                class="basket-save-button">Save basket


















        3. brand box -->




        5. Download 0.78 Mb.

          Do'stlaringiz bilan baham:
  1   2   3   4



Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling