O'z veb -saytingizni qanday yaratish kerak: 16 qadam

2024 Muallif: John Day | [email protected]. Oxirgi o'zgartirilgan: 2024-01-30 13:28

Agar xohlasangiz, qog'ozdan Internetga bepul o'tish bo'yicha to'liq qo'llanma, ayniqsa xohlasangiz, do'stona veb -ustalar sizga bir nechta imtiyozli qarz berishsa -da, lekin tajriba va bilimingiz past bo'lsa ham, siz sayt yaratib, uni Internetga yuklashingiz mumkin: …

1 -qadam: Asboblar, materiallar va asosiy ko'nikmalar

Fo saytingizni yaratish uchun sizga kerak bo'ladi: Asboblar - Besh yoshdan kichik bo'lgan kompyuter - Dreamweaver -ning nusxasi (ixtiyoriy), lekin men bilaman va sizga ko'rsataman - Photoshop -ning nusxasi, muhim emas, lekin aniq Yaxshi ko'rinadigan saytni xohlaydigan har bir kishi uchun - Kompyuteringizdagi Internetga ulanish, yaxshisi tezkor (chunki bu ishni tezlashtiradi) Materiallar - Fikr - Saytingiz maqsadiga qarab, ba'zi disk maydoni - Vaqt, ha ha bu qimmatbaho material - ishchi elektron pochta manzili, agar sizga kerak bo'lsa, ular Gmail va hotmail -dan ozod. Asosiy ko'nikmalar - Kompyuter, internetdan qanday foydalanish haqida asosiy bilim - Bu kodsiz, bu odamlar uchun. Sayt yaratmoqchi bo'lganlar, lekin qanday qilib tasavvurga ega emaslar - Ba'zi dizayn ko'nikmalari qulay bo'lardi - Photoshopdan foydalanishni bilish yaxshi bo'lardi, paint. NET yoki GIMP.

2 -qadam: Boshlaylik

Qaysi saytni dizayn qarorini qabul qilishni xohlayotganingizni bilganingizdan so'ng.

Saytning asosiy sovutgichlari, uning uslubi va odamlarning uni qanday boshqarishini xohlashingizni o'ylab ko'ring. Agar siz buni biznes yoki klub uchun qilmoqchi bo'lsangiz, ehtimol, bu sayt kompaniya/klub sovutgichlarini aks ettirsa va kompaniya haqidagi narsalarni taqlid qiladigan yoki unga asoslangan xususiyatlarga ega bo'lsa, masalan, menyu tugmalari, agar ular biznes bo'lsa, sotadi. Sizning saytlaringiz navigatsiyasi bir nechta narsalardan iborat bo'lishi mumkin, odatda uchta asosiy turdagi chap va o'ng yon panelli menyular va yuqori satr menyusi (agar ular bu saytga o'xshash sarlavha ostidan o'tib ketsa), agar siz saytni o'zingiz yaratayotgan bo'lsangiz, ranglar va dizayn xususiyatlarini tanlang. sizga yoqadi va u erdan ogohlantirish so'zi bilan borasiz. Haqiqatan ham qarama -qarshi ranglardan foydalanmang va qizlar lyuminestsent pushti rangni tanlamaslikka harakat qiling (ko'p hollarda jinsiy aloqa qilmaslik) Agar xohlasangiz, hatto saytingiz orqali biznes yuritishingiz mumkin, menda bu borada tajribam kam, lekin shunday bo'lishi mumkin. bu sayt ishlatadigan yahoo do'konlari kabi narsalarni ishlatish osonroq.

3 -qadam: Saytni ishga tushirish

Bu erda biz "Hujjatlarim" bo'limiga o'ting va "Mening veb -saytim" deb nomlangan papkani yarating, bu papkaning ichida "sahifalar", ikkinchisi "fayllar" deb nomlangan rasmlarga qo'ng'iroq qiling. (Fayl deb nomlangan fayl sizning saytingizni yaratish jarayonida ishlatishingiz mumkin bo'lgan boshqa barcha fayllar uchun.) Endi Dreamweaver -ni ishga tushiring va fayldan biroz keyin siz sayt deb nomlangan menyu elementini ko'rasiz, shuning uchun bosing va yangi saytni tanlang, Kengaytirilgan tabdan foydalaning (chunki o'tish osonroq), endi sayt nomini sayt nomi maydoniga qo'ying. Siz "mahalliy ildiz papkasi" deb nomlangan katakchani ko'rasiz, bu sizning saytingiz nomi ostida yaratilgan papka. Keyingi quti "Standart rasmlar papkasi" deb nomlangan, sizning asosiy papkangizdagi rasmlar nomli papkani tanlang. Ikkala katakchani yolg'iz qoldiring, ular ikkalasi ham shunday bo'lishi kerak.

4 -qadam: Keyin tiqilib qolaylik

Saytdagi barcha asosiy qarorlarni qabul qilganingizdan so'ng, sizning barcha sahifalaringiz uchun shablon yaratish vaqti keldi, bu aniq ko'rinib turibdiki, sahifalar yaratish uchun shablon, veb -sayt bir -biriga o'xshash bo'lmasligi kerak tomoshabinlar va bu ko'p vaqtni va behuda harakatni tejaydi.

Sizning shabloningizda siz sarlavha qilishingiz kerak, bu sahifaning yuqori qismida joylashgan asosiy banner, u odatda sayt/kompaniya nomi, shiori va sayt mavzusini aks ettiruvchi rasm yoki logotipni o'z ichiga oladi.. Men bera oladigan eng yaxshi o'lchovlar-760 x 100-200, balandlik-bu menyu paneli qaerga ketishiga bog'liq. Kengligi 760, shuning uchun u displeyda 800x600 o'lchamda ishlaganda ham brauzer oynalariga mos keladi (agar saytning yarmini ko'rmasangiz, foydasi yo'q) Sizning menyu tugmachangiz (agar siz ularni baland bo'yli qilmasangiz, tavsiya qilaman) Balandligi va kengligi 30 piksel ko'p narsalarga bog'liq, lekin meniki odatda 100 - 1500 pikselni tashkil qiladi, keyin siz hech qanday kuch sarflamaydigan flesh tugmalaridan foydalanishingiz mumkin. (Dreamweaver uchun)

5 -qadam: shablonni yaratish …

Shunday qilib, biz bo'sh sahifani o'ng tugmasini bosib, sahifa xususiyatlariga o'tish orqali saytimiz ranglarini va boshqa narsani tanlaymiz. Men uchun fon qora, matn oq bo'lib, sarlavha shablon sifatida qo'yiladi. Rasmda siz mening havolalarimning hammasi ko'k rangga o'rnatilganligini ta'kidlaysiz, men ko'k rangdan foydalanishni taklif qilaman, chunki ko'k - bu havolaning an'anaviy rangi, va g'alati havolani ishlatish odamlarni veb -saytlarni bezovta qiladigan narsalar ro'yxatida yuqori bo'lgan. professional bo'lmagan

6 -qadam: shablonni davom ettirish. tartib

Endi biz shablonni joylashtirishni boshlaymiz.

Jadvalni qo'shish yoki jadvalni chizish tugmasini bosing. Endi jadval yaratish uchun suring, 3x3 ni tanlash - boshlash uchun qulay joy. Siz qilishingiz kerak bo'lgan birinchi narsa - jadvalni 800 piksel kengligida qilish, siz pastki qismidagi xususiyatlar satrida kenglikni ko'rishingiz mumkin, endi katakchalarning yuqori qatorini ajratib ko'rsatish va sichqonchaning o'ng tugmachasini bosing, o'ng tugmachani bosish menyusidagi jadvalga o'ting va katakchalarni birlashtirishni tanlang, yangi tashkil etilgan hujayrani sarlavha rasmining balandligiga aylantiring. Bu nuqtada jadval xususiyatlariga o'ting va "cellpad" va "border" qiymatlari uchun nol qiymatini qo'ying. Bu shuni anglatadiki, jadval oxirgi foydalanuvchida mavjud emas, lekin hamma narsani joyida saqlaydi. Endi biz uni sayt rasmlari papkasida saqlashimiz kerak bo'lgan sarlavhali rasmga yopishtiramiz, lekin agar u Dreamweaver bo'lmasa, siz faylni u erga nusxalashni xohlaysizmi, deb so'raydi. Rasm qo'shish uchun tugmalar qatoriga qarang (ularning ustidagi yorliq keng tarqalgan bo'lishi kerak), qutidagi daraxt tasviri bo'lgan tugmani toping (aksariyat dasturlarda shunga o'xshash belgi ishlatiladi), ustiga bosing va dialog oynasi paydo bo'ladi, faqat faylni ko'rib chiqing va uni ikki marta bosing. Agar sizning rasmingiz noto'g'ri joyda paydo bo'lsa, kursor noto'g'ri katakchada joylashgan. Endi siz o'zingizni menyu satrini xohlagan tomonga yacheykaga ajratib qo'yganingizda, satrlar ustunlar bo'ylab joylashganligini unutmang. Menyu tugmachalari jadvalining qutisini sizning fikringizcha ko'rinadigan darajada keng qilib qo'ying, keyin tugmalaringizni to'g'ri kenglikka aylantiring (agar siz flesh tugmachalarni xohlasangiz, bunga e'tibor bermang) Endi hujayra ichida 1 qatorli va shuncha ustunli jadval yarating. tugmalar (siz buni saytingizning rejasidan bilishingiz kerak, men sizga bu erda hech qanday yordam berolmayman, bu sizning tanlovingiz) yoki gorizontal menyu uchun 1 ustunli va tugmachalari qancha ko'p bo'lsa.

7 -qadam: Menyu tugmalarini qo'shish

Buning bir necha yo'li bor. Agar siz oddiy rasm tugmalarini xohlasangiz (tugmachaga o'xshash bosiladigan rasm), keyin siz rasmni odatdagidek qo'shasiz va hozircha hammasi shu. keyinroq biz ularga havolalarni qo'shamiz.

Agar siz aylantirish tugmachalarini xohlasangiz (kursor tugmachaning ustida turganida tasvir o'zgaradi, keyin har bir tugma uchun rasmlar qilishingiz kerak, aytaylik, sizda sichqonchani bosganingizda, siz yoqmoqchi bo'lgan quyuq kulrang tugmalar mavjud. keyin siz ikkinchi tugmalar to'plamini yondirasiz, so'ng asboblar panelidagi o'girish tasvirini qo'shish tugmasiga o'ting (tasvir tugmachasining yonida yoki yonida) va birinchi rasm uchun quyuqni, 2 -rasm uchun ochiqni tanlang. yana havolani hozircha qoldiring, chunki siz hali bitta sahifa qilmagansiz. Agar siz tugmachalarni xohlasangiz, asboblar panelining yuqori qismidagi media tugmachasini bosishingiz va flesh tugmachasini qo'shish belgisini bosishingiz kerak. pastki burchakda joylashgan.), u hujjatni davom ettirishdan oldin saqlashni so'raydi, shuning uchun uni "asosiy shablon" sifatida saqlang yoki siz bilgan narsa saytingizning asosiy shablonini bildiradi.

8 -qadam: Foydalanish uchun shablon yaratish

Biz deyarli shablonni tugatdik va uni tez orada o'z sahifalarimizda boshlashimiz mumkin, endi uni tahrir qilish mumkin bo'lgan joylar kerak (sahifalar tarkibi joylari) Biz ularni sichqonchaning o'ng tugmasi bilan qo'shamiz va o'ng tugmachadagi shablon ochiladigan menyusiga o'tamiz. menyuda tahrir qilinadigan yangi hududni tanlang va hujjat shablonga aylantiriladi degan xabar keladi. Bu yaxshi. Buni kursor bilan kontent o'tadigan jadval katakchalarida bajaring (menyu satrining ostidagi va yonidagi)

Endi hujjatni saqlang, yoping va yangi faylga o'ting va yuqori qismidagi andozalar yorlig'ini bosing, shabloningiz o'sha erda bo'lishi kerak, shablon o'zgarganda quti belgilansa, yangilanish sahifasi o'rnatilganligiga ishonch hosil qiling (keyin ko'p ishlar saqlanadi).

9 -qadam: tarkibni qo'shing

Sahifalaringizga o'z tarkibingizni qo'shib qo'ying va ularni sahifalar uchun yaratilgan papkalarga saqlashni va rasmlaringizni o'zingiz yaratgan rasmlar papkasiga joylashtirishni unutmang. Har safar har safar shablondan sahifani yaratish haqida 8 -qadamning oxirgi qismini takrorlang. Men ishlatgan soxta kontentga e'tibor bering, u Lorem Ispsum deb nomlanadi va bu lotin tilida yaxshilik va yomonlik haqidagi hikoya, veb va grafik dizaynerlar bundan mahsulot haqiqiy matnda qanday ko'rinishini berish uchun foydalanadilar. Lipsum.com saytida topishingiz mumkin, bu ko'k qutilar sizda ham tahrir qilinadigan joylar, umid qilamanki.

10 -qadam: Endi biz havolalar qilamiz

O'zingiz ishlatgan shablonni oching (shu katakchani eslang, endi u o'ynaydi) Menyu tugmalari faqat rasmlar (agar ular yonib tursa, pastga qarang) Endi sizda sahifalar bo'lsa, ular haqiqiy tugmalar bo'lishi mumkin., ular o'giriladimi yoki oddiy rasmlar bo'ladimi, uy tugmachasini o'ng tugmasini bosing va havolani o'zgartirish yoki havola qilish uchun o'ting (versiya bog'liq), dialog oynasi paydo bo'ladi, faqat bosh sahifangiz faylini ko'rib chiqing va ustiga ikki marta bosing. Endi u sahifaga bog'langan, qolgan tugmachalarni takrorlang va hujjatni saqlang, agar dreamweaver hujjatga asoslangan holda barcha sahifalarni o'zgartirmoqchi bo'lsangiz, ha deb ayting.

Fleshli tugma uchun biz havolalar panelini e'tiborsiz qoldirganimizni eslaysiz, shuning uchun biz faqat tugmani o'ng tugmasini bosamiz va tahrir qilish tugmachasini bosamiz, sizga avval ekran ko'rsatiladi, faqat havola paneli yonidagi ko'rish tugmasini bosing va faylingizni toping. Endi sizda juda ko'p ishlaydigan sayt bo'lishi kerak, keyingi bosqichda rasmlar sahifalari va h.k.lar uchun narsalar osonroq va yaxshiroq ishlashi uchun to'ldiriladi.

11 -qadam: Bir nechta maslahatlar va foydali fikrlar

Agar siz XP -da ishlayotgan bo'lsangiz (ehtimol, Vista -ni o'z ichiga oladi), tasvirni o'zgartirish o'lchagichi deb nomlangan XP -quvvat manbai mavjud, bu sizga rasmlarni o'ng tugmasini bosish orqali sozlash imkonini beradi va siz har bir nomning oxiriga bosh barmog'ini qo'shishingiz mumkin. Fotogalereya uchun siz bosh sahifadagi rasmlar sifatida yaratgan eskizlardan foydalaning va ularni tugmachalar kabi kattaroq rasmli faylga bog'lang, bu esa yuklanishni tezroq va galereya sahifalarini kamroq qilish imkonini beradi.

