Perşembe , 23 Kasım 2017

CSS Overflow Kullanımı

Bir öğenin içeriği, onu kapsayan gösteriminde bulunacak öğenin boyutu için fazla ise, bu durumda içerikte bir taşma meydana gelecektir. Bu gibi durumlarda içeriğinizi sayfanızda kontrol edebilmeniz için CSS size iki farklı yöntem sunmaktadır. overflow CSS overflow özelliği bir öğenin içeriği belirtilen alandaki sığmayacak kadar büyük olduğu zaman kaydırma çubukları eklemenizi sağlar. overflow özelliği yalnızca belirli bir yüksekliğe sahip blok elemanları için çalışır  ve alabileceği …

Devamını oku »

CSS Konumlandırma – position Kullanımı

CSS ile ilgili en iyi şeylerden biri, içeriği ve öğeleri bir sayfada neredeyse akla gelebilecek herhangi bir şekilde konumlandırıp  tasarım yapmamıza ve içeriği daha etkin ve güzel sunma yeteneği sağlamasıdır. CSS içinde birkaç farklı konumlandırma türü vardır ve her biri kendi özel uygulamasına sahiptir. Bu bölümde, birkaç farklı kullanım durumuna göz atacağız. position Özelliği position Özelliği, bir element için kullanılan yerleştirme …

Devamını oku »

CSS Display Kullanımı

Web sitelerini oluşturmaya başlamak için, belge içinde yer alan farklı içerik öğelerini, sayfa akışını oluşturabilmek içinse hangi HTML öğelerinin ne şekilde görüntülendiği hakkında biraz bilgi sahibi olmamız gerekir. Web tarayıcıları her HTML öğesini bir kutu gibi ele almaktadır. Ancak bu tarayıcılar öğelerin anlam doğası gereği, tüm kutuları aynı şekilde sayfanıza yerleştirmezler. Her HTML öğesinin, kendi türüne bağlı olarak varsayılan bir görüntüleme değeri …

Devamını oku »

Python Örnekleri

Merhaba Dünya örneği İki sayının toplamı örneği Kullanıcı tarafından girilen iki sayının toplamı İki sayının ortalamasını yazdırma Kullanıcı tarafından girilen iki sayının ortalamasını hesaplama İki sayının yer değiştirmesi Virgülle( ,) girilen tüm sayıları toplayıp ortalamasını yazdıran program 3’e yada 5’e tam bölünen numaraları listeler Belirtilen başlangıç, bitiş ve adım değerine göre, aralıktaki sayıların toplamı hesaplayan program 0’dan 100’e kadar olan …

Devamını oku »

CSS Tablo Düzenleme

Verileri bir düzen içinde tutmak ve bu verileri kullanıcıların kolay bir biçimde okuyabileceği basit bir yol sağlamak için HTML tabloları kullanılır. Ancak CSS’in tarayıcılarda yaygın şekilde desteklenmediği dönemlerde, tablolar verileri bir düzen içinde satır ve sütun gibi 2 boyutlu bir yapıda göstermek yerine, web sitelerinin oluşturulduğu ana iskele gibi bir görevi üstlendi. Bir sayfanın genel düzenini oluşturmak için olduğu kadar aynı …

Devamını oku »

CSS Liste Düzenleme

Listeler günlük yaşamın bir parçasıdır. Yapılacak iş listeleri, ne yapılacağını belirler. Gezinme rotaları, adım adım yol tarifi listeler aracılığı ile sağlanabilir. Tarifler, içerik listeleri, menüler gibi ve daha bir çok kullanım alanları vardır. Tabi ki bu popülaritesini HTML’in <li> etiketleri ile web dünyasında da bulmak mümkündür. Bir web sitesinde bir liste kullanmak istediğimizde HTML, seçim için üç farklı tür sunar; Sırasız (Unordered List-ul) …

Devamını oku »

Python ile MySql Veritabanı Bağlantısı -Windows

