Kayıtlar

Şubat, 2017 tarihine ait yayınlar gösteriliyor

Html Formlar 2

Resim
< FORM METHOD=post ACTION="mailto:e-mail adresiniz" ENCTYPE="text/plain">  kod satırları , formu belirtilen e-mail adresine yollar. ACTION ACTION parametresine verilen değer (niteleme), forma yazılan verilerin işlenmek üzere gideceği programdır. Bu programın tam "URL" adresi, yazılmalıdır. Örneğin, ACTION="http://sunucu/../cgi-bin/script_adı"> Ayrıca, sunucudaki bu CGI scripti formla gelen verileri öngörülen biçimde işleyebilmelidir. CGI (Common Gate Interface) scriptleri (programları) genellikle sunucu makinada cgi-bin adlı dizinde saklanır. Tabii, bu zorunlu değildir ve sistem yöneticisinin tercihine bağlıdır. Ama, genel bir uzlaşmayı sağlamak isteyenler bu kurala uyarlar. METHODFormu yollamak için kullanılan http metodu. GET ve POST değerlerini alabilir. Default değeri GET dir.ENCTYPEŞifreleme yöntemini belirler.

Html Formlar

Resim
Etkileşimli web siteleri hazırlamanın yolu formlarla olur.
        Formlar, kullanıcıdan veri (bilgi) almak için düzenlenir. Kullanıcının girdiği bilgiler sunucu makinada belirlenen bir dosyaya yazılır. Burada biriken verilerin işlenmesi gerekiyorsa, o işi yapacak bir programın ayrıca yazılması gerekir. HTML yalnızca, kullanıcının forma yazdığı verileri kaydeder; onları bir programlama dilinin yaptığı gibi işleyemez.

        Form < FORM > ... < /FORM > arasına yazılan etiketlerden oluşur.

        İlk olarak radio buttonlarla başlayalım. tekli seçimlerde kullanılır.


       2. olarak checkbox lardan bahsedelim. Çoklu seçimlerde kullanılır. Aşağıdaki Örnekte göreceğiniz checked değeri tarayıcıda görüntülenen form öğesinin işaretli olmasını sağlar.

        3.  text alanıdır. yazı yazılabilecek alanlar oluşturmamızı sağlar. Size kaç adet değer girilebileceğini , value ise tarayıcıda eğer bu alanın içerisinde açıklama yazdığınızı belirler.         4.  Submit buton oluş…

Html Renk Değerleri

Aşağıdaki tabloda web tarayıcılarında desteklenen ve en çok kullanılan renk kodları İngilizce olarak verilmiştir.


Renk İsmiHEX DeğeriRenkAliceBlue#F0F8FFAntiqueWhite#FAEBD7Aqua#00FFFFAquamarine#7FFFD4Azure#F0FFFFBeige#F5F5DCBisque#FFE4C4Black#000000BlanchedAlmond#FFEBCDBlue#0000FFBlueViolet#8A2BE2Brown#A52A2ABurlyWood#DEB887CadetBlue#5F9EA0Chartreuse#7FFF00Chocolate#D2691ECoral#FF7F50CornflowerBlue#6495EDCornsilk#FFF8DCCrimson#DC143CCyan#00FFFFDarkBlue#00008BDarkCyan#008B8BDarkGoldenRod#B8860BDarkGray#A9A9A9DarkGrey#A9A9A9DarkGreen#006400DarkKhaki#BDB76BDarkMagenta#8B008BDarkOliveGreen#556B2FDarkorange#FF8C00DarkOrchid#9932CCDarkRed#8B0000DarkSalmon#E9967ADarkSeaGreen#8FBC8FDarkSlateBlue#483D8BDarkSlateGray#2F4F4FDarkSlateGrey#2F4F4FDarkTurquoise#00CED1DarkViolet#9400D3DeepPink#FF1493DeepSkyBlue#00BFFFDimGray#696969DimGrey#696969DodgerBlue#1E90FFFireBrick#B22222FloralWhite#FFFAF0ForestGreen#228B22Fuchsia#FF00FFGainsboro#DCDCDCGhostWhite#F8F8FFGold#FFD700GoldenRod#DAA520Gray#808080Grey…

Html Çerçeveler

