Google xaritalarini veb -saytga qanday joylashtirish mumkin: 4 qadam

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

Menga Maps Challenge da ovoz bering!

Yaqinda men Google Xaritalardan foydalanadigan veb -sayt yaratdim. Google Xaritalarni veb -saytimga joylashtirish juda oson edi va buni qilish qiyin emas edi. Ko'rsatmalarda men sizga Google Xaritalarni veb -saytingizga joylashtirish qanchalik osonligini ko'rsataman.

Rostini aytsam, men shunchaki Google Xaritalarni o'z veb -saytimga ko'ngil ochish uchun joylashtirdim. Karantinda qiladigan ish juda ko'p emas, shuning uchun nima uchun Google Xaritalaridan foydalanadigan veb -sayt yaratib, keyin odamlarga ushbu veb -saytni yaratishda qilgan harakatlarimni ko'rsatmasligingiz kerak.

Aytishim kerakki, Google xaritalarini veb -saytingizga joylashtirish uchun siz HTML va CSS haqida bir -ikki narsani bilishingiz kerak. Agar siz HTML yoki CSS haqida hech narsa bilmasangiz, https://www.w3schools.com/ saytiga kiring.

Eslatma: Men W3Schools bilan hech qanday shakl yoki shaklda aloqador emasman. Bu HTML va CSS -ni o'rganishda foydali bo'lgan veb -sayt.

Ta'minotlar

• Matn muharriri (veb -saytingizni sozlash va veb -saytingiz tarkibini taqdim etish uchun ishlatiladi).
• Google xaritalari (sizning veb -saytingizga nima qo'shiladi).
• HTML va CSS haqida asosiy tushunchalar (bu sizning veb -saytingizni sozlash va veb -saytingizga kontent berishda qo'llaniladigan quyidagi dasturlash tillari).

1 -qadam: Veb -saytingizga kontent bering

Kompyuteringizda matn tahrirlash dasturiga o'ting. Masalan, menda Windows borligi uchun Notepadga o'tishim kerak. Notepad -ga kirgandan so'ng, quyidagilarni kiriting:

Google xaritalari

Google xaritalari

Notepad -da quyidagilarni yozishni tugatganingizdan so'ng, Google Xaritalarga o'ting, u erda siz Google Xaritalarni veb -saytingizga joylashtirish uchun kodni olasiz.

Google xaritalariga o'tish uchun havola:

2 -qadam: Google Xaritalarni veb -saytingizga joylashtiring

Google Xaritalarga kirganingizdan so'ng, "Menyu" tugmachasini bosing va "Xaritani ulashish yoki joylashtirish" ni qidiring. "Xaritani ulashish yoki joylashtirish" ni ko'rganingizda, ustiga bosing. Buni bosgandan so'ng, "Havolani yuborish" va "Xaritani joylashtirish" ni ko'rishingiz kerak. Endi "Xaritani joylashtirish" tugmachasini bosing, "Xaritani joylashtirish" tugmachasini bosgandan so'ng, siz matn maydonining chap tomonidagi pastdagi o'qni ko'rishingiz kerak, u xaritaning qanchalik katta yoki kichik bo'lishini tanlash uchun ishlatiladi. Matnni qutiga nusxalash. Va matnni veb -saytingizning HTML -ga joylashtiring.

3 -qadam: veb -saytingizni sozlash

Kompyuteringizdagi matn tahrirlovchisi dasturiga qayting va quyidagilarni kiriting:

Google Xaritalar tanasi {fon rangi: rgb (129, 207, 224, 1);}

Google xaritalari

Uslub yorlig'i veb -saytingizni sozlash uchun ishlatiladi. Endi men sizga aytamanki, bu qadam CSS -dan foydalanadi. Sizniki mening veb -saytimga o'xshash bo'lishi uchun siz quyidagilarni yozishingiz mumkin.

Ishingiz tugagach, faylingizni "Google Maps.html" sifatida saqlang. HTML qismini unutmang, chunki agar siz bu qismni kiritmasangiz, siz veb -sayt qila olmaysiz.

4 -qadam: Yakuniy mahsulotingizga qarang

Ushbu yo'riqnomadagi barcha qadamlarni bajarib bo'lgach, yakuniy mahsulotingizga bir ko'z tashlang. Agar siz oxirgi mahsulotingizdan mamnun bo'lsangiz, bu juda yaxshi. Ammo, agar siz yakuniy mahsulotingizdan qoniqmasangiz, daftarchangizga qayting va oxirgi mahsulotingizni tuzatishga harakat qiling, shunda keyingi safar siz oxirgi mahsulotingizga yaxshilab qarasangiz, siz yaratgan narsangizdan mamnun bo'lasiz. sizning qo'llaringiz.

Agar siz manba kodimni ko'rishni xohlasangiz, uni ko'rsatmalarni pastki qismida topishingiz mumkin. Mening ko'rsatmalarimni va baxtli kodlashni ko'rganingiz uchun tashakkur!

Eslatib o'taman, Maps Challenge -da menga ovoz bering!