Pazartesi , 20 Kasım 2017
Anasayfa » WEB (Sayfa 3)

WEB

CSS ile Tablo Ortalama

Css kullanarak block ve table nesnelerini ortalamak için dışarıdaki boşlukarı auto yapmak gerekir. Aşağıdaki kod ile tabloyu bulunduğu etiket içinde ortalayabilirsiniz. Beğendim!

Devamını oku »

HTML Label Kullanımı

Form kontrolleri için başlık bilgisini temsil etmek için kullanılmaktadır. Etiket içindeki yazıya tıklandığında form kontrolleri ile etkileşime geçerek form kontrolünün seçilmesini sağlar. Form elemanlarını oluştururken sıklıkla göz ardı edilmesine rağmen hemen hemen tüm form nesneleri ile kullanılması gerekir. Bu etiketin en belirgin kullanım örneklerinden biri cinsiyet değerlerine ait radio butonlar yerine Kadın, Erkek yazan değerlere tıkladığımızda kontrollerin seçilmesini örnek verebiliriz. …

Devamını oku »

HTML Form

Web’in en kullanışlı niteliği ve belki de, internet üzerindeki öteki servislere göre daha yaygın olmasının nedeni formlardır . Kullanıcı ile etkileşimli dinamik web sayfaları hazırlayabilmek için HTML ‘dan faydalınılır. Bu sayede kullanıcıdan bilgi alınabilir ve içeriğimiz bu bilgiler ile daha kişisel, dinamik bir yapıya kavuşabilir. Örneğin e-bankacılık, e-sigortacılık, e-ticaret, e-eğitim,… gibi etkileşimli (interactive) her işte form kullanılır. Formlar, kullanıcıdan veri …

Devamını oku »

HTML Tablolar

Aşağıda  örneği görülen HTML türden tablolar oluşturulabilir. Şirket Ad Soyad Telefon Wordy GSM Ahmet ÖZSOY +90 505 555 55 55 VoiceData LTD Mehmet KILIÇ +90 545 757 77 77 Kestel A.Ş Murat ÖZTÜRK +90 515 844 44 44 Sportif A.Ş Özay BAYRAK +90 585 212 22 22   Bir HTML tablosu <table>..</table> etiketleri arasında tanımlanır. Fakat <table> etiketi tek başına tablo …

Devamını oku »

HTML Bağlantı Oluşturma

Bu yazıda HTML ile bağlantı oluşturma ve bağlantılarda kullanılan bazı önemli niteliklerin(attribute) kullanımını anlatacağım. HTML ile bağlantı oluşturmak için a etiketi kullanılmaktadır. Bağlantı türlerini gruplandıracak olursak 4 ana gruba ayırabiliriz. Sayfa içi bağlantı oluşturma Sayfalar arası bağlantı oluşturma Dış sayfaya bağlantı oluşturma mail ve telefon bağlantısı oluşturma Beğendim!

Devamını oku »

MathML Kullanımı

Mathematical Markup Language (MathML) nedir sorusuna cevap ile başlayalım. HTML gibi işaretleme dillerinden biridir.  XML mimarisi üzerine matematiksel işlemleri göstermek için geliştirilmiştir.  W3C toplluğu tarafından 1998  yılından şu zamana kadar geliştirilmektedir.  Beğendim!

Devamını oku »

Iframe Kullanımı

Iframe Kullanım Örnekleri Frame Türkçe anlamıyla çerçeve demektir. Web sitesinde bir sayfayı  çerçevelere bölmek için kullanılır. Ne işe yarar iFrame? diyecek olursanız, pek çok farklı kullanımı olmasının yanında sitenin hızını arttırdığını ilk önce söylemeliyim. Çünkü iFrame kullanılmadığında sunucu bütün sayfayı baştan aşağı tekrar yükler. Bu da zaman kaybı demektir. Fakat iFrame kullanıldığı zaman sadece gerekli alanlar değiştiğinden sayfa yüklenmesi daha hızlı …

Devamını oku »

CSS ile Etiketleri Ovalleştirme (Border Radius)

border-radius kullanarak istediğimiz her hangi bir etiketin köşelerine ovallik verebiliriz. Hatta istediği köşenin istediğimiz bir kenarına da ovallik değeri vererek eliptik nesneler oluşturmak mümkündür. border radius sıklıkla butonlarda kullanılmasına rağmen google+ hesaplarında dikkat etmişsinizdir. Resimlerin çerçevelerini ovalleştirmek içinde kullanılmıştır. Beğendim!

Devamını oku »

CSS İletişim Formu Yapımı

CSS Contact Form

Şunu kabul edelim HTML formlar webin önemli bir parçasıdır. Kullanıcıların sayfa ile etkileşimi için güçlü ve önemli birer araçtır. Tasarımı kötü olan bir formun kullanıcıların sayfa hakkındaki görüşlerini olumsuz yönde etkileyeceği gerçeği kaçınılmaz bir gerçektir. Bu yazıda kullanabileceğiniz örnek bir kaç form ile sayfanızın daha güzel görünmesini sağlayabilirsiniz.  Şunu öncelikle belirteyim aşağıdaki formlar güncel tarayıcılar ile tam uyumlu çalışacaktır. Eski …

