Web Tasarım Makaleleri Kategorisi » Bilgisayar Sorunları ve Çözümleri

Dreamweaver Site Yapımı (Dreamweaver Dersleri Resimli Anlatım)

Yararlı İnsanlar Topluluğu — Wed, 25 Jul 2018 15:24:00 +0000

Bu yazımızda sizlerle dreamweaver site yapımı için gerekli olan ilk adımları ve bir kaç kısa bilgiyi aktarmaya çalışacağız. Öncelikle adobe dreamweaver cc versiyonunu kullanacağımızı belirteyim. Bu program aracılığı ile dreamweaver site yapımı için gerekli olan site tanımlama fonksiyonları ile işe başlayalım. Sitenizi tasarlayıp tüm ayarlamaları bitirdikten sonra localdeki dosyalarınızı bir hosting şirketinden alacağınız paketlerle ve hesap bilgileri ile internet dünyasına girmemenize hiç bir sebep yok.

Dreamweaver Site Yapımı için Site Tanımlama

İşin başında belirtelim. Dreamweaver’ da bir web sitesi yapmaya başlamadan önce öncelikle bir site tanımlama yapmanız gerekir. Site / Yeni Site menü komut yolunu uygulayın. Ardından karşınıza bir panel gelecektir.

Bu panelde iki önemli bölüm vardır. Birisi site adını yazdığınız alan ve diğeri ve en önemlisi hazırlayacağınız Web Sitesinin dosyalarının geçici olarak nerede depolanacağının belirleneceği Yeni Site Klasörü isimli url alanıdır. Ben masaüstünde “yenisite” isimli bir klasör oluşturdum ve bundan sonra yapacağım tüm işlemler, oluşturacağım tüm sayfalar, ekleyeceğim tüm resim ve videolar bu klasörün içerisine otomatik olarak yüklenecektir.

Şimdi bir örnekle görelim. Bir HTML sayfa oluşturduk ve ardından bir resim ekledik. Bu sayfaya eklediğimiz resim ilk başta geçici URL alır, ancak Dosya / Kaydet komutunu uygularsanız göreceksiniz ki karşınıza Farklı Kaydet penceresi ile oluşturduğunuz “yenisite” isimli klasörü göstererek kaydetmenizi sağlayacaktır. Bu durumda hem index.html sayfası hem de index sayfasına eklediğiniz resim “yenisite” isimli klasöre yüklenmiş olacaktır.

Dreamweaver CC ile Gelen Yenilikler

Dreamweaver daha önceki sürümlerinde daha görsel tasarımlara imkan sağlarken, Adobe Dreamweaver CC versiyonu ile birlikte daha çok kod yazan ve daha çok tasarımcılar için geliştirilmiş ekranları sunmuş kullanıcılarına. Bu nedenle daha önceki versiyonlarda gördüğünüz panel kalabalıklarını Dreamweaver CC‘ de görmek mümkün değil. Yeniliklerin en başında gelen görsel değişiklik bu aslında. Önceki versiyonlara alışan arkadaşlar elbette CC versiyonuna geçtiklerinde bu anlamda farklılığı görebileceklerdir. Daha sonraki yazılarımızda ve dreamweaver derslerinde tekrar görüşmek dileğiyle. Hoş çakalın.

Not: Dreamweaver Site Yapımı (Dreamweaver Dersleri Resimli Anlatım) isimli makale özgün bir makaledir. Alıntı yapmadan kullanılamaz. @bilgisayar.name

Haber Başlığı Dreamweaver Site Yapımı (Dreamweaver Dersleri Resimli Anlatım) appeared first on Bilgisayar Sorunları ve Çözümleri.

SVG nedir? SVG Dosyası Nerelerde Kullanılır? SVG Örnekleri

Yararlı İnsanlar Topluluğu — Sat, 07 Jul 2018 12:30:46 +0000

Web tasarım ve programlama alanında her geçen gün sonraki 10 yıla damgasını vuracak yeni gelişmelerin ortaya çıkarıldığını duyuyoruz. SVG’ de belki de ileriki yıllarda çok sık adını duyacağımız dosya türlerinden birisi. Şimdi gelin birlikte SVG nedir ve SVG dosyaları nerelerde kullanılır gibi sorulara cevap arayalım.

Bundan tam 16 yıl önce 4 Eylül 2001 w3C tarafından duyuruldu ancak olgunlaşması uzun yıllar aldı. Günümüzde ve bundan sonraki yıllarda hayli popüler bir yapı halini alacağa benziyor. SVG ingilizce Scalable Vector Graphics kelimelerinin baş harflerinden ibaret aslında. Türkçeye de Ölçeklenebilir Vektör Grafikleri olarak çevirmek mümkün. SVG aslında vektör tabanlı grafikleri XML forma’da tanımlayan yapıdan ibarettir. Şimdi sizlere örneklerle konuyu daha iyi anlayacaksınız.

SVG nedir? Vektörel Grafik Kavramı

Vektörel grafik kavramını öncelikle tanımlayalım. Aşağıdaki resmi inceleyin. Raster adını verdiğimiz resim aslında günümüzde bilgisayar ve tabii olarak Web tasarım ve programlamada kullanılan grafiklerden başkası değildir. Raster grafikler aslında piksellerden oluşur. Piksel tabanlı olduklarından dolayı jpeg gif png türündeki dosyaların boyutlarını büyülttüğünüzde aynı aşağıdaki resimdeki gibi bozulmalar meydana gelir. Bu web ortamında kullanılan bu öğelerin dezavantajıdır. İşte bu dezavantajı ortadan kaldırmak için SVG formatlı grafikler üretilmeye başlanmıştır. Peki nedir Vektör tabanlı .svg uzantılı bu dosyalar? Bu formatlar bilgisayar işlemcisi tarafından oluşturulan matematiksel ifadelerin bir araya gelmesi ile ortaya çıkarlar. Bu nedenle siz herhangi bir vektörü istediğiniz kadar büyültün veya daraltın, görüntü pikselleşmeyecektir. İşte bu ortamlar artık Web sitelerinde de sık sık görülecektir.

