uy - Noutbuklar
Chrome brauzerida sahifa kodini ko'ring. Google Chrome brauzerida ushbu xususiyatdan foydalanishning boshqa usullari

Malaka sahifaning manba kodini o'zgartiring- ilg'or Internet foydalanuvchisi uchun foydali mahorat. HTML kodini almashtirib, ochiq veb-sahifani xohlagancha o'zgartirishingiz mumkin. Ushbu maqolada biz sizga aytib beramiz sahifa kodini qanday o'zgartirish mumkin V Gugl xrom. Biroq, boshqa brauzerlarda hamma narsa xuddi shunday amalga oshiriladi, shuning uchun hech qanday qiyinchiliklar bo'lmasligi kerak.

Sahifaning HTML kodi nima?

Brauzeringizda ochgan har bir sahifa HTML belgilash tilida o'z kodiga ega. Bu kod teglar va matnni ifodalaydi. Teglar brauzerga saytning u yoki bu qismini qanday ko'rsatishni ko'rsatadigan noyob teglardir. Matn - bu sahifaning mazmuni, foydalanuvchi nimani ko'radi. Bundan tashqari, CSS uslublari o'rnatilgan sahifaga ulanishi mumkin tashqi ko'rinish sahifa elementlari. Kimga sayt manba kodini o'zgartiring HTML va CSS-ni yaxshi bilishingiz shart emas va tez orada o'zingiz ko'rasiz.

Nima uchun veb-sahifani o'zgartirish kerak?

Siz saytdagi ma'lumotlarni o'zgartirishingiz, xabar matnini o'zgartirishingiz yoki soxta ekran tasvirini olishingiz mumkin. E'tibor bering, barcha o'zgarishlar faqat sizga ko'rinadi va sahifani qayta yuklaganingizda yo'qoladi. Bundan tashqari, o'zgartirilgan ma'lumotlar haqiqiy bo'lmaydi. Misol uchun, agar menda 10 dollar bo'lmasa va uni 100 ga almashtirsam, menda boshqa pul bo'lmaydi. Bu faqat brauzer tomonidan sahifaning ko'rinishi. Misol:

Keyin:

Misol uchun, men xuddi shu saytni olaman va "" Ochilish" maqolasining oldingi e'lonini o'zgartiraman bosh sahifa Google Chrome'da. Men o'zgartirmoqchi bo'lgan elementni, masalan, e'lonning sarlavhasini sichqonchaning o'ng tugmasi bilan bosing va "Kodni ko'rish" ni tanlang.

Ochilgan oynada Elementlar yorlig'iga o'ting va sahifaning HTML kodini ko'ring. Unda bizni qiziqtirgan matnni topishimiz kerak. (qizil rang bilan chizilgan)

Endi men eski matnni o'chirib tashlayman va yangisiga yozaman.

Hammasi shu, e'lonning nomi o'zgartirildi. Endi men e'lonning o'zini, teglar va toifani o'zgartiraman.

Img tegidagi src atributini o'zgartirib, boshqa rasm qo'shishingiz mumkin.

Blogning ba'zi muhim elementlarining hajmi va rangi - blog yoki postning sarlavhasi, ko'proq teg va boshqalar. Men kerakli kodni qo'lda qidirdim, test domenini sinab ko'rdim, uning asosida keyinchalik maqola yozildi.

Va yaqinda men havolalar rangini o'zgartirishim kerak edi. Bu masala bo'yicha bir qancha adabiyotlarni elakdan o'tkazib, tushundim oddiy narsa: har kim o'z shablonlaridan misollar keltiradi, lekin bizda har xil andozalar bor va agar misoldagi kod hech bo'lmaganda biroz o'xshash bo'lsa yaxshi bo'ladi: yig'lamasdan, men uni qidirish orqali topaman - tasodifiy.

Raqam havola kodi bilan ishlamadi. Hamma butunlay boshqa yo'llarni ko'rsatdi. Oddiy va aniq vosita bormi, deb hayron bo'ldim. istalgan veb-saytda kerakli html kodni qanday topish mumkin. Ko'pgina bloggerlar, hatto tajribaga ega bo'lsalar ham, shablonga kichik o'zgartirishlar kiritishda qiyinchiliklarga duch kelishadi. Buning hech qanday yomon joyi yo'q, chunki har kimning veb-sayt yaratish uchun o'z manfaatlari va maqsadlari bor.

