Webrafik | Web&Grafik İkisi Bir Arada... http://www.webrafik.net Sun, 08 Jan 2012 18:11:34 +0000 en hourly 1 http://wordpress.org/?v=3.3 Visual Basic’de 4 İşlem Programı Yapımı http://www.webrafik.net/24/10/2011/visual-basicde-4-islem-programi-yapimi/ http://www.webrafik.net/24/10/2011/visual-basicde-4-islem-programi-yapimi/#comments Mon, 24 Oct 2011 18:31:54 +0000 Webrafik http://www.webrafik.net/?p=523 Merhaba bu dersimizde Visual Basic’de 4 işlem programı yapmayı öğreneceğiz.İyi çalışmalar…

 
 
 
 
 
 
 

FORMUMUZA KOYULACAKLAR

  • 2 Adet Text Box
  • 4 Adet Buton

Formumuza kendinize göre 2 adet Text Box ve 4 adet buton ekleyin.Butonların üzerinde görülecek isimleri sırasıya şunları yapalım:Topla,Çarp,Çıkar,Böl

Topla butonumuza çift tıklayalım ve aşağıdaki kodları yazalım.

Dim sayi1, sayi2, sonuc As Integer
        sayi1 = TextBox1.Text
        sayi2 = TextBox2.Text
        sonuc = Val(TextBox1.Text) + Val(TextBox2.Text)
        MsgBox(sonuc)

Çarp butonumuza çift tıklayalım ve aşağıdaki kodları yazalım.

Dim sayi1, sayi2, sonuc As Integer
        sayi1 = TextBox1.Text
        sayi2 = TextBox2.Text
        sonuc = Val(TextBox1.Text) * Val(TextBox2.Text)
        MsgBox(sonuc)

Çıkar butonumuza çift tıklayalım ve aşağıdaki kodları yazalım.

Dim sayi1, sayi2, sonuc As Integer
        sayi1 = TextBox1.Text
        sayi2 = TextBox2.Text
        sonuc = Val(TextBox1.Text) - Val(TextBox2.Text)
        MsgBox(sonuc)

Böl butonumuza çift tıklayalım ve aşağıdaki kodları yazalım.

Dim sayi1, sayi2, sonuc As Integer
        sayi1 = TextBox1.Text
        sayi2 = TextBox2.Text
        sonuc = Val(TextBox1.Text) / Val(TextBox2.Text)
        MsgBox(sonuc)

Programı çalıştırdığınızda doğru bir şekilde hesapladığını göreceksiniz.

]]> http://www.webrafik.net/24/10/2011/visual-basicde-4-islem-programi-yapimi/feed/ 1 C++ İle Arkaplan ve Yazı Rengini Değiştirme http://www.webrafik.net/24/10/2011/c-ile-arkaplan-ve-yazi-rengini-degistirme/ http://www.webrafik.net/24/10/2011/c-ile-arkaplan-ve-yazi-rengini-degistirme/#comments Mon, 24 Oct 2011 17:37:54 +0000 Webrafik http://www.webrafik.net/?p=516 Merhaba arkadaşlar yeni kategorimize ilk dersimizi ekliyelim dedim.Bu dersimizde C++’da arkaplan rengi ve yazı rengini değiştirmeyi öğreneceğiz.

 
 
 
 
 
 

VİDEO

KODLAR VE ANLAMLARI

#include <cstdlib>
#include <conio.h>
#include <stdio.h>
main()
{
      printf("Webrafik.net");
      system("color 84");
      getch();
      }
#include <cstdlib>

Bu kod arkaplan ve yazımıza renk vermemiz için gereklidir.

#include <conio.h>

Bu kod uygulamayı açtığımızda ekranda kalması içindir.

#include <stdio.h>

Bu kod yazı yazabilmemiz için gereklidir.

printf("Webrafik.net");

Bu kod yazımızın gözükmesi için.

system("color 89");

Bu kod renkleri belirlemek için.

89 yazan yeri vereceğim renk kodlarıyla değiştirebilirsiniz.

İlk rakam arkaplanı ikinci rakam ise yazı rengini belirler.

getch()

Bu kod uygulamanın ekrenda kalması içindir.

RENK KODLARI

