Web tasarım yaparken birçok kullanıcı sitenin renk uyumunu ve arka plan resmini siteyle uyumlu halde tasarlar. Mesela bir film sitesinde arka planda klişe filmlerin kapakları kullanılırken bir oyun sitesinde efsane oyunların görselleri yer alır. Özellikle akılda kalan karakterler kullanılır. Ancak çok yönlü bir web sitesi tasarlayacaksanız her kategori için farklı…
DevamıFare ile resmin üzerine geldiğiniz zaman resme otomatik olarak yakınlaştırma uygulayabilirsiniz. Daha önceki yazımızda Mouse ile resmin üzerine geldiğiniz zaman büyüyen resimler yapmıştık, bu sayede ziyaretçilere resimleri daha yakından inceleme imkanı veriyorduk, şimdi ise resmin boyutunu değiştirmeden yakınlaştırma yapacağız. Daha önceki yazımızı incelemek için şurayı ziyaret edebilirsiniz; Üzerine Gelince Büyüyen…
DevamıWeb siteniz için üzerine gelince büyüyen resimler yapabilirsiniz. Mouse simgesini resmin üzerine getirdiğiniz zaman istediğiniz belli bir oranda büyütebilirsiniz. Özellikle resim sitesi veya fotoğraflarla ürün tanıtmayı planlıyorsanız büyütme yaparak dikkat çektirebilirsiniz. Bunun için önce büyümesini istediğiniz resimlerin HTML kodlarını ekleyeceğiz, daha sonrada gerekli olan CSS kodlarını ekleyeceğiz. Bu yapı genellikle…
DevamıWordPress tabanlı web sitenizde Excel tabloları oluşturabilir hatta bilgisayarınızdaki veya telefonunuzdaki Excel çalışmalarını web sitenize aktarabilirsiniz. WordPress kendi bünyesinde tablolara dair hiçbir çalışması yok, HTML kodlarla tablolar eklenebiliyor ancak günümüz tasarımlarını düşündüğünüzde bu çok yetersiz kalıyor. Aynı zamanda Microsoft Excel desteği de yok bunun için eklenti kullanmanız gerekiyor. Size bu…
DevamıWordPress tabanlı bir web siteye sahipseniz Autoptimize eklentisi ile CSS, HTML ve Java Script (JS) dosyalarınızı küçültebilir ve önbellekleyebilirsiniz. Böylece siteniz çok daha hızlı açılış yapacak buda sitenizdeki performanstan dolayı size olumlu yansıyacaktır. Arama sıralamanıza katkısı olduğu gibi gecikmeden dolayı yaşanan olası hit kaybını da önlemiş olacaksınız. Autoptimize, sitenizi optimize…
DevamıDaha önceden hazırladığımız sayfalarda biçimlendirme bilgilerini HTML dosyamızın içine yazıyorduk. Bu adımda ise tüm biçimlendirme bilgilerini buradan alarak oluşturacağımız CSS dosyasının içine koyacağız. CSS dosyalarını kullanarak web site tasarımınıza istediğiniz görüntüyü verebilirsiniz. Şimdi bir CSS dosyası nasıl oluşturulur ona bir bakalım…
DevamıHTML Web sayfalarına div’ler ekleyip onları şekillendireceğiz. HTML sayfaların en büyük sorunu sayfaların çok sade olmasıydı. Bu sadelik resimler ve tablolarla zenginleştiriliyordu ancak bir çok tasarımcıya yeterli gelmiyordu. div desteği sayesinde HTML sayfayı istediğiniz gibi şekillendirebiliyorsunuz. Şimdi bunu nasıl yapabileceğinize bir bakalım:
DevamıHTML kodlarını kullanarak isterseniz tablo hazırlayabiliyorsunuz. Bunun için yapmanız gerekenler oldukça basit. Şimdi sizlere kolay bir şekilde HTML kullanarak nasıl tablo oluşturabileceğinizi anlatacağız.
DevamıHTML’ye ilk adım nasıl atılır? Nereden başlanır? HTML öğrenmeye başlayarak web’deki kariyerinizin ilk adımlarını atabilir, kendinizi web tasarımında ya da programlama alanında geliştirmek için yola koyulabilirsiniz. İnternette HTML öğrenmek için birçok kaynak mevcut. Fakat sağlıklı şekilde ilerlemek isteyenler için yegane önerimiz www.w3.org adresinden ulaşılabilen ücretsiz online dersler. Web’in standartlarını belirleyen…
DevamıAraneae, web siteleri için metinlerinizi koda çevirerek siteye yerleştirmenize yarayan ücretsiz bir programdır. HTML, XHTML, CSS, JavaScript, PHP, Ruby kodlarını desteklemektedir. Araneae, web sayfalarını kod kullanarak hazırlamaktan hoşlananlara yönelik bir uygulamadır. Aynı anda birden fazla metin dosyasını açabilen, açık olan pencerelere sekmeler sayesinde kolay erişim sağlayan uygulama, kod renklendirme, resimler…
Devamı