Agar siz shablonga kichik o'zgarishlar kiritmoqchi bo'lsangiz, masalan. har qanday sarlavhani, maqolalar va bo'limlar sarlavhasini, shriftlar va havolalarning rangi va hajmini o'zgartirish; Odatda ushbu maqolada muhokama qilinadigan oddiy printsipni o'rganish kifoya. Ammo html va CSS-ni chuqurroq o'rganishni yoki mutaxassis yordamini talab qiladigan murakkab holatlar ham mavjud.

Bir kuni bir tanishim o‘z shablonidagi toifalar paneli rangini qayerdan o‘zgartirishni topishimni so‘radi. Mavzu sinov subdomeniga yuklandi. Ushbu element uchun sozlamalar style.css-da emas, balki boshqa faylda saqlangan, shuning uchun odam uni topa olmadi.

Saytning html va CSS kodlarini qanday topish va o'zgartirish

Agar sizga uzun maqolalar yoqmasa, bu siz uchun maqolaning oxirida Notepad++ yordamida veb-saytning html kodini qanday ko'rishingiz va shrift rangini o'zgartirish misolidan foydalanib, istalgan shablon dizayniga o'zgartirishlar kiritishingiz mumkin bo'lgan video darslik. Videoda blogni boshqarishning boshqa nozik jihatlari mavjud. Va matnga yaqinroq va aniqroq bo'lganlar uchun, quyida batafsil tahlil ekran tasvirlari bilan mavzular.
httpv://youtu.be/uIlVvwCt2ho

Atamalar va tushunchalar

Maqolaga sarlavha qo'yish to'g'riroq bo'lardi " Qanday topish mumkin css kodi ", lekin men "noto'g'ri" ism bilan borishga qaror qildim, chunki bu savolga asosan html-da javob topilgan. CSS va HTML bir xil tizimning ikkita qismi bo'lishiga qaramay, juda boshqacha narsalardir. Internetda ko'plab texnik maqolalar mavjud, bu erda biz buni tushunishimiz uchun etarli bo'ladi:

  • HTML— sayt tuzilishi uchun javobgardir (nimadan keyin, qanday tartibda va hokazo). Bu sayt yaratilgan asosdir. Agar biz uni uy bilan taqqoslasak, bu uning tartibi, xonalarning joylashishi.
  • CSS— dizayn uchun javobgardir (qanday shriftlar, o'lchamlar, ranglar va boshqalar). Bu uyning umumiy uslubi va uning alohida xonalarining uslubi: qanday fon rasmi, lampalar, pardalar, mebellar bo'ladi. Shuning uchun, aytilgan hujjat css kodlari, "uslublar jadvali" deb ataladi

Va agar siz, masalan, sayt sarlavhasining rangini, matnlardagi shrift o'lchamini yoki yon paneldagi sarlavhalar rangini qanday o'zgartirishni qiziqtirayotgan bo'lsangiz, bularning barchasini CSS uslublar jadvalida qidirishingiz kerak. Bu kodni o'zingiz o'zgartirish uchun birinchi navbatda tushunishga arziydigan yagona narsa.

Men kompleksni oddiy qilishni yaxshi ko'raman. Uzoq vaqt oldin eslayman, birinchi mashinam bo'lganida, u juda eski edi, simlar chirigan, sigortalar tez-tez yonib turardi va har safar uni xizmat ko'rsatish shoxobchasiga olib bordim. Tasavvur qiling-a, qancha pul behuda ketganini hisobga olsak o'z-o'zini almashtirish, ma'lum bo'lishicha, bir tiyin turadi.

Bir kuni men ustaning aynan nima qilayotganiga qaradim. Men hali ham sug'urta qanday ishlashini bilmayman. Lekin men uni qayerga o'zgartirishni bilaman). Men motorni o'zim ta'mirlamayman va sug'urtani almashtirish qiyin emas. Veb-saytlar bilan ham xuddi shunday.

Agar siz dasturchi bo'lishni xohlamasangiz, unda dasturlashni chuqur tushunishingiz shart emas. Nima uchun mo'ljallanganligini, uni qaerdan izlash va uni qanday o'zgartirish kerakligini tushunish etarli darajada aniq. Qo'lingizdan kelganini o'zingiz o'zgartirib, qolgan hamma narsani mutaxassislarga topshirish yaxshiroqdir. Maqolada ushbu mavzu bo'yicha foydali havola mavjud.

Hamma narsada mutaxassis bo'lish kerakmi?