Resim
Çerçeveler sayesinde aynı tarayıcı içerisinde birden faza Html sayfası görüntüleyebiliriz.Ancak bazı dezavantajlarından dolayı web tasarımcılar bunu pek kullanmazlar. Bunu ilerde çeşitli örneklerle ve sizlerde kullandıkça daha iyi pekiştireceksiniz.

  Çerçeve kullanmanın dezavantajları:
Web geliştiricilerin birden fazla HTML dökümanını takip etmesi zordur.İstenilen sayfanın yazıcıya gönderilmesi zordur.Kullanılan her sayfa birbirinden bağımsızdır.
        Çerçeve oluştururken kullanacağımız etiketler
<frameset> pencerenin hangi biçimde çerçevelere ayrılacağını belirler.Her frameset satır (rows) veya sütun (cols) olarak belirlenir.<frame> etiketi, her bir çerçevede hangi HTML dökümanının görüntüleneceğini belirtir.
Önemli : Çerçevelerde görünebilir kenarlıklar vardır. Kullanıcı bunları sürükleyerek yeniden boyutlandırabilir.Bunu önlemek için noresize="noresize" parametrelerini  <frame> etiketi içine yazabilirsiniz. <noframes> etiketini döküman içeri…

Html Arkaplan İşlemleri

Resim
Sayfamızın arkaplanını değiştirebilmek için <body> etiketi içerisinde kullanılabilecek iki parametre vardır.Bunlar "bgcolor" ve "background" parametreleridir. bgcolor ile arka plan rengi, background ile de bir arka plan resimi belirtebilirsiniz.



Not : Sayfanıza arka plan resmi yüklerken aşağıdaki maddeleri düşünmemiz gerekir.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ı?Sayfaya döşendiği zaman farkedilmemesi sağlanacak mı?Sayfadaki metinlerden daha az dikkat çekecek mi?
        Bir örnekle sayfamızda arkaplan nasıl kullanılır inceleyelim.













Html de Listeleme

Resim
Html de sıralı,sırasız ve tanımlama listeleri oluşturabilirsiniz.

        Sırasız bir liste içeriği madde imleri ile listelenir, Aşağıdaki örneği inceleyelim.



        Sıralı listede madde imleri rakamlardır. Örnekle inceleyelim.



Tanımlama listelerinde madde imi ya da numaralandırma yoktur. Belirtilen maddenin açıklaması yada tanımı eklenir.


Html Tablolar

Resim
Html de tablo oluşturmak için bilmemiz gereken 3 temel kod vardır.


KodAnlamı<table>Tablo oluşturmak<tr>Satır oluşturmak<td>Sütuna oluşturmak

        Şimdi bir örnekle tablo oluşturalım

<table > etiketi içerisinde yer alan border parametresi oluşturduğumuz tablonun çerçeve kalınlığını belirler.

        Tablonuzda başlık kullanmak istiyorsanız bunu <th> etiketi ile belirleyebilirsiniz.Bir örnekle açıklayalım.





        Burada dikkat edilmesi gereken birkaç nokta var. Birincisi mutlaka satırlardaki sütun sayıları eşit olmalıdır. Eğer iki sütunu birleştireceksek colspan="" ya da iki satırı birleştireceksek rowspan="" özelliğini td kodu içerisinde kullanarak tırnak işareti arasına kaç sütun ya da satır birleştiğini yazmamız gereklidir.






Html de Resim İşlemleri

Resim
Web sitelerimizin en önemli destekleyicileri şüphesiz resimlerdir.İnternet'te yaygın olarak kullanılan dosya tipleri bitmap (.bmp), GIF, JPEG ve PNG şeklinde sıralanabilir. 

        Resim ekleme etiketimiz img ve resmin eklenme konumunu ,adını belirteceğimiz parametre src dir. Şimdi örnekle inceleyelim.

<img src="resimkonumu/resimadi">

        Görüntülenecek olan görselin boyutları HTML kodu içinde belirtilebilir. Height parametresiyle görselin piksel cinsinden yüksekliğini ve width parametresiyle de piksel cinsinden genişliğini belirtebilirsiniz.         Görselin sayfa üzerindeki konumunun belirlenmesi için align parametresini kullanabilirsiniz. Sola yaslamak için left, sağa yaslamak için right, ortalamak için center, üst için top, alt için ise bottom şeklinde konum tanımlanız yeterli olacaktır.