01dan 07 gacha
Fayllaringizni yangi jildga joylashtiring
Windows Notepad - veb-sahifalaringizni yozish uchun foydalanishingiz mumkin bo'lgan asosiy so'zlarni ishlash dasturi. Veb-sahifalar faqat matndir va HTML-ni yozish uchun biron bir so'zni qayta ishlash dasturidan foydalanishingiz mumkin. Ushbu qo'llanma sizni jarayon davomida yuritadi.
Eslatma Defteri'nde yangi veb-sayt tashkil qilish kerak bo'lgan birinchi narsa uni saqlash uchun alohida papka yaratishdir. Odatda, siz veb-sahifalaringizni "Hujjatlarim" papkasida HTML deb nomlangan papkada saqlaysiz, lekin ularni siz xohlagan joyda saqlashingiz mumkin.
- Hujjatlarim oynasini oching
- Fayl > Yangi > Papka-ni bosing
- My_website jildiga nom bering
Muhim eslatma: Veb-papkalarni va fayllarni barcha kichik harflarni va bo'shliqlar yoki tinish belgilaridan foydalaning. Windows siz bo'shliqlardan foydalanishga imkon beradi, bir qancha veb hosting provayderlari yo'q va siz fayllar va papkalarni boshidan to'g'ri nomlasangiz, o'zingizni vaqt va muammodan qutqarasiz.
02 ning 07
Sahifani HTML sifatida saqlang
Eslatma Defteri'nde veb-sahifa yozish paytida qilish kerak bo'lgan birinchi narsa, sahifani HTML sifatida saqlashdir. Bu sizga vaqt va muammolarni tejaydi.
Katalog nomidagi kabi, har doim ham barcha kichik harflar va faylda bo'sh joy yoki maxsus belgilardan foydalaning.
- Notepadda Faylga va keyin Saqlash-ga o'ting.
- Veb-saytingiz fayllarini saqlagan papkaga o'ting.
- Turli xil Saqlash ochiladigan menyusini barcha fayllarga o'zgartiring (*. *).
- Faylni nomlang. Ushbu qo'llanmada pets.htm nomi ishlatilgan.
03 ning 07
Veb-sahifani yozishni boshlang
Notepad HTML hujjatiga yozish kerak bo'lgan birinchi narsa DOCTYPE. Bu brauzerlar uchun qaysi turdagi HTMLni kutish kerakligini bildiradi. Ushbu qo'llanmada HTML5 ishlatiladi.
Doctype deklaratsiyasi tag emas. Kompyuterga HTML5 hujjati kelishi haqida xabar beradi. Har bir HTML5 sahifasining yuqori qismida ketadi va ushbu shaklni oladi:
DOCTYPE bor bo'lsa, siz HTMLni boshlashingiz mumkin. Ikkala boshini ham yozing
yorlig'i va oxirgi yorlig'i va veb-sahifadagi tananing mazmuni uchun joy qoldiring. Notepad daftaringiz shunday bo'lishi kerak:
04 dan 07 gacha
Veb-sahifa uchun bosh yaratish
HTML hujjatning boshlig'i veb-saytingiz haqidagi asosiy ma'lumotlar saqlanadigan joy bo'lib, sahifa nomi va qidiruv tizimini optimallashtirish uchun ehtimol meta teglar kabi narsalar. Bosh qismini yaratish uchun, qo'shing
teglar orasida Notepad HTML matn hujjatidagi teglar.
مورXuddi shunday
teglar bilan ularning orasidagi bo'sh joy qoldiring, shuning uchun siz bosh ma'lumotlarni qo'shish uchun joyingiz bor.
05 dan 07 gacha
Bosh bo'lim bo'limidagi sarlavha qo'shish
Veb-sahifaingizning nomi brauzer oynasida ko'rsatilgan matndir. Shuningdek, kimdir saytingizni saqlaganida xatcho'plar va sevimlilar bilan yozilgan. Sarlavha matnini
tags foydalanib. Veb-sahifaning o'zi faqat brauzerning yuqori qismida ko'rinmaydi.
Ushbu misol sahifasida "McKinley, Shasta va boshqa uy hayvonlari" deb nomlangan.
مورمور
McKinley, Shasta va boshqa uy hayvonlari
Sizning nomingiz qanchalik uzoq bo'lsa yoki u HTML-da bir nechta satrlarni qamrab oladigan bo'lsa-da, ammo qisqaroq sarlavhalar o'qish osonroq bo'ladi va ba'zi brauzerlar brauzer oynasida uzoqroq bo'lganlarni qisqartiradilar.
07 of 07
Veb-sahifaingizning asosiy organi
Veb-saytingizning tanasi ichida saqlanadi
teglar. Matnni, sarlavhalarini, pastki qismini, rasmlarini va grafikalarini, havolalarini va boshqa tarkibni qo'ygan joy. Bu siz xohlaganingiz qadar bo'lishi mumkin.
Sizning veb-sahifangizni Notepad-da yozish uchun ushbu formatni ta'qib qilish mumkin.
Sizning sarlavha boshingiz bu yerga kiradi, veb-sahifadagi hamma narsa bu erda
07 of 07
Tasvirlar jildini yaratish
HTML hujjatingizning tarkibiga kontentni qo'shishdan oldin siz tasvirlaringiz uchun papkaga ega bo'lishingiz uchun kataloglarni o'rnatishingiz kerak.
- Hujjatlarim oynasini oching.
- My_website papkasiga o'tish.
- Fayl > Yangi > Papka-ni bosing .
- Papkalarni tasvirlarga kiriting .
Keyinchalik ularni topishingiz uchun rasmdagi papkada barcha rasmlarni saqlang. Bu sizga kerak bo'lganda ularni yuklashni osonlashtiradi.