SEO bloglarida ko'pincha yangi boshlanuvchilar HTMLni chuqur tushunishlari kerakmi yoki undan ham yaxshiroq veb-saytlarni o'zlari yozishni o'rganishlari kerakmi, shunda hamma narsa o'ziga xos bo'lishi kerakmi, degan muhokamalar mavjud. va bu erda kimga yaqinroq bo'lgan narsa yaqinroq. Men biroz ko'proq qiziqaman, shuning uchun men hozir Vladimirdan ko'proq narsani o'rganyapman. Shu yilning noyabr oyida Vladimir o'z blogini ochdi. Uning blogi eng oddiy, bepul shablonda yaratilgan, u faqat o'ziga mos ravishda uni biroz o'zgartirgan.

10 kunlik mavjudlikdan so'ng, blog kuniga taxminan 1,5 ming kishilik trafik bilan Runetning barcha saytlari reytingida 104-o'rinni egalladi. 10 kun ichida. Xo‘sh, nima bo‘ldi? Vladimir HTML tilini yaxshi biladi va o'ziga noyob shablonni buyurtma qilishi va sotib olishi mumkin. Shunday qilib, siz buni tushunishingiz kerak Buning siri shablonlarda emas, balki ma'lumotlarning foydaliligida.

Html kod qayerda yashiringan?

Ajralish uchun uzr so'raymiz, kodlarimizga qaytaylik). Aytaylik, siz blogingiz sarlavhasining shrift rangini o'zgartirmoqchisiz. Keling, mening sinov saytim misolini ko'rib chiqaylik.

  1. Saytni ochish Google brauzeri Chrome (agar siz hali foydalanmasangiz, uni o'rnating - u veb-saytlar bilan ishlash uchun yaxshi mo'ljallangan, unda juda ko'p o'rnatilgan vositalar mavjud).
  2. Biz sichqoncha kursorini o'zgartirmoqchi bo'lgan element ustiga olib boramiz . Bu holda - blog nomi. Biz uni sichqonchaning o'ng tugmasi bilan bosing va paydo bo'lgan oynada KO'RISH ELEMENT KOD ni tanlang.

MUHIM: buni SAHIFA KODINI KO'RISH bilan adashtirmang! Bizga hozir butun sahifa kerak emas, faqat alohida element kerak.

Unga bosing - brauzerning pastki qismida kodni ko'rish oynasi paydo bo'ladi:

Biz o'zgartirayotgan kod qatori qizil rang bilan ta'kidlangan.

Ammo ko'k rang bilan ta'kidlangan maydon biz izlayotgan narsalarni o'z ichiga oladi. Bu erda siz shriftlar, rang, o'lcham, ta'kidlash va boshqalar uchun javob beradigan aniq (taxminan emas) kod qatorini topishingiz mumkin. Shu tarzda siz har qanday shablonning istalgan elementining HAR QANDAY kodini topishingiz mumkin.

Ko'k rang bilan belgilangan blokda kerakli qatorni toping. O'ng tomonda slayder mavjud, siz aylanib o'tishingiz va kerakli qatorni topishingiz mumkin.

Narsalarni qaerdan izlashning umumiy printsipi:

Shrift nomi - FONT FAMILY qatorida

Shrift o'lchami - FONT SIZE qatorida

Shrift rangi - COLOR qatorida

Bu erda har qanday elementning nomi, o'lchami va shrift rangi o'zgargan uchta asosiy qator mavjud. CSS uslubidagi o'ng tomonda hujjatdagi chiziqning o'rni berilgan. Agar siz boshqa elementni o'zgartirishingiz kerak bo'lsa (masalan, menyu satrining rangini yoki havolalar rangini o'zgartirishingiz mumkin bo'lgan chiziq qayerda ekanligini aniqlashingiz kerak), hamma narsa xuddi shunday amalga oshiriladi.

DIQQAT:

Biz nusxa ko'chiradigan chiziq rasmda qizil rang bilan ta'kidlangan,

keyin uni uslublar jadvalida topishingiz uchun.

4. Chiziqdan nusxa oling. Ushbu misolda biz sayt nomining rangini o'zgartirmoqchi bo'lganimiz sababli, men ikkinchi rasmdagi qizil to'rtburchakda belgilangan chiziqni ko'chiraman. Mening shablonimda u sayt sarlavhasining rangini o'zgartirish uchun javobgardir:

#sarlavha h1 a, #sarlavha h1 a: tashrif buyurilgan (

