Yazar: Mustafa SEVİM

Css Seçiciler

Css Seçiciler

CSS
Daha önceki yazımda css yapısına kısaca değinmiştik.Okumamış arkadaşlar için CSS YAPISI ve SAYFA İÇİ KULLANIMI okuyabilir.Kaldığımız yerden devam edelim.Seçiciler ana  ve ek seçiciler olmak üzere  2 tanedir.İlk olarak ana seçicilerimizden sınıf(class) ve id seçicimizi anlatacağız. Ana Seçiciler Sınıf (Class) Seçiciler Bu seçimimiz en çok kullanacağımız seçicimizden.Tanımlamasında nokta(.) kullanılmaktadır.Biz tanımlayacağımız sınıf ise başına nokta koymamız yeterlidir.Css html içindeki sınıflardan tanımladığımız bulup gereken özellikleri ona kazandıracaktır.Tanımlayacağımız sınıflar büyük ve küçük harfe duyarlıdır bunu da unutmamalıyız.Aynı zamanda html içinde birden fazla sınıf kullanabiliriz.İngilizce dilinde olmayan karakterler kullanılmamalıdır. Daha önce kullandığımız örnek sayfa yap
WordPress Tema Yükleme ve Tema Rehberi

WordPress Tema Yükleme ve Tema Rehberi

WORDPRESS
Wordpress kurduktan sonra görünüşümüzü değiştirmeye geldi.Öncelikle sitemize uygun bir temanın niteliklerini düşünmek ve sitemizin amacına uygun bir temayı seçimi yapabilmektir. Wordpress ile ilgili tema bulmak kolaydır.Fakat istediğimiz kriterlerde tema bulmak biraz zordur.Asıl soru tema seçimi hangi kriterlere göre yapmalıyız.Benim size temel oluşturacak kriterlerim; En önemlisi sitenin amacına uygun olmalıdır.Yani bir hayvan bakım önerileri bulunduğumuz bir bloğumuz olsun.Burada kullanacağımız tema arka planında futbolcu resimleri olan bir tema seçmek sizce mantıklı mı? Sizde doğal olarak  temanın uygun olmayacağını düşünmekteyiz.Temamız hayvan resimleri bulunan bir tema olması daha mantıklı olacaktır. İkinci önemli olan kullanıcı etkileşimi ve genelde kullanılan cihazlarda uyum
Bootstrap Izgara(Grid) Sistemi

Bootstrap Izgara(Grid) Sistemi

BOOTSTRAP
Sitemize bootstrap ne olduğunu ve nasıl eklediğimizi Bootstrap Nedir? konusunda anlatmıştık.Şimdi sıradaki kısım aslında ana yapısını anlatıyor.Aslında durum çok büyük görünüp küçük bir mantıkla çalışır.Bu sistem sitemize giren kullanıcının ekranını büyüklüğünü ve küçüklüğü bakmadan 12 eşit parçalara bölerek  çalışır.Bizde bu 12 parçaya göre kodlama yapıyoruz. Daha önceki yazımızdaki örneği kullanalım. [crayon-5d891edf0eaee483959997/] Ekran Görüntüsü Öncelikle ızgara sisteminin gördüğünüz gibi .col sistemiyle çalışmaktadır.Yazılmış alert sınıfları size dahi iyi görüntü göstermek ve anlamınızı kolaylaştırmak içindir.Orada gördüğünüz gibi .col-xl-3 bu kısım genişliği belirtmektedir.Aynı zamanda xl yazısıyla büyük ekran kullanıcılarda çalışması gerektiğini de anlatmaktadır.Öncelik
Css Yapısı ve Sayfa İçi Kullanma

Css Yapısı ve Sayfa İçi Kullanma

CSS
Daha önceki yazımızda sayfamıza nasıl ekleyeceğimizi anlatmıştık.Unutanlar ve okumayanlar için Css ile Çalışma okumalarını tavsiye ederiz.Şimdi css yapısı ve kullanımını daha uzun anlatacağız.Öncelikle bizim kalıcı olan elementlerimiz var.Yani html(xhtml) sayfamızın özel isimlendirdiği genel olarak atanmış kavramlar var.Normalde bunlar html her sayfada yaptığı standart sıralama olan  <body> tagları dahil  içinde bulunur.Bunlar body Başlık(head) tagları(h1,h2,h3,h4,h5,h6, ....) listeleme(ol,ul,li) linkleme(a) Paragraf(p) Metin(pre) Yazı (span) Buton(Button) resim(img) Alıntı Kutusu(blockquote) Kısaltma(abbr) Adres(address) İş tanımı (cite) Genel tanımlama(div) Unuttuğum olabilir genel olarak en çok kullanılanlar bunlardır.Bunların kullanımları böyle olmas
PHP Temel Güvenlik Tutumu

PHP Temel Güvenlik Tutumu