Devamını oku »

CSS ile Web Sayfası Oluşturma

Günümüzde web sayfalarında CSS3 ile ( hatta CSS4 yolda ) temel bir çok görsel rahatlıkla oluşturmak mümkün. Bu yazıda CSS’nin önemli bir kaç özelliği ile  sade bir site oluşturacağız. Oluşturacağımız sitenin tasarımı şu şekilde olacak. Beğendim!

Devamını oku »

AngularJS $http Servis Post ( PHP)

Bu yazıda $http ve post yöntemi ile veritabanına veri yazma ve veritabanından veri okuma işlemini yapacağız. Öncelikle Jquery ile angularjs arasındaki  post farkına değinmek zorundayım. Beğendim!

Devamını oku »

HTML5 Data Attribute Kullanımı

HTML5 ile data-* niteliği bize standart dışı verileri saklamak için güzel özellik sunmaktadır.  HTML etiketlerine bazen ihtiyaçlarımız için keyfi (zorunluluktan) tanımlamalar yapmışızdır. Artık data-* atrribute tanımlaması ile bunun javascript tarafında bir standartı olacak. Veriyi ilgili HTML etiketi üzerinde saklayabileceğiz. Beğendim!

Devamını oku »

HTML5 Datalist Etiketi

Çoğu web uygulamasında karşılaşmışsınızdır. Bir kaç karakter girdiğimizde bize yazılabilecek  metinleri getirmektedir.  Her javascript frameworkün otomatik tamamlama özelliği vardır. Bu yazıda bunların dışında HTML5 ile gelen datalist etiketi açıklayıp, basit autocomplete özelliği kazandıracağız. Beğendim!

Devamını oku »

Kutu Modeli (Box Model)

Bir HTML dökümanı içinde, her etiket bir dikdörtgen kutu olarak kabul edilir. Bu kutuların özelliklerini (genişlik,yüksekli renk vb.) yorumlamak tarayıcı motorlarının görevidir. CSS ile tüm kutular tanımlanırken standart kutu modeli (box model) olarak tanımlanmaktadır. Box model tanımlaması her bir etiketin ekranda ne kadar yer kaplayacağını ifade etmektedir. Her bir kutunun genişlik/yükseklik, iç boşluk(padding), kenarlık (border) ve dış boşluk (margin) değerleri etiketin …

Devamını oku »

Yatay Menü Yapımı

Daha önceki yazılarda menülerin sitenin en önemli parçası olduğundan bahsetmiştim. Bu yazıda tab görünümlü yatay menü nasıl oluşturulacağız. https://www.yazilimbilisim.net/web/css/css-menu-yapimi/ bağlantısından önceki yazyı inceleyebilirsiniz. Gelelim yatay menüyü adım adım nasıl oluşturacağımıza; DEMO Adım 1: Yatay Menünün HTML kodları Sayfada birden fazla menü olması duruma karşın id değeri yatay-menu olarak tanımladık. Standart bir menü ul li a etiketleri ile oluşturulmaktadır. Bu kurala uygun olarak …

Devamını oku »

CSS Menü Yapımı

Dolaşım Menüleri Kolay ve anlaşılır bir menü web sitenin kalbi demektir.  Anlaşılır ve belirgin olmayan dolaşım araçları kullanıcıların sitede fazla durmadan çıkmaları için yeterli bir sebep olacaktır. Bu yazıda basit yatay ve dikey menü oluşturmayı göstereceğim.  Menülerin tasarımları genellikle dikey, yatay, dikey açılır ve yatay açılır olarak dört gruba ayrılabilir. Bu yazıda dikey ve yatay menü kavramı örneklerle açıklanmaktadır. Yatay …

Devamını oku »

Rengarenk CSS3 Butonlar Oluşturma

google fonts, text-shadow, box-shadow ile zenginleştirilmiş birbirinden güzel 20 tane buton. Temel buton tasarımında .button{ padding:5px 15px 5px 15px; text-decoration: none; display: inline-block; -border-radius: 10px; tanımlamalarının yanında her bir buton için ek bir kaç düzenleme daha yapacağız. Aşağıda adım adım butonlar oluşturulmuştur. DEMO Adım 1: Head Etiketinin Oluşturulması Head etiketleri arasında tasarımda kullanacağımız tasarim.css dosyasını ve google fonts sitesinden sitemize dahil …

Devamını oku »

CSS ile Doğal Etiketler Oluşturma

Etiketler bir çok web sitesi için gerekli özelliklerin başında gelir. Bu yazıda hiç resim kullanmadan CSS3 kullanarak web 2.0 etiketleri oluşturacağız. DEMO Yapılacak işlem süreci şu şekilde olacaktır. HTML etiketilerinin oluşturulması Temel etiketlerin biçimlendirilmesi Etiketlerin köşelerinin biçimlendirilmesi Linklerin biçimlendirilmesi Etiketlere deliklerin eklenmesi ve biçimlendirilemesi   Adım 1: Head Etiketinin Hazırlanması Hadi ile head etiketini ekleyerek uygulamaya başlayalım. Head etiketine iki tane style dosyalarının …

Devamını oku »