Benim için uzun bir süre "göster" seçeneği kaynak sayfalar" işe yaramaz ve ilgi çekici değildi. Şu ana kadar Codecademy'de HTML öğrenmek ve kendi web sitelerimi tasarlamak yeni hobim haline gelmedi. Sorunun ortaya çıktığı yer burasıdır: Gerçek vakaları nerede bulabilir ve "kumbaranız" için ilginç çözümleri nerede ödünç alabilirsiniz? Cevap, tüm ustaca şeyler gibi beklenmedik derecede basitti: Google Chrome'daki sayfanın kaynak koduna bakın! Mütevazı bulgularımı sizlerle paylaşıyorum.

Sayfa kaynak kodu nedir

Eğer siz de benim gibi HTML programlamaya ilk adımlarınızı atıyorsanız, bir sayfanın kaynak kodunun ne olduğunu öğrenmek iyi bir fikir olacaktır.

HTML sayfa kodu olarak da bilinen kaynak kodu, Hiper Metin İşaretleme Dili'ndeki (HTML) metindir. Gerçek sayfa içeriğini (metin, tablolar) ve etiketleri içerir. İkincisi, tarayıcı için talimatlar görevi görür: içeriğin nasıl görüntüleneceği, ne tür formatlamanın kullanılacağı, köprünün veya medya dosyasının nereye ekleneceği. Biz acemi programcılar için kaynak kodu en iyi eğitim alanıdır: ilginç bir site buluruz ve onu gözetler, kaydeder ve başarılı parçalar kullanırız. Nasıl?

Kaynak kodu Google Chrome tarayıcı sayfasında nasıl görüntülenir?

Beğendiğiniz sayfayı bulun. Mesela site menüsünün tasarımı ilgimi çekti. Kaynak kodunu şu adreste açın: Google tarayıcısı Chrome üç şekilde yapılabilir:

1. Simgeye tıklayın Menü tarayıcının sağ üst köşesinde ve “ Ek araçlar" Diğerlerinin yanı sıra “Kaynak kodunu görüntüle” seçeneği de vardır. Açıkçası nadiren kullanıyorum Bu method: bir sürü gereksiz hareket. Daha da basit hale getirilebilir.
2. Tuş kombinasyonuna basın Ctrl+U– kaynak kodunu içeren yeni bir pencere açılır;
3. İçerik menüsünü sevenler için: Sayfaya sağ tıklayın ve “Sayfa kodunu görüntüle” seçeneğini seçin.

Sayfanın HTML kodunu tarayıcıda görüntüleme görevinin üstesinden geldik. En ilginç aşamaya geçelim.

Kaynak kodu nasıl düzenlenir ve kaydedilir?

Web sitelerinin nasıl oluşturulacağını öğrenmek için başka birinin HTML kodunu okumak yeterli değildir. Onunla oynamanız, denemeniz, değişiklik yapmanız ve sonucu kontrol etmeniz gerekiyor. Birkaç başarılı örneği derleyerek bile başlayabilirsiniz. Kaynak kodu nasıl düzenlenir ve kaydedilir?

Seçenek 1. “Manuel olarak”

Sayfanın kaynak kodunu açtıktan sonra çağırıyoruz. içerik menüsü"Farklı Kaydet" seçeneğini seçin ve dosyayı kaydedin. Sabit disk. Dosyayı Not Defteri veya Not Defteri'nde düzenliyoruz, değişiklikleri kaydedip tarayıcı aracılığıyla açıyoruz. Değişikliklerimizin sonuçları (başarılı ve çok başarılı değil) tarayıcı penceresine yansıtılacaktır.

Seçenek 2. Profesyoneller için

Her gün kaynak kodla "oynadığınızda" "kaydet - aç - değiştir - kaydet - kontrol et" süreci yorucu oluyor. Kendim için Google Chrome - Firebug Lite için bir eklenti yükleme şeklinde bir çözüm buldum. Tarayıcı penceresinden ayrılmadan kaynak kodunu düzenlemenize ve kaydetmenize olanak tanır.

İnternetteki sayısız siteye baktığınızda gerçekten beğendiğimiz sitelerle karşılaşabilirsiniz. Hemen bir dizi soru ortaya çıkıyor. Site ev yapımı kod veya bir tür CMS kullanılarak mı yapıldı? onunkiler neler CSS stilleri? Meta etiketleri nelerdir? Ve benzeri.

