Arkadaşlar sunumda kullanılan slaytlar ve anlatımlar aşağıda mevcuttur. Sormak istediğini soruları konu altına yorum olarak atabilirsiniz.
GOOGLE PLUS SLAYT
GOOGLE PLUS SLAYT
7 Kasım 2012 Çarşamba
5 Kasım 2012 Pazartesi
C# ile vize final hesaplama
KODU
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
namespace vize_final
{
class Program
{
static void Main(string[] args)
{
int vize, final,GN;
Console.Write("vizeyi giriniz ");
vize = Convert.ToInt16(Console.ReadLine());
Console.Write("finali giriniz ");
final = Convert.ToInt16(Console.ReadLine());
GN = Convert.ToInt16(vize* 0.4 + final* 0.6);
Console.WriteLine("GN" + GN);
if (GN >= 50) Console.Write("geçti");
else Console.Write("kaldı");
Console.ReadKey();
NOT: int vize final yazan yere kadar hepsi yazılı siz int satırını ve devamını yazınız...
VİDEOSU:
Blogger Arama Kutusu Ekle
Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için baya bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri düşünün, bu yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun arama kutusunu blogunuza basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını anında bulmalarına yardımcı olabilirsiniz.
Arama kutularını blogunuza eklemek için:
Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javasript yolunu takip edip hangi arama kutusunu blogumuza eklemek istiyorsak aşşağıdaki kodlardan ona ait olan kodu kopyalıyoruz, açılan gadgetimizin içine yapıştırıp kaydediyoruz.1.Arama Kutusu Stili:
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_ruA9ydDrm3I6KTH7LJ06O1cZM7PWyntKDu4Ur4odXGDTTt7sYBJBqcJ8-Xa5kwso2laL_R6RtR1-By_EjbOTlEbubsDHxjlOSFFtO4qG8SuIEN_lR4knZ_dH-cL1iMmm-QC2aMGd35Z/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Arama..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
3.Arama Kutusu Stili:<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXBTHI6tiARuchTbR7V2A-PwHBG0tyBErpKXLo10JkUHFYGI7FPb2OYLPskRKAxpc5VP9CGRdcYw2K4ojHjo41w0itMluqMBphAgEbdmuR_KAhJBUZ-AY3J0oMk14k4uO-wH1DqxZCthTB/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Arama..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
4.Arama Kutusu Stili:<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRphjby4Tu0Ka3dx9sWn-d1JLsCPyPDKrwEz6KAqH_GBo0BVS46sJaWuWNEQSWRz8ozoFKzJiWWXdrTcHrBG7v7uESuQ1GiaSudgl4V_BOC8fZgc5NhQWrVB7594f3yKTlbwAiWCIkaq4j/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Arama..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMSSFK75aPFWfcvldu7QC7CNyPjr20J9N6cWHf6hOQw_9iYmV0X9LdR_wqe2pi3d_Nss0lmfj87IwNJuFaZIcJUal5rIOncMj0qoI_zfqGMKMDw7IDvmqdqzwBKtN0zhGBnpeqJEKDE1ve/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
5.Arama Kutusu Stili:
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS8NLJkaVoXpXITnbZ1cykhqGpGiJAp1QthvScHx1i-5ApLVWmF_VP_0RPNBxl8rYZ6Z3QsdgrenIZ1R7KemoxMmaJNW-20eG-8hLBo7eYp7-t0H8t6MQ3PHjiHPm6sL7RJ18lS_Cv4TCs/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
6.Arama Kutusu Stili:
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeQPiEK-cAiJLUCKByIKH1G_XINvfu4uS3FjNZiDnpxGQVI1hjwnwtfnKsCiyYObPPQTe6bYas58MvxLWp91V9LUWg0zknJbPXAt3hW9guhwvSR37FYAIECx9eu_z2LcJmYR8gppgXYHO8/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>4 Kasım 2012 Pazar
HTML Resimler
Kod : <img src=”dosyaismi.gif”>
Text ve Gömülen Resimin Düzeni
Kod : <img…> belirteciyle bazı özellikleri kullanarak text ve resim arasında nasıl bir düzen olmasını istiyorsanız ayarlayabilirsiniz. <img> belirtecinin içine yerleştirilen align özelliği sayesinde aşağıdaki efektleri yapabilirsiniz:
align=top
Kod:
<img align=top src=”dosyaismi.gif>
Yazı buraya gelecek. Dikkat ederseniz, ilk satırdan sonraki yazı
boşlukları dolduruyor.
align=middle
Kod:
<img align=middle src=”dosyaismi.gif”>
Yazı buraya gelecek. Bu sefer “align=middle” yani “orta” dediğimiz
için yazı grafiğin ortasından devam ediyor.
align=bottom (normal)
Kod:
<img align=bottom src=”dosyaismi.gif”>
Yazı bu sefer buraya gelecek. “align=bottom” demekle yazının en
alt kısımda olacağını belirttik.
HTML Dökümanımıza Resim Yerleştirelim
Bu çalışmada, üzerinde çalıştığımız dökümana bir giriş resmi koyacağız.
Çalışmanızı, açık değilse tekrar açın.
Text editörünüzde volkanlar.html dosyasını açın.
<h1>Volkanlar Sayfası<h1> başlığının üzerine şunu yazın:
Kod:
<img src=”lava.gif”>
Bu belirteç, sayfanızın en üstüne daha önce bulduğunuz volkan resimini yerleştirir. “lava.gif”, bu dosyanızın ismidir; eğer dosyanızın ismi değişikse, “lava.gif” yerine o ismi yazmalısınız.
Dosyanızı kaydedin ve browserınızda tekrar yükleyin.
NOT: Dikkat etmeniz gereken nokta, lava.gif ya da kullandığınız resim dosyası HTML dökümanınızla aynı dizinde olmalıdır. Eğer değilse, dosyanın bulunabileceği yerin tam yolunu yazmalısınız.
Resimi yerleştirdiğinizde aklınıza neden resim belirtecinden sonra <p> belirtecini kullanmadığınız gelebilir, bunun sebebi resim belirtecinden hemen sonraki belirtecin bir başlık <hN> belirteci olmasıydı; daha önce gördüğümüz gibi bir browser başlık belirteçlerinden önce ve sonra bir satır boşluk bırakır (paragraf belirtecine gerek kalmaz).
Text ve Gömülen Resimin Düzeni
Kod : <img…> belirteciyle bazı özellikleri kullanarak text ve resim arasında nasıl bir düzen olmasını istiyorsanız ayarlayabilirsiniz. <img> belirtecinin içine yerleştirilen align özelliği sayesinde aşağıdaki efektleri yapabilirsiniz:
align=top
Kod:
<img align=top src=”dosyaismi.gif>
Yazı buraya gelecek. Dikkat ederseniz, ilk satırdan sonraki yazı
boşlukları dolduruyor.
align=middle
Kod:
<img align=middle src=”dosyaismi.gif”>
Yazı buraya gelecek. Bu sefer “align=middle” yani “orta” dediğimiz
için yazı grafiğin ortasından devam ediyor.
align=bottom (normal)
Kod:
<img align=bottom src=”dosyaismi.gif”>
Yazı bu sefer buraya gelecek. “align=bottom” demekle yazının en
alt kısımda olacağını belirttik.
HTML Dökümanımıza Resim Yerleştirelim
Bu çalışmada, üzerinde çalıştığımız dökümana bir giriş resmi koyacağız.
Çalışmanızı, açık değilse tekrar açın.
Text editörünüzde volkanlar.html dosyasını açın.
<h1>Volkanlar Sayfası<h1> başlığının üzerine şunu yazın:
Kod:
<img src=”lava.gif”>
Bu belirteç, sayfanızın en üstüne daha önce bulduğunuz volkan resimini yerleştirir. “lava.gif”, bu dosyanızın ismidir; eğer dosyanızın ismi değişikse, “lava.gif” yerine o ismi yazmalısınız.
Dosyanızı kaydedin ve browserınızda tekrar yükleyin.
NOT: Dikkat etmeniz gereken nokta, lava.gif ya da kullandığınız resim dosyası HTML dökümanınızla aynı dizinde olmalıdır. Eğer değilse, dosyanın bulunabileceği yerin tam yolunu yazmalısınız.
Resimi yerleştirdiğinizde aklınıza neden resim belirtecinden sonra <p> belirtecini kullanmadığınız gelebilir, bunun sebebi resim belirtecinden hemen sonraki belirtecin bir başlık <hN> belirteci olmasıydı; daha önce gördüğümüz gibi bir browser başlık belirteçlerinden önce ve sonra bir satır boşluk bırakır (paragraf belirtecine gerek kalmaz).
HTML Arka Plan
Varsayılan olarak sitenizin arka planı beyaz görünür. Bu sitenize belli bir sadelik, ferahlık getirsede, çoğu zaman bunu değiştirmek isteriz. Farklı bir renk, hatta belli bir fotoğrafla arka planınızı döşemek ister miydiniz? Bu ders işte bunun için. Bunu yapmak içinde her zamanki gibi body etiketini kullanacağız ama bu sefer biraz farklı bir şekilde. Bu sefer kodlarımızı body etiketinin altına değil, bizzat body etiketinin yanına yazacağız. Şöyleki "body bgcolor="#000000" Bu kod arka planı siyah yapacak mesela. bgcolor etiketi arka planın rengini belirlerken kullanılıyor. #000000 ise siyah rengin HTML dilindeki karşılığı. Bunun gibi tüm renklerin karşılıklarını netde aratıp bulabilirsiniz. Şimdi biz yapacağımız örnekte arka planı siyah, yazı renginide beyaz yapalm mesela. Bunun için aşağıdaki kodu kullanmamız gerekir.
Ücretsiz blog oluşturma servisleri
Ücretsiz barındırma servislerinin sunduğu blog hazırlama araçları sayesinde extra bir yazılım veya teknik bilgiye ihtiyaç duymadan, dakikalar içerisinde blog oluşturmak mümkün.
Ücretsiz blog oluşturabileceğiniz bir çok servis bulunuyor bu servislerden öne çıkanları Wordpress,Blogcu ve Blogger bu 3 servisin de ortak noktaları her hangi bir extra kurulum gerektirmeden tarayıcı üzerinden çalışıp HTML veya tasarım bilgisine gerek duymadan kendi blog’unuzu oluşturmanıza olanak tanımaları.
Bu 3 sistemi de demenizde fayda var her sistemin kendine göre artıları ve eksiklikleri bulunuyor biraz zamanınızı ayırarak size uygun olan platformun hangisi olduğuna karar verebilir blog’unuzu kolayca oluşturabilirsiniz.Biz şimdi yazımıza Blogger’ı ile devam edelim.
Neden Blogger ?
Blogger’ın en sevilen servislerin başında gelmesinin ilk nedeni kesinlikle çok fazla esnek olması ve kolay kullanımından kaynaklanıyor. Google’un ücretsiz bir servisi olan Blogger size sınırsız bant genişliğinin yanında ücretsiz olarak “http.blogunuzunadı.blogspot.com” diye birde alan adı sunuyor bu alan adını daha sonra cüzi rakamlar karşılığında satın aldığınız “www.blogadınız.com” “Net” veya “Org” olarak ta değiştirebilirsiniz.
Biraz zaman ve uğraş ile blog’unuza tam bir site havası katmak yine sizin elinizde.
Biraz “HTML” bilgisi ile blog’unuzun tasarımını kişiselleştirebileceğiniz gibi internetten bulabileceğiniz ücretsiz şablonları kullanarak ta blog’unuzu benzersiz bir hale getirebilirsiniz.
Bunlara artı olarak ta çeşitli Google uygulamalarının yanında geliştiricilerin Blogger için oluşturduğu “gadget”lardan istediğinizi blog’unuz da kullanarak blog’unuzun sıradanlıktan kurtarabilir ziyaretçilerinizin daha iyi vakit geçirmelerini sağlayabilirsiniz.
Ayrıca bütün gelirini reklam hizmetlerinden elde eden Google’un, blog’unuza siz istemediğiniz sürece reklam yerleştirmemesi de cabası.
Tabi bu sizin blog’unuz da reklam yayımlayarak gelir elde edemeyeceğiniz anlamına da gelmiyor.
Güzel bir tasarım ve 10$ karşılığında alacağınız kendi alan adınız ile Blogger’ı sadece bir hosting firması gibi kullanmanızda mümkün.
Blogger ile kendi blog'unuzu oluşturun
Bir blog sahibi olmak istiyorsanız, görseller için grafik bilgisine, içerik için programlama bilgisine sahip olmalısınız. Ayrıca hazırladığınız blog’un ziyaretçilere ulaşabilmesi için bir alan adı ve bunun yanında barındırma ( hosting ) hizmetine sahip olmalısınız.
Yani uğraşmanız gereken fazlası ile detay olacaktır.
İşte bu konuda Blogger yardımınıza koşuyor size hiç bir teknik bilgi bilmenize gerek kalmadan 3 adımda kolayca blog’unuzu oluşturmanızı sağlayacak platformu ve “blog’unuzunadı.blogspot.com” diye bir alan adının yanında sınırsız banvit (bant) genişliğe sahip barındırma hizmetini ücretsiz sunuyor.3 Adımda Blog’unuzu Oluşturun
Blogger’ın en güzel taraflarından biriside kuşkusuz kullanıcıya hiç zorluk çıkarmayan yapılandırma süreci.Bu sayede 3 adımda blog’unuzu oluşturabiliyorsunuz.
Blogger’ın ana sayfasına girdiğinizde sizden Google hesabıyla oturum açmanızı isteyen bir sayfa ile karşılaşıyorsunuz , eğer bir Google hesabınız yoksa buradan kendinize bir hesap oluşturabilirsiniz. Hesabınızı oluşturmak için Hotmail,Yahoo,Gmail gibi her hangi bir e-mail servisini kullanabilirsiniz.
Hesabınızı aldıktan sonra yapmanız gereken Blogger’ın ana sayfasından aldığınız Google hesabı ile giriş yapmak.
Blog oluşturun yazan butona tıkladıktan sonra açılan sayfada Blog başlığı yazan kısma istediğiniz blog Blog adresi yazıyorsunuz.Blog adresiniz uygunsa http://fatihcetinn.blogspot.com şeklinde oluşturuluyor.
Burada seçiceğiniz blog başlığı ile blog’unuzun adresinin aynı olması arama motorlarında üst sıralarda çıkmanızıda etkileyecektir.
Son olarak sıra blog’unuzun tasarımını belirleyecek olan şablonu seçmeye geliyor açılan sayfada bir çok blogger şablonu(template) bulunuyor fakat siz bunlara bağlı kalmak durumunda olmadığınız için her hangi bir şablonu seçerek bu adımı geçebilirsiniz daha sonra internetten bulduğunuz her hangi bir şablonla blog’unuzun tasarımını özelleştirebilirsiniz.Bundan sonra yapmanız gereken tek şey blog’unuzun içeriğini doldurmak.
Kaydol:
Kayıtlar (Atom)