Tarkibi ko'p bo'lgan sahifalar uchun uni sahifa va oldingi sahifa havolalariga ajratish maqsadga muvofiqdir, buni qilish juda oson va siz ularni bir -biriga bog'lab, shablon havolasi sifatida yoki istalgan sahifadan boshlang. dan bog'langan. Men qaytib kelaman va ular haqida o'ylayotganimda yoki odamlar taklif qilganda ko'proq qo'shaman, bu faqat boshlanish.

12 -qadam: Indeks sahifasini yarating

Hozirgi vaqtda ko'pgina veb -xostlar indeks sahifasini talab qiladi, bu "index.htm" deb nomlangan bosh sahifaning nusxasi bo'lishi mumkin (buni shunday nomlash kerak) yoki saytni kiritish bilan kulgili sahifa yarating (agar shunday bo'lsa) Sizni jonlantirish uchun animatsiya bo'lishi mumkin edi, lekin siz uni shu lahzaga yaqinlashayotganini his qilishingiz kerak. Bu erga boring …

13 -qadam: Keling, bizga xost olaylik

Endi siz o'zingizni men yuborgan saytda topasiz, chunki men uni tanladim, chunki bepul xostlar borgan sari juda yaxshi va juda ko'p narsalarga ruxsat beradi, shuningdek 8 gigabaytli saqlash va oyiga 300 Gb o'tkazish qobiliyati.

Shunday qilib, ro'yxatdan o'tish bosqichlarini bajaring va hisobingizni faollashtiring, hatto bizga kerak bo'lmagan fayl menejeriga qaramang. Hisobingizga o'ting va FTP hisob qaydnomangiz nomini, foydalanuvchi nomi va parolni (xosting hisobingiz uchun parolingiz bilan bir xil) o'chirib tashlang, saytlarga kiring, saytlarni tahrir qiling va o'zingizni tanlang, kengaytirilgan yorliqqa o'ting va sinov serveriga o'ting. (Men masofaviy ma'lumotni bilaman, lekin sinov serveri - saytni yuklashning eng oson yo'li), rasmda ko'rsatilgandek ma'lumotlarni kiriting.

14 -qadam: Siz buni his qila olasizmi?

Saytni yuklash vaqti keldi … Siz veb -saytga ega bo'lmoqchisiz.

Sayt fayllari/aktivlari satriga o'ting, shubhasiz, hozir juda boshqacha ko'rinadi, ko'rish menyusini bosing va sinov serverini tanlang. Dreamweaver allaqachon FTP parolingizni saqlagan. Masofaviy xostga ulanish tugmachasini bosing (uchta kulgili shaklli). "ulangan" deb aytgandan so'ng, fayllarni qo'yish tugmachasini bosing, bu yuqoriga yo'naltirilgan o'q. (Keyinchalik foydalanish uchun siz hisob qaydnomangizga kirishingiz va kompyuterda yo'qolgan fayllarni olish uchun get fayllaridan foydalanishingiz mumkin.) Agar siz uni bosganingizda, siz butun saytni yuklamoqchimisiz, deb so'raydi. hamma narsa ishlaydi, kichik yangilanishlar uchun uning o'rniga almashtirish fayllarini yuborishingiz mumkin. "Index.htm" ga kelganda, agar u o'rnini bossa, so'raydi, ha deb ayting, aks holda saytingiz 15 kundan keyin o'chib ketadi, shuning uchun biz birinchi bo'lib saytimizni yaratdik.