Henüz w3school‘ da hali hazırda yayında olan ilk örnekle başlayalım. Aşağıdaki kod HTML etiketlerinin arasına yazılmış bir svg vektör oluşturmak için gerekli XML tabanlı bir etiketten ibaret. Genişliği ve yüksekliği 100 px olan ve yarıçapı 40 olan dış çerçevesi 4 kalınlığında yeşil ve içi sarı dolgu ile renklendirilmiş bir svg resmi. Bu kodu çalıştırdığınızda aşağıdaki görüntüyü elde edersiniz.

Bu kodu çalıştırdığınızda aşağıdaki görüntüyü elde edersiniz. Şimdi oluşturduğunu bu görüntüyü CTRL + Farenin Scrool tuşu ile yakınlaştırın. Gördüğünüz gibi vektörel öğede herhangi bir bozulma gerçekleşmeyecektir.

Aşağıdaki SVG etiketleri ile oluşturulmuş diğer ikon setlerini sizler için ekledim. SVG ile henüz grafiklerdeki gibi güçlü yapılar oluşturulmasa da gelecekte jpeg ve png gibi raster grafiklerin yerini alacağı tahmin edilebiliyor.

Bir SVG dersimizin ilk yazısının sonuna geldik. Daha detaylı ikonlar oluşturmak için sonraki yazılarımızda görüşmek üzere.

Not: SVG nedir? SVG Dosyası Nerelerde Kullanılır? SVG Örnekleri isimli makale özgün bir makaledir. Alıntı yapmadan kullanılamaz. @bilgisayar.name

Haber Başlığı SVG nedir? SVG Dosyası Nerelerde Kullanılır? SVG Örnekleri appeared first on Bilgisayar Sorunları ve Çözümleri.

phpmyadmin nedir? ne işe yarar? nerelerde kullanılır?

Yararlı İnsanlar Topluluğu — Tue, 09 Jan 2018 20:26:12 +0000

Web sayfalarının ve diğer gelişmiş uygulamaların vazgeçilmezi olan veritabanları aslında herkesin göz önünde olmayan bir yapı olarak bilinir. Ancak iş aslında tam olarak öyle değildir. Veritabanları arka planda aslında tam anlamıyla muazzam bir sistemle çalışırlar. Peki bu çalışan yapıyı biraz olsun anlamak istemez misiniz? phpmyadmin nedir isimli yazımızda buna cevap arayacağız.

En azından ilgili veritabanının içine girip, tabloların, anahtarların, alan adlarının ve en önemlisi verilerin nasıl çalıştığını incelemek istemez misiniz? İşte bu aşamada imdadınıza phpmyadmin isimli program yetişiyor.phpmyadmin bir veritabanı yönetim programıdır. Veritabanının nedir isimli yazımızı okuyup, makaleye kaldığınız yerden devam etmeniz önerilir.

phpmyadmin nedir? Hangi amaçlarla kullanılır?

Bu program aracılığı ile veritabanınızda tablo oluşturabilir, tabloları silebilir, içerisindeki verileri boşaltabilir, veya ilgili tablo verisini güncelleyip, düzenleyebilirsiniz. Aslında bu cümleyi o kadar çok uzatabiliriz ki. Veritabanı ile ilgili aklınıza gelebilecek her türlü işlemi phpmyadmin adını verdiğimiz program sayesinde yapabiliriz. Sadece veri giriş işlemlerini ve bazı sorgulamaları web sayfalarımızdaki arayüzler sayesinde gerçekleştirebiliriz. Bunun haricinde arka planda harıl harıl çalışan bu muazzam yapılara doğrudan ulaşmak istiyorsanız phpmyadmin veya bu program muadilinde bir başka veritabanı yönetim programına ihtiyacınız olacak.

Şimdi bir örnekle size phpmyadminin ne olduğunu ve nerelerde kullanıldığını daha iyi anlatmaya çalışalım. Bir WordPress web sitesi kurmayı planlıyorsunuz. WordPress Mysql veritabanı ile çalışan bir içerik yönetim sistemidir. Yani WordPress gelişmiş php ile kodlanmış sayfalardan oluşan bir web sitesinin ta kendisidir. WordPress i wordpress yapan sadece php midir? Tabi ki değil. Hatta pastanın büyük payı arkaplanda çalışan kusursuz bir veritabanının olduğu aşikar. Peki hiç dikkat ettiniz mi? WordPress sizden ilk kurulum aşamasında ne istiyor? Veritabanı adı, kullanıcı adı, şifre vb.vb… İşte bu sitelerin tüm yükünü taşıyan veritabanlarını yönetmek istiyorsanız, phpmyadmin bunun için biçilmiş kaftan.

Diyelim ki WordPress’ i bir şekilde kurdunuz, aylar sonra wp-admin e yani yönetim paneline girmek istiyorsunuz ve “o da ne şifrenizi unuttunuz.” Şifre mi hatırla vb. bir yol da yok bunun için biliyorsunuz. Ne yapacaksınız? phpmyadmin ile (tabi ki gerekli güvenlik aşamalarını geçip) girip ilgili kullanıcıya ait şifreyi değiştireceksiniz. Bunu yapabilmenin tek yolu phpmyadmin kullanmak ya da diğer yönetim programlarıyla ilgili tabloların içine girip ilgili veriyi bir şekilde değiştirmek. Tüm bunlar aslına bakarsanız bir o kadar da riskli. Ancak orta düzey bir web programcısı için phpmyadmin veya diğer veritabanı yönetim araçları olmazsa olmazdır.