Bir web sitesi sayfasının kodu hakkında bilgi çıkarmak için kullanılabilecek birçok araç vardır. Ancak her zaman elimizde sağ fare düğmesi bulunur. Sitemi örnek olarak kullanarak kullanacağımız şey budur.

Sayfa kodu nasıl görüntülenir?

Bir site sayfasının kaynak kodunu görüntülemek için farenizi web sayfasının herhangi bir alanının (resimler ve bağlantılar hariç) üzerine getirmeniz gerekir. Bundan sonra farenin sağ tuşuna tıklayın. Önümüzde çeşitli seçeneklerin bulunduğu bir pencere açılacaktır (içinde farklı tarayıcılar biraz farklılık gösterebilirler). Örneğin Google Chrome tarayıcısında komutlar şunlardır:

• geri;
• ileri;
• yeniden başlat;
• farklı kaydet;
• fok;
• Rusçaya çevir;
• sayfa kodunu görüntüle;
• kodu görüntüle.

Tıklamamız gerekiyor sayfa kodunu görüntüle ve site sayfasının html kodu önümüzde açılacaktır.

Sayfa kodunu görüntüleme: Nelere dikkat etmeli?

Yani Html sayfa kodu, her biri bu sitenin nasıl yapıldığına dair bilgi taşıyan, numaralandırılmış bir satır listesidir. Bu çok sayıda işareti anlamayı hızlı bir şekilde öğrenmek ve özel karakterler, kodun farklı bölümlerini birbirinden ayırmanız gerekir.

Örneğin head etiketinin içindeki kod satırları, arama motorları ve web yöneticileri için bilgiler içerir. Sitede görüntülenmiyorlar. Burada nasıl olduğunu görebilirsiniz anahtar kelimeler Bu sayfa, başlığının ve açıklamasının nasıl yazıldığına göre tanıtılmaktadır. Ayrıca aile hakkında bilgi edineceğimiz bir bağlantıya da buradan ulaşabilirsiniz. Google yazı tipleri sitede kullanıldı.

Site CMS WordPress veya Joomla'da yapılmışsa, bu burada da görünecektir. Örneğin, bu alan bir WordPress teması veya Joomla web sitesi şablonu hakkındaki bilgileri görüntüler. Mavi renkle vurgulanan bağlantıların içeriğini okuyarak görebilirsiniz. Bağlantılardan birinde bir web sitesi şablonu gösteriliyor.

Örneğin:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Sayfanın CSS yazı stillerini göreceğiz. Bu durumda yazı tipi kullanılır. Bunu burada görebilirsiniz - font-family: 'Source Sans Pro'.

Bu site Yoast SEO eklentisi kullanılarak optimize edilmiştir. Bu, kodun bu yorumlanmış bölümünden görülebilir:

Bu site Yoast SEO eklentisi v3.4.2 ile optimize edilmiştir - https://yoast.com/wordpress/plugins/seo/

Gövde etiketinin içerdiği tüm bilgiler tarayıcı tarafından monitör ekranında görüntülenir. Burada sayfanın html kodunu görüyoruz ve en altta da Yandex Metrics script kodu yer alıyor. Şu metni içeren yorumlu bir etiketle çevrilidir:

/Yandex.Metrika sayacı

Özetleyelim

Sitenin ana sayfasının kodunun oldukça yüzeysel bir analizini yaptıktan sonra bu sayfanın hangi araçlarla yapıldığına dair bir sonuca varabiliriz. Üzerinde şunları gördük:

• CMS WordPress'i;
• Google yazı tipi Source Sans Pro;
• WordPress teması – Sidney;
• Yoast eklentileri;
• Yandex metrik sayacı.

Şimdi analiz ilkesi HTML Kodu Site sayfası oldukça açıktır. Araştırdığınız sayfayı tarayıcıda açık tutmanıza hiç gerek yok. ctrl+a, ctrl+c, ctrl+v tuş kombinasyonlarını kullanarak sayfa kodunu bilgisayarınıza kaydedebilirsiniz. Herhangi birine yapıştırın Metin düzeltici(tercihen Notepad++) ve html uzantısıyla kaydedin. Böylece istediğiniz zaman daha derinlemesine inceleyebilir ve kendiniz için daha yararlı bilgiler bulabilirsiniz.

SendPulse hizmeti, bir abonelik tabanı oluşturmaya ve web sitenize gelen sıradan ziyaretçileri düzenli ziyaretçilere dönüştürmeye yönelik bir pazarlama aracıdır. SendPulse, müşterileri çekmek ve elde tutmak için en önemli işlevleri tek bir platformda birleştirir:
● e-posta bültenleri,
● web push,
● SMS postaları,
● SMTP'yi,
● Viber'deki haber bültenleri,
● facebook messenger'a mesaj gönderme.

