Resim Dosyasını HTML ve CSS Kodlarına Aktarma

Bu makalemde tek sayfalık web sayfası resim dosyasını ( web layout image ) Html ve Css kodlarına nasıl aktarıldığını anlatmaya çalışacağım.

Bu konuda zaman buldukça daha fazla görsel eğitim hazırlayarak bu işe yeni başlayan veya kendi sitesini yapmak isteyen arkadaşlarıma yardımcı olmaya çalışmak istiyorum.   
        

Kodlara dökmekmeye çalıştığımız resim dosyası aşağıda görülmektedir.                                                                                                                                                                                                 
                                                                                   

                                             

Kaynak Kodları: İNDİR

Kodlama ile ilgili görsel eğitimi aşağıdaki videodan veya youtube daki sayfamdan takip edebilirsiniz.