Haber Başlığı phpmyadmin nedir? ne işe yarar? nerelerde kullanılır? appeared first on Bilgisayar Sorunları ve Çözümleri.

MongoDB nedir? MongoDB collections and documents

Yararlı İnsanlar Topluluğu — Tue, 31 Oct 2017 13:10:49 +0000

MongoDB nedir kısaca bu makalemizde açıklamaya çalışacağız. MongoDB’deki temel kavramların yani veritabanlarının, koleksiyonların ve dökümanların neler olduğunu tanımlayacağız.
MongoDb açık kaynak kodlu ve NoSQL bir veritabanıdır. C++ ile oluşturulmuştur. MongoDB farklı platformlar için yüksek performans, kullanılabilirlik ve ölçeklendirme sağlayan döküman bazlı bir veritabanıdır. Collection ve document kavramları üzerinden çalışır.

MongoDB nedir – Veritabanı (Database)

Veritabanı koleksiyonları barındıran fiziksel yapılar olarak düşünülebilir. Her veritabanı dosya sistemi üzerinde kendi dosyalarını barındırır ve tek bir MongoDB sunucusu birden fazla veritabanı bulundurabilir.

Koleksiyon – Collection

Koleksiyon MongoDb dökümanlarından oluşan gruplara verilen isim

dir. İlişkisel veritabanlarındaki dengi tablodur. Koleksiyonlar şema(schema) içermek zorunda değildir. Genel olarak, bir koleksiyondaki tüm dökümanlar benzer yapılara sahiptir.

Döküman – Document

Döküman, anahtar ve değer çiftlerinden oluşan bir dizidir. Dökümanların dinamik şemaları vardır. Dinamik şema: aynı şemadaki dökümanların aynı alanlara ve yapılara sahip olmamasına ve koleksiyondaki ortak alanların farklı türde veriler içermesine verilen addır.

İlişkisel veritabanları (RDBMS) ve MongoDB terim karşılaştırmaları

RDBMS————————–|MongoDB————————-

MongoDB hakkında daha fazla bilgi ve ayrıntı öğrenmek için http://www.mongodb.com adresini ziyaret edebilirsiniz.

Haber Başlığı MongoDB nedir? MongoDB collections and documents appeared first on Bilgisayar Sorunları ve Çözümleri.

WordPress yazı editörü sorunu ve çözümü

Yararlı İnsanlar Topluluğu — Tue, 31 Oct 2017 10:14:49 +0000

Bir gün tam heveslendiniz, yeni bir makale kaleme alacaksınız. Giriş yaptınız ve bir de ne görüyorsunuz, WordPress yazı edötürünüz görünmüyor, Ortam Ekle (Görsel Ekle) butonu işlemiyor vb. Az önce ben bu durumu yaşadım ve bu makaleyi sorunu çözülmüş edötür rahatlığıyla kaleme alıyorum. wordpress yazı editörü sorunu ve çözümü adlı makalemizle gelin birlikte soruna çözüm arayalım.

WordPress Yazı Editörü Sorunu ve çözümü Adımlar

Çözüm Denemesi – 1

Öncelikle bu sorun Wp-Config.php dosyasınından kaynaklanabilir. Buraya ekleyeceğiniz aşağıdaki kod satırları sorununuzu çözebilir. İlk olarak deneyebileceğiniz yöntemlerin başında bu geliyor. Ko yapısını bozmadan FTP den girip Wp-Config.php dosyanızı alın ve bilgisayarınızda yedekleyin. Sonrasında aşağıda kodları define tanımlamalarının hemen altına ekleyin, kaydedin ve FTP den tekrar hosting’ e girip üstüne kaydedin.

define( ‘CONCATENATE_SCRIPTS’, false );
define( ‘COMPRESS_SCRIPTS’, false );
define( ‘SCRIPT_DEBUG’, true );

Çözüm Denemesi – 2

Eğer bu sorunu çözmede Çözüm Denemesi – 1 sizin için bir sonuç oluşturmadıysa 2.çözüm denemesini denemelisiniz. Burada size aslında yanlışlıkla bile olsa yapmış olabileceğiniz hatalı bir işaretlemeyi hatırlatacağız. wp-admin panelinden giriş yaptığınızda En Üst Sağ Köşede kullanıcı adınızın üzerine gelin ve “profili düzenle” ye bir kez tıklayın.

Ardından karşınıza gelecek olan ekranda Görsel düzenleyici “Yazarken görsel metin editörünü kullanma” kutusunu işaretleyin ve profili güncelleyin. Aslında bu ayarlama, görsel metin editörü kullanamayan wordpress yöneticileri içindir. Bazen burada yaptığımız düzenlemenin farkında olamayabiliyoruz. Şahsen ben metin edötürünü kullanmayı tercih ediyorum. Ancak asıl sorun hem Görsel hem de Metin editöründeki araç çubuklarının görüntülenmemesi ise Çözüm Denemesi – 3 adımına geçmeniz gerekiyor.

Çözüm Denemesi – 3

Burada yukarıda bahsettiğimiz gibi hem ortam ekle butonunuz çalışmıyor hem de araç çubuklarınız kaybolmuşsa yapmanız ayarlamalar var. Şahsen benim sorunumun bu olduğunu az önce farkettim ve sorunu çözdüm. WordPress’ te kullandığınız bazı eklentiler yazı editörü bozuyor. Hatta şunu farkettim. Eklentiyi ilk kurduğumda sorun yoktu. Ardından WordPress güncellemesini yükledim ve bu sorun öyle oluştu. Yani yeni wordpress sürümü ve eski eklentinin aralarının limoni olması bizim yazı editörümüzü etkiliyor.

