Msn Spacenizin herkes tarafından görülsün ister misiniz ?

9/6/2008 Kategori : Web Tasarim Bolumu

Yorum (1)

1)Öncelikle kullanıcı adınız ve şifrenizle MSN ALanınıza giriş yaptıktan sonra “Seçenekler (Settings)” yazısına tıklıyorsunuz.

2)Bir sonraki aşamada karşınıza çıkan bölümdeki sol taraftan “İzinler (Permissions)” sekmesine tıklayın ve bu pencerede karşınıza çıkacak seçeneklerden “Herkes (Public)” seçeneğini seçin.

3)Son aşamada sağ altta bulunan “Kaydet (Save)” tuşuna tıklayarak yaptığınız değişiklikleri kaydedin.
Bu aşamaları başarıyla gerçekleştirdikten sonra MSN Alanınız herkes tarafından görüntülenebilecektir.

Kalıcı Bağlantı Yorum (1) Yorum yaz

Web Sİteniz İçin Arka Plan

7/6/2008 Kategori : Web Tasarim Bolumu

Yorum (yok)

         

 

 

         

 

 

         

 

 

         

 

 

         

 

 

 

    

 

 

 

 

Kalıcı Bağlantı Yorum (yok) Yorum yaz

Grafik Tasarım ve Esinlenme

31/5/2008 Kategori : Web Tasarim Bolumu

Yorum (3)

 

Çoğu tasarımcı ya da sanatçı, kendini etkileyen bir iş gördüğünde, argo tabiriyle gaza gelip hemen birşeyler yapma isteği duyar. Bu içsel bir kıskanma ya da etkilenmenin sonucudur.

Önümüze gelen birifte, bizden istenenin ne olduğunu iyi anlamak tasarıma başlamanın ilk koşuludur. Yeterince açık olmayan ya da anlaşılmayan bir iş brifinde sonuç rastlantılara bağlıdır ve başarısızlığı kaçınılmazdır. Bu nedenle işi alırken isteneni iyi algılamak çok önemlidir.

Müşteri hemen her zaman en kısa zamanda en iyi işi ister.
Sürekli ve rutin biçimde tasarımla uğraşan tasarımcı için, her gün yeni yeni super tasarımlar yapmalıdır, en sivri konseptlere imza atmalıdır beklentisi, grafik ve reklam tasarımcılığını ağır beyin işçiliği haline çevirir.

Dehası olanların dışında böyle bir şey elbette mümkün değil.
İşe başlarken, hemen macintoshun başına oturup, evet benden ne isteniyor, hmm, (örneğin) bir davetiye, hemen yolalacağım, 2 saat içinde de işi bitireceğim diyemezsiniz. Bazan ilk saniyelerde kafanızda konsepti oluşturabilirsiniz ama bu sürekli başınıza gelmez. Bazan günlerce düşünüp yol alamayabilirsiniz.

İşi alınca öncelikle, panik yapmayın. Ne dendiğine ve sizin ne vereceğinize bir bakın. Özellikle konuyla ilgili, esaslı grafik kitaplarına ve dergilerine gözatın. Sevdiğiniz işleri iyi inceleyin. Kullanılan fonttan, renk seçimine, işin ana fikrinden, lekesel dengelerine kadar… İşte burada esinlenmeler mekaniği devreye girecektir. Mesleki yaşantımda, işi birebir taklit eden tasarımcılarla da, esinlendiği bir işten mucizeler yaratanlarla da çok karşılaştım. Bir şirket logosu için fontundan esinlenemezsiniz. Ama kullanılan renk kombinasyonu sizin kafanızda yeni bir pencere açabilir.

Bütün işler kendine has olmalıdır evet. Şunu da unutmayalım her iş eşsiz bir özgünlükte olamaz. Eğer tasarım fikrine böyle girerseniz eliniz ve beyniniz kasılabilir.

Tasarım için kendinize özgüveniniz tam olsun. Ben bu işi elimden gelen en iyi biçimiyle çözeceğim fikrini kafanızdan çıkarmayın. Ayrıca şunu da unutmayın, ortaya çıkan işin niteliklerini müşteri temsilcinize veya belki de müşteriye birebir siz aktaracaksınız. Nerde neyi yaptığınızı iyi anlatın. Tasarım bazan derdini anlatmak ister. Daha once de örneğini vermiştim, Fortis Bank’ın amblemi tam anlamıyla bir pazarlama başarısıdır. Ama estetik değerleri, endişeler ve eksikliklerle doludur. Dolayisiyle Kabul gören bir iş de olsa, iyi tasarlanmış bir amblemin etkisinden daha az bir etkiye sahiptir.

