Etiket arşivi: HTML
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ı