Peki hangi eklenti bunu yapıyor? Nasıl bulabiliriz? Eklentiler paneline giriniz. Oradan eklentileri teker teker etkisizleştiriniz. Her etkisizleştirme işleminden sonra yazı ekleme paneline girin ve yenileyiniz. Göreceksiniz sorun oluşturan eklentiyi pasif duruma getirdiğinizde sorun çözülecektir. Ben de Pie Register adındaki eklenti buna sebep oldu. Peki bu sorun oluşturan eklentiden vazmıgeçelim? Bence 1-2 hafta bekleyin. Zaten eklenti üreticisi bunun farkına varıp ona göre güncellemeleri gönderecektir. Kolay gelsin.

Haber Başlığı WordPress yazı editörü sorunu ve çözümü appeared first on Bilgisayar Sorunları ve Çözümleri.

CSS Dersleri – 4 || ID Seçiciler (CSS Seçiciler ve Çeşitleri)

Yararlı İnsanlar Topluluğu — Tue, 03 Jun 2014 21:27:51 +0000

Önceki CSS dersleri ‘mizde CSS ‘de seçici nedir, nasıl kullanılır gibi sorulara cevap aradık. Ardından yine aynı yazımızda CSS’ de bulunan Seçici türlerinin ne olduğunu öğrendik ve ilk seçici türü olan Sınıf seçiciyi ayrıntılı bir şekilde anlatmaya çalıştık.

Bu derse geçmeden önce bir önceki yazımızı mutlaka iyi okumalı ve anlamalısınız. Çünkü bir önceki yazımızı bu ve bundan sonraki yazımızın ön şartı olduğunu söyleyebiliriz. İlgili makaleye buradan ulaşabilirsiniz.

CSS Dersleri – 4 || ID Seçiciler Nedir? Nasıl Kullanılır?

Şimdi bu yazımızdaki konumuza dönelim. ID seçiciler yine CSS yapısında en çok kullanılan seçici türlerinden birisidir. Ancak sınıf seçiciden önemli bir farkı bulunur. Sınıf seçiciler hatırlıyorsanız, bir kere tanımlanır ve istediğiniz etikete, istediğiniz html bölümüne uygulanabilir. Ancak ID seçiciler bir kere tanımlanırlar ve sadece bir kere kullanılırlar.

ID Türkçe’ ye kimlik olarak çevrilebilir. Normal hayatta insanların kimliğini düşünün. Bir kişi sadece o kimliğe sahiptir ve o kimlik ona özgüdür. Aynı kimliğe başka bir kişi sahip olamaz.

Aynı şekilde ID seçicilerde böyle düşünülebilir. ID seçici olarak tanımlanan bildirimler, yalnızca bir bölüme uygulanabilirler. Diğer bir konu ise söz dizimindeki farklılıklardır. Sınıf seçicilerde hatırlıyorsanız . (nokta) işareti ile başlamanız gerekiyordu. ID seçicilerde ile . (nokta) yerine # (diyez) işareti kullanılır. Yine aynı şekilde etiketleri arasında bu ID seçiciler yazılıp, etiketleri arasındaki etiketlerde ve istenilen bölümlerde çağrılabilir.

Ancak CSS bildirimlerinin ve tüm CSS kodlarının etiketleri arasında yazılması gerektiğini asla unutmayın. Şimdi bir uygulama üzerinde anlamaya çalışalım. Aşağıda bir ID seçici tanımlıyoruz.

Yukarıda gördüğünüz üzere “logo” adında bir ID seçici tanımladık. Bu seçici ile aslında “logo” bölümünün 100px’ e 75px şeklinde kesin (absolute) bir şekilde sayfada konumlandırılacağı anlamını çıkarabiliriz. Gördüğünüz gibi # (diyez) işareti ile ID tanımlamasına başladık ve Türkçe karakter olmaması şartı ile ID seçiciye bir isim verdik. (logo) Şimdi sıra geldi ID seçiciyi çağırmaya. ID seçiciler çağırırken aynı sınıf seçiciler gibi çağrılacağı bölümün etiketinin parametresi olarak çağrılırlar. Ancak bu kez parametre ismi “class” değil “ID” olmalıdır. Hemen yukarıda tanımladığımız “logo” isimli ID seçiciyi aşağıdaki div için çağıralım.

Yukarıda da gördüğünüz gibi “logo” isimli tanımladığımız ID seçiciyi

etiketinin bir parametresi olarak kullanarak çağırdık. Çağırırken bu kez “ID” anahtar kelimesini yazdığımızı görebiliyorsunuz. Bu kod sayesinde “logo.png” isimli logomuzu sayfanın üst bölümünde 100px soldan, 75px üstten başlayarak eklemesini sağladık. Bu kodları çalıştırdığınızda ekran çıktımız aşağıdaki gibi olacaktır.

Bu örnekteki kaynak dosyayı indirmek için tıklayınız…

CSS dersleri ‘mizin bu bölümünde ID seçicinin ne olduğunu, hangi durumlarda kullanılacağını ve kullanımı ile ilgili söz dizimi kurallarını göstermeye çalıştık. Umarım etkili olmuştur. Bir sonraki dersimizde Etiket (Tag) seçicileri tanıyacağız. Görüşmek üzere.

Not: Makale özgün bir makaledir. Alıntı yapmadan kullanılamaz. @bilgisayar.name
CSS Dersleri – 4 || ID Seçiciler (CSS Seçiciler ve Çeşitleri)

Haber Başlığı CSS Dersleri – 4 || ID Seçiciler (CSS Seçiciler ve Çeşitleri) appeared first on Bilgisayar Sorunları ve Çözümleri.

CSS Dersleri – 3 || Sınıf Seçiciler (CSS Seçiciler ve Çeşitleri)

