Sayt sahifalarida tashrif buyuruvchilar ko'rgan barcha narsalar brauzer tomonidan server tomonidan yuborilgan batafsil ko'rsatmalar asosida namoyish etiladi. Ushbu ko'rsatmalar sahifaning html-kodi deb nomlanadi va har bir elementning turi, ko'rinishi va joylashishini alohida tavsiflovchi alohida "teglar" dan iborat. Har qanday yangi elementni (masalan, rasm) sahifaga joylashtirish uchun uning manba kodiga tegishli ko'rsatma - yorliq qo'shishingiz kerak. Buning eng oson usulini ko'rib chiqing.
Ko'rsatmalar
1-qadam
Agar siz har qanday kontentni boshqarish tizimidan foydalansangiz, unda u sahifa muharririni o'z ichiga olishi ehtimoldan yiroq emas. Birinchidan, ushbu muharrirda kerakli sahifani ochishingiz kerak. Keyinchalik - variantlar mumkin. Eng yaxshi holatda, sahifa muharriri "vizual rejim" ga ega bo'ladi, boshqacha qilib aytganda - "WYSIWYG rejimi" (Siz ko'rgan narsangiz - "nima ko'rsangiz, shuni olasiz"). Ushbu rejimda siz asl HTML-kod bilan umuman shug'ullanishingizga hojat qolmaydi! Tahrirlovchidagi sahifa xuddi saytdagi kabi ko'rinadi, kerakli joyda sichqonchani tiqish va muharrir panelidagi "rasm qo'shish" tugmachasini bosish kifoya qiladi.
2-qadam
Natijada kerakli rasmni tanlashingiz kerak bo'lgan dialog oynasi ochiladi. Agar siz uni hali yuklamagan bo'lsangiz, kompyuteringizda rasmni tanlash va uni serverga yuklash tugmasi ham mavjud. Bundan tashqari, ushbu dialog oynasida tasvir atrofidagi ramkaning rangi va kengligi, ramka va rasm orasidagi plomba masofasi va rangi, asboblar uchun matnni o'rnatishingiz mumkin. Bu erda o'lchamlarni ko'rsatish shart emas, lekin sahifalarni yuklashni tezlashtirish va dizayn buzilishini oldini olish uchun buni qilish yaxshiroqdir. Dialogning barcha kerakli maydonlari to'ldirilgach, "OK" tugmasini bosing va keyin tahrirlangan sahifani saqlang.
3-qadam
Boshqarish tizimlari uchun yagona standart yo'qligi sababli, sizning tizimingizning vizual rejimida rasmni joylashtirish tartibi biroz farq qilishi mumkin, ammo printsip bir xil bo'ladi. Xuddi shu sababga ko'ra WYSIWYG rejimi saytingiz boshqaruv tizimida ko'rinmasligi mumkin. Keyin siz hali ham HTML-dagi sahifaning manba kodini tahrirlashingiz kerak (HyperText Markup Language - "gipermatnni belgilash tili"). Brauzerga bu erda rasmni ko'rsatishini aytadigan kodga tegni to'g'ri joyiga kiritishingiz kerak. Oddiy shaklda u shunday ko'rinishi kerak: Mana rasmning "nisbiy manzili" - bu manzilda brauzer undan rasm faylini olish uchun serverga murojaat qilishi kerak. Agar manzil nisbiy bo'lsa, u holda brauzer fayl sahifaning o'zi bilan bir xil server papkasida (yoki pastki papkada) mavjud deb taxmin qiladi. Ammo, xato qilmaslik uchun "mutlaq manzil" ni belgilash yaxshiroqdir - masalan, shunga o'xshash: Tabiiyki, server rasmni brauzerga topishi va yuborishi uchun uni belgilangan joyga yuklash kerak Manzil. Buning eng oson yo'li har bir kontentni boshqarish tizimida, shuningdek sizning hosting kompaniyangizning boshqaruv panelida joylashgan fayl menejeri orqali amalga oshiriladi. Buni FTP-protokoli (File Transfer Protocol - "fayllarni uzatish protokoli"), maxsus dastur - FTP-klient yordamida amalga oshirishingiz mumkin. Ularning ko'pchiligi ham pulli, ham bepul - masalan, Cute FTP, FlashFXP, WS FTP va boshqalar. Ammo, albatta, dasturni o'rnatish, o'zlashtirish va sozlash vaqtni talab qiladi, shuning uchun kerakli hamma narsani yuklab olish uchun fayl menejeri. brauzer bu osonroq variant.
4-qadam
Rasmning html-tegidagi manzilga qo'shimcha ravishda qo'shimcha ma'lumotlarni - yorliqning "atributlari" ni belgilashingiz mumkin. Masalan, alt="Image" atributi sichqonchaning kursorini rasm ustiga qo'yganda paydo bo'ladigan asboblar uchun matnni o'z ichiga oladi: Uni - title atributi bilan almashtirish mumkin: - brauzer kerak bo'lgan to'rtburchakning kattaligi tasvirni kenglik va balandlik atributlari bilan belgilash: - border atributi rasm atrofidagi chegaraning kengligini belgilaydi (piksellarda): Agar rasm havola qilingan bo'lsa, brauzer uning atrofiga moviy hoshiya chizadi. Undan qutulish uchun chegara qiymatini nolga qo'ying: - Qolgan ikkita atributda qo'shni elementlardan (matn satrlaridan, boshqa rasmlardan va hokazo) rasm chizig'i miqdori to'g'risida ma'lumotlar mavjud - hspace gorizontal (chap va o'ng), vspace - vertikal (pastki va yuqori):
