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

WEB

CSS Nedir

Web teknolojilerinde oldukça fazla öneme sahip olan CSS  (Cascading Style Sheets) Basamaklı Stil Sayfaları olarak dile çevirebiliriz. Web sayfalarını görünürlük açısından iyileştirme sürecini kolaylaştırmak için tasarlanmış basit bir tasarım dilidir. CSS, HTML öğelerinin ekran üzerinde nasıl görüntüleneceğini açıklar. Bir HTML belgesinin sunumu üzerinde oldukça güçlü bir kontrol mekanizması sağlar. CSS, bir web sayfasının görünüm bölümünü işlemektedir. CSS, web sayfalarınız için farklı cihazlar ve ekran boyutları …

Devamını oku »

Output Element Kullanımı

HTML Output Elementi bir hesaplama sonucu yada kullanıcının işleminden çıkan çıktıyı göstermek için kullanılır. Standart bir çıktı elementi aşağıdaki nitelikleri kabul eder. for: hesaplama sonucunun eşitleneceği nesne adı için kullanılır. form: Hangi form öğesini kullanacağını belirtmek için kullanılır. Her hangi bir form öğresi belirtilezse içinde bulunduğu form öğresini kabul edecektir. name: elementin adını ifade eder. HTML Output Örnek: range nesnesi …

Devamını oku »

CSS Açılır Menü Yapımı

Daha önceki yazılarda da belirtmiştim. Dolaşım bir sitenin en önemli bileşenidir. Kullanıcının site üzerinde rahat bir şekilde gezinmesi için anlaşılır ve basit olması gerekir. Sadece bunları yapmak yeterli olmayabilir. Menüye çok karışık olmak şartı ile animasyon katmak da kullanıcının ilgilisi çekebilir. Bu yazıda CSS ve Jquery kullanarak temel bir açılır menü yapacağız.  Bu örnekteki temel amaç CSS3 bileşenleri ve JavaScripti …

Devamını oku »

HTML Metin Düzenleme Etiketleri

Başlık Etiketleri Hx: H1 (en büyük) etiketinden başlayıp h6 (en küçük) etiketine kadar bölüm başlıklarını vermek için kullanılan etikettir.   [crayon-5a123933a1393828407824/]   Paragraf Etiketi Paragraf: Yazılardaki paragrafları oluşturmak için <p> etiket kullanılır. [crayon-5a123933a1399914424759/] Kalın Etiketi (Koyu Renk) B: Bir metin içinde bir değeri kalın göstermek için kullanır. Eğer bir etiket önemli ve vurgulanmak isteniyorsa b etiketi yerine strong yada başlık …

Devamını oku »

CSS Tablo Biçimlendirme

Web tasarımında tabloların yeri eskiden çok önemliydi. Günümüzde artık sadece kayıtları listelemek için kullanılmakta. Günlük yaşamda tuttuğumuz listeleri, excel kayıtlarındaki satır sütünları HTML içinde tablolarda gösteririz. Bu yazıda CSS Tablo şekillendirme (CSS tablo Biçimlendirme) ile ilgili iki tane örnek ve kodlarını paylaşacağım.   CSS Tablo Biçimlendirme / CSS Tablo Şekillendirme -1 CSS [crayon-5a123933a1a23544801038/]   HTML [crayon-5a123933a1a2a124111514/]   CSS Tablo Biçimlendirme …

Devamını oku »

CSS Örnekleri

CSS Örnekleri bağlantısındaki örnek CSS uygulamaları resim, tablo, buton, form vb. örnek css uygulamalarınından oluşmaktadır. CSS Uygulamaları Listesi CSS Resim Çerceve CSS Resim Ovalleştirme CSS Tablo Biçimlendirme Örneği -1 CSS Tablo Örneği 2 CSS Buton Yapımı 1 CSS Buton Yapımı 2 CSS HTML Form Yapımı CSS Dikey Menü Oluşturma CSS Yatay Menü Oluşturma CSS Poloraid Fotoğraf Çerçevesi Oluşturma CSS Panel …

Devamını oku »

CSS Slider Yapımı

Bu yazımızda CSS ile Basit Slider yapacağız. İlk olarak slidera konulacak resimlerin boyutlarını ayarlıyoruz. Bu örneğimizde ben 700×400 boyutlarda bir resim kullanıyorum. İlk olarak sliderı ekranın ortasına gelecek şekilde ayarlıyoruz. Resimler şimdilik alt alta gelecekler. Beğendim! 1

Devamını oku »

Web Tasarımcılarının Bilmesi Gereken Terimler

Domain (Etki Alanı) : Domain (alan adı) kısaca bir web sitesinin adı olarak açıklanabilir. İnternet siteleri IP adresleri üzerinden yayın yaparlar ancak bir ip adresi üzerinde onlarca web sitesi barınabilir bununla birlikte IP adreslerinin akılda kalması zor olacağından ötürü web siteleri için domain adresleri kullanılır Hosting(Barındırma): İnternet sitenizin tüm dünyada yayınlanabilmesi için bir web sunucusu üzerinde barındırılıyor olması gerekir web sunucusunda web sitenize ait dosyaların …

Devamını oku »

Çözüm – Port 80 in use by “Unable to open process” with PID 4