Yararlı İnsanlar Topluluğu — Sat, 31 May 2014 17:56:23 +0000

Daha önceki CSS dersleri ‘mizde CSS yapısını ve CSS kullanımını görmüştük. Orada da aslında seçicileri kullanmıştık. Şimdi bu dersimizde CSS yapısı içerindeki seçicileri daha detaylı bir şekilde inceleyeceğiz.

Öncelikle seçici nedir tanımlayalım. Seçiciler web sayfasında hangi kısımlarla ilgili stil tanımlanacağını belirlediğiniz bölümdür. Hatırlıyorsanız CSS yapısı aşağıdaki resimdeki gibi birçok bildirimden oluşur. Bildirimler ayarlanacak olan sayfa stilinin özelliklerini belirler. (Örneğin kırmızı renk, kenarlığın kalın olması vb..)

Ancak sayfa bir bütünden ibaret değildir. Web sayfasında bir çok alan bulunur. Örneğin bu alanları bazı bölümlerini kırmızı bazı bölümlerini mavi yapmak isteyebilirsiniz. İşte burada belirttiğimiz sayfanın birbirinden bağımsız bölümlerini seçiciler sayesinde tanımlarsınız.

Yukarıdaki örneği dikkatle inceleyelim. “h1” aslında bir HTML başlık etiketidir. CSS kuralı “h1” etiketi kullanılarak tanımlanmıştır. Bunun anlamı şudur; yazdığınız stil şablonu özellikleri sadece “h1” etiketi için geçerlidir. (Yazı rengini mavi renk yapar.)

CSS Dersleri – 3 || CSS Çeşitleri

CSS ‘de farklı türde birçok seçici vardır. Ancak biz bu dersimizde 3 önemli CSS seçicisinin üzerinde duracağız. Bu CSS türleri; etiket seçici, ID seçicisi ve sınıf seçicisidir. Şimdi bu çeşitleri birer birer inceleyelim.

CSS Sınıf Seçicisi (Class Selectors) – (CSS Dersleri)

Sınıf seçiciler CSS ‘ de en yoğun bir şekilde kullanılan seçici türlerinden biridir. Sınıf seçiciyi sayfa içerisindeki birden fazla öğeye tekrar tekrar uygulayabilirsiniz.

Sınıf seçiciler tanımlanırken . (nokta) ile başlamak zorundadırlar. Tanımlandıktan sonra çağrılırken de çağrılacak olan HTML etiketinin “class” parametresiyle çağrılırlar. Ayrıca seçiciler genellikle etiketi içerisinde ya da ayrı bir still.css dosyasında tanımlanırlar. (Not: CSS kullanım alanları daha sonraki derslerde detaylı bir şekilde anlatılacaktır.) Bir örnek üzerinde daha iyi anlayabiliriz.

Örneğin “sinif1” adında bir bir sınıf seçicisi tanımlayalım ve stil bildirimi olarak da yazı boyutunu 12 pt, yazı rengini de kırmızı olarak ayarlayalım. Aşağıdaki kodu web sayfanızın etiketleri arasında bir bölüme ekleyin.

Yukarıda da gördüğünüz gibi sınıf seçiciler tanımlanırken . (nokta) ile başlıyor. Bildirimlerin yapısını zaten bir önceki dersimizde bahsetmiştik. Şimdi bu sınıf seçiciyi bir HTML bölümünde yani bir HTML etiketinde aktif edelim yani çağıralım.

Örneğin “Web Sitemize Hoşgeldiniz” şeklinde yazılan h1 başlığına bu tanımladığımız stili uygulayalım. Bildiğiniz gibi h1 başlığı varsayılan olarak siyah renklidir ve yaklaşık 2 em (36px) boyutlarındadır. Biz bu stili h1 için uyguladığımızda yazı rengi kırmızı, 12 pt ile yazılmış bir başlığa dönüşecektir.

Bunun için aşağıdaki kodu etiketleri arasında herhangi bir bölüme yazıyoruz;

`Web Sitemize Hoşgeldiniz`

Bu kodun derlenmiş hali aşağıdaki gibidir;

Web Sitemize Hoşgeldiniz

Yukarıda da gördüğünüz gibi dersin başında tanımladığımız “sinif1” isimli sınıf seçicisini h1 başlığı için uyguladık. Bunun için

etiketi içerisinde “class” parametresini kullandık. class=”sinif1″ ile yukarıda etiketleri arasında tanımladığımız stil özelliklerini alarak etiketleri içerisindeki “Web Sitemiz Hoşgeldiniz” metnini kırmızıya ve 12 puntoluk bir stile dönüştürdük.

Sonuç olarak sınıf seçiciler tanımlanırken . (nokta) ile başlarlar ve “class” parametri kullanılarak çağrılırlar. Sayfanın istediğiniz herhangi bir bölümünde istediğiniz kez tanımladığınız bir sınıf seçiciyi çağırıp kullanabilirsiniz. Yazının başında da belirttiğimiz gibi sınıfı seçicicler CSS’ de en çok kullanılan seçici türlerinden birisidir.

Sonraki CSS dersleri ‘mizde ID seçiciyi ve sonrasında etiket seçicileri inceleyeceğiz. Görüşmek üzere.

Not: Makale özgün bir makaledir. Alıntı yapmadan kullanılamaz. @bilgisayar.name
CSS Dersleri – 3 || Sınıf Seçiciler (CSS Seçiciler ve Çeşitleri)

Haber Başlığı CSS Dersleri – 3 || Sınıf Seçiciler (CSS Seçiciler ve Çeşitleri) appeared first on Bilgisayar Sorunları ve Çözümleri.

Google Adwords Nedir , Ne işe Yarar, Nasıl Çalışır?

Yararlı İnsanlar Topluluğu — Fri, 16 May 2014 06:58:00 +0000