Bu yazıda sizlere pyton 3 ile mysql veritabanı bağlantısı yapıp verileri nasıl okuyacağınızı göstereceğim. Öncelikle Python veritabanı bağlantısı için bilgisayarımıza PyMySQL modülünün yüklü olması gerekiyor. Aşağıdaki adımları izleyerek PyMySQL modülünü kurabilirsiniz. PyMySQL Modülünü Kurma Adım 1: Komut ekranını çalıştır. ( WIN+X  >  Çalıştır   >   cmd  ) Adım 2:Pip dosyasının yolunu kopyalayın. Adım 3: Komut ekranına aşağıdaki gibi komutları sırasıyla giriniz. [crayon-5a167b37a2821055414763/] [crayon-5a167b37a282a572610734/]   Python ile MySql …

Devamını oku »

CSS Google Font Kullanma

Google, web’in daha güzel, hızlı ve açık olmasını sağlamak amacıyla web tasarımcıları için büyük bir tipografi dünyasını hizmete sunmuştur. Google Font API servisinin hedefi, web dünyasında yazı tiplerinin sezgisel ve sağlam bir dizinini sunarak bu işlemi basitleştirmektir. Kapsamlı kataloğa sahip olan Google Font kullanarak, nerede olursanız olun, tipografiyi herhangi bir tasarım projesine sorunsuz bir şekilde paylaşıp entegre edebilirsiniz. Şimdi Google Font teknolojisinin …

Devamını oku »

CSS Font Kullanımı

CSS, sayfadaki metnin görünümünü ve biçimini düzenlemek için birçok farklı özellik sunar. Bu özelliklerden biri de yazı tipleridir. Renkten sonra, yazı tipi muhtemelen bir sayfanın en temel özelliğidir. Yazı tipi, belirli bir stilde ve boyutta yazdırılabilir veya görüntülenebilir metin karakteri setidir. Yazı kümesi türü tasarımı yazı tipi ve bu tasarımın varyasyonları yazı tipi ailesi oluşturmaktadır. CSS font özelliklerinin kullanımında çoğunun başında font-ifadesi bulunur. …

Devamını oku »

CSS Link Düzenleme

Link <a> öğesi olarak HTML’de kullandığımız bir bağlantı elemanıdır. Başka bir web sayfasına veya başka bir yere köprü oluşturmak için kullanılır. Temel etiketlerden olan <a> öğesini CSS kullanarak çok farklı biçimlerde gösterebiliriz. CSS ile bir link düzenlemek isteseniz yapmanız gereken CSS seçicisi ile <a> öğesini seçmektir. [crayon-5a167b37a39a2512600837/] Linkler dört farklı duruma sahiptir. Bunlar; a:link  – normal, ziyaret edilmemiş bir bağlantı …

Devamını oku »

CSS Metin İşlemleri

Eski zamanlardan beri varlığını koruyan hat sanatını bilirsiniz belki. Hat yazı ve çizgi anlamına gelmektedir. Kökleri oldukça eski zamanlara dayanır. Estetik ve görsel kuralların göz önünde bulundurulup, yazı ve çizgilerin kullanılarak yapıldığı yazı yazma sanatıdır. Yazıyı daha gösterişli kılmak, görsel açıdan zevke uygun kılmak maksatlı yapılır. Matbaa’nın gelişimiyle eski değerini kaybetmiş olsa da günümüz dünyasına şekil değiştirerek kendini devam ettirmiş, varlığı …

Devamını oku »

CSS Kutu Modeli – Box Model

Tüm HTML öğeleri kutu olarak kabul edilebilir. CSS’de, “kutu modeli” terimi tasarım ve düzen hakkında konuşurken kullanılır. Her öğe dikdörtgen bir kutudur ve kutunun boyutunu belirleyen birkaç özellik vardır. Aşağıdaki şekil bu kutuyu oluşturan yapıları göstermektedir. Kutu modelinin her bölümü birer CSS özelliğine karşılık gelir. width : Kısaca kutunun genişliğidir. Detaylı bilgi için CSS Yükseklik ve Genişlik height : Kısaca kutunun …

Devamını oku »

CSS Yükseklik ve Genişlik