E-posta bültenleri

E-posta gönderimlerini gerçekleştirmek için ücretsiz olanlar da dahil olmak üzere çeşitli tarifeleri kullanabilirsiniz. Ücretsiz planın kısıtlamaları vardır: abonelik tabanı 2500'den fazla değildir.
E-posta bülteni hizmetiyle çalışırken başlamanız gereken ilk şey, kendi bülteninizi oluşturmaktır. adres defteri. Bir başlık belirleyin ve e-posta adreslerinin bir listesini yükleyin.

SendPulse'da oluşturmak kullanışlıdır abonelik formları açılır pencere şeklinde, yerleşik formlar, yüzer ve ekranın belirli bir bölümünde sabitlenir. Abonelik formlarını kullanarak sıfırdan bir abone tabanı oluşturacak veya tabanınıza yeni adresler ekleyeceksiniz.
Form tasarımcısında tam olarak ihtiyaçlarınızı en iyi karşılayan abonelik formunu oluşturabilirsiniz ve hizmet ipuçları bu görevle başa çıkmanıza yardımcı olacaktır. Mevcut hazır formlardan birini kullanmak da mümkündür.

Abonelik formları oluştururken kurumsal alan adına sahip bir e-posta kullandığınızdan emin olun. Nasıl olduğunu okuyun.
Mesaj şablonları abonelerinize göndereceğiniz mektupları güzel bir şekilde tasarlamanıza yardımcı olacaktır. Özel bir tasarımcıda kendi mektup şablonunuzu oluşturabilirsiniz.

Otomatik postalar. İçerik yöneticileri otomatik postalamayı aktif olarak kullanıyor. Bu, müşterilerle çalışma sürecini otomatikleştirmeye yardımcı olur. Otomatik posta bültenini birkaç yolla oluşturabilirsiniz:
● Sıralı harf dizisi. Bu, koşullar ne olursa olsun, alıcılara belirli bir sırayla gönderilecek birkaç mektubun yazıldığı en basit seçenektir. Burada seçenekler olabilir - bir dizi mesaj(basit mesaj zinciri), özel tarih(mektuplar belirli tarihlere göre zamanlanmıştır), tetik mektubu– mektup abonenin eylemlerine (mesajın açılması vb.) bağlı olarak gönderilir.
● Otomasyon360– dönüşümleri dikkate almanın yanı sıra belirli filtreler ve koşullarla postalama.
● Hazır zincirlerşablona göre. Belirli bir şablonu kullanarak bir dizi harf oluşturabilir veya şablonu değiştirip ihtiyaçlarınıza göre ayarlayabilirsiniz.
A/B testi bir dizi mektup göndermek için farklı seçenekleri denemenize ve açılma veya tıklamalara göre en iyi seçeneği belirlemenize yardımcı olacaktır.

Anında Bildirim Gönderme

Anlık postalar, tarayıcı penceresindeki bir aboneliktir; bu, RSS aboneliklerinin bir nevi yerine geçer. Web push teknolojileri hızla hayatımıza girdi ve müşteri çekmek ve elde tutmak için push mailing kullanmayan bir web sitesi bulmak zaten zor. İstek komut dosyası için, mektupları manuel olarak gönderebilir veya bir dizi mektup oluşturarak veya RSS'den veri toplayarak otomatik postalar oluşturabilirsiniz. İkinci seçenek, web sitenizde yeni bir makale yayınlandıktan sonra abonelerinize kısa bir duyuru ile otomatik olarak bu konuyla ilgili bir bildirim gönderileceği anlamına gelir.

Gönder'den yeniNabız– artık Push bildirimlerini kullanarak sitenizi yerleştirerek para kazanabilirsiniz reklamlar. 10$'a ulaşıldığında, ödemeler her Pazartesi ödeme sistemlerinden biri olan Visa/mastercard, PayPal veya Webmoney'e yapılır.
Hizmetteki push mesajları tamamen ücretsizdir. Ödeme yalnızca White Label - SendPulse hizmetinden bahsetmeden gönderilen postalar için alınır, ancak hizmet logosu sizi rahatsız etmiyorsa, push bildirimlerini kısıtlama olmadan ücretsiz olarak kullanabilirsiniz.

SMTP