Google’ a reklam vermenin en kolay ve en hızlı yolu Google Adwords’ ten geçiyor. Daha önce Google’ ın bir başka servisi olan Adsense’ i açıklamıştık. Bu yazımızda da Google Adwords nedir sorusuna cevap arıyoruz. Google Adwords de aslında bu işin başka bir kanadını oluşturuyor. İnternet ortamında her geçen gün e-ticaret sistemlerinin, alışveriş sitelerinin, her türlü bilgiye erişim için kullanılan doküman sitelerinin ve etkileşimli web sitelerinin sayılarının artması ile kullanıcılar zamanlarının çoğunu internet ortamında geçirir oldu. İşte bu nedenle internet üzerinde verilen reklamların, TV reklamlarından daha etkili olduğunun düşünülmesi hiç de şaşırtıcı değil. İşte buradan yola çıkarak gelin birlikte Google Adwords’ ü tanımaya çalışalım.

Google Adwords Nedir ? Kimler Kullanmalıdır?

Her gün milyarlarca insan internet ortamında farklı arama motorlarını kullanarak farklı anahtar kelimelerle aramalar yapıyorlar. Bildiğiniz gibi Google bu anlamda birçok kişi tarafından bilinen ve dünya üzerindeki en çok kullanılan arama motoru ünvanını taşıyor, ve uzun bir süre taşıyacağından kimsenin de şüphesi yok.
Google Adwords kısaca aslında siz kullanıcılara kendi reklamınızı yapmanızı sağlayan bir servisten ibarettir. Bu reklamlar peki hangi tür reklam?

Bunu anlayabilmek için kullanıcı tarafına yani reklamı görüntüleyecek müşteri tarafına geçelim şimdi. Müşteriler, ya da kullanıcılar Google ne yaparlar? Tabi ki anahtar kelimelerle arama yaparlar. Anahtar kelime nedir? Anahtar kelime aslında sizin Google ‘ ın arama kutusuna yazdığınız kelimelerdir. İşte kullanıcılar ya da müşteriler bu arama kutusunu kullanarak belli bilgilere ulaşmaya çalışırlar. Mesela iş elbisesi arayan bir kişi bu kutuya “iş elbiseleri” şeklinde giriş yapar. Ya da bunun gibi daha birçok ihtimal de bu kutu içerisine girilebilir. Ancak belli kelimeler vardır ki, o kelimeler çok arattırıldığından değerler anahtar kelimeler haline dönüşür. Ancak konumuzdan çok uzaklaşmadan anahtar kelimenin Google Adwords servisi için çok önemli olduğunu belirtmeden geçmeyelim.

Şimdi bir adım daha ilerleyerek Google Adwords’ ü tekrar tanımlayalım. Google Adwords anahtar kelime baz alınarak, Tıklama Başına Maliyet hesabı ile sizlere sunulan bir reklam servisidir. Aşağıdaki resimde ben bu kez arama kutusuna “bilgisayar satış” anahtar kelimelerini girdim. (1.ADIM)

Ara butonuna tıkladığınızda karşınıza bu anahtar kelimelerle ilgili web siteleri listelenir. Zaten arama motorları da bu basit mantıkla çalışırlar. Ancak dikkat edin resimde 2.ADIM’ da gösterdiğim bölümler diğer arama sonuçlarından farklıdır. İşte bu bölümler GOOGLE ADWORDS reklamlarının ta kendisidir. Genellikle arama sonuçlarının yatay satırlar halinde listelendiğini düşünürseniz bu satırlarda en üstte listelenen arama sonuçları genelde Google Adwords reklamlarıdır. Ayrıca dikey olarak da bir Google Adwords sütunun oluşturulduğu görülebiliyor.

Bu şekil de aslında arama motorunda o anahtar kelime ile aratanlar için siz Google Adwords’ ü kullanarak ilk sıraya yükseliyorsunuz. Bu sizin için çok büyük bir avantaj haline dönüşüyor. İşte bu tarz listeleme Google Adwords Reklamları sayesinde gerçekleşiyor.

Google ‘ a başvuruyorsunuz, anahtar kelimelerinizi belirliyorsunuz. Gerekli bilgileri girerek ve ödemenizi yaparak bir Google Adwords hesabına sahip oluyorsunuz. Artık bu belirlediğiniz anahtar kelimelerle internet ortamında arama yapan kişilere bu sayede daha kolay ulaşabiliyorsunuz. Hedef kitleniz anahtar kelimelerinizle doğrudan ilişkili olduğundan, müşterilerinize, üyelerinize veya bilgisayar kullanıcılarına ulaşmanın en kolay yolu bu olsa gerek.

Google Adwords Nasıl Çalışır ? Tıklama Başına Maliyet (TBM) nedir?

Google Adwords nedir sorusunu kendimize sorduğumuzda ilk paragraflarda karşımıza “Tıklama Başına Maliyet” adını verdiğimiz bir terim çıkmıştı. Tıklama Başı Maliyet Google Adwords için çok şey demek. Çünkü ödemeleriniz tamamen buna endekslidir. Bir bilgisayar kullanıcısını düşünün. Bu kullanıcı bir anahtar kelime ile arama yaptı ve sizin Google Adwords reklamınız en üstte görüntülendi. Kullanıcının sizin sitenize tıklaması sizin yaptığınız Google Adwords ödemesinden düşmesi anlamına gelir. Zaten reklamlar TBM’ in sizin yaptığınız ödemeye bölündüğünde çıkan değer kadar yayında kalır.

