• GENEL,  WORDPRESS VE HTML KODLARI

    HAZIR HTML KODLARI

    Hazır HTML Kodları, hazır html site kodları, hazır kod Hazır Html Kodları özellikle web konusunda daha az deneyimli olan kişiler için oldukça cazip olabilmektedir. Gerçekten de son derece güzel ve ilgi çekici görsel materyalleri çeşitli sitelerde bulmak ve kendi sitenize eklemek son derece kolay olmaktadır. Çeşitli animasyonlar, saat, takvim, burç, günün sözü, haberler, döviz kuru, altın fiyatı, namaz vakitleri, tarihte bugün, puan durumu, kronometre gibi akla gelecek çok sayıda alanda ve konuda o kadar çok ve çeşitli kodlar var ki gerçekten de yeni başlayanların iştahının kabarmasını da normal karşılamak gerekir. Fakat hazır html kodları konusunda o kadar da arzulu ve istekli olmamak gerekir. Bu kodların önemli bir bölümü başka sunucularda…

  • GENEL,  WORDPRESS VE HTML KODLARI

    HTML KAYAN YAZI KODU

    HTML kayan yazı kodu ile hazırlanan ve oldukça hoş görüntüler oluşturan bir konu ile karşınızdayız. Marquee kodu veya kayan yazı kodu olarak adlandırılan HTML kodları ile çok çeşitli şekillerde kayan yazılar oluşturmak mümkün olmaktadır. Burada faydalanacağınızı umarak bu kodlardan oldukça basit olan bir tanesine yer verdik. Son derece sınırsız bir dünya olan HTML dilinde, kayan yazı şekillendirmek de sınırsız denilebilecek bir çeşitliliğe sahip bulunmaktadır. Temel düzeyde HTML bilgisi ile kod içerisinde küçük dokunuşlar yapmak ve böylece kendi kodunuzu yaratmak ve tamamen kişiselleştirmek mümkün olabilir. Aşağıda yer alan kayan yazı kodu örneğini uygulayarak tarayıcıdaki görüntüsünü kolayca elde edebilirsiniz. Kodlarla oynamak ve tasarımını kendinize özgü bir hale getirmek tamamen sizin yaratıcılığınıza kalmış.

  • GENEL,  WORDPRESS VE HTML KODLARI

    HTML DİLİNDE LİSTELEME

    Bir metin belgesinde liste yaptığımız gibi HTML dilinde listeleme yapmak da mümkündür. Gerek madde işaretleri gerekse numaralandırma yöntemi ile listeleme yapmak mümkündür. Ne anlatmaya çalıştığımızı örneklerle anlatalım.

  • GENEL,  WORDPRESS VE HTML KODLARI

    META ETİKETLERİ

    HTML ile uğraşıyorsanız meta etiketleri çok tan karşınıza çıkmıştır. HTML ile uğraşmıyor ama yine de bir blogunuz varsa, internet yayıncılığına kenarından köşesinden bulaşmışsanız meta etiketleri kavramı size de uzak değil. Meta etiketleri, bir web sayfasının “head” alanında bulunur ve tarayıcılara, robotlara, arama motorlarına ve her türlü programa sitenizle ilgili ihtiyaç duyulan bilgileri sağlar. “Name” isim ve “content” değer çifti ile bu tür bilgiler karşı tarafa aktarılır ve sitenizin ilk tanışma merasimi gerçekleşmiş olur.

  • GENEL,  WORDPRESS VE HTML KODLARI

    HTML ÇERÇEVELER (FRAMES)

    Aynı tarayıcı penceresinde birden fazla sayıda HTML dokümanı görüntülemenin yolu çerçevelerdir. Her HTML dokümanı birbirinden bağımsız çerçevelerden oluşur. İstenen sayfanın yazıcıya gönderilmesinde sorunlar ve web geliştiricilerinin birden fazla HTML dokümanını takip etmesinin zorluğu gibi dezavantajlı tarafları olsa da çerçeveler (frames), web tasarımının vazgeçilmez unsurlarındandır.

  • GENEL,  WORDPRESS VE HTML KODLARI

    HTML TASARIM – TABLOLAR

    HTML ile sayfa tasarımında en çok kullanılan yöntem tablolardır. Kullanılan kod yapısı sayesinde sayfanın bu kısmı gazete gibi iki sütuna ayrılmıştır. Bu yazıda da gördüğünüz gibi burada sol ve sağ tarafta iki sütun bulunmaktadır.Bu metin, sol taraftaki sütunda görüntülenmektedir. HTML dilinde <table> komutu ile bir sayfayı iki ayrı sütuna bölmek mümkündür.Tabloları kullanmanın asıl önemi border özelliği sıfır yapıldığında ortaya çıkar. Kenarlık kullanıcılar tarafından görülmez ama sayfa istediğiniz gibi iki sütun halinde görüntülenmektedir. Hizmette sınır yok… Nasıl oluyor da oluyor diyenler için açıklama hemen burada. Aşağıdaki kodu bir metin editörüne yazıp tarayıcıda görüntüleyin. Siz de yukarıdaki gibi iki sütunlu bir yapı elde etmiş olacaksınız. <html> <tbody> <table border=”0″ width=”100%” cellpadding=”7″> <tr> <td…

  • GENEL,  WORDPRESS VE HTML KODLARI

    HTML RENKLER

    HTML renk kodları bu dilde hexadecimal değerler ile RGB (Red, Green, Blue) (kırmızı yeşil mavi) kombinasyonu ile belirtilir. En düşük değer 0 (hex #00) ve en yüksek değer de 255’tir (hex #FF). Bu üç rengin kombinasyonları ile elde edilebilecek renk seçeneklerinin sayısı, düşünüldüğünde sanırım yeterince iyi bir açıklama ve mükemmel bir renk alternatifi olarak karşımıza çıkar. Bu sayının gözümüzün algılama kapasitesinin üzerine çıkacağını tahmin etmek güç olmasa gerek. Aşağıda bu kombinasyonlar ile ilgili bir tablo bulunmaktadır. Renk HEX Değeri RGB Değeri #000000 rgb(0,0,0) #FF0000 rgb(255,0,0) #00FF00 rgb(0,255,0) #0000FF rgb(0,0,255) #FFFF00 rgb(255,255,0) #00FFFF rgb(0,255,255) #FF00FF rgb(255,0,255) #C0C0C0 rgb(192,192,192) #FFFFFF rgb(255,255,255) World Wide Web Consortium (W3C) 16 tane geçerli renk ismi belirlemiştir. Bunlar; aqua,…

  • GENEL,  WORDPRESS VE HTML KODLARI

    HTML DİLİNDE ARKA PLAN TASARIMI

    HTML Dilinde Arka Plan Tasarımı  <body> etiketi arka plan belirlemek için iki tane parametre bulundurur. Bunlar “bgcolor” ve “background” parametreleridir. bgcolor ile arka plan rengi, background ile de bir arka plan resimi belirtebilirsiniz. Bgcolor <body bgcolor=”#000000″> <body bgcolor=”rgb(0,0,0)”> <body bgcolor=”black”> Background <body background=”ornekler/background.jpg”> <body background=”https://www.merakedene.com/grafik/logo.jpg”> Buraya kadar her şey çok kolay. Ancak biz çok işinize yarayacak bazı püf noktalarından söz etmek istiyoruz şimdi arka plan tasarımı ile ilgili olarak. Eğer bir arka plan resmi kullanmak isterseniz aşağıdaki soruların cevaplarını mutlaka kafanızda ölçüp tartın. Ve sonuca göre kararınızı verin. Yüklenmesi uzun sürer mi? Sayfadaki diğer resimler ile uygun bir görüntü sağlar mı? Sayfadaki metinlerin rengi ile uygun bir görüntü sağlar mı?…

  • GENEL,  WORDPRESS VE HTML KODLARI

    HTML DİLİNDE RESİMLER

    HTML dilinde resim ve bağlı parametrelerinden söz edeceğiz bu yazıda. Her HTML dosyasında mutlaka resim bulunmayabilir ama iyi bir görsel tasarım açısından vazgeçilmez bir unsur olduğunu da kabul etmek gerekir. Ancak iyi bir görsellik yakalamak uğruna bir HTML dosyasında abartılı sayıda resim kullanmak, sayfanın yüklenişi sırasında aşırı bir yavaşlığa neden olur ve kullanıcılar tarafından arzu edilmeyen bir duruma yol açar. Unutmamak gerekir ki kullanıcıların ilk aradığı özelliklerin başında hız gelir. Bu kadar sözün ardından hemen asıl anlatmak istediklerimize geçelim. Resim “<img>” Etiketi ve “src” Parametresi HTML dökümanlarda resimler <img> etiketi ile belirtilir. <img> etiketi kapalıdır, yani bu etiket mutlaka parametreler ile kullanılır ve bir kapatma etiketi bulundurmaz. Sayfanızda bir resim…