"Uslublar jadvali (style.css)" faylida kerakli qatorni toping. Bu allaqachon administrator panelida qilingan. Ishonch va to'liq tushunish bo'lmasa-da, istisno qilish uchun barcha tajribalar sinov subdomenida o'tkazilishini qat'iy so'rayman.

Shunday qilib, administrator paneliga o'ting: CONSOLE - EXEARANCE - EDITOR. O'ng yon panelda biz STYLE TABLE (STYLE.CSS) faylini topamiz, uni oching.

Endi CTRL + F tugmalari yordamida qidiruv satrini oching: yuqori oynada bo'sh qatorli oyna paydo bo'ladi. Biz unga 4-bosqichda ko'chirilgan qatorni joylashtiramiz.

Va siz ushbu chiziq uslublar jadvalida qanday ta'kidlanishini ko'rasiz (rasmdagi to'q sariq rangda):

Biz elementga o'zgartirish kiritamiz. Bizning holatda, biz shrift rangini o'zgartiramiz, shuning uchun COLOR qatorida biz boshqa qiymatni - biz xohlagan rangni almashtiramiz. Misolda, rang qora, uning ma'nosi:

Siz istalgan veb-ranglar palitrasi xizmatida rangni tanlashingiz mumkin: qidiruv tizimida “Veb ranglar palitrasi” deb yozing va kerakli birini tanlang. Biz rangni tanlaymiz, uning raqamli qiymatini nusxalaymiz va ehtiyotkorlik bilan eskisiga almashtiramiz. shundan so'ng biz FAYLni UPDATE tugmasini bosing va nima bo'lganini ko'rish uchun boramiz.

Agar o'zgarishlar ko'rsatilmasa, so'nggi bir soat ichida va yana sahifaga o'ting - bu safar hamma narsa ko'rsatilishi kerak.

Ta'riflash uchun ko'p vaqt talab etiladi, lekin amalda hamma narsa tezda amalga oshiriladi, ayniqsa, dastlabki mahorat paydo bo'lganda.

Batafsilroq, ba'zi elementlarni qanday o'zgartirish kerak:

Bugun hammasi shu, endi kodlar bilan sizni bezovta qilmayman. Umid qilamanki, endi siz o'zingiz html kodning istalgan elementini, to'g'rirog'i, CSS kodini osongina topishingiz va o'zgartirishingiz mumkin - buni soddalashtirganim uchun mutaxassislar meni kechirsin. Va agar siz buni tushunmasangiz, sahifaga tashrif buyuring. Vaqtingizni behudaga sarflamang.

Men Artem Abramovichning istalgan mavzuda/shablonda, istalgan dvigatel (wordpress, joomla va boshqalar) uchun istalgan so‘z yoki elementni qanday qidirish va topish va uni kerakli narsa bilan almashtirish haqida videoni tomosha qilishni taklif qilaman:

Agar sizga yoqqan bo'lsa, baham ko'ring:

Sizni ham bilish qiziqtirishi mumkin:


Ko'rsatmalar

Htmlni ochishning eng oson yo'li kod o'rnatilgan brauzer imkoniyatlaridan foydalanish bilan bog'liq. Ularning har birida ko'rish imkoniyati mavjud kod sahifalar. Ha, brauzerda Internet Explorer ko'rish uchun kod uni menyuda ochishingiz kerak: "Ko'rish" - "html-ni ko'rish" kod».

Bilan ishlaydiganlar uchun Opera brauzeri, ko'rish uchun kod ochishingiz kerak: "Ko'rish" - "Manba kodi" yoki Ctrl + F3 tugmalar birikmasini bosing. Foydalanuvchilar Mozilla Firefox sahifani o'ng tugmasini bosib, kontekst menyusidan "Sahifa manba kodi" ni tanlab, html kodini ko'rishingiz mumkin.

Google Chrome bilan ishlaydigan foydalanuvchilar, shuningdek, ko'rilayotgan sahifani o'ng tugmasini bosish orqali chaqiriladigan kontekst menyusidan foydalanishlari va "Ko'rish" ni tanlashlari kerak. kod sahifalar".

Saqlamoq ochiq manba Opera-da, ustiga bosing sahifani oching oynaning yuqori chap qismidagi html "Saqlash" tugmasi bilan. Mozilla Firefox-da "Fayl" - "Sahifani saqlash ..." -ni tanlang. HTML kodi xuddi shu tarzda IEda saqlanadi. Google Chrome brauzerida ochiq manba kodini sichqonchaning o'ng tugmasi bilan bosing va kontekst menyusidan "Boshqa saqlash" -ni tanlang.

Agar siz saqlangan kod bilan ishlashingiz kerak bo'lsa, foydalaning maxsus dasturlar. HTML tilini o'zlashtirish uchun CuteHTML sintaksisini ajratib ko'rsatadigan muharrir mukammal, u juda sodda va ishlatish uchun qulay. Uning yordami bilan siz juda murakkab sahifalarni yaratishingiz mumkin.

HTML bilan professional tarzda ishlash va murakkab veb-saytlar yaratish uchun Dreamweaver-dan foydalaning. Bu juda murakkab loyihalarni tezda yaratishga imkon beruvchi vizual veb-sayt yaratuvchisi. Ushbu dasturda ishlashda siz tayyor veb-sayt shablonlaridan foydalanishingiz mumkin, bu Internet-resursni yaratishni sezilarli darajada tezlashtiradi va soddalashtiradi.

Bir guruh bepul shablonlar, ular asosida juda chiroyli veb-saytlarni yaratishingiz mumkin, Internetda joylashtirilgan. O'zingizga yoqqan shablonni yuklab oling, Dreamweaver-da oching va uni o'zingiz xohlagan tarzda o'zgartiring. Tayyor shablonlarni bu yerdan yuklab olishingiz mumkin: http://www.internet-technologies.ru/templates/.

Internet veb-sahifasida havola bo'lishi mumkin Word hujjati. Havolani bosganingizda, u brauzeringizda ham, brauzeringizda ham paydo bo'lishi mumkin matn muharriri. Matn faylini ochishning eng yaxshi usuli qanday?

So'z muharriri ega emas o'z-o'zini sozlash hujjat brauzerdan olinganmi yoki yo'qligi haqida. Barcha sozlamalar to'g'ridan-to'g'ri Windows-da sozlangan.

Quyidagilardan birini bajarib, Fayl turlari dialog oynasini oching:

Windows tugmachasini bosing va ushlab turing (u OS logotipini o'z ichiga oladi va klaviaturaning pastki qismida, Ctrl va Alt tugmalari orasida joylashgan).
- Ish stolida Mening kompyuterim belgisini ikki marta bosing.

Endi paydo bo'lgan menyudan Asboblar > Papka parametrlari-ni tanlang va Fayl turlari yorlig'iga o'ting. Windows haqida ma'lumot to'plashda siz bir necha daqiqa kutishingiz kerak bo'ladi har xil turlari fayllar.

Ro'yxat paydo bo'lganda, ro'yxatda DOC kengaytmasini topishingiz kerak. Uni ta'kidlash uchun ustiga bosing va keyin "Kengaytirilgan" tugmasini bosing. Endi siz Fayl turi xususiyatlarini tahrirlash dialog oynasini ko'rishingiz mumkin. Tahrirlash brauzerda Word hujjatlarini ko'rsatish uchun 2 variantni taklif qiladi.

Hujjatni matn muharririda ochish

Bu standart sozlamalar. Agar siz uni saqlashga qaror qilsangiz, faqat ba'zi sozlamalarni sozlashingiz kerak. Hujjatni ochish yoki saqlashni tanlash imkoniyatiga ega bo'lishni istasangiz, "Yuklab olingandan keyin ochilishni tasdiqlash" yonidagi katakchani belgilashingiz kerak. E'tibor bering, agar siz "Ushbu fayl turini ochganda har doim so'rash" katagiga belgini olib tashlasangiz, yuqoridagi katakchani belgilay olmaysiz.

Internet Explorer-da hujjatni ochish

Fayl turini o'zgartirish xususiyatlari dialog oynasida, xuddi shu oynada ko'rib chiqish yorlig'i yonidagi katakchani belgilang. Ushbu sozlama Word hujjati sukut bo'yicha Internet Explorer-da ochilishini bildiradi. Brauzer mos keladigan plagindan foydalanadi, uning asboblar paneli Word va Internet Explorer asosiy menyusining kombinatsiyasi. Hujjatingizni xuddi matn protsessorida bo'lgani kabi tahrirlashingiz va formatlashingiz mumkin, lekin ba'zi variantlar mavjud bo'lmasligi mumkin.

Ushbu sozlamani olib tashlash qiyin emas. Shunchaki "Fayl turi xususiyatlarini o'zgartirish" dialog oynasini oching va "Bir xil oynada ko'rib chiqish" belgisini olib tashlang. Shundan so'ng, hujjat sukut bo'yicha Word-ga yuklanadi.

Hujjatni boshqa brauzerlarda ochish

Hujjatni boshqa brauzerlarda faqat maxsus plaginlarni o'rnatgandan so'ng ochish mumkin. Masalan, View Docs Opera uchun ishlab chiqilgan va Firefox uchun u ishlaydi Google Docs Tomoshabin va boshqalar. Bundan tashqari, kompyuteringizda hech qanday yuklab olish yoki o'rnatishni talab qilmaydigan onlayn vositalarning katta tanlovi mavjud.

Uzoq vaqt davomida "sahifa manbasini ko'rsatish" opsiyasi men uchun foydasiz va qiziq emas edi. Hozircha Codecademy’da HTML tilini o‘rganish va o‘z veb-saytlarimni loyihalash mening yangi hobbimga aylangani yo‘q. Bu erda savol tug'ildi: haqiqiy holatlarni qaerdan topish va "cho'chqachilik bankingiz" uchun qiziqarli echimlarni olish kerak? Javob kutilmaganda oddiy edi, xuddi barcha mohir narsalar kabi: Google Chrome-dagi sahifaning manba kodiga qarang! Men siz bilan kamtarona topilmalarimni baham ko'raman.

Sahifa manba kodi nima

Agar siz ham men kabi HTML dasturlashda ilk qadamlaringizni endigina qo'yayotgan bo'lsangiz, sahifaning manba kodi nima ekanligini bilib olishingiz ma'qul bo'lardi.

HTML sahifa kodi sifatida ham tanilgan manba kodi Hyper Text Markup Language (HTML)dagi matndir. U haqiqiy sahifa mazmunini (matn, jadvallar) va teglarni o'z ichiga oladi. Ikkinchisi brauzer uchun ko'rsatmalar sifatida ishlaydi: tarkibni qanday ko'rsatish, qanday formatlashdan foydalanish, giperhavola yoki media faylni qaerga kiritish. Xo'sh, biz uchun, boshlang'ich dasturchilar uchun, manba kodi eng yaxshi o'quv maydonchasidir: biz qiziqarli sayt topamiz va unga josuslik qilamiz, uni saqlaymiz va muvaffaqiyatli bo'laklardan foydalanamiz. Qanaqasiga?

Google Chrome brauzeri sahifasida manba kodini qanday ko'rish mumkin

O'zingizga yoqqan sahifani toping. Misol uchun, meni sayt menyusi dizayni qiziqtirdi. Google Chrome brauzerida manba kodini ochishning uchta usuli mavjud:

  1. Belgini bosing menyu brauzerning yuqori o'ng burchagida va "ni tanlang. Qo'shimcha vositalar" Boshqalar qatorida "Manba kodini ko'rish" opsiyasi mavjud. Rostini aytsam, men uni kamdan-kam ishlataman bu usul: juda ko'p keraksiz harakatlar. Buni yanada soddalashtirish mumkin.
  2. Tugmalar birikmasini bosing Ctrl+U– manba kodi bilan yangi oyna ochiladi;
  3. Kontekst menyusi muxlislari uchun: sahifani o'ng tugmasini bosing va "Sahifa kodini ko'rish" variantini tanlang.

Biz brauzerda sahifaning HTML kodini ko'rish vazifasini bajardik. Keling, eng qiziqarli bosqichga o'tamiz.

Manba kodini qanday tahrirlash va saqlash

Veb-saytlar yaratishni o'rganish uchun boshqa birovning HTML kodini o'qishning o'zi etarli emas. Siz u bilan o'ynashingiz, tajriba qilishingiz, o'zgartirishlar kiritishingiz va natijani tekshirishingiz kerak. Siz hatto bir nechta muvaffaqiyatli namunalarni to'plashdan boshlashingiz mumkin. Manba kodini qanday tahrirlash va saqlash kerak?

Variant 1. "Qo'lda"

Sahifaning manba kodini ochganimizdan so'ng biz qo'ng'iroq qilamiz kontekst menyusi va "Boshqa saqlash" opsiyasini tanlang va faylni saqlang qattiq disk. Biz faylni Notepad yoki Notepad-da tahrirlaymiz, o'zgarishlarni saqlaymiz va brauzer orqali ochamiz. Bizning o'zgarishlarimiz natijalari (muvaffaqiyatli va unchalik muvaffaqiyatli emas) brauzer oynasida aks etadi.

Variant 2. Professionallar uchun

Har kuni manba kod bilan "o'ynaganingizda" "saqlash - ochish - o'zgartirish - saqlash - tekshirish" jarayoni charchagan bo'ladi. Men o'zim uchun Google Chrome - Firebug Lite plaginini o'rnatish shaklida yechim topdim. Bu brauzer oynasidan chiqmasdan manba kodini tahrirlash va saqlash imkonini beradi.

SendPulse xizmati obuna bazasini yaratish va veb-saytingizga tasodifiy tashrif buyuruvchilarni muntazam tashrif buyuruvchilarga aylantirish uchun marketing vositasidir. SendPulse bir platformada mijozlarni jalb qilish va ushlab turish uchun eng muhim funktsiyalarni birlashtiradi:
● elektron pochta xabarnomalari,
● web push,
● SMS xabarlar,
● SMTP,
● Viberdagi axborot byulletenlari,
● facebook messenjeriga xabarlar yuborish.

Elektron pochta xabarnomalari

Elektron pochta jo'natmalarini o'tkazish uchun turli tariflardan, shu jumladan bepullardan foydalanishingiz mumkin. Bepul rejada cheklovlar mavjud: obuna bazasi 2500 dan oshmaydi.
Elektron pochta xabarnomalari xizmati bilan ishlashda boshlashingiz kerak bo'lgan birinchi narsa o'zingizni yaratishdir manzillar kitobi. Sarlavha o'rnating va elektron pochta manzillari ro'yxatini yuklang.


SendPulse-da yaratish qulay obuna shakllari qalqib chiquvchi oyna shaklida, o'rnatilgan shakllar, ekranning ma'lum bir qismida suzuvchi va o'rnatiladi. Obuna shakllaridan foydalanib, siz noldan obunachilar bazasini to'playsiz yoki bazangizga yangi manzillar qo'shasiz.
Shakl dizaynerida siz ehtiyojlaringizga eng mos keladigan obuna shaklini yaratishingiz mumkin va xizmat ko'rsatish bo'yicha maslahatlar bu vazifani engishingizga yordam beradi. Bundan tashqari, mavjud tayyor shakllardan birini qo'llash mumkin.


Obuna shakllarini yaratishda korporativ domen bilan elektron pochtadan foydalanishni unutmang. Qanday qilib o'qing.
Xabar shablonlar obunachilarga xatlaringizni chiroyli tarzda loyihalashtirishga yordam beradi. Maxsus shablon Maxsus konstruktorda harflar yaratishingiz mumkin.


Avtomatik pochta jo'natmalari. Kontent menejerlari avtomatik pochta jo'natmalaridan faol foydalanadilar. Bu mijozlar bilan ishlash jarayonini avtomatlashtirishga yordam beradi. Avtomatik pochta xabarnomasini bir necha usulda yaratishingiz mumkin:
Harflarning ketma-ket ketma-ketligi. Bu shartlardan qat'i nazar, oluvchilarga ma'lum tartibda yuboriladigan bir nechta xat yozilsa, eng oddiy variant. Bu erda variantlar bo'lishi mumkin - xabarlar seriyasi(oddiy xabarlar zanjiri), maxsus sana(maktublar ma'lum sanalarga mo'ljallangan), tetik harfi- xat abonentning harakatlariga qarab yuboriladi (xabarni ochish va h.k.).
Avtomatlashtirish 360- ma'lum filtrlar va shartlar bilan, shuningdek, konversiyalarni hisobga olgan holda pochta jo'natmalari.
Tayyor zanjirlar shablonga muvofiq. Berilgan shablon yordamida bir qator harflar yaratishingiz yoki shablonni o'zgartirishingiz va uni ehtiyojlaringizga moslashtirishingiz mumkin.
A/B testi bir qator xatlarni jo'natishning turli xil variantlari bo'yicha tajriba o'tkazish va aniqlashga yordam beradi eng yaxshi variant teshiklar yoki o'tishlar orqali.

Push bildirishnomalarini yuborish

Push pochta jo'natmalari brauzer oynasidagi obuna bo'lib, bu RSS obunalarini almashtirishning bir turi. Web-push texnologiyalari hayotimizga jadallik bilan kirib keldi va mijozlarni jalb qilish va ushlab turish uchun push-maillardan foydalanmaydigan veb-saytni topish allaqachon qiyin. Skriptni so'rash uchun siz xatlarni qo'lda yuborishingiz yoki bir qator harflar yaratish yoki RSS-dan ma'lumotlarni yig'ish orqali avtomatik pochta jo'natmalarini yaratishingiz mumkin. Ikkinchi variant sizning veb-saytingizda yangi maqola paydo bo'lgandan so'ng, bu haqda qisqacha e'lon bilan obunachilaringizga avtomatik ravishda xabar yuborilishini anglatadi.


Yuborishdan yangiPuls– endi siz Push bildirishnomalaridan foydalanib, ularga reklama joylashtirish orqali saytingizni monetizatsiya qilishingiz mumkin. $10 ga yetganda, to'lovlar har dushanba kuni to'lov tizimlaridan biri - Visa/mastercard, PayPal yoki Webmoney orqali amalga oshiriladi.
Xizmatdagi push-xabarlar mutlaqo bepul. To'lov faqat White Label - SendPulse xizmatini eslatmasdan jo'natish uchun olinadi, ammo agar xizmat logotipi sizni bezovta qilmasa, siz push-bildirishnomalardan cheklovlarsiz bepul foydalanishingiz mumkin.

SMTP

SMTP funksiyasi oq roʻyxatga kiritilgan IP manzillar yordamida xatlaringizni qora roʻyxatga tushishdan himoya qiladi. SendPulse pochta jo'natmalarida qo'llaniladigan DKIM va SPF kriptografik imzo texnologiyalari yuborilgan xatlarga ishonchni oshiradi va xatlaringiz spam yoki qora ro'yxatga tushib qolish ehtimolini kamaytiradi.

Facebook Messenger botlari

Facebook chatboti beta-sinovda. Siz uni sahifangizga ulashingiz va obunachilarga xabar yuborishingiz mumkin.

SMS yuborish

SendPulse xizmati orqali ma'lumotlar bazasi bo'ylab pochta jo'natmalarini yuborish oson telefon raqamlari. Birinchidan, siz telefon raqamlari ro'yxati bilan manzillar kitobini yaratishingiz kerak. Buning uchun "Manzil kitobi" bo'limini tanlang, yangi manzillar kitobini yarating va telefon raqamlarini yuklang. Endi siz ushbu ma'lumotlar bazasidan foydalanib, SMS xabarnoma yaratishingiz mumkin. SMS-xabarning narxi qabul qiluvchining aloqa operatorlariga qarab o'zgaradi va yuborilgan 1 SMS uchun o'rtacha 1,26 rubldan 2,55 rublgacha.

sheriklik dasturi

SendPulse qurilmalari sheriklik dasturi, uning ichida sizning havolangizdan foydalangan holda tarif uchun to'lovni amalga oshirgan ro'yxatdan o'tgan foydalanuvchi sizga 4000 rubl olib keladi. Taklif etilgan foydalanuvchi xizmatdan foydalanishning dastlabki 5 oyi uchun 4000 rubl chegirma oladi.

 


O'qing:



Nima uchun noutbukga kichik SSD kerak va unga Windows-ni o'rnatishga arziydimi?

Nima uchun noutbukga kichik SSD kerak va unga Windows-ni o'rnatishga arziydimi?

O'yinlar uchun SSD drayveri qanchalik muhim, u nimaga ta'sir qiladi va ushbu texnologiyaning foydaliligi nimada - bu bizning maqolamizda muhokama qilinadi. Qattiq holat...

Dasturlar yordamida flesh-diskni ta'mirlash Noutbukdagi USB portni qanday tuzatish kerak

Dasturlar yordamida flesh-diskni ta'mirlash Noutbukdagi USB portni qanday tuzatish kerak

USB portini qanday tuzatish mumkin? Mutaxassisdan javob: Kompyuterdan foydalanganda USB portlari tez-tez buziladi. Birinchidan, ular muvaffaqiyatsizlikka uchradi ...

Disk tuzilishi buzilgan, o'qish mumkin emas, nima qilishim kerak?

Disk tuzilishi buzilgan, o'qish mumkin emas, nima qilishim kerak?

Foydalanuvchilarning shaxsiy kompyuterlarida ko'pincha muhim ma'lumotlar - hujjatlar, fotosuratlar, videolar saqlanadi, ammo ma'lumotlarning zaxira nusxasi odatda...

Kompyuter nimadan iborat?

Kompyuter nimadan iborat?

Nashr etilgan: 14.01.2017 Assalomu alaykum, do'stlar, bugun biz kompyuter tizim blokining dizaynini batafsil ko'rib chiqamiz. Keling, nima ekanligini bilib olaylik ...

tasma tasviri RSS