Web sayt nima ? U qayerda joylashgan?

1.

2.

1 - OY KIRISH QISMI
• Kompyuterda dasturchilar kabi foydalanishni o’rganish.
• Google va gmail bilan to’g’ri foydalanish.
• Diagramma tuzish.
• Html bilan tanishish.
• Github bilan tanishish.
• Html va CSS.

3.

2 – OY WEB SAYT va FRONTEND
ASOSLARI
• HTML – bilan ishlash.
• CSS va SASS – class lar bilan ishlash.
• Bootstrap – saytni tuzilishini yasash.
• Figma – bilan ishlash va fayllar yuklash.
• JS – bilan tanishish va saytga functional berish.

4.

2 – OY REACT, VUE JS yoki Angular

5.

WEB SAYT NIMA ?
U QAYERDA JOYLASHGAN?
Web saytlar maxsus serverlarda va 24/7
internet tarmog’iga ulangan holda o’rnatiladi.
Har bir qo’yilgan sayt uchun domen olinadi.

6.

WEB DASTURLASHNING HOZIRGI PAYTDA ENG MASHXUR VA
ASOSIY YO’NALISHLARI

7.

//01
zucco.academy
Veb sayt turlari va
ularni tuzush usullari.
2020

8.

Veb saytni barchasini 2 qismga bo’lishimiz
mumkin.
1- Statik saytlar.
2-Dinamik saytlar.
Statik saytlarida asosan reklama bo’ladi.
Dinamik saytlarda ma’lum bir vazifalarni bajaris
mumkin.

9.

Statik saytlarning afzalliklari ham, kamchiliklari ham bor. Statik
saytlarning afzalliklari quyidagilarni o'z ichiga oladi :
1-statik saytlar serverda minimal yukni hosil qiladi va shuning
uchun xosting resurslari talab qilinmaydi.
2- statik saytlar tezda yuklanadi.
3-statik saytlarning rivojlanishi arzonroq.
4-statik saytlarni yangi xostingga o'tkazish juda oson.
Kamchiligi statik saytdagi biron bir ma’lumotni o’zgartirish
kerak bo’lsa. Faqtgina sayt kodi orqali almashtiriladi.

10.

Dinamik saytlar ma’lumbir vazifalarni amalga oshirishimiz mumkin.
Masalan onlayn do’kondan xarid qilish, ro’yhatdan o’tish singari.
Dinamik saytlar saytdagi insonlarga harakatlariga munosabat
bildiradi. Dinamik saytlarning ishlashi uchun qo'shimcha dasturiy
ta'minot kerak, statik saytlar esa faqat brauzerda ko'rsatishi
kerak. Bu dinamik saytlarni ishlab chiqish va ularga xizmat
ko'rsatishni statik saytlarga qaraganda qimmatroq qiladi.

11.

Dinamik saytlar bir qator kamchiliklarga ham ega.
Statik saytlar bilan taqqoslaganda, dinamik
saytlarda ko'proq texnalogiyalar bo'lib. Serverga
katta yuk beradi . Shuning uchun ular xosting va
server resurslariga ko'proq talabchan.

12.

Veb saytni 3-xil usul bilan yaratishimiz mumkin.
1 - Konstruktorlar orqali.
2 - CMS’ lar orali.
3 – Butunlay noldan.
Konstruktorlar - bu HTML va dasturlash bo'yicha bilimga ega
bo'lmagan holda o'zingizning veb-saytingizni tez va
osonlikcha yaratishga imkon beruvchi ixtisoslashgan xizmat.
Mashxur konstruktorlar.
uCoz, uKit, Wix, Ucraft Webasyst, SITE123, Nethouse

13.

CMS (ing - Content Management System ) tarkibni
boshqarish tizimi deb tarjima qilinadi.
CMS sizga saytlarni yaratish va yangi tarkibni nashr etishning
oson va moslashuvchan usulini taqdim etadi.
Boshqa tomondan, CMSni hech qanday texnik bilimsiz
o'rganish va undan foydalanish qiyinroq. Biroq, bugungi
kunda eng yaxshi CMS zamonaviy veb-saytlarni yaratishda
sizga yordam beradigan ko'plab vositalarni taqdim etadi

14.

Eng ko’p ishlatilinadigan CMS’ lar.
1. WordPress
2. Joomla!
3. Drupal
4. Typo3
5. Serendipity
6. Dotclear
7. ImpressPages
8. Chamilo

15.

