Noldan veb-sayt yaratish loyihasi
Download 347.39 Kb. Pdf ko'rish
|
Noldan web sayt yaratish loyihasi Turdalixonov Azizxon (1)
|
UKit afzalliklari:
ekstremal soddaligi, yuqori sifatli shablonlari, biznes saytlarini yaratish uchun keskinlashtirish. Kamchiliklari: tor ixtisoslashuv, shablonlarning ko'rinishini sozlash uchun kichik imkoniyatlar. Wix tarozi: juda chiroyli va rang-barang andozalar, munosib va ba'zan o'ziga xos xususiyatlar, dastur do'konining mavjudligi. Kamchiliklari: biroz chalg'itadigan vizual muharrir, tariflarning narxi, yirik loyihalarni amalga oshirishning murakkabligi. Tanlashda, ta'qib qilingan maqsadlar va yoqtirishlardan boshlang. Biz, ehtimol, o'zlarining uyalaridagi eng yaxshi dvigatellarni namoyish etdik. Ularning har biri bilan tanishishingizni maslahat beramiz: sharhlar - sharhlar, ammo shu bilan siz ulardan qaysi biri sizning talablaringizni to'liq qondirishini yaxshiroq tushunasiz. Har qanday veb-sayt qaerdan boshlanadi? Har qanday sayt va ideal holda sayt yaratish g'oyasi yangi Internet-resursni yaratish va yanada rivojlantirish maqsadini aniq anglashdan boshlanishi kerak. Sayt qanday maqsadlarda yaratilishi mumkin? Aslida, yangi sayt yaratishning barcha maqsadlari ikkita asosiy toifaga bo'linishi mumkin: Tan olishim kerak, aksariyat hollarda Internet-resurslar faqat tijorat maqsadlarida yaratilgan. Keling, hamma narsa aniq bo'lishi uchun bunday maqsadlarning aniq misollarini ko'rib chiqaylik. Shunday qilib, sayt yaratishning tijorat maqsadi quyidagicha bo'lishi mumkin: • tovarlar va xizmatlarni sotish, • shaxsiy yoki siyosiy PR • Keyingi foyda olish uchun maqsadli auditoriyaga qimmatli ma'lumotlarni berish, • tijorat kompaniyasi uchun ijobiy imidj yaratish, • mijozlar uchun veb-sayt yaratish. Saytni yaratishda notijorat maqsadlarga kelsak, ular orasida xayriya tashkilotlari uchun Internet-manbalarni yaratish, shuningdek, foydalanuvchilarning ma'lum guruhlari o'rtasida aloqa va turli xil ma'lumot va ma'lumotlarni almashish uchun mo'ljallangan Internet saytlarini yaratish kiradi. Saytni yaratishdan oldin vazifalarni aniqlash Avvalo shuni ta'kidlash kerakki, har qanday puxta ishlab chiqilgan sayt keng ko'lamli vazifalarni hal qilishga qodir. Masalan: • biznesingiz uchun maqsadli tashrif buyuruvchilar oqimini yaratish, • potentsial mijozlardan kelib tushgan murojaatlarni samarali qayta ishlashni tashkil etish, • kompaniya yoki sayt yaratuvchisining shaxsiy brendini tan olishni kuchaytirish, • potentsial mijozlar ishonchini shakllantirish, • matn, rasmlar, video va audio materiallar kabi eng ommabop formatlarda tegishli ma'lumotlarni taqdim etish, • veb-saytga tashrif buyuruvchilarga o'zlarini qiziqtirgan faylni yuklab olish imkoniyatini berish, masalan, narxlar ro'yxati yoki taklif qilingan mahsulotning namoyishi, • Ishingizni avtomatlashtirish • va juda ham ko'p. Saytingiz qanday vazifalarni hal qilishini allaqachon bilasizmi? Bu juda muhim, chunki faqat topshiriqlar asosida siz o'zingizning Internet- manbangizni yaratishga mos keladigan sayt turini tanlashingiz mumkin. Sayt yaratishning texnik jihatlari O'z saytingizni yaratishda texnik jihatlar ko'p jihatdan kerakli vositalarni to'g'ri tanlashga bog'liq. Birinchidan, bugungi kunda veb-saytni o'zingiz yaratishda uchta asosiy usul mavjudligini tushunish kerak: • sayt quruvchilaridan foydalanish, • CMS tizimlaridan foydalanish, • saytning dastlabki kodini o'zingiz yozib. Keling, ushbu usullarning har birini batafsil ko'rib chiqaylik. Bizning fikrimizcha, yangi boshlanuvchilar uchun boshqalardan yaxshiroq bo'lgan bilan boshlash. Sayt quruvchilari Ishonchimiz komilki, agar sizning vaqtingiz cheklangan bo'lsa yoki tushunishni xohlasangiz, unda dizaynerda veb-sayt yaratish eng yaxshi usul bo'ladi. Biz eng samarali va oson foydalanishni tanladik, shunda sayt yaratish uchun sizga tartib, dasturlash va veb-dizayn sohasidagi bilimlar kerak bo'lmaydi. Shunday qilib, sayt dizayneri - bu yaratilayotgan saytlar uchun tayyor grafik dizayn variantlarini, shuningdek, foydalanuvchilar uchun qulay va intuitiv interfeysni o'z ichiga olgan ixtisoslashtirilgan onlayn xizmat. Ideal holda, zamonaviy veb-sayt dizayneri har kimga veb-dasturlash va dizayn sohasidagi bilimlarga ehtiyoj sezmasdan o'zlarining Internet-manbalarini yaratishga imkon berishlari kerak. Eng mashhur veb-sayt dizaynerlari • Wix veb-saytlarning eng mashhurlaridan biri bo'lib, u sizga haqiqatan ham yuqori sifatli Internet manbalarini tez va oson yaratishga imkon beradi. Bizning saytimizda siz ushbu dizaynerning batafsil sharhini, shuningdek u bilan ishlash bo'yicha bosqichma-bosqich qo'llanmani topasiz. Tavsiya etiladi! • UKit zamonaviy saytlarni yaratishga imkon beradigan va keyinchalik ularning SEO-reklama bilan shug'ullanishiga imkon beradigan konstruktor. U o'rganish oson va intuitiv foydalanuvchi interfeysiga ega, shuningdek, rivojlangan tahlil tizimini ham o'z ichiga oladi. Специально для читателеи нашего саи та мы подготовили пошаговое руководство по работе с этим конструктором. • Nethouse – конструктор, которыи отлично подои дет для создания саи тов-визиток, саи тов-портфолио, интернет-магазинов. Он достаточно прост в первичном освоении и дальнеи шем использовании. Мы подготовили его подробныи обзор, а также пошаговое руководство. • UMI – еще один простои в освоении и использовании конструктор саи тов. Прочтите наш подробныи обзор, а также пошаговое руководство по работе с ним. Bundan tashqari, ayniqsa saytimiz o'quvchilari uchun biz eng yaxshi sayt dizaynerlari reytingini tuzdik. Mumkin bo'lgan barcha variantlarni tahlil qilish uchun unga e'tibor berganingizga ishonch hosil qiling! Sayt yaratishning oddiy namunasi Keling, Wix dizaynerida sayt yaratish bosqichlariga qisqacha o'tamiz. Bu saytlarni yaratishning nozik joylariga tushib qolishni va birinchi manbani yalang'och HTML-da yaratishdan yoki CMS-ning xususiyatlarini tushunishdan saqlamoqchi bo'lmagan ishbilarmon odamlar uchun juda mos keladi. Jarayonning o'zi bir necha tushunarli va oddiy bosqichlardan iborat bo'lib, ular quyida muhokama qilinadi! Birinchi qadam - konstruktorda ro'yxatdan o'ting va qayd yozuvini kiriting. Ushbu shakllarni to'ldirish yoki oddiy ijtimoiy tarmoqlardan biriga kirish orqali biz oddiy ro'yxatdan o'tamiz. Ikkinchi qadam - kelajak sayt uchun asosiy dizayn shablonini tanlang. Dizayner foydalanuvchilarga 500 dan ortiq noyob bepul andozalar to'plamini taqdim etadi! Hech bir joyda bunday tanlov yo'q! Sizning vazifangiz funksionallik va vizual dizayn jihatidan eng mos shablonni tanlash bo'lib, undan keyin uni sozlashni va to'ldirishni boshlashingiz mumkin. MS PowerPoint soddaligi bilan vizual muharrir sizga yaratilayotgan saytning istalgan elementini o'zgartirish, shuningdek har qanday blok va modullarni muammosiz qo'shish yoki o'chirish imkonini beradi. Xususan, siz: • Saytga kerakli sahifalarni qo'shing va ularni tarkib bilan to'ldiring. • Fotosuratlar va videolar. • Formalar, tugmalar va menyu kabi turli xil funktsional elementlar. • Ijtimoiy tarmoq tugmachalari. • Kompaniyani blog qilish uchun funktsional imkoniyatlar. • To'liq onlayn-do'konni amalga oshiring. • Yaratilgan saytni reklama qilish uchun SEO-vositalarini faollashtiring. • Rangli favikon qo'shing. • Saytning muhim parametrlari va xususiyatlarini kuzatish uchun turli xil hisoblagichlar va o'lchovlar. • Turli xil maqsadlarda ishlatiladigan va yana ko'p turli xil modullar. • Mobil versiyani ko'rib chiqing, hamma narsa sizga mos kelishiga ishonch hosil qiling. • Oldin kiritilgan kontakt ma'lumotlarini tasdiqlang. • Saytni ishga tushirishdan oldin "Ko'rib chiqish" ni bajarishingizga ishonch hosil qiling. • Nihoyat, siz yaratgan sayt butun dunyo bo'ylab Internetning bir qismi bo'lishi va barcha foydalanuvchilar uchun ochiq bo'lishi uchun "Nashr etish" tugmachasini bosing. Natijada, siz qulay mobil versiyasiga ega bo'lgan va sifatli texnik ma'lumotlarga ega bo'lmagan yuqori sifatli veb-saytga ega bo'lasiz. Agar siz hali ham dizaynerga oid savollaringiz bo'lsa, unda batafsil javobni batafsil ko'rsatmalarda batafsil topishingiz mumkin. CMS tizimlari CMS atamasi ingliz tilidagi "Content Management System" iborasidan kelib chiqqan va "tarkibni boshqarish tizimlari" (sayt) deb atash uchun ishlatiladi. Xuddi shu tizimlar ko'pincha saytlar uchun "dvigatellar" deb nomlanadi. Bugungi kunda har qanday CMS-tizim sizga oddiy va intuitiv interfeys yordamida saytning barcha tarkiblarini boshqarishga imkon beradi. Tabiiyki, CMS tizimini tanlash ma'lum bir saytni yaratish maqsadiga bog'liq. Sayt uchun har bir vosita o'ziga xos xususiyatlarga, afzalliklarga va kamchiliklarga ega. Bundan tashqari, barcha CMS tizimlari ikkita katta guruhga bo'linishini hisobga olish kerak: bepul va pullik dvigatellar. Eng yaxshi CMS tizimlari • WordPress - bloglar, tashrif kartalari saytlari, korporativ saytlar yaratish uchun juda yaxshi. Aytgancha, siz o'qiyotgan sayt ayni shu CMS asosida ishlaydi. Va biz allaqachon WordPress-da veb-saytni qanday yaratishni muhokama qiladigan qo'llanmani nashr qildik. • Joomla - bu oddiy tashrif kartasi veb-saytini yoki korporativ veb-saytini, shuningdek, to'liq internet-do'konni yaratishga imkon beradigan yana bir ko'p funktsiyali CMS-tizim. Joomla-da saytni qanday yaratish bo'yicha qo'llanmani o'qiyotganingizga ishonch hosil qiling. • InstantCms - birinchi navbatda, ushbu vosita ijtimoiy tarmoqlar, shahar portallari, shuningdek tanishuv saytlari va onlayn-klublar, • Drupal yana bir mashhur CMS tizimi bo'lib, u korporativ saytlar, tashrif kartalari saytlari, shuningdek portfel saytlari, ijtimoiy tarmoqlar va onlayn-do'konlar, • OpenCart - bu CMS-tizim asosan onlayn-do'konlarni yaratish uchun mo'ljallangan. Biroq, ulardan foydalanish qulay, ammo ayni paytda rivojlanish nuqtai nazaridan ancha murakkab ekanligini hisobga olish kerak. Amaliyot shuni ko'rsatadiki, ushbu vosita asosida to'liq ishlaydigan onlayn-do'konni yaratish tajribali PHP dasturchisini jalb qilishni talab qiladi. • phpBB bu forumlarni yaratish uchun ajoyib CMS tizimi. Eng yaxshi pullik CMS tizimlari • "1C-Bitrix" bu kuchli va ko'p funktsional saytlarni boshqarish tizimidir. Bu deyarli har qanday turdagi onlayn manbalarni yaratish va saqlashga imkon beradi. Ta'kidlash kerak bo'lgan asosiy xususiyatlar bu yaratilgan saytni boshqarishning soddaligi, yuqori unumdorlik, 1C bilan integratsiya (bu rus internet-do'konlari uchun juda muhim nuqta), shuningdek, mobil boshqaruvning keng imkoniyatlari. • UMI.CMS pullik CMS tizimlarining yana bir munosib vakili. Uni ishlab chiquvchilarning shiori - "odamlar uchun qulaylik". Ayniqsa, ushbu dvigatel uchun deyarli har qanday saytga mos keladigan va ayni paytda har bir aniq loyiha uchun aniqlik kiritish imkoniyatini beradigan 500 ta noyob shablon yaratildi. Va 2500 ta ishlab chiquvchilar UMI.CMS-ga asoslangan sayt yaratishda sizga yordam berishdan xursand bo'lishadi va uni aniq maqsadlaringiz uchun aniqlashtirishadi. • osCommerce - bu zamonaviy onlayn-do'konlarni yaratish uchun yaratilgan va boy funktsional imkoniyatlarga ega bo'lgan pullik CMS- tizim. O'z-o'zidan yaratilgan sayt Ayniqsa, yaratilgan saytning dastlabki kodini o'z-o'zidan yozishni o'rganmoqchi bo'lganlar uchun biz HTML-da oddiy veb-sayt yaratish bo'yicha bosqichma-bosqich ko'rsatmalar tayyorladik. Ketdik! Diqqat! Agar siz mutlaq boshlovchi bo'lsangiz yoki shunchaki kod va boshqa texnik muammolar bilan ishlashni istamasangiz, "Saytni noldan yoki sayt dizayneridan yaratish?" Bo'limiga ishonch bilan borishingiz mumkin. " HTML saytlarni yaratish Birinchi misol sifatida biz oddiygina bitta sahifadan iborat oddiy HTML saytini yaratamiz. HTML (HyperText Markup Language) - veb-sahifalarni tavsiflash uchun universal til. Uning vazifasi brauzerga foydalanuvchi brauzerida sahifa yuklanganda nimani va qanday ko'rsatilishini aytib berishdir. Uning har bir tegida sahifa parchasi tasvirlangan. Oddiy HTML sahifasi uchun manba kodi quyidagicha: Ushbu kodni yangi matn fayliga nusxalash va kompyuteringizda saqlang. Saqlangan index index.html faylini nomlang. Keyin ushbu faylni istalgan brauzerda oching va natijaga qarang. Shuni esda tutingki, har qanday veb-server brauzerga index.html deb nomlangan sahifani berishga harakat qiladi. Shuning uchun, 99% hollarda, saytning asosiy sahifasining dastlabki kodi ushbu nom ostida faylda saqlanadi va bu yaxshi shakl hisoblanadi. Siz ushbu oddiy HTML-saytning to'liq versiyasini arxiv sifatida yuklab olishingiz mumkin (10.8Mb). Arxivni ochgandan so'ng html / index.html dasturini ishga tushiring. Veb-sayt yaratilishining asosiy bosqichlari Noldan saytni o'z-o'zidan yaratish uchta asosiy bosqichdan iborat: • Sayt tartibini yaratish. Aynan shu bosqichda yaratilgan Internet-resurs qanday ko'rinishda bo'lishini aniq vizual taqdim etish paydo bo'ladi. Adobe Photoshop yoki boshqa rastrli tahrirlovchilar ko'pincha ishlatiladi. • Saytning tartibi. Ushbu bosqichda ular .psd tartibidan saytni joylashtirishni, uyali moslashishni va turli xil brauzerlarda to'g'ri namoyish qilish uchun testni boshlaydilar. • PHPni amalga oshirish. Ushbu bosqichda sayt statikdan dinamikaga aylanadi. Keling, ushbu bosqichlarning barchasini batafsilroq ko'rib chiqamiz. Sayt tartibini yaratish Ko'pincha saytning sxemasi (bu holda, bu vizual dizayn deb tushuniladi) odatda grafik muharrir deb nomlanadigan dasturlarda yaratiladi. Eng mashhurlari Adobe Photoshop va CorelDRAW. Biz sizga Photoshop-dan foydalanishni maslahat beramiz, chunki o'rganish biroz osonroq va shu bilan birga boy xususiyatlarga ega. Bundan tashqari, barcha veb-dizaynerlar foydalanadigan narsadir. Adobe Photoshop-da yangi hujjat yarating. Unga ism bering - MySite. 1000 dan 1000 pikselgacha bo'lgan piksellar sonini tanlang. Bu har qanday foydalanuvchi uchun to'g'ri ekranni kafolatlaydi, kelajakda vertikal o'lchamni ko'paytirish mumkin. Bir dyuym va RGB rang uchun 72 piksel piksellar sonini tanlang. Ushbu sozlamalar talab qilinadi, chunki ular veb-sahifaning to'g'ri ko'rsatilishi uchun javobgardir. Keyin F7F7C5-ning orqa rangini o'n olti darajali formatga qo'ying yoki ranglar palitrasi yordamida tanlang. Shundan so'ng, "Ko'rish" - "Ko'rsatmalar" menyusini tanlang va o'lchagichlar va qo'llanmalarning ko'rsatilishini faollashtiring. "Ko'rish" - "O'chirish" menyusida siz hujjatlarning chegaralari va yo'nalishlari bo'yicha biriktirish yoqilganligini tekshirishingiz kerak. "Matn" vositasidan foydalanib, kelajakdagi saytning matn nomini, uning ostidagi shiorni, shuningdek maketning yuqori o'ng tomonidagi aloqa telefon raqamini kiriting. Logotipning chap tomonida va aloqa telefon raqamining o'ng tomonida biz saytning chegaralarini aniqlashga imkon beradigan ko'rsatmalar tuzamiz. Keyin, "Formalar" vositasidan foydalanib, yumaloq qirrali to'rtburchaklar yarating (radiusi - 8 ball) va undan foydalanib saytning sarlavhasida joylashgan rasm ostidagi joyni belgilang. Endi rasmni saytning sarlavhasiga kiritish vaqti keldi. "Matn" vositasi va Windows operatsion tizimining standart to'plamiga kiritilgan Jorjiya shriftidan foydalanib, navigatsiya menyusi va saytning asosiy sahifasi sarlavhasini yaratamiz. Keyin, Matn asbobi va Arial shriftidan foydalanib, asosiy sahifaning matnini qo'shing. Bunday holda, blokli matnni undan keyingi ishlash uchun ishlatish yaxshidir. Matndagi sarlavha uchun biz qora shriftdan foydalanamiz. Navigatsiya menyusi uchun - oq. Asosiy matn blokining o'ng tomonini siljitib, rasmni sahifaning matniga kiritamiz (matnning o'ng tomonida). "Formalar" - "Direct" vositasidan foydalanib, sahifa matni ostiga oxirgi chiziqni chizamiz. Matn vositasi (Arial shrift) yordamida biz mualliflik huquqini sahifaning pastki qismiga joylashtiramiz (chiziq ostida). Biz "Kesish" vositasi yordamida saytni joylashtirish uchun zarur bo'lgan rasm qismlarini kesib tashladik (biz asosiy rasmdagi rasmni va sahifadagi matnni tanladik). Bajarilgan ishlar natijasida saytning to'liq tartibini yaratdik. Agar siz sahifa tartibiga o'zingizning o'zgartirishlaringizni kiritmoqchi bo'lsangiz, PSD faylini arxivda ham topishingiz mumkin. Saytning keyingi joylashishi uchun rasm shaklida bajarilgan ish natijalarini saqlash va ishlatish uchun "Fayl" menyusiga o'ting va "Internet uchun saqlash" -ni tanlang. Keyin chiqadigan tasvirlarning sifatini moslashtiramiz va ularni saqlaymiz. Natijada, biz kelajakdagi shablonimiz uchun ko'plab grafik parchalarni olamiz. Andoza o'zi saqlangan papkada rasmlari bo'lgan papka paydo bo'ladi. Biz kerakli va nomini tanlaymiz. Sahifa tartibi yaratildi, kerakli qismlar olingan, siz tartibga o'tishingiz mumkin. Ammo shuni ta'kidlash kerakki, eng tez boshlash uchun siz tayyor shablonlarni ishlatishingiz mumkin va ularni o'zingiz yaratishingiz mumkin emas. "Sayt shablonlari" bo'limida siz HTML va CSS-ga asoslangan o'z saytingizni topishingiz va yaratishingiz mumkin. Saytning tartibi Avvalo, siz yangi matn faylini yaratishingiz va uni index.html nomi ostida saqlashingiz kerak. Ushbu faylning birinchi qatori quyidagicha ko'rinishi kerak: Bu brauzerda sahifaning tarkibini qanday qayta ishlashni aniq ko'rsatib beradi. Quyidagi teglar to'plami: Bir nechta teglar ... HTML ichida ekanligini bildiradi. Ichkarida ... foydalanuvchining brauzer oynasida ko'rinmaydigan teglar mavjud. Qoida tariqasida, ular meta so'zidan boshlanadi va meta-teglar deb nomlanadi, ammo teg ... brauzer oynasining sarlavhasi sifatida ko'rsatiladi va qidiruv tizimlari tomonidan tahlil qilinadi. Download 347.39 Kb. Do'stlaringiz bilan baham: 
|