SMTP işlevi, postalarınızın beyaz listeye alınmış IP adresleri kullanılarak kara listeye alınmasına karşı korur. SendPulse postalarında kullanılan kriptografik imza teknolojileri DKIM ve SPF, gönderilen mektuplara olan güveni artırarak mektuplarınızın spam veya kara listeye düşme olasılığını azaltır.

Facebook Messenger Botları

Facebook chatbot beta testinde. Sayfanıza bağlayıp abonelere mesaj gönderebilirsiniz.

SMS gönderme

SendPulse hizmeti sayesinde veritabanı üzerinden posta göndermek kolaydır Telefon numaraları. Öncelikle telefon numaralarının listesini içeren bir adres defteri oluşturmanız gerekir. Bunu yapmak için "Adres Defteri" bölümünü seçin, yeni bir adres defteri oluşturun ve telefon numaralarını yükleyin. Artık bu veritabanını kullanarak bir SMS bülteni oluşturabilirsiniz. SMS mesajlaşmanın fiyatı, alıcının telekom operatörlerine bağlı olarak değişir ve gönderilen 1 SMS başına ortalama 1,26 ruble ile 2,55 ruble arasında değişir.

Ortaklık Programı

SendPulse uygular Ortaklık Programı Tarife için ödeme yapan, bağlantınızı kullanan kayıtlı bir kullanıcının size 4.000 ruble getireceği. Davet edilen kullanıcı, hizmeti kullandığı ilk 5 ay için 4.000 ruble indirim alır. 1 oy

İyi günler, blogumun sevgili okuyucuları. Bazen bir web sitesinde güzel bir özellik bulursunuz ve yaratıcının bu kadar ilginç bir etkiyi nasıl başardığını merak etmeye başlarsınız.

Cevabın oldukça basit olduğu ortaya çıktı. Ve eğer bazı becerileriniz varsa, bu özelliklerin çoğunu toplayabilir ve kısa sürede kendi benzersiz web sitenizi oluşturabilirsiniz.

Bugün bir sayfanın kodunun, belirli bir unsurun nasıl açılacağından bahsedeceğiz ve bu beceriyi kendi yararınıza nasıl kullanabileceğinizi öğreneceğiz.

Temel kod bilgisi

Sitem yeni başlayanlara yönelik olup öncelikle genel olarak sitelerden ve kodlardan kısaca bahsetmek istiyorum.

Bir resim çizmek ve ardından onu küçük parçalara ayırmak için, tarayıcının tüm öğeleri tek bir bütün halinde yeniden birleştirmesi için kod yazın. Her şey çok mu karmaşık görünüyor? Hiç de değil ve bu konuda üzülmenin bir anlamı yok.

Yüksek kaliteli web siteleri bu şekilde oluşturulur. İsterseniz bu işe karışın, araştırın, istemiyorsanız kimse sizi zorlayamaz.

Tek bir şey söyleyeceğim... Yazdığınız anlaşılmaz kelimelerin tek bir bütüne dönüştüğünü ve hayat bulduğunu görmekten daha keyifli bir şey olamaz: bağlantılar çalışıyor, düğmeler hareket ediyor, resimler hareket ediyor, metinler geziniyor. Sanırım Victor Frankenstein'ın nasıl hissettiğini biliyorum.

Gizli dili anlamaya başladığınızda ve aslında her şeyin başlangıçta göründüğünden çok daha basit olduğunu gördüğünüzde, kendi gücünüze ve beyninizin yeteneklerine inanmadan edemezsiniz. Bu çok havalı.

Web siteleri nasıl yapılır? İdeal olarak, önce. Sadece bir resim çiziyor. Örneğin aşağıdaki resimde gösterildiği gibi. Şimdilik sadece bir görüntü, bir fotoğraf. Hiçbir bağlantı çalışmıyor, tıkladığınızda hiçbir yere gitmiyorsunuz, hiçbir arama yapılmıyor.

Bu çizime göre. Aşağıdaki ekran görüntüsüne bakın. Bunun saçma ve çok karmaşık bir semboller dizisi olduğunu düşünebilirsiniz. Aslında her şey o kadar karmaşık değil, belli bir algoritma var.

Yalnızca yaklaşık 150 etiket vardır ve bunların her biri belirli bir eylemden sorumludur: bağlantı, tireleme, kalın, renk, başlık vb. Arzunuz varsa ve zamana aldırmazsanız onları anlamak o kadar da zor değildir.