Xampp Kontrol Paneli ile apache sunucusunu çalıştırmak istediğimizde bazen apache sunucusunun çalıştırılacağı 80 numaralı port başka bir program tarafından kullanılıyor olabilir. Genellikle Sql server, skype gibi programlar da aynı portu kullanarak haberleşirler. Ancak her zaman bu kadar basit olmayabilir. Bazen sistem  de bu portu kullanıyor olabilir. İşin en kısa çözümü apache sunucusuna kullanması için başka bir port atamaktan geçer. Apache …

Devamını oku »

API Nedir?

Bu yazımızda API Nedir, yazılım dünyasında önemi neden bu kadar büyüktür, sahip olduğu potansiyeli ve sunduğu faydaları anlamaya çalışacağız. On yıllar boyunca çoğu bilgisayar yazılımı, onu tüketecek olan kullanıcı türü ile birlikte düşünülerek yazılmıştır. Yazılım ne şekilde tasarlanırsa tasarlansın, bir insan geleneksel olarak bu tasarım zincirinin en sonunda yer alır. Yazılımın sunduğu veriler, işlevsellikler bir kullanıcı arabirimi (UI) aracılığı ile son …

Devamını oku »

PHP Değişken Tanımlama

PHP’de değişken tanımlamak için değişken adının başına dolar($)  sembolü eklenir.. Değişken adı büyük-küçük harf duyarlıdır.  PHP’de değişkenin bildirim komutu olmadığı için değişken yazıldığı anda tanımlanış olur. Geçerli bir değişken ismi bir harf(Türkçe karakterler hariç) veya alt çizgi imi ile başlar, herhangi sayıda harf, sayı veya alt çizgi iminden oluşur.  Değişken ismi için kullanılabilecek harfler  a-z veya A-Z arasındaki ASCII harfler ve 127 …

Devamını oku »

HTML Türkçe Karakter Kodu

Web sayfalarını oluştururken olmazsa olmaz etiketlerden biri de meta etiketleridir.  Sayfanın ayarı ile ilgili bilgileri tutulduğu etiket olarak da bilinir. Meta charset koymayı unutursak Türkçeye özgü karakterleri muhtemelen sayfada göstermede sorun yaşıyor olacağız. HTML Türkçe Karater sorunu yaşamamak için aşağıdaki meta kodunu head etiketleri arasına yerleştirerek HTML Türkçe Karakter sorununu çözebilirsiniz. Kod: [crayon-5a123933a33cc481040013/]   Standart bir html sayfası en az …

Devamını oku »

Web Tasarım Programları

Web tasarımı yada Web Programcılığı ile uğraşıyorsanız,  grafik ve kodlama için bir kaç program bilgisayarınızda yüklüdür. Web tasarımına yeni başlayanlar ve hali hazırda program kullananlar için 2017 yılının bu ilk ayında en çok kullanılan web tasarım programlarını ile ilgili bir liste hazırlamak istedim. En çok kullanılan web tasarım programları ile birlikte adı pek duyulmamış web tasarım programlarını da listeye yazacağım. Listeye eklemeyi unuttuğum web tasarım …

Devamını oku »

Yatay Açılır Menü Yapımı

Bu yazıda yatay açılır menü yapıp aşamalarını ele alacağız. Menülerin temelinde liste etiketleri kullanılır. Bu yüzden bir tane liste etiketi oluşturarak başlayacağız. 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 animasyonlu yatay açılır menü kavramı örneklerle açıklanmaktadır. Yatay diğer yatay açılır menü örneği için Yatay Menü Yapımı yazısına ulaşabilirisiniz. Öncelikle içine dahil edeceğimiz div etiketinin …

Devamını oku »

Resmin Yanına Yazı Yazma

Resimlerin soluna yada sağına resim gelmesi için CSS yada HTML ile bir kaç düzenleme yapmamız gerekir. Aşağıda bir kaç örnekle resimlerin soluna ve resimlerin sağına yazıları getireceğiz. Beğendim!

Devamını oku »

CSS Pseudo elements (Sözde Elementler)

Sözde sınıflar gibi sözde elementler tanımlayıp bunları kontrol etmek mümkündür. Tanımlanmış bir elementin özel bir bölümünü düzenlemek ve güncellemek için pseudo element (sözde element) seçicilerini kullanabiliriz. Bir etiketin ilk karakterini(first-letter) yada ilk satırını (first-line) pseudo element seçicilerini kullanarak seçmek mümkündür. Burada aşağıdaki sözde etiket seçicilerinin kullanımı örnekler ile açıklayacağım. Beğendim!

Devamını oku »

Ücretsiz CSS HTML5 Temalar

Sitelerinizde yada CSS eğitimlerinizde kullanabileceğiniz hazır web sitesi templateleri. HTML5 CSS temalar indirip kullanabilirsiniz. Free html5 web sites templates. Beğendim!

Devamını oku »

CSS ile Etkili Resim Efektleri

Eskiden can alıcı görüntüler oluşturmak için Photoshop gibi grafik programlarından faydalanırdık. Günümüzde CSS’e eklenen bir çok özellikle göz kamaştıran resimler ve galeriler oluşturmak mümkün hale geldi. Şimdi size internette gördüğün bir kaç tane güzel resim örneğini HTML ve CSS kodları ile birlikte yazacağım. Beğendim!

Devamını oku »

Laravel 5 Kurulum

PHP Framework ile internette arama yapıldığında karşımıza, güçlü yapısı, geniş destek şansı ile LARAVEL heralde ilk sırada gelmektedir.  İlk yazılar ya tanıtım olur yada kurulum. Ben de bu yazıda Windows ortamında Laravel ve Composer kurulumuna yer vermek istedim. Beğendim!

Devamını oku »