0=Siyah
1=Mavi 
2=Yeşil
3=Deniz Mavisi 
4=Kırmızı
5=Mor
6=Sarı
7=Beyaz
8=Gri
9=Açık Mavi
 
A=Açık Yeşil
B=Açık Deniz Mavisi
C=Açık Kırmızı
D=Açık Mor
E=Açık Sarı
F=Parlak Beyaz
]]> http://www.webrafik.net/24/10/2011/c-ile-arkaplan-ve-yazi-rengini-degistirme/feed/ 0 CSS’de Kenar Ovalleştirme http://www.webrafik.net/19/10/2011/cssde-kenar-ovallestirme/ http://www.webrafik.net/19/10/2011/cssde-kenar-ovallestirme/#comments Wed, 19 Oct 2011 16:35:59 +0000 Webrafik http://www.webrafik.net/?p=419 Merhaba.Bu dersimizde CSS’de Radius özelliğinin kullanımını öğreneceğiz.Herkesin bilmesi gereken bir ders.İyi çalışmalar…

 
 
 
 
 
 

VİDEO

KODLAR

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Webrafik.Net</title>
<style type="text/css">
 
#radius {
width:500px;
height:500px;
background-color: #F60;
-webkit-border-radius: 20px 50px 70px 100px;
-moz-border-radius: 20px 50px 70px 100px;
-border-radius: 20px 50px 70px 100px;
 
</style>
</head>
 
<body>
<div id="radius">
</div>
</body>
</html>

ÖNİZLEME

CSS'de Kenar Ovalleştirme

]]> http://www.webrafik.net/19/10/2011/cssde-kenar-ovallestirme/feed/ 1 Ben Grafik Tasarımcı Mıyım ? http://www.webrafik.net/16/10/2011/ben-grafik-tasarimci-miyim/ http://www.webrafik.net/16/10/2011/ben-grafik-tasarimci-miyim/#comments Sun, 16 Oct 2011 07:47:46 +0000 Webrafik http://www.webrafik.net/?p=412 Bugün düşündümde ben grafik tasarım ile çok haşır neşirim.Büyük bir grafik arşivim bile var.Photoshop,Flash programlarını iyi kullandığımı düşünüyorum.Ama sadece program bilmekle iş bitmez.

Programı kurarsın,Google‘a “photoshop dersleri” yazarsın bir yığın ders siteleri çıkar.Oralardan derslere bakarsın,kendin uygulamaya çalışırsın,sonra yaparsın ve program kapatılır.Bu böyle olmamalıdır.Ben “grafikerim” diyorsan o programı kapatmayacaksın.O programı araştıracaksın,karıştıracaksın ki programı kavrayabilesin.İşlevlerini kendince öğrenmelisin.Acaba şuraya tıklasam ne yapar? Buraya renk versem üstüne ne koyulur? gibi gibi sorular sormalısın.

Şimdi programı öğrendik artık istediğimiz her şeyi yapabiliyoruz.Ama en önemlisi hayalgücü,yaratıcılık ve yeniliktir.Bunlar bir insanda yoksa zaten o kişi grafik tasarım konusunda zayıf kalır.Mesela Photoshop‘u açtım yazdım işte Furkan Belikırık.Eee ne yapacam sonra?Kaydedip ne güzel yazmışım mı diyeceğim.Hayır o yazıyı daha değişik şekillere vermeliyim.Hayalgücümle kafamda bir mükemmellik yaratmalıyım.Sonra yaratıcılık yeteneğimle üstüne farklı farklı efektler vermeliyim ve yenilik duygumla orjinal bir çalışma yapmalıyım.

Doğal olarak tanınmak istersin.Bunun en kolay yolu grafik forumaları ve webmaster forumlarıdır.Tabiki biraz da sosyal ağların etkiside var.Grafik forumlarında yeni yeni şeyler öğrenebilirisin ve öğretebilirsin.Çalışmalarını insanlara sunarak görüşlerini alırsın ve bu senin yaratıcılığını yükseltir.Ama sadece bir forumda olmaz diğer forumlarda da olursan heryerde tanınmış olursun.Webmaster forumları genellikle ticaret için kullanılabilir.Grafik tasarımdan para kazanabilirisin.Mesela ben çok fazlada olmasa kazanmıştım.Bu duygu senin o işe daha çok bağlanmalı sağlayabilir.

Bunların hepsi bende var ben grafikerim işte demeyin.Dünya ve teknoloji hızla değişiyor.Eğer grafik tasarımcı olmak istiyorsan bunları da takip edeceksin.Kendi kendini geliştireceksin çünkü bu hıza ayak uydurmak gerçekten zor.

Furkan Belikırık

]]> http://www.webrafik.net/16/10/2011/ben-grafik-tasarimci-miyim/feed/ 1 Flash’ta Renk Değiştiren Yazı Yapımı http://www.webrafik.net/15/10/2011/flashta-renk-degistiren-yazi-yapimi/ http://www.webrafik.net/15/10/2011/flashta-renk-degistiren-yazi-yapimi/#comments Sat, 15 Oct 2011 16:32:53 +0000 Webrafik http://www.webrafik.net/?p=403 Merhaba.Bu dersimizde Flash’ta değişen yazı yapımını öğreneceğiz.Flash çalışmalarınızda eminim bir yerlede kullanırsınız.Yapımı çok basit sadece renk seçiminde zorluk yaşayabilirsiniz.İyi çalışmalar…








]]> http://www.webrafik.net/15/10/2011/flashta-renk-degistiren-yazi-yapimi/feed/ 0 Photoshop’ta Kıvrılmış Kağıt Efekti http://www.webrafik.net/13/10/2011/photoshopta-kivrilmis-kagit-efekti/ http://www.webrafik.net/13/10/2011/photoshopta-kivrilmis-kagit-efekti/#comments Thu, 13 Oct 2011 13:24:22 +0000 Webrafik http://www.webrafik.net/?p=392 Bu dersimizde Photoshop’ta kıvrılmış kağıt veya nesne efekti göstereceğiz.Grafik anlamda hoş durması ve profesyonel çalışmalar açısından her zaman işinize yarayacak bir uygulama.İyi çalışmalar…

ÖNİZLEME

]]> http://www.webrafik.net/13/10/2011/photoshopta-kivrilmis-kagit-efekti/feed/ 0 PageNavi Style Eklentisi http://www.webrafik.net/09/10/2011/pagenavi-style-eklentisi/ http://www.webrafik.net/09/10/2011/pagenavi-style-eklentisi/#comments Sun, 09 Oct 2011 15:46:40 +0000 Webrafik http://www.webrafik.net/?p=376 Bu yazımızda PageNavi Style eklentisini tanıtacağız.Bu eklenti yazıları sayfalamaya yarıyor.Aslında PageNavi eklentisi sayesinde oluyor ama PageNavi Style eklentisi ile resimde gördüğümüz gibi yağabiliyoruz.

İlk önce PageNavi eklentisinin kurulu olmadığını varsayarak bu eklentiyi indiriyoruz.

PageNavi

İndirdikten sonra FTP’mize attık ve etkinleştirdik.Şimdi asıl önemli olan eklentiye gelelim.İlk önce eklentimizi indirelim.

PageNavi Style

Bunu sa FTP’mize attık.Admin panelemizin “Ayarlar” sekmesinin altında “PageNavi Style” sekmesini göreceksiniz.Ordan istediğiniz stili seçebilirsiniz.

İyi çalışmalar…

]]> http://www.webrafik.net/09/10/2011/pagenavi-style-eklentisi/feed/ 1 Flash’ta Mause’u Takip Eden Nesne Yapımı http://www.webrafik.net/23/08/2011/flashta-mauseu-takip-eden-nesne-yapimi/ http://www.webrafik.net/23/08/2011/flashta-mauseu-takip-eden-nesne-yapimi/#comments Tue, 23 Aug 2011 11:39:57 +0000 Webrafik http://www.webrafik.net/?p=340 Bu dersimizde Flash’ta maouseyi takip eden nesne yapımını öğreneceğiz.Hemen başlayalım;

1) Mause’un takip etmesini istediğiniz nesneyi çizin.

2) Şekli seçin ve F8 tuşuna basarak Movie Clip’e dönüştürün.

3) Movie Clip’i seçip sol alttaki ayarlar bölmesinden “Instance Name” yerine “flash” yazın.

4) Frame’yi seçin.

5) F9 tuşuna basarak Action Script yerini açın ve aşağıdaki kodları kopyalayın.

function changeCursor(movieclip) {
Mouse.show();
_root.attachMovie(movieclip, "customCursor", 9999);
_root.customCursor.startDrag(true);
}
startDrag("flash", true); changeCursor("flash");

Not: Eğer maouse’nin gözükmesini istemiyorsanız Mouse.show(); değiştirerek Mouse.hide(); yapın.

İyi çalışmalar…

]]> http://www.webrafik.net/23/08/2011/flashta-mauseu-takip-eden-nesne-yapimi/feed/ 0 Dreamweaver’da Basit Form Oluşturma http://www.webrafik.net/23/08/2011/dreamweaverda-basit-form-olusturma/ http://www.webrafik.net/23/08/2011/dreamweaverda-basit-form-olusturma/#comments Tue, 23 Aug 2011 11:12:11 +0000 Webrafik http://www.webrafik.net/?p=334 Merhaba yine bir videolu dersle karşınızdayım.Bu sefer Dreamweaver’da basit bir form teması oluştmayı öğreneceğiz.Gönder butonu için PHP kodları gerekiyor ama ben sadece burda temanın nasıl yapıldığını gösterdim.İyi çalışmalar…


Önizleme:

]]> http://www.webrafik.net/23/08/2011/dreamweaverda-basit-form-olusturma/feed/ 0 WordPress’te Yazar Hakkında Alanı Oluşturma http://www.webrafik.net/22/08/2011/wordpresste-yazar-hakkinda-alani-olusturma/ http://www.webrafik.net/22/08/2011/wordpresste-yazar-hakkinda-alani-olusturma/#comments Mon, 22 Aug 2011 10:16:25 +0000 Webrafik http://www.webrafik.net/?p=323 Bazı sitelerde gördüm yazarın hakkında bölümü var her paylaşımın altında.Ben de araştırdım ve buldum.Kendimce düzenleme yaptım.Yazılarımda görebilirsiniz.Siz onları değişik,renkli,resimli vb. yapabilirsiniz.Zaten kodları kopyalayıp yapıştıracaksınız.Biraz CSS’de uğraşabilirsiniz ama zaten önceden bilginiz var ise kolaylıkla düzenleyebilirsiniz.

Şimdi yapacağımız işlemlerde;sol kısımda avatar,sağ kısımda ise yazar adı ve yazarın açıklaması,yazar site bilgileri bulunuyor.

İlk olarak WordPress’te yazarın adı,site bilgileri gibi bilgileri nasıl alacağımızı öğrenelim;

-Yazarın adı :

<?php the_author_meta('user_firstname'); ?>

-Yazarın soyadı :

<?php the_author_meta('user_lastname'); ?>

-Yazarın adını yazılarının linki ile beraber göstermek :

<?php the_author_posts_link(); ?>

-Yazarın açıklaması :

<?php the_author_meta('description'); ?>

-Yazarın web sitesi :

<?php the_author_meta('user_url'); ?>

-Yazarın avatarı :

<?php the_author_meta('user_email'); ?>

Yazar bilgileri fonksiyonlarını öğrendiğimize göre sırada HTML/CSS var.Aşağıdaki kodu WordPress temanızda bulunan single.php dosyasına yazar alanının görünmesi istediğiniz yere yapıştırın.Örneğin etiketlerin üstüne.

<div class="yazar_alani">
 
    <div class="sol">
         <?php echo  get_avatar( get_the_author_email(), '80' ); ?>
    </div>
 
    <div class="sag">
        <strong>Yazar : <?php  the_author_posts_link(); ?></strong>
        <p><?php  the_author_description(); ?></p>
        Yazarın <a  href="<?php the_author_meta('user_url'); ?>">websitesiYa</a>
    </div> 
 
</div>

Aşağıdaki kodları ise style.css dosyanıza ekleyin.

.yazar_alani{
    width:590px;
    height:140px;
    font-family:verdana;
    font-size:13px;
    background-color:#FAF3DE;
    border:1px solid #E4D19C;
}
 
.sol{
    float:left;
    width:100px;
    height:100px;
    margin:25px;
}
 
.sag{
    float:left;
    margin-top:25px;
    width:425px;
}

Bu işlemleri yaptıktan sonra aşağıdaki gibi bir sonuç olacaktır.

]]> http://www.webrafik.net/22/08/2011/wordpresste-yazar-hakkinda-alani-olusturma/feed/ 2