CSS ile bir HTML öğesinin genişliğini ayarlamak için width, yüksekliğini ayarlamak için heigth özellikleri kullanılır. Bu özelliğe bir değeri vermek istediğinizde bunu auto (otomatik) , piksel cinsinden (px), yüzdelik olarak (%) veya metrik (cm) olarak belirtebilirsiniz. width ve heigth özellikleri kenar çizgilerini (border) ve marjları (margin) içermez; dolgu (padding), içerik (content) boşluğunun içindeki alanın yüksekliğini / genişliğini ayarlarlar! Örnek; Aşağıda bir <div> öğesinin …

Devamını oku »

CSS Padding Kullanımı

CSS padding özellikleri, herhangi bir HTML öğesinin kenarları ile içeriği arasında kalan boşluğu oluşturmak için kullanılır. Bir öğenin her bir yanına ait(üst, sağ, alt ve sol) dolgusunu (padding) ayarlama özellikleri vardır. Örnek; Aşağıdaki örneğimizde <div> öğesinin dolgusu her yönden 70 piksel olarak belirlenmiş olup, 1 piksel yeşil kenar çizgisi ile sınırları gösterilmiştir. [crayon-5a167b37a6280692927617/]   CSS padding kullanımında, bir öğenin her bir kenar tarafına …

Devamını oku »

CSS Margin Kullanımı

CSS margin özellikleri ile HTML öğesine ait kenarların (border) dışından başlayarak elemanın çevresinde boşluk oluşturmak için kullanılır. Bu sayede margin kullanımı ile HTML öğelerinizin birbirleri ile aralarında oluşacak olan dış boşlukları ve aralarındaki mesafeleri tayin edebilirsiniz. Örnek; Aşağıdaki örneğimizde bir <div> öğesinin dış boşluğu 90 piksel olarak tayin edilmiştir. [crayon-5a167b37a7097177689817/] CSS, aynı zamanda bir öğenin her bir kenarına ait özel margin değeri …

Devamını oku »

CSS Kenarlıklar

Her HTML elementin sahip olduğu bir kenarlığı (Border) mevcuttur. Siz onu biçimlendirmediğiniz sürece görülmez. CSS Border özelliği, bir HTML öğesinin kenarlık stilini, genişliğini ve rengini belirtmenizi sağlar. border-style Özelliği border-style özelliği kenar çizgisinin dolgu stilini belirlemenizi sağlar. Aşağıda bu özellikler kısaca gösterilmiştir. dotted – Noktalı çizgiye sahip kenarlığı tanımlar dashed – Kesik çizgili kenarlığı tanımlar solid – Düz bir sınır tanımlar double – Çift çizgili kenarlığı tanımlar …

Devamını oku »

Grafik ve Animasyon 1.Dönem 1. Yazılı Uygulama Sınavı

……………………….. MESLEKİ VE TEKNİK ANADOLU LİSESİ 2017- 2018 EĞİTİM ÖĞRETİM YILI GRAFİK VE ANİMASYON DERSİ DÖNEM 1. UYGULAMA SINAVI SORULARI Aşağıdaki puanlama kriterlerine uygun olarak grafik nesnesini oluşturunuz. (Not: Puanlamada verilen resim esas alınacaktır.) İşin Tanımı Puan Alınan Puan Grafik Belgesini 1000×1500 px olarak oluşturma 3 Gökyüzünün koyu maviden açık maviye geçişli olarak oluşturulması (#016ED9 – #4FA6FE) 3 Denizin dalgalı …

Devamını oku »

CSS Arka Plan

CSS Arka Plan Kullanımı HTML öğelerinin arka plan efektlerini tanımlamak için CSS Arka plan özeliklerinden faydalanabilirsiniz. Şimdi bu özelliklerin neler olduğuna ve nasıl kullanıldıklarına bakalım; 1-background-color background-color özelliği bir HTML öğesinin arka plan rengini belirlemenizi sağlar. [crayon-5a167b37a8738875734251/] Yukarıdaki örnekte sayfanızın tüm arka plan rengini aqua yapmanızı sağlar. CSS ile bir renk seçimini, genellikle aşağıdakiler şekillerden biri ile belirlenir. geçerli bir renk adı – …

Devamını oku »