Pir Zöhre Ana Forum - Web Tasarım

Forklift Kiralama & Kiralık Forklift

Mon, 13 Mar 2023 15:11:10 +0300

Forklift kiralama firmaları, işletmelerin kısa veya uzun dönemli ihtiyaçlarına yönelik olarak forklift kiralamalarını sağlayan işletmelerdir. Bu firmalar genellikle birçok farklı forklift tipi ve boyutu sunarlar, böylece müşterilerin ihtiyaçlarına uygun bir forklift bulmalarına yardımcı olurlar.

Forklift kiralama firmaları, müşterilere çeşitli hizmetler sunarlar. Bunlar arasında forkliftlerin teslimi ve toplanması, bakım ve tamir hizmetleri ve operatörlerin sağlanması yer alabilir. Ayrıca, bazı forklift kiralama firmaları, müşterilerin işletmelerindeki forkliftlerin bakımını ve onarımını da yapabilirler.

Forklift kiralama firmaları, genellikle işletmeler için avantajlıdır çünkü kiralama maliyetleri, bir forkliftin satın alma maliyetlerine göre daha düşüktür. Ayrıca, kiralama süresi bittiğinde, forklifti geri teslim edebilirsiniz ve daha yeni veya daha uygun bir model kiralamaya karar verebilirsiniz.Türkiye'de forklift kiralama hizmeti sunan birçok firma bulunmaktadır. Bu firmaların başında Tekmak İstif gelmektedir. Kaliteli hizmeti en uygun fiyata almak için hemen arayın.

Bu firmanın sunmuş olduğu hizmetler, ücretleri ve forklift modelleri değişebilir. Müşterilerin ihtiyaçlarına uygun bir forklift kiralama firması seçerken, fiyatların yanı sıra, forkliftlerin kalitesi, bakım ve onarım hizmetleri ve müşteri desteği gibi faktörler de göz önünde bulundurulmalıdır.

https://www.tekmakistif.com/
tekmakistif.com/

Kiralık forklift, belirli bir süre için kiralanabilen ve malzeme taşıma işlemlerinde kullanılan bir araçtır. İşletmeler, kısa veya uzun dönemli ihtiyaçlarına göre forklift kiralamayı tercih edebilirler. Kiralık forkliftler, genellikle depo, fabrika, inşaat, liman, havaalanı, hastane ve benzeri işletmelerde kullanılır.

Kiralık forkliftlerin birçok farklı türü vardır. Bu türler arasında:

Elektrikli Forkliftler: İç mekan kullanıma uygun, sessiz ve çevre dostu forkliftlerdir.
Gazlı Forkliftler: Genellikle açık hava kullanımı için tasarlanmış forkliftlerdir.

Dizel Forkliftler: Güçlü motorları sayesinde ağır yükleri kolayca taşıyabilirler. Genellikle açık hava kullanımı için tercih edilirler.Teleskopik Forkliftler: Uzun kollara sahip olan forkliftlerdir. İnşaat sektöründe, yüksek binalarda ve benzeri yerlerde kullanılır.

Paletli Forkliftler: Paletleri kaldırmak için tasarlanmış forkliftlerdir. Özellikle depolarda sıkça kullanılırlar.

Konteynır Forkliftleri: Konteynerlerin yüksekliği nedeniyle özel olarak tasarlanmış forkliftlerdir. Limanlarda ve benzeri yerlerde kullanılırlar.

Yandan Yükleyici Forkliftler: Yandan yüklemeye olanak sağlayan forkliftlerdir. Fabrikalarda, depolarda ve benzeri yerlerde kullanılırlar.Kiralık forkliftlerin seçimi, ihtiyacınız olan işlem ve taşıma kapasitesine, kullanım yerine, kiralama süresine ve bütçenize göre değişebilir. Kiralama şirketleri, müşterilerin ihtiyaçlarına göre farklı seçenekler sunabilirler.

Web Tasarım Araçları Nelerdir?

Fri, 21 Jan 2022 22:17:04 +0300

Başlığımız genel bir başlık olsa da biz yazımızda incelemelerimize göre web tasarımcıların en sık ihtiyaç duydukları ve kullandığı 9 yardımcı aracı sizlere tanıtacağız. Sizler de tasarımlarınızda bu araçlardan yardımlar alarak adeta işlerinizde bir kurtarıcı olarak tanımlayabilirsiniz. İlk aracımız olarak Kuler’den başlayalım.

Adobe Kuler Aracı
Çoğu zaman bir tasarımcı için renk seçimi ve uygun renk kombinasyonları üretmek tasarımın başlaması açısından en zorlu geçen süreç haline gelebilmektedir. Bu sırada imdadınıza yetişen Adobe Kuler geniş renk paletleri sayesinde uyumlu renk kombinlerini sizlere sunabilmektedir.
Kuler kullanırken sağ alanda bulunan 7 farklı seçeneğe göre renk seçimlerinizi yapabilirsiniz. Başta biraz karmaşık gelse de kullandıkça alışacağınız ve bir tasarımcının mutlaka arşivinde bulunması gereken bir araçtır.

Lightshot
Ekran görüntüsü alma araçları oldukça fazla alternatife sahip olsa da kullanışlılık açısından vazgeçilmez olarak gördüğümüz Lightshot eklentisi özellikle müşteriler ile ilişkilerde örnekler gösterilmesi açısından istenilen alanın ekran görüntüsünü almanıza yaramaktadır. Bunun yanı sıra alınan ekran görüntüsünü anında upload ederek linkini vermesi size mükemmel bir kolaylık sağlamaktadır.

What The Font
İnternet üzerinde gördüğümüz birçok farklı font seçeneği bulunabilmektedir. Peki bir fontu beğendiğinizde hangi font olduğunu öğrenmek için geçirdiğiniz boş zamanlar artık daha verimli kullanılabilir. What The Font sitesi sayesinde öğrenmek istediğiniz fonttan bir ekran görüntüsü almanız ve siteye upload etmeniz sayesinde fontun tüm seceresine ulaşabilmeniz mümkündür.

Lipsum
Tasarım yaparken tasarım içerisinde yer vereceğiniz metinlerin nasıl görüneceği konusunda bir bilginiz yok ise ve o an ne yacazağınız konusunda aklınıza birşey gelmiyorsa Lipsum sizlere yardımcı olacaktır. Mutlaka denk geldiğiniz ve ’Lorem ipsum dolor sit amet’ şeklinde başlayan cümlelerin yaratıcısı olan Lipsum 500 yıldan bu yana kullanılan örnek metin üretim aracıdır.

Favicon.cc
Sitelerin hazırlanmasının ardından genellikle unutulan bir görsel de favicon logolarıdır. Sık kullanılanlarda görülen bu ikonlar için ekstra uğraşlar vermenize gerek yok. Logonuzu favicon.cc sitesine yükleyerek .ico uzantılı olarak ikonunuzu hazır şekilde teslim almanızı sağlayan çok kullanışlı bir araçtır.

Open With Photoshop
Tasarımcıların en çok zaman kaybettikleri süreçlerden bir tanesi de sitelerden görselleri alıp kaydederek ardından photoshop ile açmasından kaynaklanmaktadır. Bunlara kalıcı bir çözüm getirerek zamandan kayıp yaşamamanız için Türk bir geliştirici olan Barış Derin tarafından tasarlanmış Open With Photoshop eklentisi Firefox tarayıcısında çalışan bir eklentidir. Eklentiyi yüklediğinizde browser üzerinde açık olan sayfalardaki resimlere sağ tıklayarak open with photoshop dediğinizde direkt olarak resmin photoshopta açılmasını sağlıyor.

Pentacom Bitfontmaker
Japon geliştiriciler tarafından internet dünyasına kazandırılan önemli bir araçtır. Aracın amacı kişilerin kendilerine ait font aileleri yaratarak bunları paketler halinde sizlere sunmaktadır. Bunun yanı sıra verilen pikseller üzerinde font yapımı da oldukça kolay gözükmektedir.

Font Squirrel
Genel fontların webfont haline çevrilmesi bir çok tasarımcı için işkence haline gelebilmektedir. Sizlere bu hizmeti ücretsiz ve hızlı sağlayan font squirrel tasarım araçları arasında listenin sonlarına doğru yer almaktadır.

Pixlr
Belki de araçlar arasında tasarımcılar için en lazım olacak araçlardan biridir Pixlr. Düşünün photoshop olmayan bir bilgisayarda çalışmak zorunda kaldınız ve görseller üzerinde birkaç işlem uygulayacaksınız o zaman başvuracağınız kaynak Pixlr olacaktır. Web tabanlı bu tasarım aracı oldukça kullanışlı ve Türkçe bir arayüze sahip olması ile tüm dikkatleri üzerine çekmeyi başarmıştır. Yeni bir resim oluşturma imkanının yanı sıra olağan resimlerin düzenlenmesi imkanını da sunmaktadır. Bunların yanı sıra mobil versiyonu da bulunmaktadır.

Bir önceki yazımız olan Web Tasarım Firma Seçimi başlıklı makalemizde web tasarım firma seçimi, web tasarım firmaları ve web tasarım sektörü firması hakkında bilgiler verilmektedir.

KAYNAK: https://www.netbim.com/web-tasarim-araclari-nelerdir/

Google Link Reddetme (Disavow Links) Aracı Nasıl Kullanılır?

Fri, 01 Nov 2019 01:06:17 +0300

Google Link Reddetme (Disavow Links) Aracı Nasıl Kullanılır?
Zararlı Backlinklere Engel Olun: Google Link Reddetme Aracı

[COLOR=#2C2F34][FONT=-apple-system] Genellikle rekabetin çok sık olduğu kelimelerde çalışma yapan rakip firmaların birbirlerine karşılıklı ya da tek taraflı uyguladıkları zarar veren bağlantılarla oluşan etik dışı yöntemlere anti SEO adı verilmektedir. Bu konudan bir çoğumuz şikayetçiyiz.

[COLOR=#2C2F34][FONT=-apple-system] Google daha kaliteli bir arama motoru olmak için mücadelesini sürdürüyor. Anti SEO çalışmalarının yoğunlaşmasından dolayı isyan eden web sitesi sahiplerinin haykırışlarını duyan Google spam ekip lideri Matt Cutts yaklaşık 2 yıl önce Google bağlantıları reddetme aracını duyurmuştu. Bu uygulama sayesinde web sayfamıza isteğimiz dışında gelen spam bağlantıları reddedebiliyoruz. İstemediğimiz backlink kaynaklarından kurtulmak bu araç sayesinde çok kolay.

[COLOR=#2C2F34][FONT=-apple-system] Google Disavow Links (Bağlantıları Reddetme Aracı) Kullanımı;
[COLOR=#2C2F34][FONT=-apple-system] Öncelikle aşağıda paylaştığımız linkte yer alan adrese gidiyoruz. Search Console’da oturum açıyor ve bağlantı reddedeceğimiz web sitemizi seçiyoruz.

[COLOR=#2C2F34][FONT=-apple-system] Link: https://www.google.com/webmasters/tools/...main?pli=1
[COLOR=#2C2F34][FONT=-apple-system] Bağlantıları reddetme butonuna tıkladıktan sonra aşağıdaki gibi bir uyarı metniyle karşı karşıya kalırız.

[COLOR=#2C2F34][FONT=-apple-system] Bu, gelişmiş bir özelliktir ve yalnızca dikkatli bir şekilde kullanılmalıdır. Hatalı kullanılırsa sitenizin Google arama sonuçlarındaki performansına zarar verebilir. Geri bağlantıları reddetme işlemini yalnızca, sitenize yönelik yüksek miktarda spam, yapay veya düşük kaliteli bağlantı olduğuna inanıyorsanız ve bu bağlantıların size sorun çıkardığından eminseniz yapmanızı öneririz.

[COLOR=#2C2F34][FONT=-apple-system] Bu metini okuyup kabul ettikten sonra reddedeceğimiz bağlantıları hazırladığımız UTF8 .txt formatındaki dosyamızı seçiyor ve Google ’a gönderiyoruz.

[COLOR=#2C2F34][FONT=-apple-system] Örnek Format:
domain:websitelist.in
domain:websitelists.in
domain:404 Error - Page Not Found
[COLOR=#252525]http://www.zararli-linkin-oldugu-site.com/olumsuz-linklerin-yer-aldigi-sayfa.html (sadece ilgili sayfayı reddeder)
[COLOR=#252525]domain:zararli-linkin-oldugu-site.com (ilgili alan adından daha önce çıkmış olan ve bundan sonra çıkacak tüm bağlantıları reddeder)
[COLOR=#2C2F34][FONT=-apple-system]
https://www.ayhankaraman.com/google-bagl...avow-tool/

Page speed (sayfa hızı) terimleri ve çözümleri

Fri, 18 Oct 2019 18:48:44 +0300

Page speed (sayfa hızı) terimleri ve çözümleri

[COLOR=#5D5C5C][FONT=Arimo] Daha önceki bu yazımızda, sayfa hızı ölçüm araçlarından bahsetmiştik. Şimdi de, sayfa hızı ile ilgili kapsamlı bir dosya hazırladık. Bu yazımızda en çok karşılaşılan page speed terimlerinin ne olduğunu, sayfa hızı anlamında önem derecesi ve nasıl düzeltileceğine dair detaylar bulacaksınız.
[COLOR=#5D5C5C][FONT=Arimo] İşte en sık rastladığımız ( karşılaşma sıklığına göre sıralanmıştır, detaylara ulaşmak için başlıkta bulunan linke tıklayınız ) sayfa hızı problemleri :
[COLOR=#5D5C5C][FONT=Arimo] Defer Parsing of JavaScript ( Önem: 6/10 Kaynak : Javascript )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : JavaScript kodunun içine ’defer’ etiketi konulmasıdır ve bu sayede de javascript dosyaları sayfada en son açılarak siteyi hızlandırır.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : JavaScript kodlarına defer etiketi eklenmesi.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Bu konu her zaman sorun oluşturan bir durumdur. Genel olarak sitenin yapısına göre yapılması gerekmektedir. Örneğin site açıldığında loading ekranı olsun istiyorsak bu script defer edilemez.
[COLOR=#5D5C5C][FONT=Arimo] Leverage Browser Caching ( Önem: 6/10 Kaynak : Server )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Tarayıcının ön belleğe alma özelliğinden faydalanarak görseller, CSS, HTML veya JavaScript gibi dosyaları sayfa her ziyaret edildiğinde yeniden yüklenmeden tarayıcı ön belliğinden yüklenmesidir.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : .htaccess dosyasına belirli kodların eklenmesi.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Sunucularımızda genel olarak bunu ayarlıyoruz. Statik içerikler için zaman aşımı cloudflare ile de hazırlanıyor. Ancak bu uyarı genel olarak 3. parti yazılımlardan geliyor. Burada önemli olan kullandığımız içeriklerde versiyonlamayı kaldırmak. Yada ismi değiştirmek.
[COLOR=#5D5C5C][FONT=Arimo] Minimize Request Size ( Önem: 8/10 Kaynak : ******* )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Atılan istekleri azaltmak.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : CDN kullanımı.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Form gönderimlerini get yerine post ile yapmak ve bunları minimum derecede kullanmak. Gereksiz bilgilerden kaçınmak.
[COLOR=#5D5C5C][FONT=Arimo] Serve Resources from a Consistent URL ( Önem: 10/10 Kaynak : ******* )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : URL yapısında sitenin çalışmasında bir sorun olmadığı halde yanlış istek davranışından dolayı sitemiz olması gerektiğinden geç açılacaktır.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Sitenizin varsayılan adresi ile eklemiş olduğunuz URL yapısı farklı olduğu durumlarda bu hatayı düzeltmeniz istenir.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Burada yapılması gereken tutarlı url vermektir. Örneğin aynı resim için hem /images/example.jpg hem de https://domain.com/images/example.jpg verilirse ikiside ayrı istek olarak değerlendirilir. Bunları tam domain olarak çağırmak daha doğrudur.
[COLOR=#5D5C5C][FONT=Arimo] Serve Scaled Images ( Önem: 6/10 Kaynak : Images )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Web sitesinin kullanıcısı 400 x 400 boyutlu resim yüklemiş ancak, HTML / CSS kodlarında resim boyutu 40 x 40 olarak gösteriliyor ise bu, tarayıcının önce büyük dosyayı indirmesi ve görüntülemeden önce ölçeklendirmesi gerektiği anlamına gelir.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Daha verimli bir yöntem, görüntüyü 40 x 40’a yeniden boyutlandırmaktır. Böylece tarayıcının görüntüyü verimsiz bir şekilde indirip ölçeklendirmesi gerekmez.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Bu responsive olmayan işler için oldukça kolaydır ancak değişken yapılarda bunu ayarlamak için src set kullanılmalıdır. Masaüstü için 4 resim yanyana olarak 250px lik istenir ve mobil için 400px tek resim istenirse bunu ancak srcset ile ayarlamak gerekir ve oldukça karmaşık bir kullanım oluşturmaktadır.
[COLOR=#5D5C5C][FONT=Arimo] Enable Keep-Alive ( Önem: 8/10 Kaynak : Server )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Keep-alive aynı TCP bağlantısıyla dosyaları göndererek hızı artırmak için kullanılır.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Keep-Alive özelliğini etkinleştirmek için aşağıdaki kodu .htaccess dosyanıza eklemeniz yeterlidir.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Server tarafında ayarlama gereklidir.
[COLOR=#5D5C5C][FONT=Arimo] Combine Image Using CSS Sprites ( Önem: 3/10 Kaynak : Images )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Sitenizdeki resimler tek kaynakta birleştirilerek site açılışı esnasında pek çok resmi ayrı ayrı çağırmak yerine tek kaynaktan resimler istendiği için fark edilir derecede hız artışı sağlar.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Css ile resimleri birleştirmek.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Bu yapı resimler için değil css ile çağırılan arkaplan resimleri için geçerli. Site yayına alınırken yapılabilir. Oldukça faydalı bir uygulamadır.
[COLOR=#5D5C5C][FONT=Arimo] Minify a Javascript ( Önem: 8/10 Kaynak : Js )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : İnternet sitelerinde Ajax, dolayısıyla Javascript kütüphanelerinin kullanımının artmasıyla sayfaların yüklenme zamanı bir hayli artıyor. 25-30 kb’lık bir HTML dosyası için 80-90 kb Javascript ve CSS dosyası kullanılıyor.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Css ve Javascript dosyalarımızdaki boşluk ve yorum satırlarını temizleyerek dosya boyutlarını düşürebiliriz.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Yapılması geliştirme süresinde biraz zorluk oluştursa da yapılmalıdır.
[COLOR=#5D5C5C][FONT=Arimo] Minimize Redirects ( Önem: 5/10 Kaynak : ******* )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Yönlendirmelerin fazla olmasına denir.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Yönlendirmeleri azaltmak ya da kısaltmak.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Genel olarak http olanların https veya www yönlendirmesinden kaynaklıdır. Bunu her seferinde tek yere yönlendirilmek gereklidir.
[COLOR=#5D5C5C][FONT=Arimo] Add Expires Headers ( Önem: 2/10 Kaynak : Server )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Tarayıcınızın en çok kullanılan dosyaları önbellekleme yapmasını sağlayan bir fonksiyondur.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : .htaccess dosyasına belirli kodların eklenmesi.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Sunucularımızda genel olarak bunu ayarlıyoruz. Statik içerikler için zaman aşımı cloudflare ile de hazırlanıyor. Ancak bu uyarı genel olarak 3. parti yazılımlardan geliyor.
[COLOR=#5D5C5C][FONT=Arimo] Make fewer HTTP Requests ( Önem: 8/10 Kaynak : ******* )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Sayfamızda bulunan CSS dosyalarını tek bir dosya altında toplamamızı isteyen uyarıdır.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Css dosyalarını birleştirmek.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Yapılması geliştirme süresinde biraz zorluk oluştursa da yapılmalıdır.
[COLOR=#5D5C5C][FONT=Arimo] Use a ******* Delivery Network (CDN) ( Önem: 9/10 Kaynak : Server )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : CDN, statik içeriğinizin (resimler, CSS, JavaScript, videolar ve benzeri) ziyaretçinize en yakın yerden göndererek ve hızlı bir şekilde dağıtımını sağlayarak sunucu yanıt süresini büyük ölçüde azaltır.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : CDN kullanımı.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Cloudflare kullanımı bu sorunu çözmektedir. Ayrıca sunucu yükünü ve trafiğini azaltır.
[COLOR=#5D5C5C][FONT=Arimo] Use Cookie-free Domains ( Önem: 5/10 Kaynak : Cookie )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Her dinamik altyapılı (IIS, Apache vb) web sunucu otomatik olarak state için cookie bırakır.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Tüm dosyaları açtığımız bu subdomain üzerinden çağırmak.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Server tarafında gölge yönlendirme ile yeni yazılımlar için yapılabilir. Resimler çağırılırken mp_asset ile çağırılması gerekmektedir.
[COLOR=#5D5C5C][FONT=Arimo] Reduce DNS lookups ( Önem: 8/10 Kaynak : ******* )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : DNS aramaları, bir ana bilgisayara ilk istekleri geciktirir. Çok sayıda farklı ana bilgisayara istek yapmak performansa zarar verebilir.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Ana makinelerinin sayısını azaltın ayrıca harici bir kaynağa referans verilen dosyaları indirin ve bunları kaynak sunucunuzda veya CDN'de barındırın.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : 3. parti yerlerden çok fazla istek atılmaması gerekir. JS ve CSS kaynaklarını websitesinde tutmak bu durumu azaltır. Ancak youtube videosu, twitter apisi, facebook eklentisi bunları oldukça arttırır ve site hızını düşürür. Ayrıca eklenen mouseflow, analytics gibi uygulamalar bunu etkiler.
[COLOR=#5D5C5C][FONT=Arimo] Minify JavaScript and CSS ( Önem: 8/10 Kaynak : Css / Js )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Css ve Javascript dosyalarımızdaki boşluk ve yorum satırlarını temizleyerek dosya boyutlarını düşürebiliriz.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Css ve Javascript dosyalarını küçültmek.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Yapılması geliştirme süresinde biraz zorluk oluştursa da yapılmalıdır.
[COLOR=#5D5C5C][FONT=Arimo] Optimize Images ( Önem: 8/10 Kaynak : Images )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Sayfadaki görüntülerin görsel kalitelerini önemli ölçüde etkilemeden dosyalarını küçültmek için optimize edilebileceğini tespit ettiğinde tetiklenir.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Vektör biçimlerini tercih edin, svg varlıklarını küçültün ve sıkıştırın, en iyi tarama resim biçimini seçin, tarama biçimleri için en uygun kalite ayarlarıyla deneyler yapın, gereksiz resim **** verilerini kaldirin, ölçeklenmiş resimler sunun ve otomatikleştirin.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Yapılması geliştirme süresinde biraz zorluk oluştursa da yapılmalıdır. Ancak bu sadece bizimle ilgili bir durum değildir. Slider resimleri müşteri tarafından eklendiğinde zamanla burada yeni resimler sorun çıkarmaktadır.
[COLOR=#5D5C5C][FONT=Arimo] Inline Small Javascript ( Önem: 8/10 Kaynak : Js )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : JavaScript dosyalarına giriş yapmak, bu küçük dosyaların alınma yükünü kaydedebilir.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : JavaScript’i sıralamak için iyi bir alternatif, harici JavaScript dosyalarını birleştirmektir.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Yazılımla oluşturulmayan scriptlerin dosyada yer alması gerekmektedir.
[COLOR=#5D5C5C][FONT=Arimo] Remove Query Strings from Static Resources ( Önem: 8/10 Kaynak : ******* )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Sorgu dizelerinin siteden kaldırılması gerekmektedir.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Kod ekleyerek kaldırma işlemi, W3 Total Cache Remove query strings ayarları, Remove Query Strings From Static Resources eklentisi, Query Strings Remover eklentisi, Speed Booster Pack işlemleri ile çözümleyebiliriz.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Yapılması geliştirme süresinde biraz zorluk oluştursa da yayın sırasında yapılmalıdır.
[COLOR=#5D5C5C][FONT=Arimo] Enable Gzip Compression ( Önem: 9/10 Kaynak : Server )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Gzip, web sayfalarınızı ve stil sayfalarınızı tarayıcıya göndermeden önce sıkıştırır. Bu, dosyalar çok daha küçük olduğu için aktarım süresini büyük ölçüde azaltır.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Tarayıcıya aktarıldıkları hızı artırmak için sunucunuzdan gönderilen dosyaların boyutunu azaltın. Sayfaların boyutlarını da % 70'e kadar azaltın. Bu sayfa hızını artırır. Maliyet-fayda oranı yüksektir. Htaccess dosyalarına veya sunucu yönetim dosyalarına erişim gerekir.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Sunucu tarafında yapılması zorunludur.
[COLOR=#5D5C5C][FONT=Arimo] Compress Components With Gzip ( Önem: 8/10 Kaynak : Server )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Sıkıştırma, HTTP yanıtının boyutunu azaltarak yanıt sürelerini azaltır.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Mümkün olduğu kadar çok dosya türüne sahip olmak, sayfa ağırlığını azaltmanın ve kullanıcı deneyimini hızlandırmanın kolay bir yoludur.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Yazılım tarafında zorunludur.
[COLOR=#5D5C5C][FONT=Arimo] Avoid URL Redirects ( Önem: 5/10 Kaynak : ******* )
[COLOR=#5D5C5C][FONT=Arimo] Nedir : Fazla URL yönlendirmeleri kullanılmasından kaynaklı uyarıdır.
[COLOR=#5D5C5C][FONT=Arimo] Çözüm : Sayfa yönlendirmelerine ek gecikmeler eklediklerinden URL yönlendirmelerini kullanmaktan kaçının.
[COLOR=#5D5C5C][FONT=Arimo] Uzman Yorumu : Genel olarak http olanların https veya www yönlendirmesinden kaynaklıdır. Bunu her seferinde tek yere yönlendirilmek gereklidir.

mediaclick.com.tr/blog/page-speed-sayfa-hizi-terimleri-ve-cozumleri

GoDaddy, Web Siteleri + Pazarlama Araçları’nı Türkiye’de kullanıma sundu

Thu, 17 Oct 2019 00:30:21 +0300

]GoDaddy, küçük işletme sahipleri ve girişimcilerin online dünyada iyi görünmesine yardımcı olacak Web Siteleri + Pazarlama Araçları ürününü Türkiye’de kullanıma sundu.

Türünün ilk örneği, kullanıcılara hedeflerine ulaşmalarını sağlayacak tavsiyeler veren GoDaddy InSight gibi yeni özellikleri ile GoDaddy Web Siteleri + Pazarlama Araçları kullanıcıların online varlıklarını kolayca kurmalarını ve yönetmelerini sağlayarak, asıl işlerine odaklanmalarına fırsat sunuyor.

]Dünyanın dört bir yanındaki girişimcilerin online dünyada başarılı olması için gerekli araç ve yardımı sunan GoDaddy, Hazır Web Sitesi (eski Web Sitesi Mimarı) ürününü, küçük işletme sahipleri ve girişimcilerin yeni müşterilere ulaşmalarına ve işlerini büyütmelerine yardımcı olacak pazarlama araçları ile birleştirdiği Web Siteleri + Pazarlama Araçları ürün grubunu kullanıma sunduğunu açıkladı. GoDaddy Web Siteleri + Pazarlama Araçları GoDaddy InSight ve Bağlantılar gibi, girişimcilerin web sitelerini kurmalarına, geliştirmelerine ve performansını yükseltmelerine yardımcı olacak yeni özelliklere de sahip.

]GoDaddy Türkiye ve MENA Bölge Direktörü Selina Bieber, ’Küçük işletme sahipleri ve girişimcilerin başarıyı yakalamalarına yardımcı olmaya odaklanan bir şirket olarak onlarla yakın çalışıyoruz ve şunu biliyoruz ki bir web sitesi kurmalarının ardından onun nasıl bir performans gösterdiğini, internette görünür olmak için neler yapabileceklerini öğrenmek konusunda yardıma ihtiyaç duyuyorlar. Web Siteleri + Pazarlama Araçları ürün grubumuza GoDaddy InSight isimli, müşterilerimizin büyük yatırımlar yapmadan, gerçek sonuçlar elde edebileceği aksiyon planları öneren yeni bir özellik de ekledik. Bir diğer yeni özellik ise Bağlantılar. Bağlantılar da pazarlama çalışmalarında daha rahat kullanılabilmeleri için bağlantıların kolaylıkla yönetilmesini sağlıyor. Türkiye’deki küçük işletme sahibi ve girişimcilerin kendi işlerine odaklanabilmeleri için online varlıklarını oluşturma ve yönetme sürecini kolaylaştırmak istedik. Web Siteleri + Pazarlama Araçları’nın da bu konuda yardımcı olacağına inanıyoruz,’ dedi.

]GoDaddy InSight, atılması gereken adımlara dair tavsiyeler sunuyor
]GoDaddy’nin Web Siteleri + Pazarlama Araçları ile tanıttığı yeni özelliklerden biri GoDaddy InSight. Kullanıcıya özel tavsiyeler sunan akıllı bir teknoloji olan GoDaddy InSight, hedeflerine ulaşmak doğrultusunda girişimcilerin ’bir sonraki adımım ne olmalı?’ sorusunu cevaplamalarına yardımcı oluyor. GoDaddy InSight, tavsiyeler sunarken milyonlarca web sitesinin anonim verilerini temel alarak, küçük işletme sahiplerine gücünü veri biliminden alan, yeni müşteriler bulmalarına ve mevcut müşterileriyle daha güçlü etkileşim kurmalarına yardımcı olacak aksiyon planları sunuyor.

]Web Siteleri + Pazarlama Araçları, GoDaddy InSight gibi bir özelliğe sahip, sektördeki tek ürün olarak dikkat çekiyor. GoDaddy InSight, kullanıcılara kendi hedefleri doğrultusunda özel tavsiyeler sunmasının yanı sıra söz konusu işletmenin performansını benzerleriyle de karşılaştırıyor.

]GoDaddy InSight, bunlara ek olarak işletmelerin performansını benzerleriyle karşılaştıran bir skor da sunuyor. Bu skor, aksiyon planlarındaki adımlar tamamlandıkça güncelleniyor ve sürekli bir performans değerlendirmesi sağlıyor.

]Kolaylıkla şık ve güçlü web siteleri kurulumu
]Web Siteleri + Pazarlama Araçları ile web sitesi kurulumu hem masaüstü bilgisayarlar, hem de mobil cihazlar üzerinden hızlı, kolay ve kişiselleştirilmiş bir şekilde yapılabiliyor. Benzer web sitesi kurulum ürünlerinin aksine tasarım değişikliği yapmak için her şeye yeniden başlanması gerekmiyor. Kullanıcılar, içeriklerini kaybetmeden, yeniden düzenlemeden web sitelerinin görünümünü değiştirebiliyor.

]Tutarlılık, gösterişli, profesyonel bir web sitesine sahip olmanın anahtarlarından biri ve Web Siteleri + Pazarlama Araçları ile web sitesi genelinde renkler ve font’lar tek tıkla değiştirilebiliyor.

]Müşterileriniz nerede, siz orada
]Bir işletmenin müşterilerinin olduğu yerlerde görünür olması oldukça önemli. Web Siteleri + Pazarlama Araçları bu doğrultuda küçük işletme sahiplerinin müşterileriyle bağlantı kurmasını kolaylaştırmak için dünyanın en büyük platformlarıyla kolayca entegre oluyor. Facebook, Instagram ve Google Benim İşletmem’le senkronize olması sayesinde kullanıcılar tek bir platform üzerinden müşteri yorumlarını yanıtlayabiliyor.

]Web Siteleri + Pazarlama Araçları bu özelliği ile kullanıcıların sosyal medya platformlarının güncel kalmasına yardımcı oluyor. Örneğin, bir işletme, Facebook’taki ve diğer desteklenen platformlardaki fotoğraflarını direkt olarak web sitesine geçirebiliyor.

]Sezgisel SEO ve e-posta pazarlama araçları küçük işletmelerin büyük bütçelere ihtiyaç duymadan Google arama motoru sonuçlarından, müşterilerinin gelen kutusuna kadar her yerde görünür olmalarını ve onlarla iletişimde kalmalarını sağlıyor.

]GoDaddy Web Siteleri + Pazarlama Araçları ile ilgili daha fazla bilgi için https://tr.godaddy.com/websites adresini ziyaret edebilirsiniz.

]
]

kpsscafe.com.tr/teknoloji/godaddy-web-siteleri-pazarlama-araclarini-turkiyede-kullanima-h100978.html

Web Sitesi Açmak için Gerekenler

Tue, 12 Feb 2019 22:20:31 +0300

Web sitesi açmak için Gerekenler

internet sitesi açma veya bir diğer adıyla web sitesi açmak [COLOR=#242424]internet çağının, istek uyandıran popüler bir girişim ve hobi yöntemi. Ancak bu girişim ve hobiler zaman zaman başarısızlıkla sonuçlanabildiği gibi zaman zaman da sahibini başarıya ulaştırabiliyor. Bu başarı ve başarısızlık; internet sitesi kurma[COLOR=#242424] adayının, internet sitesini açmadan[COLOR=#242424] yapacağı analizle önceden de kısmen öngörülebiliyor.

İnternet sitesi açmadan önce bu soruları cevaplayın!

[COLOR=#242424]Aşağıdaki soruları kendinize sorduğunuzda tatminkar cevaplar alıyorsanız internet sitesi açtıktan sonra başarı şansınız var demektir.
[COLOR=#242424]-İnternet sitem hangi alanda hizmet verecek?
[COLOR=#242424]-Benzer internet sitelerinden farkım ne olacak? Ziyaretçiler internet siteme neden ilgi göstersin?
[COLOR=#242424]-İnternet sitemin içerikleri, tarzı nasıl olacak?
[COLOR=#242424]-İnternet sitemin kaç kişilik bir kadrosu olacak? Hangi kadro, hangi işle uğraşacak?
[COLOR=#242424]-İnternet sitemin tanıtım bütçesi var mı? Tanıtım bütçesi yoksa, sitemi nasıl duyuracağım?
[COLOR=#242424]-İnternet sitemi birkaç yıl boyunca gelir elde etmeden idare ettirebilecek maddi ve manevi gücüm var mı?
[COLOR=#242424]Bütün bu soruların cevabını verdiğinizde, kafanızda ön fikir verecek bir tablo oluşacaktır. Eğer bu tablodan sonra internet sitesi açma yolundaki isteğiniz devam ediyorsa bu işe başlayabilirsiniz!

[COLOR=#242424]

İnternet sitesi açma rehberi

[COLOR=#242424]İnternet sitesi açma rehberimize, ilk olarak gereklilikleri sıralayarak başlayalım.
İnternet sitesi açmak için neler gerekir?

[COLOR=#242424]İnternet sitesi açmak için temel olarak, sitenizi barındıracak bir sunucu ve alan adı(domain) gerekiyor. Peki sunucu ve alan adı nedir?
[COLOR=#242424]Not: İnternet sitenizin ilk kurulma aşamasında sunucu almak size ciddi bir gider oluşturacaktır. Bunun yerine bu aşamada fiyatları çok daha uygun olan ve hosting diye tabir edilen, paylaşımlı sunucu almanızı öneririz.
Sunucu nedir?

Sunucular[COLOR=#242424]; internet sitelerinin barındığı, 7/24 çalışma prensibine dayalı ve veri merkezlerinde barındırılan yüksek internet hızlarına sahip özel bilgisayarlardır. Bu sunucuları aylık veya yıllık olarak kiralayarak internet sitenizin bütün bileşenlerini, dosyalarını burada barındırabilirsiniz. Ziyaretçiler alan adını adres satırına girdiği zaman, doğrudan bu sunucuya erişeceklerdir.
Alan adı n edir?

[COLOR=#242424]Alan adı ya da diğer adıyla domain, ziyaretçilerinizin internet sitenize ulaşmak için kullanacağı bir adrestir. Yani kısaca internet sitenizin ismidir. Bu yüzden alan adını seçerken ince eleyip sık dokumak gerekir.

[COLOR=#242424]Örneğin, shiftdelete.net bir alan adıdır. Buradaki ’.net’ kısmı ise alan adının uzantısıdır. Sizde alan adı satma yetkisine sahip firmalardan kolaylıkla ’.com,.org,.net,.tv’ gibi uzantılardan birini seçerek alan adınızı alabilirsiniz. Alan adları, yıllık 15-25 TL arasında, firmadan firmaya değişen fiyat etiketleriyle satılıyorlar.

[COLOR=#242424]Günümüzde internet sektörünün aşırı gelişmesi, akla zar zor gelecek alan adlarının bile alınmasına sebep oldu. Alan adı yani sitenize isim bulma sürecinde çoğu alan adı önceden alındığı için biraz vakit harcayabilirsiniz. Daha önceden alınan bir alan adını alma şansınız da var. Bunun için de alan adını alan kişiyle görüşmeniz ve alan adı sahibinin isteyeceği ücreti ödeyerek alan adını transferetmeniz gerekir.

Alan adı ve sunucu aldıktan sonra yapılacaklar

[COLOR=#242424]Alan adı ve sunucu/hosting aldıktan sonra, alan adınızı sunucu veya hostinginizin NS(Name Server) adreslerinize yönlendirmeniz gerekiyor. Bu sayede alan adınızı sunucunuzla eşleştirecek ve ziyaretçilerin, alan adını adres satırına yazdığında sunucuyla bağlantı kurmasını sağlayabileceksiniz. NS adresleri için sunucu firmanızdan destek de alabilirsiniz.

[COLOR=#242424]Alan adı ve sunucu ilişkilendirmesi bittikten sonra, internet sitenizin hizmet vereceği alana göre bir tasarıma ve yazılıma ihtiyacınız olacak. Bunları hazır olarak internette script adı altında bulabileceğiniz gibi ücretini ödeyerek sıfırdan kendinize özel tasarım ve yazılımlar da yaptırarak internet sitenizi yayına alabilirsiniz.

İnternet sitenizde SEO’ya dikkat edin!

[COLOR=#242424]Bütün aşamaları hallettikten sonra internet sitenizle sanki çocuğunuzmuş gibi düzenli olarak ilgilenmeniz gerekiyor. Google, Yandex, Bing gibi arama motorlarında bir arama yapıldığında, internet sitenizin ilk sayfada gözükmesi ve bu sayede ziyaretçi kazanmanız için de yapmanız gerekenler var. SEO yani türkçesiyle arama motoru optimizasyonu diye tabir edilen kavram da burada karşımıza çıkıyor.

[COLOR=#242424]SEO, iç ve dış SEO olmak üzere ikiye ayrılıyor. İç SEO, sitenizin içerisinde yapılacak SEO optimizasyonu iken, dış SEO ise diğer internet siteleri tarafından; sitenizin adresi, içerikleri gösterilerek yapılacak olan SEO yöntemidir. SEOkonusu, çok derin bir alan olduğu için, SEO konusunda bir uzmana danışmanızı tavsiye ediyoruz. Böylelikle, internet sitenizin faaliyet alanına ve rakiplerine uygun olarak özel bir SEO desteği alabilir ve internet sitenizi arama motorlarında üst sıralara taşıyabilirsiniz.

[COLOR=#242424]:: İnternet sitesi açma hakkında düşünüyor musunuz?

[COLOR=#242424]WordPress, Drupal, Joomla gibi ücretsiz hazır içerik yönetim sistemlerini kullanarak da internet sitenizi yayına almanız mümkün. Bu sistemler, ücretsizolmasıyla birlikte kurulum ve kullanım kolaylığı sağlamaları nedeniyle de dünya çapında sıkça tercih ediliyorlar.
[COLOR=#242424]WordPress, Drupal ve Joomla sistemlerini kurduktan sonra, kendinize özel temalar hazırlamanıza veya farklı hazır veya ücretli temaları kullanarak sitenizin tasarımını kişiselleştirmenize de izin veriliyor.

Kaynak: shiftdelete.net/internet-sitesi-acma-rehberi

HTML Sınav Soruları Klasik ve Test

Mon, 07 Jan 2019 23:45:46 +0300

HTML Sınav Soruları Klasik ve Test

1)Temel html kod yapısında aşağıdaki komutlardan hangisi yer almaz?

A)html B)body C)heed D)****

2)

kodunun görevi nedir?
A) Yazıyı ortalanmış olarak yazmaya yarar.
B) Yazıyı sağa hizalı olarak yazmaya yarar.
C) Sayfanın ortasına yatay çizgi çizer.
D) Sayfanın ortasına dikey çizgi çizer

3)Bir web sayfasına, bir fotoğrafa veya bir videoya link vermek için aşağıdaki komutlardan hangisi kullanılır?

A) B) C) D)

4)Aşağıdaki target parametrelerinden hangisi bağlantının yeni bir pencerede açılmasını sağlar?
A) _top B) _self C) _parent D) _blank

5)Bir sayfadaki yazıyı kalın yapmak için aşağıdaki komutlardan hangisi kullanılır?
A) B) C) D)

6)Bir sayfadaki metni büyük yapmak için aşağıdaki komutlardan hangisi kullanılır?
A) B) C) D) ^{7)Bir sayfaya resim eklemek için aşağıdaki komutlardan hangisi kullanılır?

A)} ~~B) C)~~

D)

8)İstenilen metni altı çizili olarak yazmanızı sağlayan etiket aşağıdakilerden hangisidir?
A)

B) C) D)

  



  

  

 9)Bir sayfadaki yazıyı italik (eğik) yapmak için aşağıdaki komutlardan hangisi kullanılır? 

A)      B)                          C)               D)   



  

  

 10)Bir metni paragraf yapmak için aşağıdaki etikelerden hangisi kullanılır?  



         A)                          B)      C)             D) 



CEVAPLAR

 

  



C  


C  


A  


D  


A  


B  


B  


C  


C  


A  



   









 *************************************************



   1.HTML Nedir?

a) Sayfa içindeki metinlerin tarayıcıda nasıl görüneceğini ve işlevsel olacağını düzenleyen işaret dilidir.

b) Diğer sayfaları bağlayan linkler

c) Nesneyi bağlayan linkler

d) Programlama dili

    

 2.Html etiketleri hangi karakterler arasına yazılır?

a) < >      b) # #      c) { }      d) ’ ’

    

 3.Aşağıdakilerden hangisi bir web sitesinin varsayılan anasayfa dosyasının adıdır?

a) anasayfa.htm      b) anasayfa.html      c) index.html      d) giris.htm

    

 4.Bir web sayfası hangi HTML etiketi ile başlar?

a)       b)       c)       d) <br />
    <br />
 5.HTML dokümanının başlık çubuğunda yer alacak sayfa başlık yazısı hangi HTML etiketleri arasına yazılır?<br />
a) <body>      b) <html>      c) <head>      d) <title><br />
    <br />
 6.Alt satıra geçmek için kullanılan HTML etiketi aşağıdakilerden hangisidir?<br />
a) <br>      b) <hr>      c) <enter>      d) </p><br />
    <br />
 7.Bir çizgi eklemek için kullanılan HTML etiketi aşağıdakilerden hangisidir?<br />
a) <br>      b) <hr>      c) <draw>      d) <layer><br />
<br />
     8.Link (bağlantı) oluşturmak için kullanılan HTML etiketi aşağıdakilerden hangisidir?<br />
a) <a>      b) <li>      c)       d) <div><br />
    <br />
 9.Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir?<br />
a) target=’_top’      b) target=’_parent’      c) target=’_self’      d) target=’_blank’<br />
    <br />
 10.Bir tablo veya resmin genişliğini ayarlamak için kullanılan HTML parametresi aşağıdakilerden hangisidir?<br />
a) height      b) width      c) left      d) top<br />
    <br />
 11.Tablo oluşturmak için kullanılan HTML etiketi aşağıdakilerden hangisidir?<br />
a) <body>      b) <html>      c) <head>      d) <table><br />
    <br />
 12.Bir tablonun kenarlık kalınlığını ayarlamak için kullanılan HTML parametresi aşağıdakilerden hangisidir?<br />
a) border      b) height      c) width      d) align<br />
    <br />
 13.Bir yazıyı kalın(bold) yapmak için kullanılan HTML etiketi aşağıdakilerden hangisidir?<br />
a) <b>      b) <i>      c) <li>      d) <u><br />
    <br />
 14.Sayfaya resim yerleştirmek kullanılan HTML etiketi aşağıdakilerden hangisidir?<br />
a)       b) <body>      c) <div>      d) <table><br />
    <br />
 15.Aşağıda verilen link komutlarından hangisi doğrudur?<br />
a) <a img=’http://www.blogarti.com’> Tıklayınız <br />
b) <a href=’http://www.blogarti.com’> Tıklayınız </a><br />
c) <href=’http://www.blogarti.com’> Tıklayınız </><br />
d) <a link=’http://www.blogarti.com’> Tıklayınız</a><br />
    <br />
 16.Bir yazının yazı karakter boyutunu değiştirmek için kullanılan HTML parametresi aşağıdakilerden hangisidir?<br />
a) size      b) height      c) title      d) width<br />
    <br />
 17.Kayan yazı oluşturmak için kullanılan HTML etiketi aşağıdakilerden hangisidir?<br />
a)       b) <div>      c) <p>      d) <marquee><br />
    <br />
 18.HTML sayfasının arka zeminini mavi yapmak için hangi HTML satırı kullanılır?<br />
a) <body color=’blue’><br />
b) <body bgcolor=’blue’><br />
c) <body background=’blue’><br />
d) <body set=’blue’><br />
    <br />
 19.Sayfada sırasız madde işareti eklemek için kullanılan etiketler hangisidir?<br />
a) <ul><li>..</li></ul><br />
b) <ol><li>..</li></ol><br />
c) <dl><li>..</dl><br />
d)<dt><li>..</dt><br />
    <br />
 20.Standart bir html dosyasının uzantısı aşağıdakilerden hangisi olabilir?<br />
a) .txt      b) .doc      c) .html      d) .http<br />
<br />
<br />
    [INDENT] <span style="font-weight: bold;" class="mycode_b">Cevap Anahtarı:</span> 1-a,  2-a,  3-c,  4-b,  5-d,  6-a,  7-b,  8-a,  9-d,  10-b,  11-d,  12-a,  13-a,  14-a,  15-b,  16-a,  17-d,  18-b,  19-a,  20-c  <br />
[/INDENT]<br />
 <br />
  