Bu niteliklerin bilgisi sayesinde neredeyse her sorunu çözebilirsiniz. Ancak her geliştirici hedefe ulaşmanın kendi yollarını bulur.

Deneyimli içerik oluşturucular sonuçlara nasıl ulaşılacağını hemen görürken, diğerlerinin düşünmesi, cevabı makalelerde veya rakiplerin kaynak kodunda araması gerekir. Sadece gerekli kısmı üçüncü taraf bir siteden alıp kendileri için düzenlerler. Bu, iş sürecini önemli ölçüde kısaltır.

Biraz sonra size spesifik bir örnek göstereceğim.

Kodu görüntüle

Başka birinin html'sini öğrenmeniz gerektiğinde öncelikle size nasıl davranacağınızı göstereyim. Daha sonra diğer tüm sorulara daha ayrıntılı olarak bakacağız.

En iyi yol

İlk olarak anlatacağım yöntem yeni başlayanlar için biraz karmaşık ama giriş olarak okuyun. Sayfayı açın ve farenin sağ tuşuna tıklayın. "Farklı kaydet..." seçeneğini seçin

Web sayfasının tamamını kaydedin. Ekran görüntüsünde görebileceğiniz gibi, her şeyi önceden indirdim. Burada iki klasörümüz var.

İhtiyacın olan her şey burada. Her element. Bunu anlarsanız, ihtiyacınız olan her şeyi hızlı bir şekilde alabilirsiniz. Ancak böyle bir görev giderek imkansız hale geliyor. İndirme yok. Bir sayfanın kopyalanması yasaksa ne yapmalı?

Bu Google Chrome'dur

Zaten fark etmiş olabileceğiniz gibi, en sık Google Chrome'u kullanıyorum ve bu tarayıcıda başka birinin kodunu öğrenmek armut bombası atmak kadar kolay. Prensip olarak diğerlerinde olduğu gibi. Şema sadece benzer değil aynı zamanda aynı olacaktır. Kodunu bilmek istediğimiz sayfayı açın ve herhangi bir yere sağ tıklayın. Açılan pencerede "Sayfa kodunu görüntüle" seçeneğine tıklayın.

Yeni bir pencerede, yeni başlayanların anlaması oldukça zor olan bir kod sayfası açılacaktır. Ancak önceden paniğe kapılmayın.

Yalnızca bir öğenin kodunu bilmeniz gerekiyorsa, fareyle üzerine gelin ve sağ tıklayın. Başka bir Chrome işlevi seçin: "Öğe kodunu görüntüle".

Örneğin logonun bir resim veya programlama dili kullanılarak nasıl yapıldığı ilgimi çekebilir. Sonuçta, bir kare çizebilirsiniz css yardımı. Pek çok uzman, koda mümkün olduğunca fazla bilgi yazmayı tavsiye ediyor. Popüler sitelerde nasıl çalışırlar?

Artık gerekli bilgiler ortaya çıktı. Üstte html, altta css. Bunlar iki dildir. Birincisi metin bileşeninden, ikincisi ise tasarımdan sorumludur. CSS olmasaydı, her seferinde rengi ve yazı tipi boyutunu belirtmeniz gerekirdi. Her sayfa için bu çok uzundur. Ancak html olmasaydı metinlerimiz olmazdı. Kabaca anlattım ama genel olarak böyle.

Bu arada burada nasıl çalıştığını merak ediyorsanız aşağıdaki resmin linkine bakabilirsiniz. İşte cevabınız.

Mozilla Firefox

Sakızla çalışmayı seviyorsanız her şey tamamen aynı olacaktır. Sayfayı açın ve farenin sağ tuşuna tıklayın. Kodun tamamını görmek istiyorsanız “Sayfa kaynak kodu”.

Bir öğenin üzerine geldiğinizde kodunu açabilirsiniz.

Burada veriler ekranın alt kısmında görüntülenir, ancak bunun dışında her şey tamamen aynıdır.

Yandex tarayıcısı

Yandex tarayıcısında her şey önceki iki seçenekle tamamen aynı, sayfayı açın, sağ tıklayın, sayfa kodunu görün.

Tam olarak kodunu bulmak istiyorsak imleci bir öğenin üzerine getiririz.

Burada her şey Chrome'dakiyle tamamen aynı şekilde görüntülenir.

Opera

Ve son olarak Opera.

Bu arada fare kullanmanıza gerek olmadığını fark etmiş olabilirsiniz. Kodu açmak için hızlı bir klavye kısayolu vardır ve bu, tüm tarayıcılar için aynıdır: CTRL+U.

