Kanal ekonomisi, AI operasyonu, ölçüm kültürü.
Yeni yazılarda geçen her sayı bir kaynağa ve o kaynakta birebir geçen bir cümleye bağlı. 2019-2020 döneminden devralınan arşiv yazıları ayrıca işaretli.
Eski blogdan devralınanlar
2019-2020 döneminde yazılmış, çoğu web geliştirme temelli yazılar. Adresleri korundu; bu sistemin doğrulama hattından geçmediler.
SQL Bilgileri -1- SQL’e Giriş
SQL, açılımı Structured Query Language (Yapılandırılmış Sorgu Dili) olan, veritabanlarında veri depolamak, işlemek ve almak için kullandığımız standart bir dildir. Web yazılımlarımızda dinamik verilerimizi veritabanlarında depo ederiz. SQL verilerle çalışmamızı sağlayan komutlar içerir. SQL öğrenerek MySQL, SQL Server, MS Access, Oracle, Sybase, Informix, Postgres gibi veritabanı sistemlerini kullanabiliriz. SQL ile bir veritabanında sorgu yapabilir, veritabanındaki…
JS Bilgileri -13- Document Object Model (DOM) -3
Merhaba, Bu yazı Document Object Model (DOM) -2 yazımızın devamı olacak. Navigator Özelliği Pencere (window) özelliğinin bir alt özelliği olarak navigator özellikleri bir takım bilgileri edinebilmemize yardımcı olur. appName Ziyaretçimizin hangi tarayıcıyı kullandığı bilgisini verir. alert(navigator.appName); appVersion Ziyaretçimizin kullandığı tarayıcının versiyon bilgisini ve diğer detaylarını verir. alert(navigator.appVersion); browserLanguage Ziyaretçimizin kullandığı tarayıcının hangi dilde olduğu bilgisini…
JS Bilgileri -12- Document Object Model (DOM) -2
Merhaba, Bu yazı Document Object Model (DOM) yazımızın devamı olacak. Window Özelliği Bu özelliğimiz sayfamızın açıldığı tarayıcı penceresini ifade eder. Bu özelliğin sahip olduğu alt özellikler sayesinde ziyaretçilerimize bilgi verebilir veya onlardan bilgi alabiliriz. alert() Özelliği Bu özellik ile kullanıcıya bir mesaj kutusu çıkartıyoruz. Bunu daha önceki JavaScript yazılarımızda sıkça kullanmıştık. Bu özelliği ziyaretçilerimize bir…
JS Bilgileri -11- JavaScript Document Object Model (DOM)
Merhaba, DOM (Document Object Model), HTML, XML gibi belgeler ile diğer programlama veya script dilleri arasında iletişim sağlayan bir arabirimdir. HTML’de bulunan her öğenin DOM tarafında bir karşılığı bulunur. Sayfanın tamamına veya belirli bir kontrole erişmek mümkündür. Ana öğeler – çocuk öğeler gibi hiyerarşik yapıya aşinayız. Bir HTML belgesinde ana kök <html></html>etiketleridir. Peşinden <head></head>ve <body></body>etiketleri…
JS Bilgiler -10- JavaScript Pencere Olayları (Window Events)
Merhaba, Kullanıcılarımız web sayfamızda bir işlemi gerçekleştirdiğinde bir etkileşime geçilmesi işlemini window events ile yapıyoruz. onclick Event Kullanıcı bir öğeye tıkladığında onclickile tanımlanmış olay gerçekleşir. Örnek olarak sayfada herhangi bir yere tıklandığında bir uyarı mesajı çıkarabiliriz. <!DOCTYPE html> <html> <body onclick=”fonksiyonum()”> <h1>onclick Event</h1> <p>Sayfada herhangi bir yere tıkladığınızda uyarı mesajı açılacaktır. Bu olay sayfanın herhangi…
JS Bilgileri -9- JavaScript Tarih Fonksiyonları
Merhaba, JavaScript fonksiyonlarımızın bir diğer çeşidi olan tarih fonksiyonlarımız yıl, ay, gün, saat, dakika gibi tarih – saat değerlerini almamıza yarar. Tüm Tarih Bilgisi document.write(new Date()); Buradaki new Date();fonksiyonumuz bize Sun Apr 19 2020 11:23:55 GMT+0300 (GMT+03:00) gibi bir sonuç verir. Bu veriyi kullanarak o anki tarih ve saat ile ilgili tüm detaya sahip olmuş…
JS Bilgileri -8- JavaScript Matematik Fonksiyonları
Merhaba, Programlama yaparken matematiksel fonksiyonlara her zaman ihtiyaç duyarız. İleri düzey matematiksel işlem gerektiren bir program yapmak için ileri düzey matematik bilgisine sahip olmamıza gerek yok. Bunu yaptığımız programın özelliğine göre bir uzmandan destek alarak yapabiliriz. Ancak bunu kodlayabilmemiz için gerekli fonksiyonları bilmemiz gerekir. JavaScript de bize matematik işlemlerini yapabilmemiz için bir çok sistem fonksiyonu…
JS Bilgileri -7- JavaScript Metin Fonksiyonları
Merhaba, Bu yazıda JavaScript tarafından tanımlanmış metin fonksiyonlarını göreceğiz. Uzunluk Fonksiyonu (length) Verinin kaç karakter olduğunu söyleyen fonksiyondur. var metin = ‘JavaScript öğreniyorum’; document.write(metin.length); Burada 22 karakterlik ‘JavaScript öğreniyorum’ metninin .length fonksiyonu ile karakter sayısını ekrana yazdırdık. Metni Kalın Yazmak (bold) HTML’de <b> kullanarak yaptığımız yazı kalınlaştırma işlemini JavaScript’te .bold fonksiyonu ile yapıyoruz. var dil = ‘JavaScript’;…
JS Bilgileri -6- JavaScript Fonksiyonlar
Merhaba, JavaScriptte bir takım işlemleri gerçekleştirebilmemiz için bize sunulmuş fonksiyonlar bulunmaktadır. Bu fonksiyonları matematiksel fonksiyonlar, metin fonksiyonları, tarih fonksiyonları ve kullanıcı tanımlı fonksiyonlar olarak ayıracağız. Kullanıcı Tanımlı Fonksiyonlar Scriptimiz içerisinde bazı işlemleri tekrarlı bir şekilde kullanmamız gerekebilir. Böyle bir ihtiyacımızda ilgili işlemi her kullanacağımız alan için tekrar yazmak yerine bir fonksiyona tanımlayıp gerektiğinde bu fonksiyonu…
CSS Bilgileri -21- CSS Responsive
Merhaba, Web dünyası internete bağlanan her cihazın erişimine açıktır. Bilgiyi internete bağlantısına sahip her cihazın erişebilmesi için tasarlanmıştır. Frontend kodlama teknolojileri de bilgiye erişmek isteyen kullanıcıların en iyi deneyime sahip olmasını hedefler. Daha göze hitap eden arayüzler, kullanımı kolay tasarımlar kullanıcıların en rahat şekilde bilgiye ulaşmasını hedefler. Web’e erişimin daha çok mobil cihazlar üzerinden gerçekleştirildiği…
CSS Bilgileri -20- CSS transform
Merhaba, CSS dönüşümleri (css transforms) , öğeleri belirli şekillerde şekillendirmeye izin veren bir işlevler topluluğudur. translate: öğeyi 3 eksen yönünde hareket ettirir (x, y ve z) rotate: öğeyi merkezi bir nokta etrafında hareket ettirir scale: öğeyi yeniden boyutlandırır skew: öğeyi deforme eder transform Özellikleri CSS’te 3 transform özelliği vardır: transform: hangi transform fonksiyonunun kullanılacağını belirler…
JS Bilgileri -5- JavaScript Döngüleri
Merhaba, Döngüler programlama dilleri için en çok ihtiyaç duyulan fonksiyonların başında gelir. Herhangi bir kodu belirli sayıda tekrar etmek, belirli kurallara göre tekrar etmek, belirli şartlara göre tekrar etmek gibi durumlar her zaman ihtiyaç duyacağımız olaylardır. Örnek olarak ekrana 1’den 100’e kadar sayıları yazmak için 100 satır kod yazmak yerine, tek bir satır kodla bunu…
CSS Bilgileri -19- CSS Animasyonlar
Merhaba, CSS Geçişleri ile bir başlangıç durumundan bitiş durumuna nasıl geçileceğini tanımlamayı öğrendik. CSS Geçişleri de belirli bir tür animasyondur: Sadece 2 durumu vardır: başlangıç ve bitiş. Geçiş animasyonu tekrarlı değildir. Durum değiştirildiğinde yalnızca 1 kez gerçekleşir. Başlangıç ve bitiş arasında gerçekleşecek olaylar yalnızca zamanlama fonksiyonu ile sınırlıdır. Eğer bunlardan farklı olarak şu durumları da…
JS Bilgileri -4- JavaScript Karar Yapıları
Merhaba, Programlama dillerinde en çok kullanmaya ihtiyaç duyduğumuz komutlardan biri de karar yapılarıdır. Bir durumun gerçekleşmesi veya gerçekleşmemesi için koşullara bağlamamız gerekebilir. Bu durumda if / else yapısını kullanacağız. if(koşul){ // Koşul sağlanırsa yapılacaklar }else if(başka bir koşul){ // İlk koşul sağlanmayıp, ikinci koşul sağlanırsa yapılacaklar }else{ // Hiç bir koşul sağlanmazsa yapılacaklar } Gerçek…
CSS Bilgileri -18- CSS Geçişler (transitions)
Merhaba, CSS geçişleri, bir öğenin mevcut durumundan bir başka duruma geçmesini sağlar. Tek tek tüm öğelerin bir başlangıç durumundan son duruma kadar canlandırılması şeklinde çalışır. Tanımlanabilen özellikler: transition-property hareketlendirilecek öğeler. transition-duration hareketliliğin (geçişin) süresi. transition-timing-functiongeçişin zamanlama hesabı. transition-delayanimasyonun başlaması için geçmesi gereken süre. Tüm bu CSS özelliklerini ayrı ayrı tanımlayabilir veya yalnızca transitionkullanabiliriz. Bu şekilde kullanmak…
JS Bilgileri -2- JavaScript Değişkenler
Merhaba, Değişkenler web kodlama yaparken en sık karşılaştığımız yapılardır. Değişkenler belirli değerleri tutarlar ve gerektiği zaman da aktarımını yaparlar. Adından da anlaşılacağı gibi değişkenler değişebilen yapılardır. JavaScript kodlarken de değişkenlerden sıkça faydalanayacağız. Örnek JavaScript: var fiyat1 = 5; var fiyat2 = 6; var toplam = fiyat1 + fiyat2; alert(toplam); Burada fiyat1 adında bir değişken oluşturduk…
JS Bilgileri -3- JavaScript Operatör ve İşleçler
Merhaba, JavaScript’te işlemlerimizi gerçekleştirmek için operatörlerden faydalanırız. Atama Operatörü Atama operatörü (=) bir değişkene bir değer atar. var x = 10; Örnekte x değişkenine 10 değerini atadık. Toplama Operatörü Toplama operatörü (+) toplama işlemi yapmamıza yarar. var x = 5; var y = 2; var z = x + y; Çarpma Operatörü Çarpma operatörü (*)…
CSS Bilgileri -16- CSS Sözde Sınıflar (pseudo-classes)
Merhaba, Daha önceki yazılarda 3 tip CSS seçici öğrenmiştik. Bunlar; generic, yani doğrudan html etiketini hedeflediğimiz seçiciler. Örnek olarak sayfadaki <p> etiketlerini seçmek için doğrudan p{ } şeklinde yazıyoruz. sınıflar, yani belirli bir stil sınıfın hedeflediğimiz seçiciler. Örnek olarak sayfadaki class=”ornek” özelliğine sahip öğeleri seçmek için .ornek{ } şeklinde yazıyoruz. idler, yani sayfadaki belirli tek bir…
CSS Bilgileri -17- CSS Renk Geçişleri
Merhaba, Web sayfamızın görselliğini artırmak için CSS’in bir çok özelliğinden faydalanırız. Renk geçişleri yani CSS gradients, görselliğimizi ve kullanım deneyimini yükseltmekte bize çok yardımcı olacaktır. 2 tip renk geçiş tipimiz mevcuttur: linear: renkler bir noktadan diğerine düz bir çizgide gider. radials: renkler bir dairenin merkezinden kenarlarına, her yöne gider. Renk geçişleri arka plan görüntüsü olarak kabul…
JS Bilgileri -1- JavaScript’e Giriş
Merhaba, Bu yazı ile birlikte, tüm web geliştirme süreçlerimizde ihtiyaç duyacağımız bir başka dil olan JavaScript’e Giriş yapıyoruz. JavaScript Nedir? JavaScript, yaygın olarak web tarayıcılarında kullanılmakta olan dinamik bir web programlama dilidir. JavaScript sayesinde web tarayıcının kullanıcı ile etkileşimlerde bulunması, web tarayıcının kontrol edilmesi, web sunucu ile iletişime geçilmesi ve web sayfası içeriğinin değiştirilmesi gibi…
CSS Bilgileri -15- CSS Kaydırma
Merhaba, CSS’de kaydırma işlemleri için kullanılan float kavraması en zor CSS özelliklerinden biri olabilir. Tüm konumlandırma özellikleri nedeniyle, çevresini en çok etkileyen özelliktir. Başka bir deyişle, bir float uygulamak yalnızca uygulandığı öğeyi değiştirmekle kalmaz, aynı zamanda atalarını, kardeşlerini, torunlarını ve takip eden öğelerini de değiştirir. float yalnızca 3 değer alabilir: float:left;veya float:right; öğeyi sol veya sağ…
CSS Bilgileri -14- CSS Pozisyon
Merhaba, CSS position özelliği çok yönlü ve güçlüdür. Bir öğenin konumunu ayarlamaya veya değiştirmeye izin verir. 4 olası değeri vardır: static (varsayılan), relative, absolute ve fixed Bunları tek tek inceleyelim; static Bu position değeri varsayılan değerdir. Bir önceki yazıda belirttiğimiz doğal akışa göre davranır. left, right, top, bottom gibi pozisyon özelliklerinden etkilenmez. relative Bu position…
CSS Bilgileri -13- CSS Konumlandırma
Merhaba, Bu yazımızda CSS’de öğeleri nasıl konumlandıracağımızı göreceğiz. HTML yaşayan bir dökümandır. CSS kullanılmasa dahi HTML’in kendi kuralları vardır. akışkanlık: içeriğin tarayıcı boyutlarına uyum sağlaması sıralama: hangi öğelerin öncelikli gösterileceği istif: öğelerin üst üste nasıl görüneceği Her bir kuralın döküman içerisinde doğal davranışları bulunur. Akışkanlık HTML’de de pazarlamada olduğu gibi ‘the Content is King’. Yani içerik kraldır! Tümblockelementler…
CSS Bilgileri -12- CSS Boşlukların Farklı Yazımı
Merhaba, Bir önceki yazımızda padding ve margin değerlerimizi görmüştük. Bu yazımızda ise padding ve margin değerlerini, öğenin farklı yanları için farklı değerler belirterek kullanmayı ve farklı yazım tiplerini göreceğiz. Doğrudan margin:20px; gibi bir kullanım, öğenin 4 yanına (üstü, altı, sağı ve solu) margin değeri atamamızı sağlar. Bunu margin-top, margin-bottom , margin-left, margin-right şekillerinde de 4 yanını…
Nasıl uyumalı?
Uyku, kendi adıma, hayatımda en çok sorun yaşadığım konulardan biri. Öyle ki, 29 yıllık ömrümde, hiç bir zaman vakitli yatabilen, yatsa da uyuyabilen veya da sabah uyanabilen bir insan olmadım. Ve bu hayatımda bir çok probleme de yol açtı. Okul hayatım boyunca her zaman ilk derslere gecikirdim. Çalışma hayatına girince de mesai saatime yetişemedim hiç….
Telefon nasıl şarj edilmeli?
Binlerce lira para ödeyip satın aldığınız akıllı telefonunuzu haklı olarak uzun süre kullanmak istiyorsunuz. Ancak bir çok cihazda yaşanılan en popüler sorun pil ömrünün tükenmesidir. Pilinizi değiştirmek bir çözüm olsa da, pil ömrünüzü uzatmak ve telefonunuzu daha uzun ömürlü kullanabilmeniz için dikkat etmeniz gereken bazı durumlar bulunmaktadır. Günümüzde akıllı telefonlarda Lityum İyon piller kullanılır. Lityum…
CSS Bilgileri -11- CSS Boşluklar (Margin/Padding)
Merhaba, CSS’de öğeler arası boşlukları ayarlamak için Margin ve Padding değerleri kullanılır. Padding Padding değeri, HTML öğesinin çerçevesi ve içeriği arasındaki boşluktur. Boşluğun değeri herhangi bir ölçü birimiyle gösterilebilir. Örnek Kullanımı: blockquote{ padding: 20px; } Bu kullanımda çerçeve ile içerik arasındaki boşluk üstten, sağdan, alttan ve soldan 20px olacaktır. Ancak bu değerleri ayrı ayrı belirtmemiz…
Web Sitesi Kodlamaya Başlayalım
Merhaba, Bu yazıda web sitesi kodlamaya başlamak için web sitemde yazdığım yazıları sıraya koyarak paylaşıyorum. Bu sayede yazılarımı takip ederek web site kodlamayı öğrenmek isteyen kişiler blog düzeninde hangi sırayla ilerleyeceklerini karıştırmamaları için bu liste üzerinden takip edebilirler: WEB Web: Dünyayı Saran Ağ Bilgisayar Sayı ve Kod Sistemleri HTML Bilgileri HTML Nedir? HTML Nasıl kullanılır?…
CSS Bilgileri -10- CSS Çerçeveler
Merhaba, HTML öğelerinin dikdörtgen modelinde olduğunu belirtmiştik. Bu sayede üst, alt, sağ ve sol kenarları olmak üzere 4 çerçeve alanına sahiplerdir. Tek seferde tüm kenarlara veya ayrı ayrı kenarlara çerçeve uygulamak mümkündür. Çerçeveler 3 özelliğe sahiptir: border-type : Çerçeve tipidir. solid , dashed, dotted gibi tipler seçilebilir. border-color : Çerçeve rengidir. Renk birimleri kullanılabilir. border-width :…
CSS Bilgileri -9- CSS Genişlik ve Yükseklik
Merhaba, Öğelerin ölçü değerleri (genişlik ve yükseklik) içeriğin sayfa içerisinde yerleşimlerini yapan dinamik bir özelliktir. .blok{ width: 600px; } Örnekteki gibi genişlik (width) değeri tanımlayarak .blok classını kullanan öğemizin 600px bir genişlik kaplamasını istedik. Eğer tarayıcı ekranı 600px değerinden daha küçükse yatay bir kaydırma çubuğu ortaya çıkar. Eğer 600px değerinden daha büyük bir ekrana sahipsek,…
CSS Bilgileri -7- CSS Arkaplan Özellikleri
Merhaba, Varsayılan olarak tüm HTML öğeleri bir dikdörtgen olarak oluşturulur. Bu dikdörtgenin boyutları dinamiktir: o öğenin içeriğine göre değişir. CSS Arkaplan Özellikleri (background özelliği) HTML öğelerinin arkaplanları, öğenin arkasında ne görüneceğini belirlememize yarar. CSS bütün HTML öğelerine arkaplan verme imkanı sunar. Yazının başında her öğeyi bir dikdörtgen olarak düşündüğümüzü söylemiştik. Buna göre dikdörtgenin fonunu ayarladığınızı düşünebilirsiniz. …
CSS Bilgileri -8- CSS Öğe Tipi ve Görünümü
Merhaba, Daha önce HTML Etiketleri yazısında etiketlerin Inline ve Block olmak üzere 2 farklı tipini gördük. display özelliği HTML öğesinin tipini değiştirmek için kullanılır. Örnek olarak <p> etiketinin varsayılan display özelliği block olarak tanımlanmıştır. Bunu CSS ile değiştirmemiz mümkün. p{ display: inline; } Tip Değiştirmek Yerine inline Başka Bir Etiket Kullanmak <p> etiketinin tipini değiştirmek…
CSS Bilgileri -6- CSS Metin Özellikleri
Merhaba, CSS bir web sayfasının düzenini değiştirmek gibi çok önemli işlevlere sahip olduğu gibi, Web’in %90’ını oluşturan “metinlerin” biçimlendirmesinde de CSS kullanıyoruz. Web sayfalarının da çoğunlukla metinlerden oluştuğunu düşünürsek, CSS’in bize sunduğu metin özelliklerini iyi bilmek önemlidir. Font Seçimi (font-family özelliği) Bir metnin göze çarpan en önemli özelliği hangi font ile yazıldığıdır diyebiliriz. CSS metnin…
CSS Bilgileri -5- CSS Ölçü Birimleri
Merhaba, CSS’de ölçü ile alakalı bir çok özellik bulunmaktadır. Örnek olarak: font-size : Yazı ölçüsünü belirtir. margin : Öğeler arasındaki mesafeyi belirtir. left / right / top / bottom : öğelerin pozisyonunu belirtir. Kullanılan değerler olarak da bunlar örnek verilebilir: px : pixel değerinden % : yüzdelik oran üzerinden Pikseller Bilgisayar ekranları pikselleri kullanır. CSS’de…
Bir çocuk göçtü, Bir renk doğdu: rebeccapurple (#663399)
21 Haziran 2014 tarihinde CSS renkleri arasına #663399 hex kodu ile rebeccapurple rengi eklendi. Bu rengin hikayesini CSS Renkleri yazısını hazırlarken fark ettim ve ayrıca yer vermek istedim. Rebecca Alison Meyer 6. yaş gününden sadece 12 saat sonra beyin kanserinden hayatını kaybetti. Rebecca’nın favori bir rengi vardı ve bu mor rengiydi. Kendisi CSS standartlarının oluşturulmasında…
CSS Bilgileri -3- CSS Seçiciler
Merhaba, Bir önceki yazıda CSS Seçicilerden bahsettik. Etiket seçici, ID ve Class seçicileri öğrendik. Fakat daha detaylı bir CSS yapısı oluşturabilmemiz için bunlar yeterli değil. Bazı durumlarda seçicileri daha özele indirgemek gerekebilir. Aşağıdaki tabloda genel kullanımları örnekleyelim: HTML Kodu CSS Seçici Anlamı <p></p> p Sayfadaki tüm <p> etiketleri. <div class=”genel”></div> div .globaldiv.global Sayfadaki tüm <div>…
CSS Bilgileri -4- CSS Renk Birimleri
Merhaba, Bu yazıda CSS’de renk birimlerini inceliyoruz. Renkler CSS’in en geniş alanlarından birini kapsar. Yazı renkleri, arka plan renkleri, renk geçişleri, gölgeler gibi bir çok alanda renk ayarı yapmamız mümkündür. color özelliği CSS’de yazı rengi belirlemekte kullanılır. Ve farklı tiplerde değerler alabilir. Renk Etiketleri CSS 145 farklı renk ismini kullanmamıza olanak sağlar. Bu renkleri CSS…
CSS Renk Etiketleri
CSS 145 farklı rengi ismiyle kullanmamıza olanak sağlar. Renk koduna ihtiyaç duymadan kullanabileceğimiz renkler aşağıdaki tablodaki gibidir. RENK CSS Etiketi RGB hex değeri black #000000 silver #c0c0c0 gray #808080 white #ffffff maroon #800000 red #ff0000 purple #ff0000 fuchsia #ff00ff green #008000 lime #00ff00 olive #808000 yellow #ffff00 navy #000080 blue #0000ff teal #008080 aqua…
CSS Bilgileri -2- CSS Kodları Nasıl Yazılır
Merhaba, Artık CSS’in ne olduğunu biliyoruz. Nasıl yazıldığı konusunda fikir edindik ancak şimdi daha detaylı inceleyelim. seçici { özellik: değer; } CSS kodu örnek olarak yukarıdaki şekilde yazılıyor. Burada kullandığımız öğeler: seçici: Uygulayacağımız stilin kime/neye uygulanacağını söyler. özellik: Hangi stil özelliğini kullanacağımızı söyler. değer: Stil özelliğine hangi değeri atadığımızı söyler. kime{ ne: nasıl; } Küçük bir örnekle tekrar…
CSS Bilgileri -1- CSS Nedir? Neden Vardır?
Merhaba, Bu yazı ile birlikte yeni bir dil öğrenmeye başlıyoruz. Cascading Style Sheets kısaltması CSS, web sayfamızın stilini oluşturur. HTML tarafında kullandığımız her şeyin, rengini, fontunu, boyutunu, aralık boşluklarını, pozisyonunu, kısaca görsel olarak yapılacak düzenlemelerin tamamını oluşturmamızı sağlar diyebiliriz. CSS Neden Var? Web kullanımı yaygınlaştıkça web sitesi sahiplerinin görünüm açısından daha iyi olma gereksinimleri başladı. Sadece…
HTML Bilgileri -11- HTML Tablolar
Merhaba, HTML tabloları aynı bir Excel sayfasında olduğu gibi, satır ve sütunlardan oluşan, verileri düzenlememize yardımcı olan ögelerdir. HTML’de tablo oluştururken önce tablo etiketimizi, sonra satırlarımızı ve satırlarımızın içerisine de sütunlarımızı yerleştiriyoruz. <table> <tr> <td>Ad</td> <td>Soyad</td> </tr> <tr> <td>Tony</td> <td>Stark</td> </tr> <tr> <td>Clark</td> <td>Kent</td> </tr> <tr> <td>Bruce</td> <td>Banner</td> </tr> <tr> <td>Bruce</td> <td>Wayne</td> </tr> </table> Görünümü:…
HTML Bilgileri -12- HTML Formlar
Merhaba, Web Sitesi Kodlamaya Başlayalım serisinin HTML başlangıç bölümünde göreceğimiz son konumuz HTML Formlar. Web sitelerinde gezinirken genellikle linklere tıklar ve web sayfaları veya web siteleri arasında geziniriz. Ancak bazı durumlarda sadece linklere tıklamak webde var olma amacımız için yeterli olmaz. Kimi zaman bizim bazı bilgi girişleri yapmamız gerekir. Bu bilgi girişleri de form öğeleri…
Web Sitenizde Olması Gereken Kurumsal Sayfalar
Merhaba, İnternette gezinirken bir çok kurumsal web sitesini ziyaret etmişsinizdir. Kimi zaman bilgi almak için, kimi zaman ürünleri incelemek veya sipariş vermek için kimi zaman da şirket ile iletişime geçmek için bu web sitelerini ziyaretmiş olmanız mümkün. Ve tamamına yakınında görmüş olabileceğiniz bir bölüm var, ‘Hakkımızda’. Eğer siz de bir şirket sahibiyseniz sizin de web…
HTML Bilgileri -10- HTML Görseller
Merhaba, Bu yazıda HTML’de görsel kullanımını göreceğiz. Görseller web de kullanılan ilk yazı dışı ögelerdir. Bilgisayarınızda da kullandığınız en yaygın görsel formatları .jpg , .png (transparan veya arkaplanlı) , .gif (hareketli veya hareketsiz) ve dahası web tarayıcınızda çalışabilir. HTML’de sayfamıza bir görsel eklemek için <img> etiketini kullanırız. Bu etiket daha önce gördüğümüz kendi kendine kapanan etiketlerdendir….
HTML Bilgileri -9- HTML Linkler
Merhaba, Bu yazımızda web sayfalarımızı birleştirip bir web sitesi haline getiren, sayfa içerisinde gezinmeyi kolaylaştıran ve farklı içeriklere yönlendirme yapılmasını sağlayan bağlantılardan bahsediyoruz. Web, birbirleri ile bağlantılı belgelerden oluşan bir bilgi ağı olarak tasarlandığı için, linkler (bağlantılar) HTML’de gereklidir. HTML’de linkleri anchor (çapa) anlamına gelen <a> etiketi ile kullanıyoruz. Bu etiket içerisinde kullandığımız href özelliği…
HTML Bilgileri -8- Inline Metin Etiketleri
Merhaba, Daha önce Web Sitesi Kodlamaya Başlayalım -6- HTML Etiketleri yazısında Block ve Inline öğelerin farkından bahsetmiştik. Bir önceki yazıda HTML’de metin etiketlerini de gördük. Bu yazıda ise metin etiketlerini kullanırken belirli kelimeleri, cümleleri diğerlerinden ayırarak farklı özellikler vermemizi sağlayan etiketleri göreceğiz. Strong – <strong> Etiketi Cümle içerisinde vurgulamak istediğimiz önemli kelimeleri <strong> </strong> etiketleri arasında yazabiliriz….
Web Geliştirme İçin Hangi Dilleri Öğrenmeliyim?
Web geliştirme! Kiminin heyecanı kimininse korkulu rüyası. Bu yazıda web geliştiricisi olmak için öğrenmeniz gereken dillerden ve kütüphanelerden bahsediyor olacağım. Web sayfalarını tasarlamanızda ve tasarladığınız sayfaları fonksiyonel hale getirmenizde size yardımcı olacak araçları tanıyacağız. Şimdi temel web geliştirme dillerine ve araçlarına sırasıyla göz gezdirelim. 1- HTML5 (HyperTextMarkupLanguage) HTML sayfanızın temel düzenini ayarlamak için neyin nerede…
HTML Bilgileri -7- Metin Etiketleri
Merhaba, Bu yazımızda web sayfamızda en çok kullanacağımız metin ögelerinin etiketlerini göreceğiz. Paragraflar – <p> Etiketi Paragraf etiketini daha önceki yazılarımızda görmüştük. Paragraf etiketi <p> açılış ve </p> kapanış etiketleri arasında metinlerin yazılmasıyla oluşturulur. En basit örnekle şu anda okuduğunuz bu satırlar da bir paragraf etiketi içerisinde yer almaktadır. Paragraf etiketimiz block seviye etikettir ve…
HTML Bilgileri -6- HTML Etiketleri
Merhaba, Bu bölüme kadar aslında bir çok HTML etiketi gördük ve kullandık. Bu bölümde ise etiketlerin yapısı ile ilgili daha fazla bilgi edineceğiz. Block ve Inline HTML etiketlerini block ve inline olarak 2 ye ayırmak mümkün. Şimdiye kadar <body> içerisinde kullandığımız <section> , <article> , <p> gibi etiketler block kullanıma örnekti. Block etiketler içeriğinizi bloklar…
HTML Bilgileri -5- body Bölümüne Giriş
Merhaba, Şimdiye kadar ki yazılarda temiz bir HTML sayfası oluşturduk ve body bölümünü doldurarak artık sayfamızın içeriğini doldurmaya başlayacağız. Body bölümü web sayfamızın görünen yüzüdür. Web sayfamızı oluşturan ve web sayfamızı ziyaret edenlerin görüntüleyeceği tüm içerik öğeleri bu bölümde yer alır. Daha önceki HTML sürümlerinde olmayan, <header> , <nav> , <section> , <article> , <aside>…
HTML Bilgileri -4- head Bölümüne Giriş
Merhaba, Daha önceki yazılarda HTML’in ne olduğunu, HTML sayfasını nasıl oluşturacağımızı ve HTML sayfasının temel bölümlerini inceledik. Şimdi ilk temel bölüm olan <head> </head> bölümünü inceleyeceğiz. Head bölümümüz, sayfamızda görünmeyen ancak sayfamız hakkında bir çok bilgi ve özelliği içeren bir bölümdür. Buraya eklediğimiz hiç bir şeyi web sayfanızda göremezsiniz ancak etkilerini görebilmeniz mümkün olur. Bu…
HTML Bilgileri -3- HTML Sayfa Yapısı
Merhaba, Bir önceki yazıları takip ettiyseniz artık HTML nedir iyi biliyorsunuz. HTML’i dökümanını nasıl oluşturacağımızı, nasıl HTML olarak kaydedeceğimizi biliyoruz. O halde artık HTML sayfasını tanımaya başlayalım ve HTML sayfa yapısı konusunu inceleyelim. Daha önce yaptığımız örnekte bir paragraf – metin yazmak için <p> ve </p> etiketlerini kullanmamız gerektiğini öğrenmiştik. Bu en çok kullanacağımız etiketlerin…
HTML Bilgileri -2- HTML nasıl kullanılır?
Merhaba, Bir önceki HTML Nedir? içeriğinde size HTML tam olarak nedir anlatmaya çalıştım ve eğer uyguladıysanız, kendi adınızın yazdığı ilk web sayfanızı oluşturdunuz bile. Bu yazıda da HTML nasıl kullanılır sorusuna cevap vereceğiz. Eğer yazıları takip etmeye devam edecekseniz bilgisayarınızda bir klasör oluşturup hazırlayacağınız diğer sayfaları da bu klasörde düzenli bir şekilde tutmanızı tavsiye ederim….
HTML Bilgileri -1- HTML Nedir?
Merhabalar, HTML nedir ? başlığı ile birlikte anlayacağınız üzere web site kodlama konusunda bir yola çıkacağız. Bu oldukça uzun sürecek, belki de hiç sonu gelmeyecek yolda sizlere bilgilerimi, tecrübelerimi ve araştırmalarımı paylaşıyor olacağım. Mümkün olduğu kadar da projeler ile ilerlemeye gayret edeceğim. Kodlama yapmaya başlamadan önce, henüz okumadıysanız Bilgisayar Sayı ve Kod Sistemleri ve Web…
Sorumluluk Bilincine Sahip Olmak
Sorumluluk nedir? Kendimize veya başkalarına karşı yerine getirmemiz gereken yükümlülüğümüzdür. Sorumluluk, karşılıklı veya karşılıksız olmak üzere bir beklentinin karşılanmasıdır. Bir borçlanmadır diyebiliriz sorumluluk için. Çünkü sorumluluk aldıysak, artık onu yerine getirmekle ilgili kendimize veya bir başkasına söz verdiğimiz anlamına gelir. Bu sebeple sorumluluk bilinci sahibi olmak önemlidir. İnsanları gözlemlediğimde en çok kaçtıkları ve benim de…
Web Sitesi: Nedir? Nasıldır?
“Web Sitesi nedir?” dediğimizde, aklınızda ne oluşuyor? Web Sitesi bir çok bilgiyi barındıran bir kartvizit midir? Web Sitesi bir reklam aracı mıdır? Veya, her şirketin var bizim de olmalı… mıdır? İşin aslı Web Sitesi bunların hepsidir ve daha fazlasıdır. Daha doğrusu bunların hepsi olmalıdır ve daha fazlası da olmalıdır. Şüphesiz bir Web siteniz olmalı ama…
Sabah Sporu : Yataktan Kalkar Kalkmaz
Sağlıklı yaşam başlığında sabah rutini olarak Su İçmek konusundan bahsetmiştim. Şimdi yine merak edip araştırdığım ve uygulamaya çalıştığım bir başka sabah rutininden bahsetmek istiyorum: Sabah Sporu Sabah sporunun hem fizyolojik hem de psikolojik olarak çok fazla faydası vardır. Güneşin doğması ile birlikte vücudumuz da uyanıyor. Ve günün ilk saatleri ile birlikte metabolizmamız en yüksek seviyede…
Bilgisayar Sayı ve Kod Sistemleri
Bilgisayarınızda bir çok işlem gerçekleştiriyorsunuz ve bu işlemleri gerçekleştirirken alıştığınız dili kullanıyorsunuz. Bu sizin bilgisayar deneyiminizi kolaylaştırıyor. Aslında bilgisayarınız sizin kullandığınız dilden tabi ki anlamıyor. Ancak kullandığınız dili kendi anlayacağı dile çeviriyor ve bu sayede bilgisayar ile iletişiminiz mümkün oluyor. Bu yazıda size bilgisayar sayı ve kod sistemleri hakkında bilgi vermeye çalışacağım. Bilgisayar Sayı ve…
Su Içmek : Uyanır Uyanmaz!
Su içmek üzerine bir çok şey duymuşsunuzdur. Kimisi günde en az 4 litre diyor, kimisi sadece susadığınızda için diyor, kimisi içebildiğiniz kadar çok diyor, kimisi de fazlası zarar diyor. Ben de biraz araştırmak istedim işin aslını öğrenebilmek için ve ulaşabildiklerimi sizlerle paylaşıyorum. Vücudumuz çok iyi bildiğiniz üzere ağırlıklı olarak sudan oluşmaktadır. Kanımızın %83’ü su olmak…
Web: Dünyayı Saran Ağ
Internet Web kavramının ne olduğunu biliyor musunuz? Veya internetin? Size ikisini bana tanımlayın desem aynı şey olduğunu mu söylersiniz. Eğer öyle ise başlar başlamaz yanıldığınızı söyleyebilirim. Çünkü ikisi farklı şeyler olmakla birlikte internet çok daha büyük, daha eski ve çok daha kapsamlıdır. Dünyayı bir hayal edin. Birbirine bağlı bir çok yollardan oluşuyor. Küçük caddeler mahalle…
Karar Verdin Mi?
Karar vermek hiç öyle görünmese de, söylemesi basit ancak uygulaması zor bir eylem. Aynı zamanda çok da yanlış anlaşılır. Bir girişimde bulunacaksanız, kararsızlık kapılarını kapatın.Nietzsche Hayatımda üzerine bu kadar fazla düşündüğüm başka bir eylem yok diyebilirim. Hatta, hayatta bundan daha önemli bir eylem yok diyebilirim. Hiçbir şey, karar verebilmekten daha zor, bu nedenle daha değerli…