Qanday Qilib Veb-sayt Uchun Kauchuk Sarlavha Qilish Kerak

Mundarija:

Qanday Qilib Veb-sayt Uchun Kauchuk Sarlavha Qilish Kerak
Qanday Qilib Veb-sayt Uchun Kauchuk Sarlavha Qilish Kerak

Video: Qanday Qilib Veb-sayt Uchun Kauchuk Sarlavha Qilish Kerak

Video: Qanday Qilib Veb-sayt Uchun Kauchuk Sarlavha Qilish Kerak
Video: 4-dars. HTML CSS yordamida qanday qilib veb-sayt Yasash| Boshidan oxirigacha | To'liq qo'llanma 2024, Noyabr
Anonim

Internetda veb-sayt yaratishda, ishlab chiquvchi hisobga olishi kerak bo'lgan eng muhim narsalardan biri bu uning funktsionalligi, ko'p qirraliligi va ishlashidir. Sayt har qanday brauzerda turli xil ekran o'lchamlari bo'lgan kompyuterlarda to'liq va to'g'ri ko'rsatilishi uchun siz bir nechta grafik elementlardan iborat qulay "rezina" sarlavha yaratishingiz mumkin.

Qanday qilib veb-sayt uchun kauchuk sarlavha qilish kerak
Qanday qilib veb-sayt uchun kauchuk sarlavha qilish kerak

Ko'rsatmalar

1-qadam

Veb-sayt uchun bunday sarlavha yaratishning birinchi bosqichida Photoshop-da Internetda joylashtirish uchun allaqachon tayyorlagan rasmni oching va keyin uni asboblar panelidagi Dilim vositasi yordamida qismlarga bo'ling. Sarlavhani o'rtadagi qism bo'sh bo'lishi uchun kesib oling, natijada siz uchta grafik elementga ega bo'lasiz. Bu sarlavha har qanday ekran o'lchamlari uchun cho'zilib ketishiga imkon beradi.

2-qadam

Sarlavhani kesganingizdan so'ng, veb-formatga saqlashda fayllarni optimallashtirish orqali saqlang (Save for web). Saqlash uchun kerakli fayl formatini o'rnating - masalan, gif, jpeg yoki png. Rasmning har bir qismini o'zgartirish uchun menyuda "Dilim tanlash vositasi" parametrini bosing va rasmlarning o'lchamlarini iloji boricha kichikroq bo'lishi uchun ekrandagi tasvirning ingl. Tahrirlangan rasmlaringizni HTML va rasm sifatida saqlang.

3-qadam

Rasmlar saqlangandan so'ng, HTML-kodni blokirovka qilingan HTML-hujjatni ochib tahrir qiling. Bloknotda barcha keraksiz kod satrlarini o'chirib tashlang. Faqat kerakli qatorlarni qoldiring - rasmlaringiz joylashtirilgan jadval haqidagi ma'lumotlar:

4-qadam

Ushbu satrlarda yourimage

5-qadam

Rasmning o'rta qismi cho'zilishi uchun, haddan tashqari rasmlarni yon tomonlarga yoyib, tegishli kod atributlarini qatorlarga yozing. Kodda o'zingizning kenglik va balandlik parametrlarini ko'rsating.

6-qadam

Yaratilgan sarlavha rasmlarini saytingizning ildiz katalogiga yuklang va so'ngra HTML-kodni serverdagi sarlavha rasmlariga yangi yo'llar bilan tahrirlang. Sarlavha kodini teglar orasiga joylashtiring.

Tavsiya: