Web alanında gelişmeler

Visual Studio,Dreamweawer,Access derslerini,örneklerini bulabilirsiniz...

Web alanında gelişmeler

Teknoloji haberleri...

13 Ocak 2015 Salı

Photoshop

Photoshop Nedir ?

Photoshop grafiklerinizi ve fotoğraflarınızı " şekillendirebileceğiniz " bir resim editörüdür.
Dijital ortamdaki herhangi bir sabit görüntüyle ilgili renk ayarlarını yapabileceğiniz dünyanın en popüler programıdır.
Elinizdeki fotografik metayla ilgili satürasyon, kontrast, ışık gibi görüntüdeki renklerin tüm özellikleri ile ilgilenebilmenizi sağlamaktadır.
Bu üstün özellikleri sayesinde bu alanda bir standart olmuştur. Basım yayın organları başta olmak üzere renk ve resimlerle uğraşan her alandaki kuruluş için Photoshop alanında tek ve değişilmez programlardan birisidir.

Niçin Photoshop Kullanmalıyız ?

İnternet Dünyasında milyonlarca tanıtım, siteler, duyurular vs. birçok temeli tasarıma dayanan planlar veya projeler hazırlanmaktadır.
Bunların amacı insanların dikkatini çekmektir. Dikkat çekmek ise güzel bir tasarım ve insanları gözlerini kamaştıracak türden şekiller olmalıdır. Bunlar içinde günümüzde grafik tasarımlı programlar kullanılmaktadır.
Photoshop tam bunlar için hazırlanmıştır. Örneğin; bir banner veya logo tasarımı yapıyoruz.Normal paint'le yaptığımız logo ile photoshopta hazırladığımız logo kesinlikle bir olamaz. Photoshop çok güzel sonuçlar verir. İşte bunun için kaliteli, şık, güzel, tasarımlar oluşturmak ve yayımlamak istiyorsak Photoshop vazgeçilemiyecek bir kaynaktır.
Fotoğrafçılık unsurları arasında en önemli programların başında gelir nasıl ki fotoğraf çektirdikten sonra Ben rütüşlu istiyorum diyorsunuz işte o rütüş nasıl mı oluyor işte bunun cevabı photoshop.







İlginç Photoshop  
çalışmaları








Responsive Tasarım

Responsive Tasarım Nedir

Bilgisayar, tablet, akıllı telefonlar gibi cihazlarla web sitemize girildiğinde tümüne uyumlu halde kodlanan, ekran ölçülerine göre ayarlanmasına Responsive denir.

Tasarımımızı Responsive Uyumlu Yapmak

Bu anlatımımızı temel css ve html bilgisine sahip olduğunuzu varsayarak yapıyoruz. Teknik terimler ile anlatım yapacağız.
  • Öncelikle Head tagları arasına şu kodu yerleştirin
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
  • Daha sonra sitede kullandığınız herhangi bir css dosyasına kodlarımızı eklemeye başlıyoruz
@media only screenand(min-width: 480px)and(max-width: 767px) { }
  • Bu eklediğimiz css kodu 480px-767px den küçük ekranlar için geçerli olacak. Bunu dilediğimiz class’lara atıyarak sadece belirttiğimiz kodlarada uyarlıyabiliriz yani;
<div class=”mumya”></div> gibi bir sınıfımızın olduğunu varsayarak şöyle bir kod eklediğimizde
@media only screenand(min-width: 480px)and(max-width: 767px) {
.mumya{background:#333;color:#fff;width:100%;}
}
  • Şu an mumya class’ımız 480×767 çözünürlükten düşük bir cihazda açıldığında eklediğimiz kod sayesinde bozulma olmayacaktır. Peki istediğimiz çözünürlüğe göre o class’ın görünmemesini nasıl sağlarız. Şöyle bir kod yazarsak;
@media only screenand(min-width: 480px)and(max-width: 767px) {
.mumya{display:none;}
}


Dreamweawer Nedir?


Dreamweaver Nedir ?

Dreamweaver; İlk olarak Macromedia şirketinin ürettiği, daha sonra Adobe şirketinin Macromedia'yı satın almasından dolayı adı Adobe Dreamweaver olarak değişen bir web sayfası geliştirme, kodlama yazılımıdır.

Dreamweaver Ne İşe Yarar ?

Dreamweaver yukarıda da bahsettiğimiz gibi, bir web sayfası tasarlanması ve kodlanmasına yarayan bir programdır.
Dreamweaver ile ;
  • Web Sayfaları
  • Web Uygulamaları
  • Çeşitli Hakkında (Program Hakkında) dosyaları v.b. birçok uygulama düzenleyebilirsiniz.
Dremweaver; şu anda çoğu web tasarımcının kullandığı bir programdır... Bunların yanı sıra çeşitli programlarda var.. Fakat en popüler program Dreamweaver'dır.
Dreamweaver ile yaratılabilecek dosya türleri ; PHP , ASP VBScript , CSS , CouldFusion , HTML , JavaScript , XML


Web Site Programları

Web sitesi yapmak için bilmemiz gereken programlar 

  • Photoshop
  • Html , css 
  • Dreamweaver
  • Php
Bunları kesinlikle bilmemiz gerekiyor.