Tasarımınızın ilk aşamalarında veya ilerleyen zamanlarda, konuyla ilgili estetik hakimiyetine inandığınız bir diğer kişiden fikir edinebilirsiniz. Ya da ilerlemeye başladığınızda, müşteri temsilcisine; bak böyle yol alıyorum da diyebilirsiniz. Ki saatler sonra, “ayy bu çocuk görselinin burda ne işi var” gibi tepkileri önlemiş olmak için.

Eğer bitmiş bir işten esinlenip gaza geldiyseniz, dur şurdaki dianın font ile kullanımını burdan alayım, renkleri şurdan diye kolaj yapmanızı ise önermem. Hem bu mesleki formasyona uygun olmaz hem de yerin kulağı vardır unutmayın.

Diğer yapılan tasarımları görmek için interneti de yoğun biçimde kullanmalısınız.
Tasarımcılığınızın niteliğini oluşturmak için şöyle sorun kendinize; ben gerçekten tasarımcı mı olacağım yoksa salla gitsin mühim olan maaş bordosudur mu… Eğer ikinci şıkkı seçtiyseniz portfolyonuza koyacağınız işlerin, ay başlarında size uzatılacak olan zarfın kalınlığıyla ilgili olduğunu unutmayın.

Dünyanın en iyi grafik tassarımcılarından biri olan David Carson için şu hikaye anlatılır. Surf ile yoğun alakalı olan Carson eskiden bir dönemler grafik yapmıyormuş ve surf yelkeni için başkasına grafikler tasarlatmış. Fakat çıkan sonuçları görünce bu işi ben bile daha iyi yaparım deyip kendi yelkeni için birşeyler yapmış. Sonuç o kadar iyiymiş ki adam içindeki cevheri böyle farketmiş. Benzer bir hikayeye geçtiğimiz yıllarda bizzat şahit olmuştum. Bir dergi grubundaki grafikerle tanışmıştım. İşin patronu grafikerle beni tanıştırırken” asıl mesleği ciğerciliktir ama biz grafiklerini daha çok beğeniyoruz” demişti. İşlere baktım gayet şık mizanpajlardı.

Tüm tasarım dalları özel yetenekler gerektirir. Ama biryerde çalışıyorsanız veya bu işin eğitimini aldıysanız zaten bir yerdesiniz demektir. Eğer piyanist olmak istedeydiniz elinizdekilere bakmalıydınız. Grafik tasarımcı olmak için ezelden yetenekli olmanız gerekmez.

Kalıcı Bağlantı Yorum (3) Yorum yaz

Temel Belirteçler

18/5/2008 Kategori : Web Tasarim Bolumu

Yorum (yok)

Temel Belirteçler



Konular:

Her HTML sayfasinin ile ayrilan bir konusu olmak zorundadir. Konular genellikle sayfadan bagimsiz olarak ekranin en üstüne basilir.

HTML-Kodu:

</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 'Courier New'"> Sayfamin konusu </SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: 'Courier New'">

Basliklar:

HTML, 1'den 6'ya kadar numaralanmis 6 çesit baslik destekler. Basliklar normal karakterlerden daha büyük ve kalin yazilirlar. Temel olarak,

HTML-Kodu:

Sayfamin basligi

olarak tanimlanmis bir belirteçte y, 1 ile 6 arasi bir deger alabilir. Y sayisi arttikça fontun büyüklügü azalir.Pek çok uygulamada, sayfanin konusu ile basligini ayni tutabilirsiniz.

Paragraflar:

Diger kelime islemcilerdekinin aksine, HTML dökümanlarinda programci özel bir belirteç kullanmadikça bir cümle herhangi bir yerinden ayrilip kalan kismi altta görünebilir, birden fazla bos satir tek satir olarak algilanir.

Asagidaki örnekte, kaynak kodunda iki satir olmasina karsin, WWW "browser" bunu algilamaz ve ekranda tek satir olarak görüntüler. Bir "browser" satir sonlarini ve bos satirlari gözardi edeceginden, paragraflari mutlaka

belirteci ile ayirmalisiniz.

HTML-Kodu:

HTML'ye hosgeldiniz

   Bu ilk paragraf

Buna göre asagidaki örnek, okudugunuz dosyanin basindaki örnekle ayni çiktiyi verir.

HTML-Kodu:

</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 'Courier New'"> Burasi konunun yazilacagi yer </SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: 'Courier New'">

   

Bu, 1 numarali baslik

   HTML dünyasina hosgeldiniz. Birinci paragrafimiz.

   Bu da ikinci..