Örneğin siz 100 TL ödeme yaptınız. Anahtar kelimenin TBM’ inin 0.20 krş olduğunu varsayalım. 100/0.20 = 500 olduğunu görüyoruz. Bu şu anlama geliyor. Google’ a ödeme yaptıktan sonra sizin Adwords hesabınıza yapılan aramalar sonucunda 500 kere tıklanma mümkündür. 501 kere tıklanamaz çünkü bakiyeniz bu durumda sıfırlanır. Sistem böyle çalışır. Bu nedenle . TBM değerini düşürme yöntemleri gibi bazı araçlar da mevcuttur. Google Adwords’ e kayıt olup hedef kitlelere bir an önce ulaşmak istiyorsanız buradaki adresten kayıt olabilirsiniz. Ayrıca Google bu birim için size 444 21 07 numaradan ücretsiz telefon desteği de sunuyor.

Sonraki makalelerimizde Google Adwords ile ilgili daha detaylı yazıları ele alacağız. Google Adwords nedir sorusuna detaylı bir cevap olacak yazımızın sonuna geldik. Görüşmek üzere.

Not: Makale özgün bir makaledir. Alıntı yapmadan kullanılamaz. @bilgisayar.name
Google Adwords Nedir , Ne işe Yarar, Nasıl Çalışır?

Haber Başlığı Google Adwords Nedir , Ne işe Yarar, Nasıl Çalışır? appeared first on Bilgisayar Sorunları ve Çözümleri.

Google Adsense Nedir ? Ne için Kullanılır ?

Yararlı İnsanlar Topluluğu — Wed, 14 May 2014 20:43:20 +0000

Bildiğiniz gibi Google dünyanın en büyük arama motoru. Hatta öyle ki birçok amatör bilgisayar kullanıcısı internetin Google’ dan ibaret olduğunu sanıyorlar. Bu durum Google’ ı son 10 yılda dünyanın en büyük şirketlerinden biri haline getirdi.

Peki Google nasıl bu kadar hızlı bir şekilde zenginleşmiş olabilir? Tabi ki arama motorundaki reklam gelirleriyle. Peki bu reklamlar nerede görüntüleniyor? Bugün Google reklamlarının çoğu; içeriği kuvvetli, özgün ve verimli sitelerde yayınlanıyor. Bu siteler belli kriterlere göre değer sıralamasına tabi tutulurlar. Eğer siz Google’ a reklam verecek olursanız reklamınızın en etkili sitelerde yayınlanmasını istersiniz. İşte bu mantıkla yararlı ve ilgili konuların içerdiği sitelere Google bu reklamları dağıtır.

Google Adsense Nedir ? Bir Örnekle Açıklayalım.

Örneğin siz bir site oluşturdunuz. Sitenize her gün kendinize ait özgün makaleler, yazılar yazıyor ve yayınlıyorsunuz. Ve bu yazılarınız internet üzerinde arama yapan kişiler tarafından kolay bir şekilde bulunuyor, çok da yararlı oluyor. İşte bu durumlar göz önüne alınarak siz de Google ‘ a başvuru yapıyorsunuz.
İşte Google’ ın sizin sitenizde yayınladığı reklamlara Google Adsense adını veriyoruz. Bir anlamda Google Adsense aslında reklam veren firmalar ile sizin aranızda Google’ ın aracılık yapmasıdır. Şirketler Google’ a belli miktarda para öderler. Bunun karşılığında reklamlarının yayınlanmasını isterler. Peki nerede yayınlanacak bu reklamlar? Tabi ki ilgili sitelerde. İşte buna da aracılık yapacak olan da Google ‘ dır. Siz de kendi sitenizde bu reklamları yayınlamak istiyorsanız Google Adsense hesabına sahip olmak zorundasınız. Adsense hesabı alarak firmaların Google’ a ödedikleri reklam payından birazını alabilirsiniz. Google aslan payını kendisi alsa da size bir Google Adsense hesabı vererek bir miktar da olsa bu bedeli paylaşıyor. Örneğin tıklama başına 0,20 krş öderse sizin sitenizde bu reklamlara günde 20 kere tıklansa 0,20 * 20 = 4 TL gibi bir bedel sizin Adsense hesabınıza geçmiş olur. Sanırım bu örnekle Google Adsense nedir sorusuna cevap ararken kafanızda bazı soru işaretlerini gidermiş olduk.

Bugün Google Adsense hesabından dünyada birçok kişi farklı miktarlarda para kazanıyorlar. Sitenin ziyaretçi sayısına göre ve haliyle tıklama sayısına göre bu miktar çok çok fazla olabiliyor. Sadece bu işten para kazanan binlerce hatta on binlerce insan bulunmaktadır. Ayrıca bu işe yeni başlayanlar ve sitelerine günlük güncellemeler yaparak ziyaretçi sayılarını arttırmaya çalışanlar her gün artan miktarlarda düşük de olsa Adsense’ ten para kazanabiliyorlar. Aşağıdaki videoda bu ay mail adresime gelen Adsense günlüğünde yer alan bir öykü anlatılıyor. Historyorb.com adlı bir siteyi kuran adsense hesabı sahibi James Graham adlı kişinin işini bırakıp, sadece adsense’ten nasıl para kazandığı ile ilgili bilgiler yer alıyor.

Bunun için aslında bir sürü stratejiler bulunmaktadır. En başta bir Google Adsense hesabı almak için bir çok aşamadan geçersiniz. Google son aşamada sitenize onay verirse sizi de Adsense listesine ekler ve size Google Adsense reklam kodlarını verir. Bu kodları sitenizin kodları arasına eklersiniz ve Adsense’ ten kazanç sağlamaya başlayabilirsiniz.

Bu yazımızda Google Adsense nedir sorusuna cevap aradık. Sonraki yazılarımızda Google Adsense hesabı alabilmek için hangi aşamalardan nasıl bir strateji ile geçmemiz gerektiğini mercek altına alacağız. Bununla ilgili tecrübelerimizi sizinle paylaşacağız.