</article>
<article>
<h1>A'dan Z'ye Wordpress ve İnternet Sitesinden Para Kazanmak</h1>
<p>Tue, 27 Nov 2018 11:16:30 +0300</p>
<span style="font-weight: bold;" class="mycode_b">A'dan Z'ye Wordpress ve İnternet Sitesinden Para Kazanmak</span><br />
<br />
<br />
Wordpress ile hayalinizdeki; blog, haber, kurumsal veya e-ticaret sitelerini gerçeğe dönüştürebilirsiniz.<br />
 [COLOR=#FFFFFF]<br />
  [COLOR=#29303B]Öğrenecekleriniz  <br />
<ul class="mycode_list"><li>Web site ve web site için gerekli olan kavramları öğrenip kendi siteni kurabileceksin.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Bir alan adını en uygun fiyata nasıl kayıt ettirilir öğreneceksin.</span><br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Web site için gerekli olan hosting nedir, nereden ve nasıl alınır öğreneceksin.</span><br />
</li>
<li>Ücretsiz Wordpress kurulumu yapabileceksin.<br />
</li>
<li>Site yönetimini öğreneceksin.<br />
</li>
<li>Ücretsiz profesyonel kurumsal mail oluşturup kullanabileceksin.<br />
</li>
<li>Ücretsiz SSL Sertifikası oluşturup kurabileceksin.<br />
</li>
<li>Wordpress eklentileri kurup ayarlayabileceksin.<br />
</li>
<li>Sitenin güvenliğini sağlayıp hackerlardan siteni savunabileceksin.<br />
</li>
<li>En güzel hazır tasarımları seçip kurabileceksin.<br />
</li>
<li>İnternet sitenin hızlandıracaksın.<br />
</li>
<li>E-ticaret sitelerine kredi kartı ile ödeme methodu ekleyebileceksin.<br />
</li>
<li>Bir web masterın sahip olması gereken tüm bilgilere sahip olacaksın.<br />
</li>
<li>İstersen kendi web tasarım şirketini açabilir düzeye gelebileceksin.<br />
</li>
</ul>
<br />
[COLOR=#29303B]Gereksinimler<br />
<ul class="mycode_list"><li>İnternet sitesi kurabilmek sadece bilgisayar ve internete ihtiyacınız var.<br />
</li>
<li>Wordpress ile internet sitesi kurmak için hiçbir bilgi veya deneyime ihtiyacınız yok.<br />
</li>
<li>Kodlama veya programlama dili bilmeniz gerekmez.<br />
</li>
</ul>
<br />
<br />
  [COLOR=#29303B]Açıklama<br />
Bir web sitesine ihtiyacınız var fakat nereden başlayacağınızı mı bilmiyorsunuz? Doğru yerdesiniz. Haber, blog, kurumsal veya e-ticaret sitesi fark etmez’ Her bir konu için ayrı ayrı web site tasarlayabileceksiniz.<br />
Alan adı, hosting ve tema gibi kavramları öğreneceksiniz. Sitenize yeni bir tema eklemeyi, yeni sayfalar eklemeyi ve ana sayfanızı yapılandırmayı öğreneceksiniz.<br />
Sonrasında sitelerimizin güvenliği ve efektifliği adına yedek nasıl alınır, sitemizi nasıl daha güvenli yapabiliriz öğreneceğiz.<br />
Hedef kitle kimdir?<br />
<ul class="mycode_list"><li>İnternet sitesi kurmak isteyenler<br />
</li>
<li>Profesyonel blog kurmak isteyenler<br />
</li>
<li>Haber sitesi kurmak isteyenler<br />
</li>
<li>Kurumsal site kurmak isteyenler<br />
</li>
<li>Daha önceden hiç web site kurmamış ve sıfırdan başlayanlar<br />
</li>
<li>İnternet sitesi nasıl yönetilir profesyonel olmak isteyenler<br />
</li>
</ul>
<br />
<br />
Kurs içeriği<br />
<br />
63 ders<div style="text-align: right;" class="mycode_align">[COLOR=#505763]07:00:23 </div>
<br />
[COLOR=#505763][COLOR=#007791]+ Temel Bilgiler <br />
[COLOR=#505763]6 ders<div style="text-align: right;" class="mycode_align">26:24</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Wordpress'in Temelleri - Güvenlik - Kurumsal Mail <br />
[COLOR=#505763]8 ders<div style="text-align: right;" class="mycode_align">48:03</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Ücretli/Ücretsiz Tasarım Seçimi <br />
[COLOR=#505763]3 ders<div style="text-align: right;" class="mycode_align">07:54</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Ücretli Tema ile Profesyonel Blog Kurulumu <br />
[COLOR=#505763]7 ders<div style="text-align: right;" class="mycode_align">01:14:28</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Ücretsiz Tema ile Blog Kurulumu <br />
[COLOR=#505763]5 ders<div style="text-align: right;" class="mycode_align">27:02</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Profesyonel Kurumsal Site Kurulumu <br />
[COLOR=#505763]9 ders<div style="text-align: right;" class="mycode_align">01:18:34</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Eklentiler ve Ayarları (Güvenlik, Hız, Yedekleme, Seo vb.) <br />
[COLOR=#505763]11 ders<div style="text-align: right;" class="mycode_align">01:01:11</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ SEO - Arama Motoru Optimizasyonu <br />
[COLOR=#505763]5 ders<div style="text-align: right;" class="mycode_align">29:51</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Site Optimizasyonu <br />
[COLOR=#505763]1 ders<div style="text-align: right;" class="mycode_align">13:39</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Yedek Alma ve Site Taşıma İşlemleri <br />
[COLOR=#505763]4 ders<div style="text-align: right;" class="mycode_align">18:17</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ E-Ticaret Sitesi Kurmak <br />
[COLOR=#505763]2 ders<div style="text-align: right;" class="mycode_align">10:41</div>
 <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Logo & Favicon Hazırlama <br />
[COLOR=#505763]2 ders<div style="text-align: right;" class="mycode_align">24:19</div>
 <br />
  <a href="https://www.udemy.com/adan-zye-wordpress-ve-internet-sitesinden-para-kazanmak/" target="_blank" rel="noopener" class="mycode_url">https://www.udemy.com/adan-zye-wordpress-ve-internet-sitesinden-para-kazanmak</a>
</article>
<article>
<h1>WordPress İnternet Sitesi Kurmak: Blog, E-Ticaret, Kurumsal</h1>
<p>Tue, 27 Nov 2018 11:09:59 +0300</p>
 <span style="font-weight: bold;" class="mycode_b">WordPress İnternet Sitesi Kurmak: Blog, E-Ticaret, Kurumsal</span><br />
<br />
<br />
Kod bilmeye gerek yok! WordPress ile istediğiniz türde siteyi nasıl yapacağınızı öğrenin. Takıldığınız yerde bize sorun.<br />
[COLOR=#FFFFFF]<br />
 [COLOR=#29303B]Öğrenecekleriniz <br />
  <ul class="mycode_list"><li>Alan adı ve hosting alıp daha ilk derslerden kendi internet siteni kuracaksın.  <br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Bilgisayarına ücretsiz olarak WordPress kurup uygulamalar yapacaksın.</span><br />
  <br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Kendi E-ticaret siteni kurup istediğin ürünleri internetten satabileceksin.</span><br />
  <br />
</li>
<li>Kimseden destek almadan kurumsal siteni kendin kurabileceksin.  <br />
</li>
<li>Kendi blogunu kendi adınla açabileceksin.  <br />
</li>
<li>Önceden kurulmuş WordPress sitelerin üzerinde istediğin değişiklikleri yapabileceksin.  <br />
</li>
<li>Sitenin Google'da bulunabilmesi için gerekli SEO ayarları yapabileceksin.  <br />
</li>
<li>Sitene gelen ziyaretçilerle ilgili bilgileri (yaş, yer, ilgi alanları, vb) görüntüleyebileceksin.  <br />
</li>
<li>WordPress'i öğrenip yaptığın işe göre özelleştirebilecek ve gerekli tüm ayarlarını yapabileceksin.  <br />
</li>
<li>Ücretli ve ücretsiz WordPress temalarını seçip kurabileceksin. Onların ayarlarını yapabileceksin.  <br />
</li>
<li>Sayfalar tasarlayabilecek, menüleri oluşturabilecek ve temalarla rahatça çalışacaksın.  <br />
</li>
<li>WordPress gerekli eklentilerini kurup ayarlayabileceksin.  <br />
</li>
<li>Sitenin güvenliğini sağlayıp hackerlardan korunabileceksin.  <br />
</li>
<li>Acil durumlar için internet sitenin yedeğini alıp geri yükleyebileceksin.  <br />
</li>
<li>Sosyal medya paylaşım araçlarını internet sitende kullanabileceksin.  <br />
</li>
<li>Sosyal medya içeriklerini (Facebook, Twitter Instagram içeriklerini) sitende gösterebileceksin.  <br />
</li>
<li>İletişim formları kullanarak ziyaretçilerinden/müşterilerinden bilgi alabileceksin.  <br />
</li>
<li>Yapım aşamasında sayfası hazırlayacaksın.  <br />
</li>
<li>Sitenin en hızlı şekilde açılmasını sağlayacaksın.  <br />
</li>
<li>Sitene koyacağın görselleri uygun şekilde düzenleyeceksin.  <br />
</li>
<li>Etkileyici görselleri Photoshop kullanmadan yapabileceksin.  <br />
</li>
<li>Bir WordPress kursunda öğrenebileceğinden çok daha fazlasını uygulamalar yaparak öğreneceksin.  <br />
</li>
<li>WordPress eğitimi sırasında internet sitesi kurmakla ilgili aklına takılan sorulara cevaplar bulacaksın.  <br />
</li>
</ul>
 [COLOR=#FFFFFF]<br />
 [COLOR=#29303B]Gereksinimler<br />
   [COLOR=#29303B]<ul class="mycode_list"><li>WordPress ya da internet sitesi kurma konusunda hiçbir deneyime ihtiyacın yok.  <br />
</li>
<li>Herhangi bir kodlama dilini bilmene gerek yok.  <br />
</li>
<li>WordPress derslerini izleyip uygulayabileceğin bilgisayarın ve internet bağlantın olması yeterli.  <br />
</li>
</ul>
   [COLOR=#29303B]<br />
 [COLOR=#29303B]Açıklama<br />
Kendi internet siteni kurmak için buradasın öyle değil mi? <br />
WordPress, hiçbir kodlama ya da web tasarım deneyimi olmayanların bile inanılmaz internet siteleri yapmalarını sağlayan ücretsiz bir içerik yönetim sistemidir. <br />
<br />
Yapmak istediğin; blog açmak, kişisel site kurmak, firmanın kurumsal sitesini yapmak ya da E-ticaret sitesi kurmak olabilir. <br />
<br />
Başlamak için doğru yerdesin! Bu kapsamlı WordPress kursu; bu konuda hiç deneyimi olmayanların anlayabileceği ve adım adım ilerleyerek kendi sitelerini hayata geçirebilecekleri şekilde tasarlandı.<br />
Senin gibi ilk kez WordPress öğrenecek onlarca kişiye 2014 yılından beri birebir eğitimler verip kendi internet sitelerini nasıl yapacaklarını onlara öğrettim. Hangi problemlerle karşılaşacağını ve bunları hangi yöntemlerle çözeceğini çok iyi biliyorum ve eğitimin her dersini bunları dikkate alarak hazırladım.<br />
Bu kursla; kendi alan adını alıp (domain almak) internet siteni yayınlayabileceksin. Dilersen ücretsiz bir şekilde kendi bilgisayarına WordPress kurup nasıl pratikler yapabileceğini eğitimde bulacaksın.<br />
Sadece sayfalar, menüler ve teknik konuları öğrenmeyeceksin "Kendini okutan ilgi çekici sayfalar" hazırlamayı, Google'da üst sıralara çıkmak için gerekli olan WordPress SEO araçlarını etkin şekilde kullanmayı ve ihtiyacın olan diğer WordPress eklentilerini kendi başına seçip kullanmayı da öğreneceksin.<br />
<br />
<br />
WORDPRESS KURS İÇERİĞİ:<br />
<br />
   [COLOR=#29303B]<ul class="mycode_list"><li>Kendi şık ve profesyonel internet siteni WordPress ile nasıl yapacağını öğreneceksin  <br />
</li>
<li>Bir internet sitesini WordPress ile nasıl hayata geçireceğini öğreneceksin  <br />
</li>
<li>WordPress'i, yapacağın işe göre nasıl özelleştirebileceğini öğreneceksin.  <br />
</li>
<li>E-ticaret için gerekli araçları kurup ayarlamayı ve sitende ürün satıp para kazanmayı öğreneceksin.  <br />
</li>
<li>İşine uygun ücretsiz temaları nasıl bulacağını öğreneceksin.  <br />
</li>
<li>Alan adını (domain) ve siteni yayınlamak için gerekli olan hosting'i en uygun ve güvenilir şekilde nasıl alacağını öğreneceksin.  <br />
</li>
<li>Sayfalar hazırlamayı, menülerle, bileşenlerle (widgets), çalışmayı ve profesyonel görünümlü web siteler yapmayı öğreneceksin.  <br />
</li>
<li>Temalarla çalışmayı ve ihtiyacına uygun temaları kurup kullanmayı öğreneceksin.  <br />
</li>
<li>Eklentilerle (Plugins) çalışmayı ve ihtiyacına uygun eklentileri kurup kullanmayı öğreneceksin.  <br />
</li>
<li>Sitenin güvenliğini nasıl sağlayacağını ve hackerlardan nasıl korunacağını öğreneceksin.  <br />
</li>
<li>Sitenin yedeklerini almayı ve geri yüklemeyi öğreneceksin.  <br />
</li>
<li>Sitenin Google, Yandex, Bing gibi arama motorlarında bulunabilmesi için neler yapman gerektiğini öğreneceksin. ( WordPress SEO )  <br />
</li>
<li>Sitene gelen ziyaretçi raporlarını Google Analytics kullanarak nasıl görüntüleyeceğini öğreneceksin.  <br />
</li>
<li>İletişim formları hazırlayıp kullanmayı öğreneceksin.  <br />
</li>
<li>Sitene sosyal medya paylaşım butonlarını nasıl koyacağını öğreneceksin.  <br />
</li>
<li>Sosyal medya içeriklerini sitende nasıl yayınlayacağını öğreneceksin.  <br />
</li>
<li>Siteni nasıl hızlandırabileceğini öğreneceksin.  <br />
</li>
<li>Ücretli tema satın almayı ve ücretli temalarla gelişmiş özellikleri nasıl kullanacağını öğreneceksin.  <br />
</li>
<li>Yapım aşamasında sayfasını nasıl hazırlayacağını öğreneceksin.  <br />
</li>
<li>Görsellerini basit şekilde nasıl düzenleyebileceğini öğreneceksin.  <br />
</li>
<li>Photoshop bilmeden muhteşem görseller hazırlamayı öğreneceksin.  <br />
</li>
<li>Görsel galeriler yapmayı öğreneceksin.  <br />
</li>
<li>WordPress Yapım aşamasında sayfası yapmayı öğreneceksin.  <br />
</li>
<li>FTP bağlantısı yapmayı öğreneceksin  <br />
</li>
<li>Kendi alan adınla biten eposta adresi açmayı öğreneceksin.  <br />
</li>
</ul>
 <br />
<br />
ÖĞRENECEĞİN WordPress EKLENTİLERİNDEN BAZILARIı:<br />
  <ul class="mycode_list"><li>Yoast SEO  <br />
</li>
<li>Google Analytics Dashboard  <br />
</li>
<li>BackUp WordPres  <br />
</li>
<li>WP Super Cache  <br />
</li>
<li>Contact Form 7  <br />
</li>
<li>Pirate Forms  <br />
</li>
<li>WordFence Security  <br />
</li>
<li>Recent Posts Widget Extended  <br />
</li>
<li>Custom Share Buttons  <br />
</li>
<li>Better Font Awesome  <br />
</li>
<li>WP Bakery Page Builder (Visual Composer)  <br />
</li>
<li>ve diğerleri  <br />
</li>
</ul>
 Bu WordPress kursu kimler için?<br />
  <ul class="mycode_list"><li>Kendi kurumsal sitesini kurmak isteyenler  <br />
</li>
<li>Kendi e-ticaret sitesini kurmak isteyenler  <br />
</li>
<li>Kendi blogunu portfolyosunu kurmak isteyenler  <br />
</li>
<li>Daha önceden hiç internet sitesi kurmamış ve sıfırdan başlayanlar  <br />
</li>
<li>Wix, Weebly gibi platformlarda sitesi olup daha profesyonel siteler yapmak isteyenler  <br />
</li>
<li>Mevcut bir WordPress sitesi olup kendisi yönetmek isteyenler  <br />
</li>
<li>WordPress öğrenerek hızlı ve pratik şekilde web siteleri kurup kendi işini yapmak isteyenler  <br />
</li>
<li>Orta derecede WordPress bilip bu konuda daha çok uzmanlaşmak isteyenler.  <br />
</li>
</ul>
 <br />
<br />
Hedef kitle kimdir?<br />
  <ul class="mycode_list"><li>Bir internet sitesi yayınlamak isteyip nereden başlayacağını bilmeyenler,  <br />
</li>
<li>Kurumsal bir internet sitesi oluşturup yayınlamak isteyenler,  <br />
</li>
<li>Kendi E-Ticaret sitesini kurmak isteyenler,  <br />
</li>
<li>WordPress öğrenerek internet sitesi işleri alıp iş kurmak isteyenler,  <br />
</li>
<li>Deneyimlerini ya da hobilerini yazıp blog açarak blogger olmak isteyenler,  <br />
</li>
<li>Bir ürün ya da servis için site kurmak isteyenler,  <br />
</li>
<li>Kişisel portfolyo ya da özgeçmiş (CV) sitesini yayınlamak isteyenler.  <br />
</li>
</ul>
 <br />
<br />
Kurs içeriği<br />
<br />
e 95 ders  <div style="text-align: right;" class="mycode_align"> [COLOR=#505763]11:06:10   </div>
 <br />
[COLOR=#505763][COLOR=#007791]+ Kurs Hakkında <br />
[COLOR=#505763]1 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 01:57  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ İnternet Sitenizi Alın : Alan adı, Hosting ve WordPress <br />
[COLOR=#505763]7 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 48:15  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Wordpress'in Temelleri - İlk Sitenizi Kurun <br />
[COLOR=#505763]10 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 01:11:46  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Kişisel ya da Kurumsal Blog Sitenizi Kurun <br />
[COLOR=#505763]11 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 01:30:01  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ İŞİNİZİ YANSITAN KURUMSAL WEB SİTELERİ YAPMAK <br />
[COLOR=#505763]6 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 31:44  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ ÜCRETLİ TEMA İLE DAHA PROFESYONEL SİTELER TASARLAMAK <br />
[COLOR=#505763]10 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 01:40:22  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ WPBakery Page Builder İle İnanılmaz Sayfa Tasarımları <br />
[COLOR=#505763]7 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 01:20:35  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ E-TİCARET SİTESİ KURMAK <br />
[COLOR=#505763]15 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 01:47:18  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ WordPress SEO ve ZİYARETÇİ TAKİBİ <br />
[COLOR=#505763]6 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 53:24  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ GÜVENLİK YEDEKLEME VE TAŞIMA <br />
[COLOR=#505763]5 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 16:09  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ WordPress SİTENİZİ HIZLANDIRIN <br />
[COLOR=#505763]4 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 15:57  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ WordPress İpuçları ve BONUS <br />
[COLOR=#505763]4 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 14:46  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Teknik Araçları Kullanmak <br />
[COLOR=#505763]5 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 23:28  </div>
  <br />
<br />
[COLOR=#505763][COLOR=#007791]+ Profesyonel Eposta Yönetimi <br />
[COLOR=#505763]4 ders   [COLOR=#505763]<div style="text-align: right;" class="mycode_align"> 10:28  </div>
    [COLOR=#29303B]<br />
<br />
 <br />
[URL="http://https://www.udemy.com/adim-adim-wordpress-internet-sitenizi-kurma-rehberi/"]<br />
<a href="https://www.udemy.com/adim-adim-wordpress-internet-sitenizi-kurma-rehberi/" target="_blank" rel="noopener" class="mycode_url">https://www.udemy.com/adim-adim-wordpres...a-rehberi/</a>[/URL]<br />
<br />
<br />
  
</article>
<article>
<h1>Grafik ve Web Tasarımcıların en çok kullandığı 10 program</h1>
<p>Fri, 12 Oct 2018 20:29:04 +0300</p>
<span style="font-weight: bold;" class="mycode_b">Grafik ve Web Tasarımcıların en çok kullandığı 10 program</span><br />
<br />
<br />
 [COLOR=#111111]Grafik ve web tasarımı için hangi programı seçeceğinden emin değilsin ve hangisi daha iyi öğrenmek mi istiyorsun? Grafik ve web tasarımı tasarımcıların en çok kullandığı 10 program videosunda profesyonel tasarım dünyasında en çok kullanınlan programları anlattım.<br />
<br />
 <ul class="mycode_list"><li>[COLOR=#111111]Adobe programları:  <a href="https://www.youtube.com/redirect?q=https%3A%2F%2Fwww.adobe.com%2F&redir_token=CYc6G3KcoPYdR53UYiz18kwCTuh8MTUzOTQ1MTY1M0AxNTM5MzY1MjUz&event=video_description&v=l6-ybLBYMA0" target="_blank" rel="noopener" class="mycode_url">https://www.adobe.com/</a><br />
</li>
<li>[COLOR=#111111]Adobe Creative Cloud:  <a href="https://www.youtube.com/redirect?q=https%3A%2F%2Fwww.adobe.com%2Fcreativecloud.html&redir_token=CYc6G3KcoPYdR53UYiz18kwCTuh8MTUzOTQ1MTY1M0AxNTM5MzY1MjUz&event=video_description&v=l6-ybLBYMA0" target="_blank" rel="noopener" class="mycode_url">https://www.adobe.com/creativecloud.html</a><br />
</li>
<li>[COLOR=#111111]QuarkXPress: <a href="http://www.quark.com/Products/QuarkXPress/Sketch:" target="_blank" rel="noopener" class="mycode_url">Runtime Error</a>  <a href="https://www.youtube.com/redirect?q=https%3A%2F%2Fwww.sketchapp.com%2F&redir_token=CYc6G3KcoPYdR53UYiz18kwCTuh8MTUzOTQ1MTY1M0AxNTM5MzY1MjUz&event=video_description&v=l6-ybLBYMA0" target="_blank" rel="noopener" class="mycode_url">https://www.sketchapp.com/</a><br />
</li>
<li>[COLOR=#111111]Invision:  <a href="https://www.youtube.com/redirect?q=https%3A%2F%2Fwww.invisionapp.com%2Fsketch-prototyping&redir_token=CYc6G3KcoPYdR53UYiz18kwCTuh8MTUzOTQ1MTY1M0AxNTM5MzY1MjUz&event=video_description&v=l6-ybLBYMA0" target="_blank" rel="noopener" class="mycode_url">https://www.invisionapp.com/sketch-pr...</a><br />
</li>
<li>[COLOR=#111111]CorelDraw:  <a href="https://www.youtube.com/redirect?q=http%3A%2F%2Fwww.coreldraw.com%2F&redir_token=CYc6G3KcoPYdR53UYiz18kwCTuh8MTUzOTQ1MTY1M0AxNTM5MzY1MjUz&event=video_description&v=l6-ybLBYMA0" target="_blank" rel="noopener" class="mycode_url">http://www.coreldraw.com/</a><br />
</li>
<li>[COLOR=#111111]Inkscape:  <a href="https://www.youtube.com/redirect?q=https%3A%2F%2Finkscape.org%2F&redir_token=CYc6G3KcoPYdR53UYiz18kwCTuh8MTUzOTQ1MTY1M0AxNTM5MzY1MjUz&event=video_description&v=l6-ybLBYMA0" target="_blank" rel="noopener" class="mycode_url">https://inkscape.org/</a><br />
</li>
<li>[COLOR=#111111]Final Cut Pro:  <a href="https://www.youtube.com/redirect?q=https%3A%2F%2Fwww.apple.com%2Ffinal-cut-pro%2F&redir_token=CYc6G3KcoPYdR53UYiz18kwCTuh8MTUzOTQ1MTY1M0AxNTM5MzY1MjUz&event=video_description&v=l6-ybLBYMA0" target="_blank" rel="noopener" class="mycode_url">https://www.apple.com/final-cut-pro/</a><br />
</li>
</ul>
<br />
  
</article>
<article>
<h1>cPanel üzerinde Addon Domain / Eklenti Etki Alanı Nasıl Oluşturulur</h1>
<p>Wed, 13 Dec 2017 23:15:15 +0300</p>
CPanel üzerinde Addon Domain / Eklenti Etki Alanı Nasıl Oluşturulur<br />
[COLOR=#111111]Bu videomuzda sizlere cPaneli üzerinde nasıl ek domain-addon domain-eklenti etki alanı ekleneceğini anlatacağız.<br />
<br />
[video=youtube]https://www.youtube.com/watch?v=  ikyKDSWYvZI[COLOR=#111111][/video]<br />
  
</article>
<article>
<h1>HTTP’den HTTPS’ye Geçiş İçin SEO Checklist</h1>
<p>Sun, 03 Sep 2017 00:24:03 +0300</p>
<span style="font-weight: bold;" class="mycode_b"> HTTP’den HTTPS’ye Geçiş İçin SEO Checklist  </span><br />
<br />
 <br />
  [COLOR=#505050] İnternette güvenlik ve gizlilik kullanıcıların hassasiyet sahibi olduğu bir konu. Kullanıcılar bir Web sitesine girdiğinde kendini güvende hissetmek ve kişisel verilerinin gizlilik altında olmasını istiyorlar. Sitenizin ve kullanıcılarınızın güvenliğini sağlamanın yollarından biri de, <a href="https://www.stradiji.com/sozluk/ssl/" target="_blank" rel="noopener" class="mycode_url">SSL</a> kullanarak Web sitenizi HTTPS protokolüne geçirmek. Google son aylarda bir web sitesinin HTTPS protokolü kullanmasının sıralamalarda ufak da olsa avantaj sağlayacağını ısrarla belirtiyor. Peki bu geçişi SEO açısından herhangi bir sorun yaşamadan tamamlamak için ne yapmak gerekir? HTTP’den HTTPS’ye geçmek isteyenler için bir SEO checklist hazırladık.<br />
    <br />
[COLOR=#505050] Her gün yüzlerce Web sitesi saldırıya uğruyor ve çoğu site güvenlik açıkları nedeniyle ele geçiriliyor ve zor bir süreçle yüz yüze kalıyor. Özellikle de e-ticaret siteleri için güvenlik her şeyden önce geliyor ve herhangi bir güvenlik açığı, tüm Web sitesinin tehdit altında olmasına sebep olabiliyor. Sadece Web sitesinin kontrolünü kaybetme ihtimali değil, kullanıcıların kişisel ve finansal bilgilerinin de ele geçirilmesi ihtimali doğuyor. Böyle bir durumda kullanıcılar açısından düşünmeye çalışın, o siteden alışveriş yapar mıydınız? Hem siteniz içerisinde hem de kullanıcılarınızın bilgilerini korumak ve sürekli güncel tutmak amacıyla HTTPS protokolüne geçiş yapmanız büyük önem taşımakta.<br />
    <br />
[COLOR=#505050] Not: Https protokolü tek başına bir güvenlik önlemi olarak ele alınmamalıdır ve diğer güvenlik önlemlerinin çalışır durumda olduğundan emin olunmalıdır.<br />
    <br />
[COLOR=#505050] HTTPS sadece güvenlik açısından değil, bir Google sıralama faktörü olarak da değerlendirilebilir. Google <a href="https://googlewebmastercentral.blogspot.com.tr/2014/08/https-as-ranking-signal.html" target="_blank" rel="noopener" class="mycode_url">Ağustos 2014 tarihinde yaptığı açıklamada </a> HTTPS’yi bir sıralama faktörü olarak kabul ettiğini duyurmuştu. Biz de bu konuyu <a href="http://www.stradiji.com/google-her-web-sitesi-httpsi-tadacaktir/" target="_blank" rel="noopener" class="mycode_url">Her Web Sitesi HTTPS’i Tadacaktır</a> başlıklı yazımızda işlemiştik. Web siteniz kullanıcılarınızla ilgili verileri tutuyor olsa da olmasa da HTTPS protokolüne geçmek büyük önem taşıyor. Ancak HTTPS geçişi tamamlandıktan sonra her şey bitmiş olmuyor. SEO performansınızın olumsuz etkilenmemesi için dikkat edilmesi gereken pek çok nokta var. Web sitenizde HTTPS’ye geçiş sonrası trafik kaybı yaşamamak için, aşağıda bahsedeceğimiz noktalara mutlaka dikkat etmenizi tavsiye ederiz. Checklist’e başlamadan önce Google’un konuya özel referans sayfasını incelediğinizden emin olun: <a href="https://support.google.com/webmasters/answer/6073543?hl=tr" target="_blank" rel="noopener" class="mycode_url">Sitenizin güvenliğini HTTPS ile sağlama</a>    <br />
[COLOR=#505050] Bu konuda en güncel Google duyurusu 18 Ağustos 2017 tarihinde yapıldı. Detayları bu yazımızda bulabilirsiniz:  <a href="https://www.stradiji.com/google-https-e-gecisi-zorunlu-hale-getiriyor/" target="_blank" rel="noopener" class="mycode_url">Google HTTPS’e Geçişi Zorunlu Hale Getiriyor</a><br />
    <br />
<span style="font-weight: bold;" class="mycode_b"> HTTPS Protokolüne Geçilirken Dikkat Edilmesi Gerekenler  </span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">[COLOR=#505050] 1- Hizmet aldığınız Web sunucusunun HTTPS protokolünü desteklemesi:    </span><br />
[COLOR=#505050] Günümüzde neredeyse tüm Web sunucuları HTTPS protokolünü desteklediği için telaş etmenize gerek yok. Sadece bir SSL sertifikası aldığınızı ve sertifikayı sitenize uygulamak istediğinizi belirtmeniz yeterli olmakta. Bazı Web sunucuları SSL sertifikasını kendi bünyelerinde de sunduğu için süreci hızlandırmanız mümkün olabiliyor.<br />
    <br />
[COLOR=#505050] Bu arada şunu da belirtmemizde fayda var; aynı sunucuda birden fazla siteniz varsa ve hepsi tek bir IP üzerinden çalışıyorsa, sertifika seçiminde bunu dikkate almak gerekiyor. Bu şekilde HTTPS sertifikasına geçmenizin ciddi de bir maliyeti olacağı konusunda sizi şimdiden uyarmış olalım.<br />
    <br />
<span style="font-weight: bold;" class="mycode_b">[COLOR=#505050] 2- Kullanmak istediğiniz sertifikanın türüne karar verilmesi:    </span><br />
[COLOR=#505050] Standart ve Wildcard olmak üzere iki tür SSL sertifikası vardır. Adından da anlaşılacağı gibi standart sertifika, standart veri şifreleme özelliğine sahiptir. 128 ya da 256 bit şifreleme kullanılabilir. Wildcard sertifika ise sitenizle beraber alt adreslerinizi de (sub-domain) kapsayacak şekilde 256 bitlik şifreleme özelliği sunar. Eğer çok büyük bir siteniz varsa Wildcard SSL sertifikasını tercih edebilirsiniz.<br />
    <br />
<span style="font-weight: bold;" class="mycode_b">[COLOR=#505050] 3- SSL Sertifikasının geçerlilik süresi:    </span><br />
[COLOR=#505050] Almaya karar verdiğiniz sertifikanın geçerlilik süresini mutlaka not edin ve süre dolmadan önce yenilemeyi unutmayın. Geçerlilik süresi dolmuş sertifikalar sitenizin güvenliğini tehdit eden problemlere yol açabilir veya arama motorları tarafından ’güvensiz’ olarak işaretlenebilirler.<br />
    <br />
<span style="font-weight: bold;" class="mycode_b">[COLOR=#505050] 4- Sertifikanın doğru adres için alınmış olması:    </span><br />
[COLOR=#505050] Sertifikayı aldığınız ana bilgisayar adıyla sitenizin açıldığı ana bilgisayar adının aynı şekilde yapılandırıldığından emin olun. Sitenizin ana bilgisayar adresi ’<a href="http://example.com’" target="_blank" rel="noopener" class="mycode_url">http://example.com’</a> olarak ayarlanmış ancak siz sertifikayı ’<a href="http://www.example.com’" target="_blank" rel="noopener" class="mycode_url">http://www.example.com’</a> için almışsanız, uyumsuzluk problemi yaşayabilirsiniz.    <br />
[COLOR=#505050] 5- Yerleşik izleme ve analiz araçlarının çalışmaya devam etmesi:    <br />
[COLOR=#505050] Özellikle Google Analytics ve Google Search Console kullanıyorsanız, HTTPS geçişi sonrasında izlemenin ve taramanın devam edebilmesi için bu araçlarda düzenleme yapmanız gerekmekte.    <br />
<ul class="mycode_list"><li>Google Analytics için; Sitenizin ’https’ versiyonunu izlemeye devam edebilmek için izlemeniz gereken yol çok basit; Google Analytics hesabınızda oturum açtıktan sonra ’Yönetici Â Mülk Ayarları’ bölümünde yer alan ’Varsayılan URL’ bölümünü ’HTTPS’ olarak değiştirebilirsiniz:  <br />
</li>
</ul>
<br />
<ul class="mycode_list"><li>Google Search Console için; sitenizin ’HTTPS’ ile başlayan adresini yeni bir site ekler gibi eklemeniz gerekmekte. Yeni adresi eklerken eski adreste bulunan verileri kaybetmemek için ’HTTP’ versiyonunu silmemenizi tavsiye ederiz.  <br />
</li>
</ul>
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">[COLOR=#505050] 6- Eski URL’lerin yeni URL’lere yönlendirilmesi    </span><br />
[COLOR=#505050] HTTPS protokolüne geçildikten sonra dikkat edilmesi gereken en önemli noktalardan biri, HTTP ile başlayan URL’lerin HTTPS versiyonlarına 301 kalıcı yönlendirme ile yönlendirilmesidir. Diğer yönlendirmeler arama motorları tarafından geçici olarak algılandığı için URL otoritesini sürdürmek mümkün olmayacaktır. Sitenizdeki tüm URL’lerin listesini oluşturduktan sonra yeni HTTPS’li URL’lere yönlendirmek suretiyle bu problemi giderebilirsiniz.<br />
    <br />
<span style="font-weight: bold;" class="mycode_b">[COLOR=#505050] 7- Yeni URL listesinin arama motoruna belirtilmesi    </span><br />
[COLOR=#505050] Geçiş tamamlandıktan sonra <a href="https://www.stradiji.com/sozluk/sitemap-xml/" target="_blank" rel="noopener" class="mycode_url">Sitemap.xml</a> ve <a href="https://www.stradiji.com/sozluk/robots-txt/" target="_blank" rel="noopener" class="mycode_url">Robots.txt</a> dosyalarınızı düzenleyerek arama motorlarına yeni URL’lerin listesini ve yeni tarama kurallarını belirtmeniz gerekmektedir. sitemap.xml ve robots.txt dosyalarınızın URL’leri de HTTPS protokolüne uygun olarak düzenlenmiş olmalıdır. Özellikle sitemap.xml dosyanız içinde yer alan URL’leri de yeni şekliyle güncellemeyi unutmayın.<br />
    <br />
<span style="font-weight: bold;" class="mycode_b">[COLOR=#505050] 8- URL önceliğinin arama motoruna belirtilmesi    </span><br />
[COLOR=#505050] HTTPS geçişi yapılırken öncelikli URL’lerin belirtilmesi için her yeni sayfaya rel=’canonical’ kodunu ekleyerek HTTPS versiyonlu URL’lerin öncelikli olduğunu belirtmenizi tavsiye ederiz. Eklenen kodla belirtilen URL’lerin biribiriyle eşleşmesi, farklı URL’ler için kullanılmaması çok önemlidir. 301 yönlendirme yapmış olsanız bile arama motorları http versiyonlu URL’lerinize erişebilir ve canonical kullanılmamışsa hala HTTP versiyonlu URL’lerinizi öncelikli olarak görebilir. Bu durum da URL otoritesini sürdürebilmenizi engelleyebilir.<br />
    <br />
<span style="font-weight: bold;" class="mycode_b">[COLOR=#505050] 9- HTTPS protokolünün test edilmesi    </span><br />
[COLOR=#505050] SSL geçişi tamamlandıktan sonra yapabileceğiniz birkaç test var, bunları yapmayı sakın unutmayın. İlk olarak sitenize giriş yaptığınızda SSL sertifikasının tarayıcı tarafından algılandığını belirten sembole göz atın.    <br />
<br />
[COLOR=#505050] Ardından online test araçlarını kullanarak sertifika incelemesi yapabilirsiniz. Örneğin <a href="https://www.ssllabs.com/ssltest/" target="_blank" rel="noopener" class="mycode_url">Qualys SSL Labs</a> ücretsiz olarak test yapmanızı sağlayan bir online araçtır.    <br />
<br />
<span style="font-weight: bold;" class="mycode_b">[COLOR=#505050] 10- Tarama Hatalarının tespit edilmesi    </span><br />
[COLOR=#505050] Testler tamamlandıktan ve SSL sertifikası aldıktan sonra sitenizin tüm URL’lerinin düzgün şekilde çalıştığından emin olmak için URL’lerinizi test edebilirsiniz. Bunun için <a href="http://home.snafu.de/tilman/xenulink.html" target="_blank" rel="noopener" class="mycode_url">Xenu’s Link Sleuth</a> ve benzeri araçları kullanabilirsiniz. Ayrıca geçiş yapıldıktan sonra hata verebilme ihtimali olan eklentiler ve sosyal medya araçlarının da düzgün çalışması için SSL geçişiyle uyumlu olmasını sağlayın.<br />
    <br />
<span style="font-weight: bold;" class="mycode_b"> Genel Olarak Değerlendirmek Gerekirse’  </span><br />
<br />
[COLOR=#505050] Google sitenizin ve kullanıcı verilerinin gizliliğine ve güvenliğine üst düzey önem verdiği için, sizden de aynı özeni göstermenizi bekleyerek SSL kullanmanızı öneriyor ve HTTPS’yi bir sıralama faktörü olarak kabul ediyor. Günümüzde SSL sertifikası almak ve uygulamak oldukça kolay, sadece yukarıda bahsettiğimiz noktalara dikkat ederek sorunsuz bir geçiş gerçekleştirebilir ve hem sitenizin hem de sitenizi ziyaret eden kullanıcıların verilerinin gizliliğini sağlamış olursunuz. Unutmayın, SSL güvenliğin sağlanması açısından tek çözüm değil,  sürecin bir parçasıdır. Bu yüzden diğer güvenlik önlemlerinizi de almalısınız. Sitenizde bir güvenlik problemi yaşandığında hem ziyaretçi hem de sıralama kaybı yaşayabileceğinizi unutmayın.<br />
<br />
Kaynak:     <a href="https://www.stradiji.com/http-den-https-ye-gecis-icin-seo-checklist/" target="_blank" rel="noopener" class="mycode_url">https://www.stradiji.com/http-den-https-...checklist/</a>
</article>
<article>
<h1>Bootstrap 3 ile Bootstrap 4 arasındaki farklar</h1>
<p>Sun, 19 Mar 2017 01:24:37 +0300</p>
]<a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 4.0 ile gelen daha ergonomik, performans dolu ve iç açıcı bootstrap kütüphanesine nelerin dahil olduğunu ve varsa nelerin eksildiğini bugün beraber inceleyelim. <br />
<br />
   <br />
]Genel anlamda, bootstrap 4.0'ın yenilikçi teknolojiyle hazırlandığını görmek ve özellik artışını fark etmek mümkün. Uzun ve gereksiz bir makale yerine quackit.com'un hazırladığı tabloyu sizlerle paylaşıyoruz.   <br />
[TABLE="class: table table-bordered, width: 750"]<br />
<br />
[TH="align: left"]Bileşen [/TH]<br />
[TH="align: left"]Bootstrap 3 [/TH]<br />
[TH="align: left"]Bootstrap 4 [/TH]<br />
<br />
<br />
[TH="colspan: 3, align: left"]Genel [/TH]<br />
<br />
<br />
[TH="align: left"]CSS Kaynağı [/TH]<br />
LESS <br />
<br />
SCSS <br />
<br />
<br />
<br />
[TH="align: left"]CSS Birimi [/TH]<br />
px <br />
<br />
rem <br />
<br />
<br />
<br />
[TH="align: left"]Medya CSS Birimi [/TH]<br />
px <br />
<br />
em <br />
<br />
<br />
<br />
[TH="align: left"]Body Font Boyutu [/TH]<br />
14px <br />
<br />
16px <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Izgaralar [/TH]<br />
<br />
<br />
[TH="align: left"]Izgara katmanları [/TH]<br />
4 katman ızgara (xs, sm, md, lg) <br />
<br />
5 katman ızgara (xs, sm, md, lg, xl). <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Tablolar [/TH]<br />
<br />
<br />
[TH="align: left"]Ters Tablolar [/TH]<br />
Not supported. <br />
<br />
Added inverse tables with the .table-inverse class. <br />
<br />
<br />
<br />
[TH="align: left"]Tablo Header Stil [/TH]<br />
Not supported. <br />
<br />
Added table head styles with the .thead-default and .thead-inverse classes. <br />
<br />
<br />
<br />
[TH="align: left"]Yoğunlaştırılmış Tablolar [/TH]<br />
.table-condensed <br />
<br />
.table-sm <br />
<br />
<br />
<br />
[TH="align: left"]Bağlamsal sınıflar [/TH]<br />
<a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 3 doesn't use the .table- prefix for its contextual classes. <br />
For example, <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 3 uses .activewhereas <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 4 uses .table-active. Other than that, both versions use the same 5 contextual keywords (active, success, info, warning, danger). <br />
<br />
Added the .table- prefix for its contextual classes. <br />
<br />
<br />
<br />
[TH="align: left"]Responsive Tablolar [/TH]<br />
The .responsive-table class must be added to a parent <br />
  <br />
element. <br />
<br />
Can add .responsive-table to the actual element. <br />
<br />
<br />
<br />
[TH="align: left"]Reflow Tables [/TH]<br />
Not supported. <br />
<br />
Added reflow tables with the .table-reflow class. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Forms [/TH]<br />
<br />
<br />
[TH="align: left"]Horizontal Forms [/TH]<br />
Horizontal forms require the .form-horizontal class. <br />
Forms don't require .row when using grids (although this class is still a requirement on <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 3 grids in general). <br />
<br />
Forms require the .row class when using grids. <br />
<br />
<br />
<br />
Use .control-label when using grids for form layout. <br />
<br />
Use .form-control-label when using grids for form layout. <br />
<br />
<br />
<br />
[TH="align: left"]Form Control Size [/TH]<br />
Use .input-lg and .input-sm to increase or decrease the size of an input control. <br />
<br />
Use .form-control-lg and .form-control-sm to increase or decrease the size of an input control. <br />
<br />
<br />
<br />
[TH="align: left"]Help Text [/TH]<br />
Use the .help-block class to display help text. <br />
<br />
<a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 4 forms don't have an official class for help text. Instead, the .text-muted class was introduced for more flexibility. <br />
<br />
<br />
<br />
[TH="align: left"]Validation and Feedback Icons [/TH]<br />
The .form-control-* classes are not available in <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 3. To present icons on the input fields using <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 3, you need to use <a href="http://www.quackit.com/bootstrap/bootstrap_3/tutorial/bootstrap_glyphicons.cfm" target="_blank" rel="noopener" class="mycode_url">glyphicons</a>. <br />
<br />
Dropped the .has-feedback class. It is no longer required with the introduction of the .form-control-* classes. <br />
<br />
<br />
<br />
[TH="align: left"]Custom Forms [/TH]<br />
Not supported. <br />
<br />
<a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 4 introduced <a href="http://www.quackit.com/bootstrap/bootstrap_4/tutorial/bootstrap_custom_forms.cfm" target="_blank" rel="noopener" class="mycode_url">custom forms</a> Â completely custom form elements that replace the browser defaults. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Buttons [/TH]<br />
<br />
<br />
[TH="align: left"]Semantic Styles [/TH]<br />
Includes the .btn-default and .btn-infoclasses. <br />
The .btn-secondary class isn't available in <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 3. <br />
<br />
Introduced the .btn-secondary class. <br />
Dropped the .btn-default class. <br />
Note that the .btn-info class was initially dropped in <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 4 but it has reappeared again. <br />
<br />
<br />
<br />
[TH="align: left"]Outline Buttons [/TH]<br />
Not supported. <br />
<br />
Introduced the .btn-*-outline classes for styling buttons with an outline color. <br />
<br />
<br />
<br />
[TH="align: left"]Button Sizes [/TH]<br />
The .btn-xs class is available. <br />
<br />
Dropped the .btn-xs class (only .btn-smand .btn-lg are available now). <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Images [/TH]<br />
<br />
<br />
[TH="align: left"]Responsive Images [/TH]<br />
Use .img-responsive class. <br />
<br />
Use .img-fluid class. <br />
<br />
<br />
<br />
[TH="align: left"]Image Alignment [/TH]<br />
Use .pull-right, .pull-left, and .center-block helper classes. <br />
<br />
Can also use the various .pull-*-rightand .pull-*-left responsive helper classes, as well as the .text-*-left, .text-*-center, and .text-*-righthelper classes on the image's parent. <br />
Can use the various .pull-*-none classes to disable floating. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Dropdowns [/TH]<br />
<br />
<br />
[TH="align: left"]Structure [/TH]<br />
Apply dropdowns to lists (i.e. using and <br />
). <br />
<br />
Apply the .dropdown-item to a or element and wrap them all in a <br />
  <br />
with a .dropdown-menu class applied. <br />
<br />
<br />
<br />
[TH="align: left"]Menu Headers [/TH]<br />
Apply .dropdown-header to the <br />
tag. <br />
<br />
Apply .dropdown-header to <br />
  - <br />
  tags (as <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> no longer uses <br />
tags to build dropdowns). <br />
<br />
<br />
<br />
[TH="align: left"]Dividers [/TH]<br />
Apply the .divider class to the <br />
element (because it used lists to build dropdowns). <br />
<br />
Apply the .dropdown-divider to the <br />
  <br />
element. <br />
<br />
<br />
<br />
[TH="align: left"]Disabled Menu Items [/TH]<br />
Apply the .disabled class to the <br />
element. <br />
<br />
Apply the .disabled class to the element. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Button Groups [/TH]<br />
<br />
<br />
[TH="align: left"]Justified? [/TH]<br />
Supports justified button groups (via the .btn-group-justified class). <br />
<br />
Not supported. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Navs [/TH]<br />
<br />
<br />
[TH="align: left"]Inline Navs [/TH]<br />
There is no .nav-inline class. <br />
<br />
Can use the .nav-inline class to explicitly specify navs to be displayed inline. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Navbars [/TH]<br />
<br />
<br />
[TH="align: left"]Colors [/TH]<br />
Limited (preset) color options. Supports inverse navbars but not the other classes. <br />
<br />
New (preset) color options. Introduced the .bg-* class, as well as the .navbar-lightand .navbar-dark classes. <br />
<br />
<br />
<br />
[TH="align: left"]Navbar Alignment [/TH]<br />
Use .navbar-right, .navbar-left to align components within the navbar. <br />
<br />
Use the various .pull-*-right and .pull-*-left responsive helper classes. <br />
Can also use the various .pull-*-noneclasses to disable floating. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Pagination [/TH]<br />
<br />
<br />
[TH="align: left"]Default Pagination [/TH]<br />
Only requires .pagination to be added (to the element that represents the list of pages). <br />
<br />
Must also add .page-item to each <br />
element and .page-link to each element. <br />
<br />
<br />
<br />
[TH="align: left"]Pagers [/TH]<br />
Uses .previous and .next for aligning pagers. <br />
<br />
Uses .pager-prev and .pager-next for aligning pagers. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Labels [/TH]<br />
<br />
<br />
[TH="align: left"]Pill Labels [/TH]<br />
The .label-pill class is not available. However, <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 3 does have <a href="http://www.quackit.com/bootstrap/bootstrap_3/tutorial/bootstrap_badges.cfm" target="_blank" rel="noopener" class="mycode_url">badges</a> (which achieves a similar visual effect). Badges were dropped in <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 4. <br />
<br />
Introduced the .label-pill class for making the corners more rounded. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Jumbotron [/TH]<br />
<br />
<br />
[TH="align: left"]Full-Width [/TH]<br />
The .jumbotron-fluid class is not required on full-width jumbotrons. <br />
<br />
Introduced the .jumbotron-fluid class for full-width jumbotrons. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Progress Bars [/TH]<br />
<br />
<br />
[TH="align: left"]Uses  <br />
? [/TH]<br />
<br />
Doesn't use the  <br />
 for progress bars. Instead, applies progress bar classes to nested   <br />
elements. <br />
<br />
<br />
Uses the HTML5  <br />
element when working with progress bars. <br />
<br />
<br />
[TH="colspan: 3, align: left"]Glyphicons [/TH]<br />
<br />
<br />
[TH="align: left"]Supported? [/TH]<br />
Supported. <br />
<br />
Not supported. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Typography [/TH]<br />
<br />
<br />
[TH="align: left"]Blockquotes [/TH]<br />
<a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> styles are applied to the element by default. <br />
<br />
Introduced the .blockquote class for styling the element (i.e. styling this element is now opt-in). <br />
<br />
<br />
<br />
[TH="align: left"]Page Headers [/TH]<br />
The .page-header class is supported. <br />
<br />
The .page-header class is not supported. <br />
<br />
<br />
<br />
[TH="align: left"]Description Lists [/TH]<br />
The .dl-horizontal class does not require grid classes. <br />
<br />
The .dl-horizontal class requires grid classes. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Non-Responsive Usage [/TH]<br />
<br />
<br />
[TH="align: left"]Supported? [/TH]<br />
Supported. You can specify a layout to be non-responsive. <br />
<br />
Not supported. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Cards [/TH]<br />
<br />
<br />
[TH="align: left"]Supported? [/TH]<br />
Not supported. <br />
<br />
Introduced in <a href="https://www.kodlab.org/plugin/Bootstrap" target="_blank" rel="noopener" class="mycode_url">Bootstrap</a> 4. Cards replace functionality that was previously provided by <a href="http://www.quackit.com/bootstrap/bootstrap_3/tutorial/bootstrap_panels.cfm" target="_blank" rel="noopener" class="mycode_url">panels</a>, <a href="http://www.quackit.com/bootstrap/bootstrap_3/tutorial/bootstrap_wells.cfm" target="_blank" rel="noopener" class="mycode_url">wells</a>, and <a href="http://www.quackit.com/bootstrap/bootstrap_3/tutorial/bootstrap_thumbnails.cfm" target="_blank" rel="noopener" class="mycode_url">thumbnails</a>. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Panels [/TH]<br />
<br />
<br />
[TH="align: left"]Supported? [/TH]<br />
Supported. <br />
<br />
Not supported. Use cards instead. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Wells [/TH]<br />
<br />
<br />
[TH="align: left"]Supported? [/TH]<br />
Supported. <br />
<br />
Not supported. Use cards instead. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Thumbnails [/TH]<br />
<br />
<br />
[TH="align: left"]Supported? [/TH]<br />
Supported. <br />
<br />
Not supported. Use cards instead. <br />
<br />
<br />
<br />
[TH="colspan: 3, align: left"]Carousels [/TH]<br />
<br />
<br />
[TH="align: left"]Carousel Item [/TH]<br />
Use .item class. <br />
<br />
Use .carousel-item class. <br />
<br />
<br />
<br />
<br />
 <a href="https://www.kodlab.org/bootstrap-3-ile-bootstrap-4-arasindaki-farklar" target="_blank" rel="noopener" class="mycode_url">https://www.kodlab.org/bootstrap-3-ile-b...ki-farklar</a>
</article>
<article>
<h1>2017 Web Tasarım Trendleri</h1>
<p>Tue, 10 Jan 2017 23:42:06 +0300</p>
 Uzun bir yılı daha devirdik, geçtiğimiz yılın trendlerinde devrimsel yenilikler yoktu, bakalım bu yıl bizleri neler bekliyor?<br />
   <br />
 Geçen yıl Flat Tasarım yerini Flat2.0’a mı bırakıyor sorusunun yanıtı ’evet’ olmadı doğrusu. Flat tasarım kavramı ise yerini daha ağırlıklı olarak Materyal Tasarım prensiplerine bıraktı dememiz mümkün.<br />
   <br />
 Bu yıl için ise çok devrimsel değişiklikler olacağını söylemek çok mümkün değil, bu yılın trendlerinin son bir kaç yıldan farklı olacağını düşünmüyorum, bir süredir uzunca bir zaman boyunca flat ya da materyal tasarım unsurlarının ekranlarda kalacağını savunuyordum, fikrim çok da değişmedi. Şu an için hala basit ve minimalist tasarımlar en çok iş gören ve tercih edilenler.<br />
   <br />
 Ayrıca tasarımlarda basitliğin yanı sıra önemli olan asıl konu fonksiyonellik. Estetik değerler, güzellik, renk gibi unsurlar yerini kullanılabilirliği yüksek, iş gören ve çalışan tasarımlara bırakıyor. Bu prensipler üzerinden inşa edilen projeler daha değerli oluyor.   <br />
 Bu yıl arayüz tasarımı konusunda bizi bekleyen trendler neler bir göz gezdirelim.   <br />
<br />
<br />
 <span style="font-weight: bold;" class="mycode_b">Renkler</span>   <br />
 Öncelikle bu yıl için beklenen renk paletlerinde fazla bir değişiklik olmadığını belirtmek gerek. Flat tasarımlarda kullanılan nispeten sınırlı renk paletinin yerini daha geniş seçenekler sunan materyal paletlerin alması beklenebilir. Aslında bu durum bir süredir sıkıştığımızda başvurduğumuz bir seçenekti, şimdi biraz daha gün yüzüne çıktı denebilir.   <br />
<br />
 <span style="font-weight: bold;" class="mycode_b">Mikro Etkileşimler</span>   <br />
 Web siteleri üzerinde kullanıcıların gerçekleştirdiği aksiyon ve eylemleri  mikro animasyonlar ile destekleyerek, kullanıcı tarafında tatmin ve olmuşluk duygusu uyandırmayı amaçlar. Modern arayüz tasarımında kullanıcı için geri bildirim sağlamak ve kaliteli bir UX sunmak önemli unsurlardır, mikro etkileşimler de bu görevi yerine getiren elementlerdir.   <br />
<br />
 <span style="font-weight: bold;" class="mycode_b">Daha Kalın Yazılar, Daha Kreatif Tipografi</span>   <br />
 Web arayüzlerinde bir süredir süre gelen tipografik gelişimler tüm hızıyla sürüyor. Farklı fontların kullanımının bir sorun olmaktan kurtulması, daha yaratıcı ve estetik olarak da keyifli işler ortaya çıkması için iyi bir zemin oluşturdu. Bu yıl da önceki yıl olduğu gibi daha zengin tipografik unsurlar ile karşılacağız. Özellikle retro unsurlar ile bezeli çalışmaların ekranlarımıza bu yıl daha sık düşeceğini sanıyorum.   <br />
 Bu tip çalışmaların artık web siteleri için olmazsa olmaz unsurlardan biri olduğunu da söylemek mümkün.<br />
   <br />
<br />
 <span style="font-weight: bold;" class="mycode_b">Daha Az Menü Elemanı</span>   <br />
 Antoine de Saint Exupery’nin de dediği gibi tasarımlara ekleyecek şeyler değil, çıkaracak bir şey bulamadığınızda kusursuzluğa ulaşırsınız. Basitlik ve işlevselliğe doğru evrilen web sitelerinde artık daha az menü elemanı görmek mümkün, uzun çok maddeli menüler yerine, daha az sayıda ancak kategorize edilmiş, alt kırılımları olan menüler bu yılın bir başka trendi olmaya aday.<br />
   <br />
 Bunun yanında yandan açılan ya da yapışkan, sayfa boyunca kullanıcıyı takip eden navigasyon unsurları da bu yılın favorileri arasında.<br />
   <br />
<br />
 <span style="font-weight: bold;" class="mycode_b">Daha Çok Kaydırma (Scroll)</span>   <br />
 Özellikle mobil platformlarda kullanıcıların kaydırma ile ilgili bir sorunları olmadığından, tek sayfalık uzun siteler popüler hale gelmişti. Bu masa üstü kullanıcıları için de hoş bir deneyimdi. Tatlı efektler ile aşağı doğru kayan bir sayfa üzerinde içeriklere ulaşabiliyordunuz. Bu yıl da bu trend sürecek, bunun ötesinde daha uzun ve daha çok kayan sayfa görmemiz de mümkün olacak.<br />
   <br />
 <span style="font-weight: bold;" class="mycode_b">Koyu Renk Siteler</span>   <br />
 Bu tam olarak bir trend mi, yoksa tercih mi bilinmez ama, bu yıl eskisine göre daha koyu ve karanlık siteler görmemiz olası. Beyaz ve aydınlık arayüzler yerlerini daha çok siyah veya siyaha yakın koyu gri sitelere bırakacak gibi görünüyor.<br />
   <br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Gradyan Geri mi Dönüyor?</span>   <br />
 Instagram logosu ile ne kadar dalga geçilse de, yeni nesil tasarımlarda hafif renk geçişlerine doğru yeni bir eğilim var. Bu flat ve materyal tasarım prensiplerine aykırı gibi görünse de, mat renkler arasında hafif yorucu olmayan geçişler bir süredir tasarımcıların radarında. Bu yıl bu tip çalışmaları daha fazla görmemiz ve beklememiz olası. Ancak bu trendin web 2.0 zamanlarındaki görsel ışıldamaya dönüşeceğini en azından ben kişisel olarak beklemiyorum.<br />
   <br />
<br />
 <span style="font-weight: bold;" class="mycode_b">Bağımsız Layoutlar</span>   <br />
 Bu yıl içerisinde görmeyi bekleyeceğimiz bir başka yeni trend ise hazır ve kuralları bilinen layout setlerinin, kutulardan oluşan grid sistemlerinin yerine daha özgür tasarım alanları sunan serbest layoutlar. Tabi bu iş ön yüz geliştirme tarafındaki profesyonellerce nasıl karşılanacak bilinmez?<br />
   <br />
 Toparlamak gerekirse, bu yıl da geçtiğimiz yılın üzerine koyacak devrimsel bir fark yaratacak trend beklemek akılcı değil. Bazı kaynaklar flat tasarım bitiyor, bitecek gibi yorumlar yapsa da bunun aksini iddia edecek argümanları ortaya koyamadıklarını gözlemledim. Ayrıca işlevselliği ve her türden ekranın dostu olması açısından flat tasarımın en azından bir süre daha yok olmayacağını düşünenlerdenim. Genel olarak bu yılın trendlerinde daha çok renk daha çok fotoğraf ve tipografi göreceğimizin altını çizebiliriz.<br />
   <br />
 Hepinize bol renkli ve tasarım dolu bir yıl dilerim.<br />
<br />
ÜSTAD HASAN YALÇIN<br />
<br />
Kaynak Link :   <a href="http://www.hasanyalcin.com/2017-web-tasarim-trendleri/" target="_blank" rel="noopener" class="mycode_url">http://www.hasanyalcin.com/2017-web-tasarim-trendleri/ </a> 
</article>
<article>
<h1>robots.txt nedir</h1>
<p>Tue, 03 Nov 2015 18:54:05 +0300</p>
 <span style="font-weight: bold;" class="mycode_b">[COLOR=#293E3E]Robots.txt nedir ve içeriği ne olmalıdır nasıl bir yol izlenmelidir hakkında bilgi içermektedir.<br />
<br />
 </span>  [COLOR=#293E3E] Bu yazımda Robots.txt yapımı hakkında siz ziyaretçilerimizi bilgilendireceğim. Robots.txt sitenin ana dizininde bulunan ismi değişmeyen, <span style="font-weight: bold;" class="mycode_b">Google</span> Botları için kılavuz bir dosyadır. Yani Google Botları sitenizi ziyaret ettiğinde, dosyanız varsa ilk Robots.txt dosyasına girecektir, yoksa işiniz zor, Robots.txt dosya içersinde bazı kodlar görecektir ve bu kodlar doğrultusunda nereleri indexleyeceğini, nerelere girmeyeceğini anlayacaktır. Sonuç olarak Robots.txt Google botları için olmazsa olmazlardandır. Şimdi biz de Robots.txt yapımını beraberce öğrenelim.    <br />
[COLOR=#293E3E] Yeni bir metin belgesi açalım ismini <span style="font-weight: bold;" class="mycode_b">Robots.txt</span> yapalım. Robots.txt dosyamız içersinde iki farklı değişkenimiz olacak. Bunlar ve anlamları şöyledir:<br />
<br />
    <br />
[COLOR=#293E3E] <span style="font-weight: bold;" class="mycode_b">User-agent:</span> Google Botu’nun adı gelecek<br />
<span style="font-weight: bold;" class="mycode_b">Disallow:</span> Botun izinlerini gireceğimiz komutlar yer alacak    <br />
[COLOR=#293E3E] <span style="font-weight: bold;" class="mycode_b">Örnek 1:</span><br />
User-agent: *<br />
Disallow    <br />
[COLOR=#293E3E] Kodlarımızı yorumlayalım. 1. satırdaki kodumuz da bakınız Google Botları’nın isimleri gelecekti fakat ’<span style="font-weight: bold;" class="mycode_b">*</span>’ işaretini gördünüz. Bunun anlamı, siteniz tüm Google Botları’nca istisnasız indexlenmesine izin vermişsiniz demektir.<br />
<br />
    <br />
[COLOR=#293E3E] <span style="font-weight: bold;" class="mycode_b">Örnek 2:</span><br />
User-agent: *<br />
Disallow: /    <br />
[COLOR=#293E3E] Gördüğünüz gibi birinci satırdaki user-agent kodumuzun anlamı tüm Google Botları’na sitenizi indexlemesi için izin verilmesiydi. Fakat ikinci satırda ’/’ böyle bir karakter görüyorsunuz. Bu karakterin anlamı site üzerinde tüm dosyaların taranmaması isteniyor.    <br />
[COLOR=#293E3E] Yani bu Robots.txt kod bütününden de anlayacağımız şey, bütün Google Botları’nca sitemizin hiçbir dosyası indexlenmeyecek, taranmayacak.    <br />
[COLOR=#293E3E] <span style="font-weight: bold;" class="mycode_b">Örnek 2:</span><br />
User-agent: *<br />
Disallow: /cgi-bin/<br />
Disallow: /images/<br />
Disallow: /tmp/<br />
Disallow: /private/    <br />
[COLOR=#293E3E] Bütün google botları, bu 4 dosyayı indexlemeyecektir.    <br />
[COLOR=#293E3E] <span style="font-weight: bold;" class="mycode_b">Örnek 3:</span><br />
User-agent: DeepCrawl<br />
Disallow: /private/    <br />
[COLOR=#293E3E] DeepCrawl, bir google botudur. Görevi ise; sitenizi uzun aralıklarla ziyaret edip, indexlenmesi için gerekli bilgileri toplar. Bu kodların anlamı ise, ismi verilen botun ilgili private klasörünü indexlememeli.    <br />
[COLOR=#293E3E] <span style="font-weight: bold;" class="mycode_b">Örnek 4:</span><br />
User-agent: *<br />
Disallow: /directory/dosya.html    <br />
[COLOR=#293E3E] Tüm botlar, ilgili dosyayı indexlemeyecektir. Ama directory dizinindeki dosya.html hariç diğer tüm dosyaları tarar ve indexler.    <br />
[COLOR=#293E3E] <span style="font-weight: bold;" class="mycode_b">Örnek 5:</span><br />
User-agent: *<br />
Allow: /dosya1/site.html<br />
Disallow: /dosya1/    <br />
[COLOR=#293E3E] Bu kodların anlamı ise, tüm Google Botları dosya dizininde bulunan site.html dosyası hariç diğer tüm dosyaları taramaz ve indexlemeyecektir.    <br />
[COLOR=#293E3E]     <br />
[COLOR=#293E3E] User-agent: Googlebot    <br />
[COLOR=#293E3E] Disallow: /wp-*******/<br />
Disallow: /trackback/<br />
Disallow: /wp-admin/<br />
Disallow: /archives/<br />
Disallow: /index.php<br />
Disallow: /*.php$<br />
Disallow: /*.js$<br />
Disallow: /*.css$<br />
Disallow: */feed/<br />
Disallow: */trackback/    <br />
[COLOR=#293E3E] User-agent: Googlebot-Image<br />
Disallow: /wp-includes/    <br />
[COLOR=#293E3E] User-agent: ia_archiver<br />
Disallow: /    <br />
[COLOR=#293E3E] User-agent: duggmirror<br />
Disallow: /<br />
<br />
  Kaynak : <a href="http://www.seohocasi.com/robots-txt-yapimi/" target="_blank" rel="noopener" class="mycode_url">Robots.txt yapımı Â» SEO Hocası</a><br />
<br />
seohocasi.com/robots-txt-yapimi/  
</article>
</main></body></html>