HTML dosyalarinin okunurlugunu artirmak için basliklar ile karsilik gelen belirteçleri ayni satirda, paragraf düzenleyen komutlar ise satir sonunda olmalidir.

Satir sonu belirteci:

Paragraf, iki satir arasinda bir satir bosluk birakirken, satir sonu belirteci kullanildigi kursör alta geçer ve takip eden tüm metin,bosluk birakmadan bir alttan yazilir.

HTML-Kodu:

Bu ilk satir.
 

   Ikinci satir daha uzun.

   Ama bu bir paragraf sonu..

Sayfanin ortalanmasi:

Paragraflar ortalanirken

ve
belirteçlerinden yararlanilir. Ortalanmasi istenen tüm metin, bu iki belirtecin arasina yazilir.

HTML-Kodu:

   In practical terms, HTML is a collection of styles.

  

Baglantilar

HTML'nin en büyük özelliklerinden birisi, tek sayfa ile sinirli kalmamasidir. Böylece bir sayfadan digerine baglanti yapilabilir. HTML'in bu görevini yerine getirmesini saglayan belirteç 'dir Dökümaninizdan baska dökümana baglanti yapabilmek için:

1.) 1. Belirteci girin.(Kisaca ilk satira

2.) 2. Hangi dökümana geçis yapmak istiyorsaniz, ismini yazin. HREF="dosyaismi"
3.) 3. Bu dökümani ekranda hangi isimle göstermek istediginizi belirtin.
4.) 4. Belirteci kapatin.


Kisa bir örnekle açiklayalim:

HTML-Kodu:

Ekranda "Internet Nedir?" yazisi belirecek ve kullanicidan burayi seçmeyi bekleyecektir. Kullanici fare ile bu yazi üzerine tikladiginda ise program kontrolü yine bir HTML dosya olan internet.html dosyasina birakacaktir. Bu durumda bulundugunuz dizinden farkli bir dizindeki dosyaya baglanti yapmak isterseniz, o dosyanin ait oldugu dizini yazmak zorundasiniz.Buna göre "languages/Fortran/introduction.html" dosyasini kullanabilmek için

HTML-Kodu:

seklinde bir belirteç yazmak gerekir.

Kaynak Baglantilari:

HTML'in bir diger özelligi ise, tek bir makinaya bagimli kalmadan diger Internet servisleriyle baglanti kurabilmesidir. Bunun için URL (Uniform Resource Locator) kullanilir. URL, http,gopher, news olabilecegi gibi telnet de olabilir. Kullanim "sentaksi",

HTML-Kodu:

URL-ismi://makina-ismi[:port]/dizinler/dosya-ismi

Burada URL

file : Kendi sisteminizde bir dosyaya,
http : Bir WWW sunucusu üzerindeki dosyaya,
gopher : Gopher sunucusu üzerindeki dosyaya,
news : Bir UseNet newsgroup'taki dosyaya,
WAIS : WAIS sunucusu üzerindeki dosyaya
erismek için kullanilir.

Port numarasi, genellikle yazilmaz. Size aksi durum belirtilmedikçe, kullanmaniza gerek yoktur. Siz de okudugunuz dosyaya ulasmak için

HTML-Kodu:

yazdiniz.

Halihazir döküman bölgeleri baglantilari:

Bir metin üzerinde belirli bölgelere ulasmak için yine belirteçler kullanilabilir. Diyelim ki bir döküman hazirladiniz ve bunu kullanicinin erisebilecegi 2 parçaya ayirmak istiyorsunuz. Yapmaniz gereken, bu üç parçanin isimlerini belirlemek ve dökümanda yerlerini ayirmaktir.

HTML-Kodu:

ile basladiginiz belirteçte önce döküman ismini, sonra da dökümanin içindeki parça ismini girmelisiniz. belirtecinde ise o belirteçten itibaren parçanin basladigini anliyoruz.

Kullanici ilk bölüme gitmek için fareyi kullandiginda ekranda, Ilk bölüm ile ilgili bilgiler burada ifadesini görecektir.

Diger döküman bölgelerine baglanti:

Yukaridaki örnek dogrultusunda farkli olarak tek yapilmasi gereken, döküman ismine, hangi dökümana baglanti yapmak istiyorsak o ismi vermektir.

HTML-Kodu:

Evet arkadaşlar üzülerek belirtmek isterim ki artık ders konularını yazarken gözlerimde çok fazla ağrılar oluşmakta bu yüzden ders konularımı kısa kesmek zorunda kalıyorum inşallah diğer HTML DERS konumuzu daha uzun tutarım.

