Bu bölümde biraz programlama diğer bir değişle kodlama konusuna girerken tasarımında kodlandığını ileterek başlıyoruz.
Tasarımı Photoshop kullanarak çok iyi bir şekilde yaptınız veya yaptırdınız burada iki temel sorununuz var, birincisi tasarımı aynı şıklıkta bir web uygulamasına uyarlamak, ikinciside değişiklikler gerektiğinde bunları kolayca gerçekleştirmektir. İşte bu iki temel sorunuz XHTML isimli bir programlama dili çözüyor Extensible Hypertext Markup Language kelimelerinin baş harflerinden oluşan bu kavram anlamsal kodlamayı ifade ediyor. Anlamsal kodlama girilen içeriğin Google tarafından anlaşılır hale getirilmesini hedefliyor. İçerikte hiyerarşik bir düzen sağlanırken, girilen her içerik etiketlerle ilişkilendiriliyor. Bu sayede Google sitenizin içeriğini daha iyi anlaması ve indexlemesini sağlıyor. Bunun üzerinede CSS isimli stil programlanıyor ve web uygulamasının üstüne bir kabuk gibi yerleştiriliyor. Bu sayede tasarım istenin şık bir şekilde uygulanabilirken değişikliklerde kolayca yapılabiliyor.
