BİLİŞİM TEMELLERİ

  1. Ag temelleri dersi
  2. Bilişim PDF
  3. Temel Elektronık
  4. Görsel Programlama
    1. Görsel

    Ag Temelleri Dersi


    Bir şablonun oluşturulmasında uygulanacak ikinci adım, oluşturulan şablonu temel alan belgelerde düzenlenebilir durumda olması gereken (değiştirilebilir) alanları tanımlamaktır.Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz. Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz.HTML ile web sayfası tasarımcılığında CSS kavramı önemli yer tutar. İyi bir tasarımcı olmanın koşullarından birisi de CSS konusunu bütün yönleriyle iyice öğrenmektir. Bir style sheet ifadesi, selektör ve bildirim olmak üzere 2 ana kısımdan oluşur. Selektör (selector) bir style sheet bildiriminin ilk öğesine verilen isimdir. Selektör CSS’lerde hangi etiket ile ilgili işlem yapacağımızı seçmeye yarar CSS kodları HTML kodlarının içine yazılır. Türüne göre body veya head bölümlerinde yer alabilir. Bunların dışında harici CSS dosyaları oluşturulup bunlar gerektiğinde HTML belgesi içerisinde çağırılabilir.CSS kodu oluşturmanın en basit yolu HTML kodlamasında olduğu gibi herhangi bir metin editöründe (Note Defteri vs.) elle kodlama yapmaktır. Çünkü harici CSS dosyaları (örneğin “style.css”) da dahil olmak üzere CSS kodları da HTML dokümanları gibi ASCII (plain-text) formatındadır. Bu nedenle CSS kodlaması basit text editörleri yardımıyla yapılabilir. Başlangıçta, şablonu temel alan sayfalarda tüm alanlar kilitli durumdadır. Şablonu kullanan sayfalardaki bilgileri değiştirmek için, düzenlenebilir alanlar oluşturmamız gerekmektedir. Birçok sitede düzenlenebilir alanların “içerik alanları” olduğu görülmektedir.

    Düzenlenebilir alanlar oluşturmak için istenen bölge seçildikten sonra Common menü grubu içinde yer alan Templates düğmesi seçeneklerinden Editable Region tıklanmalıdır.İsteğe bağlı içerik alanı oluşturma, şablonu temel alan sayfalarda içeriğin gizliliğinin / görünürlüğünün belirlemesine yardımcı olmaktadır. Şablonların yapısına esneklik kazandıran bu özellik ile sayfa tasarımında kullanılacak öğelerin eklenmesi/çıkarılması kolaylaşmaktadır. İsteğe bağlı olarak kullanılacak içerik alanını oluşturmak için ilgili alan seçildikten sonra Common menü grubu içinde yer alan Templates düğmesi altındaki Optional Region seçeneği tıklanmalıdır.

    Bilişim Pdf


    Tekrarlanan alan, sayfada bir ya da daha fazla kez kopyalanması gereken bir alandır. Tekrarlanan alanlar, şablonumuzu temel alan sayfalara birden fazla giriş yapmamız gerektiğinde çok faydalı olabilirler. Örneğin ürün fiyatları için bir şablon oluşturulduysa ve bu şablonu temel alan her sayfada farklı bir fiyat listesi olacaksa, bunun her sayfada değişmesi gerekir. Tekrarlanan alan oluşturmak için ilgili alan seçildikten sonra Common menü grubu içinde yer alan Templates düğmesi altındaki Repeating Region seçeneği tıklanmalıdır..Sayfa tasarımının yapısını oluşturan şablon içindeki isteğe bağlı içerik alanlarının sayfa içinde durumunu (görünürlük/gizlilik) kontrol etmek için Modify menüsü içindeki Template Properties seçeneğini işaretlemeliyiz. Bu durumda Template Properties penceresi karşımıza gelecektir.

    Bir metin üzerinde belirli bölgelere ulaşmak için yine etiketler kullanılabilir. ..., ... komutlarını kullanarak sayfa içi (dahili) bağlantıları hazırlayabiliriz. Örneğin sayfanın üst kısmında sayfa indeksini gösteren bir menü olsun. Kullanıcı bu menüde istediği başlığa tıkladığında ilgili konuya gitsin. Böyle bir sayfa hazırlamak için yapacağımız şeyler.Bir WEB sitesinde altı çizili olarak bir takım kelimeler görmüşüzdür. Bu altı çizili kelimelerin üstüne gelince fare şekil değiştirip bir el şekline dönüşmektedir. Bunun anlamı kelimeye tıkladığınızda kelimeyle ilgili bir başka WEB sayfasına gideceğidir. HTML'nin bu görevini yerine getirmesini sağlayan etiket ’dir. Dokümanınızdan başka dokümana bağlantı yapabilmek için Microsoft'un sunucu teknolojisi ASP için birçok ikinci parti bileşen bulunuyor. ASP sayfaları ile uyum içerisinde çalışarak sonuç sayfalarının oluşturulması, WEB sayfası sahiplerine işlenmiş bilgi aktarılması gibi işlere yarayan bileşenlerden en popüler olanları ASPMail ve RoboHTTP. Server Objects firmasının bu iki ürünü, sayfadaki formların içeriğinin kullanıcıya e-mail olarak kullanılması, misafir defteri oluşturulması ve birçok değişik bilginin bir sayfada toplanması gibi işlemleri kolayca hallediyor.

    Temel Elektronık


    Sunucu taraflı bir teknoloji olan ASP, (Active Server Pages/Aktif Sunucu Sayfaları) kullanıcı tarafına etkileşimli, dinamik Web sayfaları göndermek için kullanılır. ASP, WEB programcılarına HTML, scripting ve kullanıcıdan bağımsız veritabanı uygulamalarını özgürce kullanma fırsatı verir. çalışır? ASP arabiriminin işleyişi oldukça basit, sisteminize ASP eklentisini yüklediğinizde Internet Information Server'ınızın zaten sahip olduğu scripting özellikleri işlemeye başlıyor. İstemci tarafı sunucudan normal bir HTML sayfasını istediğinde, IIS bu dosyayı sabit diskten çağırarak istemci tarafındaki WEB tarayıcıya yollar. İstemci tarafından yapılan istek bir ASP sayfasıysa IIS bunu sayfanın uzantısından anlayarak ASP eklentisini devreye sokar. ASP eklentisi sayfa içindeki scriptleri yine IIS'a çalıştırdıktan sonra oluşan HTML sayfasını istemci tarafındaki WEB tarayıcısına yollar. Microsoft'un sunucu teknolojisi ASP için birçok ikinci parti bileşen bulunuyor. ASP sayfaları ile uyum içerisinde çalışarak sonuç sayfalarının oluşturulması, WEB sayfası sahiplerine işlenmiş bilgi aktarılması gibi işlere yarayan bileşenlerden en popüler olanları ASPMail ve RoboHTTP. Server Objects firmasının bu iki ürünü, sayfadaki formların içeriğinin kullanıcıya e-mail olarak kullanılması, misafir defteri oluşturulması ve birçok değişik bilginin bir sayfada toplanması gibi işlemleri kolayca hallediyor.

    Görsel Programlama


    Stil şablonları (CSS-Cascading Style Sheets) sayfalarınız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki esnekliğidir. Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz. Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz. CSS kodları HTML kodlarının içine yazılır. Türüne göre body veya head bölümlerinde yer alabilir. Bunların dışında harici CSS dosyaları oluşturulup bunlar gerektiğinde HTML belgesi içerisinde çağırılabilir.CSS kodu oluşturmanın en basit yolu HTML kodlamasında olduğu gibi herhangi bir metin editöründe (Note Defteri vs.) elle kodlama yapmaktır. Çünkü harici CSS dosyaları (örneğin “style.css”) da dahil olmak üzere CSS kodları da HTML dokümanları gibi ASCII (plain-text) formatındadır. Bu nedenle CSS kodlaması basit text editörleri yardımıyla yapılabilir. HTML ile web sayfası tasarımcılığında CSS kavramı önemli yer tutar. İyi bir tasarımcı olmanın koşullarından birisi de CSS konusunu bütün yönleriyle iyice öğrenmektir. Bir style sheet ifadesi, selektör ve bildirim olmak üzere 2 ana kısımdan oluşur. Selektör (selector) bir style sheet bildiriminin ilk öğesine verilen isimdir. Selektör CSS’lerde hangi etiket ile ilgili işlem yapacağımızı seçmeye yarar.

    Harici stil şablonları: Global stil şablonunu, sitemiz içerisindeki tüm sayfalarda aynı stil özelliklerini kullanmak istediğimizde kullanırız.Resimler HTML belgelerine estetik açıdan çok şeyler katabilir; fakat büyük boyutları nedeniyle yavaş yüklenir. Bu da ziyaretçinin sıkılmasına neden olabilir. Bu nedenle resimleri az kullanmanız doğru olacaktır. Internet üzerinde en çok kullanılan resim dosyası biçemleri GIF, JPG ve PNG’dir. Bu biçemlerin seçilmesindeki amaç sayfanın yüklenmesini kolaylaştırmaktır. Windows ortamında en çok kullanılan resim formatı olan BMP'lerin web üzerinde kullanılmamasının en büyük sebebi, iyi resim kalitelerine karşın boyutlarının çok büyük olmasıdır. GIF biçemi 256 renk kullanarak ve JPG biçemi de resmin kalitesinden biraz kısarak boyut sorununu halleder. Resimler etiketi aracılığıyla kullanılır. etiketi ile beraber kullanılan bazı parametreler vardır. Uygularken, stillerimizi yukarıda örneklerini verdiğimiz şekilde hazırlarız. Fakat bu stil listesini html dosyamızın içerisinde değil de boş bir sayfaya yazarız ve css uzantılı bir şekilde kaydederiz. Ardından da html dosyamızın içerisine yine … etiketleri arasına Bazı stil özelliklerinin sonunda gördüğünüz “!important” ifadesi ile ziyaretçi kendi bilgisayarındaki tarayıcı özelliklerini değiştirmiş olsa dahi bu değerleri kullanmamasını, bizim belirttiğimiz değerleri kullanmasını söylemiş oluyoruz. Font özelliklerinde çoğu zaman birden çok font ismi kullandık. Bunun nedeni eğer ziyaretçinin makinesinde ilk font yoksa ikincisi o da yoksa üçüncü font kullanılır. Şayet o font da yoksa tarayıcının kendi standart fontu kullanılır. Böylelikle bizde değişik ziyaretçi makinelerinde sayfamızın nasıl görünebileceğini öncelikle kontrol altına almış oluruz..