Diğer html ders konumuz hakkında sizlere ipucu vereyim: Ana Komutlar hakkında çok geniş bir anlatımım olacak şimdiden bütün arkadaşlarıma başarılar dilerim, kolay gelsin.

__________________

PHP- Kodu:


  $originaltext 'Bu metin ihtiva etmez  \n bir new-line!';
  $encoded addcslashes($originaltext'\');
  $decoded stripcslashes($encoded);
  //$decoded şimdi bir kopya ihtiva et  $originaltext mükemmel bütünlük ile 
  echo $decoded//Display mahkum et onunla sözlü n dokunulmamış.
?>

Kalıcı Bağlantı Yorum (yok) Yorum yaz

Komutların Kullanımı ve Ufak bir tasarım

18/5/2008 Kategori : Web Tasarim Bolumu

Yorum (yok)


Komutları ve kullanımını ufak bir web sayfası tasarımı yaparak verecegim, belirteyim..

Bir web tarayicisinin calismasi kısaca su sekilde gerceklesir , web tarayıcı karsıda bulunan Server'a baglanarak belirli bir dosyayi Server'dan ister. Server da internet üzerinden bilgisayara bir metin dosyasi gönderir. Gönderilen metin dosyasini web tarayici yorumlayarak, kodların olup olmadıgına bakar. Bu kodlara göre web sayfasının tasarımı, içerisindeki şekiller ve yazılar düzenlenir.

HTML kullanılarak yazılan kodlara tag denilmektedir. HTML içerisindeki her tag < ve > işaretleri arasında olmaktadir. Her web sayfası tagı ile baslar ve tagı ile biter. Web tarayıcısı bu iki tag'ı gördüğünde bunun bir web sayfası olduğunu anlar ve arasındaki tag'ları ona göre yorumlar. tag'ı içerisinde yer alan / işareti o tag'ın daha önce başlatıldığını ve / ile bitirildigini belirtir. Bir de unutmadan belirteyim her tag "/" isareti ile bitmeyebilir.

Kod:

Örnegin yukardaki satır bir HTML komutudur. Web sayfalarina resim ekleme amacıyla kullanılır. tcbilisim adındaki .gif uzantili resmi belirli bir uzunlukta ve genislikte cercevesiz olarak sayfaya yerlestirme görevini gerceklestirir. Bu vb. komutlar hakkindaki detayli bilgiyi dokumanin ilerki satirlarinda veya ilerki konularinda elimden geldigince anlatmaya calisacagim.

Simdi ilk web sayfamızı yapmaya baslayalim..

İlk olarak notepad'i acalim. En ust satirina yazdiktan sonra 20-25 satırlık bir bosluk birakalim.(Diger komutlari yazacagimiz icin bosluk biraktık) Ve simdi tag'i ile daha once actigimiz tag'ini kapatalim.

Simdi ornekler uzerinde calismalar yaparak daha güzel sekilde olayi kavramaya calisalim ;

Kod:

TcBilisim.ORG




T

C

B

 

G

r

o

u

p

bunlar notepad'e yazdigimiz komutlar olsun.
Bu komutlar hakkinda aciklamalar yapayim simdide ;

taglari icerisinde komutunu icermek zorundadir. <head> komutu altinda bulunan hicbir sey web sayfasi icinde görüntülenmeyecektir. <head> komutunun icerisinde <title> 'dan baska birde <meta> komutu yer alır. Bu komut web sayfasinin arama motorları tarafindan bulunmasi görevini gerceklestirir. Bu komutu da zaman icerisinde ilerleyen derslerde aciklayacagim elimden geldigince.<BR><BR><title> komutu sayfanin basligini belirler. <title> arasina yazdiginiz yazi sayfanin basligini olusturur yani.

HTML kodlari kullanılırken dikkat etmeniz gereken en onemli hususlardan birisi ise kodlarin acilip kapatilmasinin düzenli bir sekilde yapilmasidir. Açılan her kodun içerisinde açılan her kod, aynı sekilde kodun bitisi yapilarak kapatilmalidir.

Gelelim




komutuna. Bu komut komutundan sonra ve den once kullanılır. Web sayfasinin iceriginde görüntülenecek hersey bu



taglari arasinda yer alır.

Web sayfasinda yazılan metinler ekrana notepad'deki gibi yansimaz , komutu verildigi sekilde yansir. Bunu göstermek icin TCB Group yazisini alt alta yazdim , fakat bunu göreceginiz sekil asagidaki ekran görüntüsünde gördügünüz gibi farklidir, yanyanadir.


Simdilik bu kadar , her gün düzenli olarak bu baslik altinda derslere devam edecegim.

Bir sonraki derste görüsürüz

İyi calismalar,,

TCB Group

__________________
Her şeyi bilmene gerek yok, haddini bil yeter...

Kalıcı Bağlantı Yorum (yok) Yorum yaz

Java Hakkında Herşey

18/5/2008 Kategori : Web Tasarim Bolumu

Yorum (yok)

A'dan Z'ye Java

Java sayesinde; animasyonlar, kayan yazılar, web sayfalarında chat, hesap makinesi, oyunlar, şifreleme programları, interaktif web sayfaları, müzik, kelime işlemci, küçük internet appletleri, kocaman paket programlar, resim işleme programları, tercüme programları, sipariş sistemleri, saatler, yazım kontrol programları yapılabilir.

HTML'de Java

Bir applet hazırladığınızda, bunu bir HTML dökümanına yerleştirmelisiniz. HTML 3.2 ile birlikte, Java appletlerin kullanılmasını sağlayan iki yeni eleman çıktı. Bunlar APPLET ve PARAM. Diğer HTML elemanları gibi bu iki elemanın da birçok özellikleri mevcuttur. Fakat ideali, sadece gerekli olan özelliklerin kullanılmasıdır.

APPLET Elemanının kullanılması

APPLET elemanı, HTML dökümanına yerleştirdiğiniz appletin tanımlanmasını ve özelliklerinin tanımlanmasını sağlar. Her HTML elemanı gibi, APPLET elemanının da bir başlangıç tagı ve bitiş tagı vardır.

APPLET elemanı için gerekli olan özellikler: CODE, WIDTH ve HEIGHT'tir. CODE özelliği kullanılacak appleti, WIDTH özelliği appletin genişliğini (pixel), HEIGHT özelliği ise appletin yüksekliğini (pixel) belirlemenizi sağlar. Aşağıda gerekli olan özellikleri ile bir appletin HTML dökümanına bağlanmış şeklini görüyorsunuz.



Maximum Bilgi





Yukarıdaki örnekte HTML dökümanı ve "maximumbilgi.class" adlı java appleti aynı dizinde bulunmalıdırlar. Şayet java appleti farklı bir dizinde ise, opsiyonel CODEBASE özelliğini kullanmanız gerekir.

CODEBASE özelliği, appletin bulunduğu URL‘yi belirtmenizi sağlar. Aşağıdaki örnek, yukarıdaki örneğin hemen hemen aynısıdır. Tek farkı, java appleti başka bir dizinde bulunduğu varsayılarak CODEBASE özelliği kullanılmıştır.



Maximum Bilgi





Diğer opsiyonel özellikleri şöyle sıralayabiliriz:

ALIGN

Appletin konumunu belirlemizi sağlar. Alabileceği değerler ABSBOTTOM, ABSMIDDLE, BASELINE, BOTTOM, CENTER, LEFT, MIDDLE, RIGHT, TEXTTOP, TOP'tır.

HSPACE

Appletin altında ve üstünde ne kadar boşluk bırakabileceğinizi belirleyebilirsiniz. HSPACE‘e vereceğiniz değer, pixel olarak işlenir. Örnek: HSPACE=10

VSPACE

Appletin sağında ve solunda ne kadar boşluk bırakabileceğinizi belirleyebilirsiniz. VSPACE‘e vereceğiniz değer pixel olarak işlenir. Örnek: VSPACE=20

ALT

Appletleri gösteremeyen browserlarda, appletin yerine alternatif bir yazı çıkmasını sağlayabilirsiniz.

NAME

Applete bir isim vermenizi sağlar.

PARAM Elemanının kullanılması

PARAM elemanı ile applete parametre gönderebilirsiniz. PARAM elemanının sadece başlangıç tagı vardır: . Applete göndermek istediğiniz her parametre için bir tagı kullanmalısınız. PARAM taglarını başlangıç tagı ile bitiş tagı arasına yerleştirmelisiniz.

Appletler, tagında belirtilen parametrelere "getparameter()" metodu ile ulaşırlar. tagının gerekli iki özelliği vardır. NAME ve VALUE. NAME özelliği ile parametrenin adı belirtilir ki "getparameter" metodu ile bu isme göre aranır. VALUE özelliği ise parametrenin değerini verir. Aşağıda, applette kullanılacak resmi, parametre ile girilen bir HTML dökümanı örneği verilmiştir.



Maximum Bilgi






Java appletinde, resim parametresinin değeri; Resim_logo=getparameter("Resim") komutu ile okunur.

 

Devamı Gelcekkk

Kalıcı Bağlantı Yorum (yok) Yorum yaz