15 -qadam: Endi sizga ism kerakmi?

Shunday qilib, sub -sayt bo'lish g'oyasi sizning egoingizga ta'sir qiladi, sizda variantlar bor, domen nomini sotib oling (xosting bo'lmasa ham qimmat emas va siz.com.org.co.uk va.net sizning nomingizga eng mos keladiganini tanlang. Yoki. Hamma bepul bo'lishni xohlaydigan odam uchun, faqat nuqta -saytiga o'ting, ular sizning sahifalaringizni aks ettiradi, shuning uchun siz o'z sahifangizni yoki indeksli sahifangizni saytga havola qilib qo'yganingizda, killerjackalope.tk buni tushunib yetdimi?

16 -qadam: Yana ko'pmi?

Endi bu yonayotgan savolga javob va lazerni kesish tanloviga qo'yiladi (oxirgi daqiqada), lekin agar sizda biron bir savol bo'lsa yoki qo'shimcha izoh berishni xohlasangiz, agar kichik bo'lsa, men sizga javob beraman va agar shunday bo'lsa yaxshi, keyin men bir qadam qo'shaman, shunda hamma sizning savolingizga javob beradi.

Bundan tashqari, men buni oldingi darslikdan bilaman, lekin ishonchim komilki, agar siz saytni birinchi sahifada yaratmoqchi bo'lsangiz, bu dahshatli va men sizga Dreamweaver -ni o'g'irlab, keyin bosh sahifani sotib olishni aytaman. Keyingi o'rgatuvchi, kulgili hulk rasmlarini qanday qilish kerak.