Not: Makale özgün bir makaledir. Alıntı yapmadan kullanılamaz. @bilgisayar.name
Google Adsense Nedir ? Ne için Kullanılır ?

Haber Başlığı Google Adsense Nedir ? Ne için Kullanılır ? appeared first on Bilgisayar Sorunları ve Çözümleri.

WordPress Nedir Ne işe Yarar ve Hangi Amaçla Kullanılır ?

Yararlı İnsanlar Topluluğu — Thu, 01 May 2014 21:51:51 +0000

WordPress birçok tanımda “bir içerik yönetim sistemi” olarak tanımlanır. Peki WordPress nedir ne işe yarar ve “içerik yönetim sistemi” nasıl çalışır? İçerik yönetim sistemindeki içerik kelimesi bildiğiniz web sayfası içeriğidir. Bildiğiniz gibi “body” etiketinin içerisine yazdığınız herşey web sayfasının içeriğini oluşturur. İşte siz de bir web sitesi oluşturacaksanız bu web sitesini web sayfalarını tasarlayarak yapabilirsiniz. Web sayfalarının içerisinde de “body” etiketi bulunur. Bu “body” etiketleri aslında web sitesini kullanan ziyaretçilere yansıyan tarafıdır.

İşte siz de bu içeriği güncellemek, silmek, yeni içerik eklemek, içeriğe resim eklemek, video eklemek gibi daha sayabileceğimiz birçok işlemi WordPress sayesinde yapabilirsiniz. WordPress nedir ne işe yarar sorusuna bu bir yanıt olabilir. Kısacası WordPress bir internet sitesi hazırlamak isteyenler için oluşturulmuş, gelişmiş özelliklere sahip, güvenli etkili hızlı bir yapının ta kendisidir.

Matt Mullenweg adında 19 yaşındaki genç tarafından 2003 yılında oluşturulan bu sistem, yine onun öncülüğünde dünyanın en çok kullanılan, bilinen blog site yapısını baz alan yapıya dönüşmüştür. WordPress programlama olarak PHP dilini kullanır. Ayrıca “open source” adını verdiğimiz açık kaynak kodlamayı kullanan WordPress ücretsiz olarak kurulup, kullanılabilir. Günümüzde en son bugün itibariyle 4.8.2 versiyonuna kadar ulaşılmış ve geliştirilmiştir.

WordPress Nedir Ne işe Yarar Nerelerde Kullanılır ?

Önceleri blog siteler için kullanılsa da WordPress daha sonra tüm web sistemleri için kullanılır hale geldi. E-ticaret sistemlerinden tutun, haber yayın sitelerine, rezervasyon sistemlerinden tutun daha çok fazla sayılabilecek yapılar için WordPress kullanılır hale gelmiştir.

WordPress’in yapısı aslında çok basittir. Son eklenen yazıların özeti blog halinde anasayfada yani açılış sayfasında listelenir. Buradaki detay linklerine tıklayarak yazıların ayrıntı bölümlerine ulaşabilirsiniz. Aslında WordPress’te iki düzenlenebilir içerik bulunur. Birisi “Yazılar” diğeri ise “Sayfalar” adıyla anılırlar. Sayfalar wordpress sitede sabit, devamlı şekilde durağan biçimde depolanacak olan içeriklerin bulunduğu yapılardır. Örneğin bir sitede “iletişim”, “hakkımızda” gibi yapılar “Sayfa” olarak düzenlenirler.

Yazılar ise devamlı güncellenebilecek, kategoriler halinde oluşturulup listelenecek olan yapılara verilen isimdir. Örneğin bir haber sitesinde hergün yayınlanan yeni bilgilerin yer aldığı haber metinleri “Yazılar” bölümünden oluşturulurlar.

WordPress birçok platform için kullanılabilir. WordPress ‘in en güçlü yanı Google tarafından oldukça sevilen bir yapıya sahip olmasıdır. Yani eklediğiniz yazılar çabuk indexlenir, hedef kitlenize bu şekilde daha çabuk ulaşabilirsiniz. Kişisel sitelerde çok fazla web sayfası bulunmadığı için WordPress’ e ihtiyacınız olmayabilir, ancak bir haber sitesi, bir makale sitesi oluşturuyorsanız, WordPress sizin için bir nimettir. Çünkü WordPress’te bir yazı ekleme, düzenleme, resim ekleme gibi işlemleri kolaylıkla yapabilirsiniz.

Ayrıca WordPress çok geniş eklenti çeşidiyle kullanıcılarına sunulur. Hem WordPress’in ücretsiz olması, hem de birçok işe yarar eklentinin ücretsiz olarak sunulması da çok büyük avantajdır. Sitenize etkileşimli bir hale getirmek için WordPress eklentileri size yetiyor hatta artıyor bile.

WordPress’ i Nereden İndirmeliyim?

WordPress’ in tüm dünyada olduğu gibi Türkiye’ de kullanıcıları çok fazladır. Bu nedenle yeni sürüm yayınlanır yayınlanmaz, Türkçe dil desteği de hemen ardından yayınlanır. Bu da gösteriyor ki tüm dünyada çok yoğun bir şekilde tercih edilen bu içerik yönetim sistemi ülkemizde de bir numara. Türkçe WordPress sürümünü indirmek için bu linki kullanabilirsiniz.

Not: Makale özgün bir makaledir. Alıntı yapmadan kullanılamaz. @bilgisayar.name
Wordpress Nedir Ne işe Yarar ve Hangi Amaçla Kullanılır ? WordPress ile ilgili diğer yazılarımız için tıklayınız.

Haber Başlığı WordPress Nedir Ne işe Yarar ve Hangi Amaçla Kullanılır ? appeared first on Bilgisayar Sorunları ve Çözümleri.