1.
WordPress. Ushbu CMS asosan blog (biror shaxs, joy yoki alohida
mavzuga bag’ishlangan, tez-tez yangilab turiladigan, qisqa
maqolalar va ma’lumotlar kiritib boriladigan o’rta hajmdagi sayt)
uchun mo’ljallangan. Ammo bugungi kunga kelib bu CMS shu qadar
mukammallashib ketdiki, hozirda uni hatto portal saytlar uchun ham
ishlatishayapti.
2. Joomla! Bu CMS asosan katta saytlar va portallar uchun mo’ljallangan.
Ommaviyligi bo’yicha WordPressdan keyingi o’rinda tursa ham, ishlatish
juda qulay, ishonchli va bepul CMS hisoblanadi. Dasturni rasmiy
sayti www.joomla.org orqali yuklab olishingiz mumkin.

16.

//01
zucco.academy
Design
Dizayn (ing design - loyihalash, chizish, tasavvur qilish ).
Dizayn - mavjud bo'lmagan narsani tasavvur qilish va rejalashtirish
amaliyoti. Bu tuzilmalar, muhitlar, interfeyslar, mahsulotlar, xizmatlar,
xususiyatlar va jarayonlarni yaratishda qo'llanilishi mumkin bo'lgan keng
atama.
2020

17.

Dizayn turlari.
Architecture
Bino va inshootlarni loyihalash va loyihalash.
Interior Design
Ichki muhitni loyihalash.
Landscape Architecture
Istirohat bog'lari va bog'lar kabi obyektlarni yaratish uchun tabiat va
me'morchilikni loyihalash .
Fashion Design
Kiyim va aksessuarlarni loyihalash.

18.

Dizayn turlari.
Software Design
Dasturiy ta'minot bilan bog'liq muammoni hal qiladigan tuzilmalar,
tarkibiy qismlar, ob'ektlar va usullarni tavsiflash.
User Interface Design
Odamlar texnologiyani boshqarish va ular bilan ishlash uchun
foydalanadigan interfeyslarni loyihalash .
Graphic Design
Ramzlar, rasmlar va matnlarni yaratish va birlashtirish, g'oyalar va
xabarlarning vizual ko'rinishini hosil qilish.
Game Design
O’yinlarni loyihalash.

19.

Dizayn turlari.
Scenic Design
Film, ko'ngil ochish, ommaviy axborot vositalari va teatr tomoshalari
uchun dizayn loyhalash.
Lighting Design
Tungi me'morchilik , interyer, teatr va kino uchun yorug'lik muhitini
loyihalash .
Sound Design
Ovozli muhit va ishlab chiqarishlarni loyihalash

20.

UX / UI dizayni
UX (ing. user experience - foydalanuvchi tajribasi).
UX dizayni foydalanuvchi tajribasi bo'yicha tadqiqotlar
asosida interfeysni loyihalashtiradi.
Interfeys qanchalik aniq bo'lsa, foydalanuvchiga natijani
olish va maqsadga muvofiq harakatlarni amalga oshirish
osonroq bo'ladi.
UX - bu interfeys bilan ishlash tajribasi. Foydalanuvchilarning
tajribasi turli xil tarkibiy qismlarga bog'liq: sayt arxitekturasi,
grafik dizayn, aniq matn va interfeysning aniq foydalanuvchi
harakatlariga javob berishi.

21.

UX dizayner (user experience designer) - bu foydalanuvchi
ehtiyojlarini o'rganadigan, interfeys uchun mantiqiy sxemalarni
tuzadigan, prototiplarni sinovdan o'tkazadigan va UI dizayneriga
texnik topshiriqni beradigan dizayner.
UX dizayner - marketing bo'yicha muhandis bo'lib,
foydalanuvchi tajribasini o'rganadi: analitikani o'rganadi,
interfeys elementlari va ularning joylashuvi o'rtasidagi
aloqalarni o'ylaydi va muharrirlar uchun texnik topshiriqlarni
tayyorlaydi. Va tadqiqotlar asosida u eng samarali prototipni
ishlab chiqadi.

22.

UI dizayn
UI (ing user interface) "foydalanuvchi interfeysi" deb
tarjima qilingan.
UI dizayni - bu foydalanuvchi tajribasi va maqsadli
auditoriya tadqiqotlari asosida ishlab chiqilgan prototipni
ko'rsatish jarayoni.
UI dizaynerlari - bu ishchi prototipni taqdim etadigan,
tugmalar, piktogrammalar, shakllar va boshqa tarkibiy
qismlarni chizib, ularni uyg'un ish tartibiga yig'adigan
interfeys dizayneridir.