PHP GÜVENLİK
Php temel olarak güvenlik tutumu hiç bir şekilde kullanıcılardan gelen verilere güvenmemektir.Her zaman olası saldırılara gelebileceğini düşünerek gardımızı düşürmemeliyiz.Farkındayım bir yazılım güvenliği değil boksör antrenör gibi konuştuğumun farkındayım. Şimdi yazılımla ilgisini bağlarsak yani formalardan vs. gelen hiç bir veri kontrol edilmeden bu veriler veri tabanına yada normal bir işlem yapılmaz.Birde gelen bilgiler kendi formumuzdan geldiğini de kontrol etmeliyiz bu da başlıca bir tek başına bir konudur.Form güvenliğini sağlamak için Php form güvenliği konusundan yararlanabilirsiniz. Güvenlikte en önemli konulardan biri de temiz kodlama yapılmalıdır.Yani gereksiz kodlar olmaması yada  gereken standart kodlar yazmaktır.Kodlarımızı yazdığımız sürüm önemlidir.Çünkü eski sü
MyBB Forum Açmak

MyBB Forum Açmak

MYBB
Benim sevdiğim forum türleri arasında olan mybb  php  javascript mysql üçlüsüne dayanan bir forum yazılımdır.Kendi açıklamalarında bile javascript geçmese de kullanmaya başladığınızda sizde görüp anlayacaksınız.Öncelikle her zaman ki gibi isim ve barındırma satın alıyoruz.İsmimizi barındırmamıza yönlendiriyoruz.Daha sonra bu yönlendirmenin gerçekleşmesini bekliyoruz, bazen 24 saat alabiliyor.Bu olayı gerçekleştirdikten sonra hazırız. Forum açmak için öncelikle hosting şirketimizin bize mail olarak attığı bilgileri kullanarak hosting panelimize giriyoruz.Şimdi önümüzde iki yol var birincisi oto kurulum yapmak ikincisi ise manuel kurulum yapmak.Öncelikle birinci yolu anlatalım. Cpanel Oto Mybb Kurmak Cpanel kastımız hosting panel türüdür ve genelde hosting şirketleri bunları kullanır.Re
WordPress Blog Açmak

WordPress Blog Açmak

WORDPRESS
Öncelikle blog açmayı planlayıp wordpress karar verdiğimizde yapmanız gereken ana iki unsur vardır.Birincisi isim(Domain) ikincisi Hosting(Barındırma)dir.Bunun için kurulmuş bir sürü firma var.Bu seçimi size bırakıyorum.Sadece isim ile barındırma aynı yerde olmak zorunda değil ve wordpress işlemci bol kullanan bir sistem bunları düşünerek size uygun olanı seçebilirsiniz. Henüz yeni başlamış bir site için yüksek barındırmaya ihtiyaç duymayacağını düşünmemek saçmalık olur.Tavsiyelerimden biride sitenin kullanamayacağı kadar barındırma alıp boşuna aylarca yıllarca para vermektir.Siz zaten kaynak yetmediğinde bloğunuz admin panelinden fark edeceksiniz.İsimimizi aldık nsleri hosting nslerine yönlendirdik bazen 24 saat sürüyor.Http boşluğuna yazdınız siteniz açıldı hosting varsayılan sayfasın
Css İle Çalışma

Css İle Çalışma

CSS
Css(Cascading Style Sheet) html sayfalarının görünümünü şekillendirmeye yarayan stil dilidir.Bu web teknolojisi internet sayfamızın harflerin rengini, boyutunu, genişliğini, büyüklüğünü vb. özelliklerini değiştirmek için kullanılır.Bu teknik esneklik bakımından css 3.0 daha ileriye ulaşmıştır.Biz sitemize css dosyalarımızı iki yolla sitemize ekleyebiliriz. Birinci yolumuz css direk html sayfamızın içine ekleme ikinci yol ise dışardan ayrı bir dosya olarak sayfaya çekmektir.Genelde kullanılan dışardan ayrı bir dosya olarak çağırmaktır.Birinci yolun azalıp bırakılmasının sebebi günümüz teknolojilerinin gelişimiyle ortaya çıkan seonun yarattığı etki nedeniyle bu kullanım şekli istenmektedir.Ben yine de iki yolunda anlatımını yapacağım. CSS Direk Html Sayfasına Ekleme Bunu yapabilmek için h
Bootstrap Nedir?

Bootstrap Nedir?

BOOTSTRAP
Bootstrap dünyanın en yaygın olarak kullanılan web üzerinde duyarlı sayfalar yapmaya yarayan birleşendir. Css ve js kullanarak bootstrap istediğiniz yeni nesil tasarımlar oluşturmasına yardımcı olur.Bootstrap kullanarak mobil ve bilgisayarların ekran çözünülüğüne göre uyarlayabiliriz.Tek İhtiyacı jquerydir.Pekala biz bu "jquery nasıl ulaşacağız" diye bir soru gelecek aklımıza ister cdn kullanın isterseniz indirip lokalinizden çekebilirsiniz. Cdn yazımızda geçti fakat cdn bilmeyenler olabilir.Kısaca başka bir yerden sitemize yüklemek diye düşünebiliriz.Bize lazım olan jquery  linki; [crayon-5d891edf0f380007187869/] jquery sürümlerinden çoğuyla uyumludur bunu kullanmanız şart değil.Mesala tasarımınızın farklı versiyonlar onla da çalışacaktır. Sadece bilmeniz gereken jquery bootstrap.min.js
Free Web Hosting