Öğeler için: Ctrl+Shift+C.

Sonuç böyle görünüyor.

Bu yeni başlayanlar için ilginç olacak

Şimdi her şeyin nasıl çalıştığına bakın. Bir site buluyorsunuz ve bazı unsurları gerçekten beğeniyorsunuz. Mesela bu. Element kodunu nasıl açacağınızı zaten biliyorsunuz.

Şimdi kopyalayın.

Kullanıyorum, bu kodu yenisine yapıştırın HTML dosyası, gövde etiketine (İngilizce gövde) ekleyin.

Şimdi her şeyin tarayıcıda nasıl görüneceğini görelim.

Hazır. Yazının kenarlara hizalanması ve yeşilimsi bir renk alması için bu belgeye css bağlamanız ve bunu kopyaladığımız siteden başka bir kod kopyalamanız gerekiyor.

Bunu şimdi yapmayacağım. Bu daha fazla zaman gerektirir: hem benim hem de sizin. Gelecek yayınlarımda tüm detayları anlatacağımı düşünüyorum. Bültene abone olun ve bir makale yayınlandığında ilk siz haberdar olun.

Buna dayanamıyorsanız ve şimdi html ve css hakkında daha fazla bilgi edinmek istiyorsanız, o zaman size geleneksel olarak ücretsiz eğitim kursları önerebilirim.

İşte HTML'de uzmanlaşmanızı sağlayacak 33 ders: « Ücretsiz kurs HTML'ye göre" .

Ve işte css hakkında tam bilgi - “Ücretsiz CSS kursu (45 video dersi!)” .

Artık biraz daha fazlasını biliyorsun. Çalışmalarınızda başarılar diliyorum. Tekrar görüşürüz!

Yetenek sayfa kaynak kodunu değiştir– ileri düzey bir İnternet kullanıcısı için yararlı bir beceri. HTML kodunu değiştirerek açık olan web sayfasını dilediğiniz gibi değiştirebilirsiniz. Bu yazımızda size anlatacağız sayfa kodu nasıl değiştirilir Google Chrome'da. Ancak diğer tarayıcılarda her şey benzer şekilde yapıldığı için herhangi bir zorluk yaşanmaması gerekir.

Sayfanın HTML kodu nedir?

Tarayıcınızda açtığınız her sayfanın HTML biçimlendirme dilinde kendi kodu vardır. Bu kod etiketleri ve metni temsil eder. Etiketler, tarayıcıya sitenin belirli bir bölümünü nasıl görüntüleyeceğini söyleyen benzersiz etiketlerdir. Metin, kullanıcının gördüğü sayfanın içeriğidir. Ayrıca sayfaya CSS stilleri bağlanabilir. dış görünüş sayfa öğeleri. İle sitenin kaynak kodunu değiştir HTML ve CSS'yi iyice bilmenize gerek yok ve yakında kendiniz göreceksiniz.

Bir web sayfasını neden değiştirmelisiniz?

Sitedeki verileri değiştirebilir, mesajın metnini değiştirebilir veya sahte ekran görüntüsü alabilirsiniz. Tüm değişikliklerin yalnızca sizin tarafınızdan görülebileceğini ve sayfayı yeniden yüklediğinizde kaybolacağını lütfen unutmayın. Ayrıca değiştirilen veriler gerçek olmayacaktır. Örneğin, eğer 10 dolarım yoksa ve bunu 100 olarak değiştirirsem, o zaman daha fazla param kalmaz. Bu sadece sayfanın tarayıcı tarafından görüntülenmesidir. Örnek:

Sonrasında:

Mesela aynı siteyi alıp önceki duyuruyu değiştireceğim yazının “” Açılışı ana sayfa Google Chrome'da. Değiştirmek istediğim öğeye (örneğin duyuru başlığına) sağ tıklayıp “Kodu görüntüle” seçeneğini seçiyorum.

Açılan pencerede Öğeler sekmesine gidin ve sayfanın HTML kodunu görün. İçinde ilgilendiğimiz metni bulmamız gerekiyor. (kırmızıyla altı çizili)

Şimdi eski metni silip yenisini yazacağım.

İşte bu kadar, duyurunun başlığı değiştirildi. Şimdi duyurunun kendisini, etiketlerini ve kategorisini değiştireceğim.

img etiketindeki src özelliğini değiştirerek başka bir resim ekleyebilirsiniz.