Recent News

web dersleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
web dersleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Web Dersleri - Site Haritası Hazırlama

Gelin beraber cevap arayalım ”Online Site Haritası Nasıl Hazırlanır” sorusuna.

Öncelikle site haritası mantığını kavramanız gerekli. Birçok kişi biliyordur ama bilmeyenler olduğunu düşünerek ucundan değinmek istiyorum.


Site haritası oluşturulan .xml uzantılı dosyanın adıdır. Eğer arama motorları’nın gözüne girmek istiyorsanız sitenizde site haritası bulundurmak zorundasınız.

Şimdi gelelim servislerimize…

XML-Sitemaps.com
Ücretsiz bir şekilde site haritası oluşturabileceğiniz bir sitedir. Yalnızca 500 sayfa’ya kadar site haritası hazırlayabilirsiniz.

AutoSitemap
Bir diğer servisimiz. Bu servisi kullanarak sınırsız sayıda sayfa oluşturabilirsiniz.

Web Dersleri - Sayfa Açılış Efektleri

görmüşsünüzdür bir çok sitede sayfalar sağa sola dogru açılıyor kare şeklinde açılıyor ve envaii çeşitide var arkadaşlar bende size bi kaçtane gösterecem.

bu kodları head tağları arasına yerleştirmemiz gerekecektir.

META HTTP-EQUIV=”Page-Enter”CONTENT=”revealTrans (Duration=3, Transition=23)”>

Bu kod bloğunun HTTP-EQUIV kısmında bulunan Page-Enter deyimi sayfa açılışında devreye girmesini belirlemektedir. CONTENT kısmındaki revealTrans(Duration=4, Transition=23) kısmındaki Duration değeri sayfa açıldıktan ne kadar süre sonra efektin uygulanacağını, Transition değeri ise nasıl bir geçiş olacağını belirler.

Sayfa geçişleri sırasında kullanabileceğiniz efektler ise aşağıdaki gibidir…

revealTrans(Duration=3,Transition=0)
Kenarlardan ortaya doğru kutu şeklinde açılış…

revealTrans(Duration=3,Transition=1)
Ortadan kenarlara doğru kutu şeklinde açılış…

revealTrans(Duration=3,Transition=2)
Kenarlardan ortaya daire şeklinde açılış…

revealTrans(Duration=3,Transition=3)
Ortadan kenarlara doğru daire şeklinde açılış…

revealTrans(Duration=3,Transition=4)
Alttan üste doğru açılış…

revealTrans(Duration=3,Transition=5)
Üstten alta doğru açılış…

revealTrans(Duration=3,Transition=6)
Soldan sağa doğru açılış…


revealTrans(Duration=3,Transition=7)
Sağdan sola doğru açılış…

revealTrans(Duration=3,Transition=8)
Dikey panjur şeklinde açılış…

revealTrans(Duration=3,Transition=9)
Yatay panjur şeklinde açılış…

revealTrans(Duration=3,Transition=10)
Soldan sağa dama tahtası şeklinde açılış…

revealTrans(Duration=3,Transition=11)
Yukarıdan aşağıya dama tahtası şeklinde açılış…

revealTrans(Duration=3,Transition=12)
Rastgele erime şeklinde açılış…

revealTrans(Duration=3,Transition=13)
Yatayda kenardan ortaya doğru açılış…

revealTrans(Duration=3,Transition=14)
Yatayda ortadan kenara doğru açılış…

revealTrans(Duration=3,Transition=15)
Dikeyde kenardan ortaya doğru açılış…

revealTrans(Duration=3,Transition=16)
Dikeyde ortadan kenara doğru açılış…

revealTrans(Duration=3,Transition=17)
Sağ üst köşeden sol alt köşeye doğru açılış…

revealTrans(Duration=3,Transition=18)
Sağ alt köşeden sol üst köşeye doğru açılış…

revealTrans(Duration=3,Transition=19)
Sol üst köşeden sağ alt köşeye doğru açılış…

revealTrans(Duration=3,Transition=20)
Sol alt köşeden sağ üst köşeye doğru açılış…

revealTrans(Duration=3,Transition=21)
Rastgele yatay çizgiler şeklinde açılış…

revealTrans(Duration=3,Transition=22)
Rastgele dikey çizgiler şeklinde açılış…

revealTrans(Duration=3,Transition=23)
Rastgele açılış…

1-2-3....-23 yazan yerleri değiştirmeniz yeterlidir arkadaşlar kolay gelsin.

Web Dersleri - Resimli ISS Kurulumu

ASP calısırken herkesin yasadıgı sorunlardan biride (ozellikle 0’dan baslayıp hiç bisey bilmeyenlerin ) asp dosyalarını goruntuleyememek.ASP dokumanlarının cogu ISS olayını windows 98’e gore anlatmıs cunku dokumanlar eski.ASP dosyalarınızı goruntulemek icin bir tane WindowsXP kurulum cd’si yeterli.

Windows xp cdsini takın
*Denetim Masasından Program Ekle/Kaldır’a girin. Buradan Windows bileşenlerine geçiniz ve listeden IIS’i (Internet Information Services ) seçiniz.



IIS’e ait özelliklere Denetim Masası/Yönetimsel Araçlar/Internet Information Services (IIS ) linkini kullanabilirsiniz

Tarayıcınıza localhost adresi girdiğinizde Varsayılan Web Sitesi olarak tanımlanmış siteyi görürsünüz. İlk kurulumdan sonra sayfanın dosyaları için tanımlanan klasör c:inetpubwwwroot ’dur. Çalıştırmak istediğiniz asp dosyalarınızı bu klasörün altına koymanız halinde çalıştırabilirsiniz. IIS kurulumundan sonra ASP dosyalarına çift tıklamakla bir ASP dosyasını çalıştıramazsınız. Sadece IIS üzerinde tanımlanmış klasör içindeki ASP dosyaları, tarayıcı üzerinden çağrılmaları halinde çalışabilir. Mevcut bir sitenin kök dizinini değiştirmek için sitenin veya sanal dizinin özelliklene girin Giriş Dizini sekmesinde siteye ait klasörü tanımlayabilirsiniz.

Site Yönetimi
IIS’in server versiyonunda birden fazla web sitesi oluşturabilirken bizim localhost olarak kullanacağımız web sitesini çalıştıran IIS’de bu özellik yoktur. Farklı web sitelerini yönetebilmesi için bir DNS sunucuya ihtiyaç duyacaktır. Birbirinden farklı siteleri IIS üzerinde tanımlamak için sanal dizin özelliği kullanılabilir.

Sanal Dizin
Sabit diskiniz üzerindeki herhangi bir dizini sanal dizin olarak atayabilirsiniz. Sanal dizinlere site altında bir dizin gibi erişilir. (http://localhost/site ) Erişim açısından sitenin tanımlı olduğu klasördeki dizinlerden bir farkı yoktur.
Yeni sanal dizin oluşturmak için Varsayılan Web Sitesi’ne mouse ile sağ tıklayın ve açılan menüden Yeni/Sanal Dizin seçeneğini seçin. Karşınıza çıkan sihirbazda sırasıyla sanal dizinin adını ve sabit diskinizde bulunduğu yeri tanımlayınız. Bu işlemi bitirdiğinizde sanal dizininiz oluşturulmuş olacaktır. Daha sonra bu sanal dizine ait özellikleri değiştirmek için değişiklik yapacağınız sanal dizine mouse ile sağ tıklayın ve özellikleri seçin.

Simdi bir asp kodunu basıl goruntuleriz onunda ornegini vereyim.Son olarak:

ASP Dosyamızı Bilgisayarım/C/Inetpub/wwwroot klasorunun icine kopyalalım.Sonra internet explorer’ı acalım ve adres cubuguna http://localhost/dosyaadı.asp yazıp enter’e basalım. (dosya adı yazan yere asp dosyanızın adını yazın mesela deneme.asp gibi )


umarım anlatabilmişimdir arkadaşlar.Kolay gelsin.

Web Dersleri - Dreamweaver Pop-up Yapımı

Pop-Up mantığı

Evet arkdaşlar önce işin mantığını çözelim. Genelde bu tarz pencereler reklamlarda kullanılır. Ama siz isterseniz baska şeyler içinde kullanabilirsiniz. Örneğin sitenizde bir yarışma başlattınız ve bunu duyurmak istiyorsunuz bence gerekli bir eklenti bu noktada.

Pop-up pencereler mesela index.html sayfasına girdiğinizde kendiliğinden açılan pencerelere verilen isimdir. Günümüzde daha çok reklamlar için kullanıldığından dolayı tarayıcınızın engellemesi muhtemeldir.

Pop-up yapalım

Ön bilgi verdikten sonra yapmaya başlayalım.

  1. Üst menüden windows sekmesine tıkladıktan sonra behaviors’a tıklayalım. Ardından açılan sekmede (+) işaretine tıklayalım.
  2. Açılan menüde open browser windows seçeneğine tıkladıktan sonra gerekli ayarları yapmak için bir ekran gelicek.

Seçenekler ve ayarlar

  • Url to display: Sayfamıza ekleyeciğimiz pop-up pencerenin içeriğini belirler. Yani bir duyuru sayfası koyacaksanız buradan seçmeniz gerekmektedir.
  • Window width ve window height: Boyutlarınızı ayarlamanızı sağlar genişlik ve yükseklik.
  • Navigation Toolbar: İleri, geri, dur ve yenile imgelerini sayfanıza koymanızı sağlar.
  • Menü Bar: Dosya ve düzen sekmelerini koymanızı sağlar.
  • Status Bar: Sitenizde bir link varsa üzerine geldiğinizde tarayıcınızın en altında gideceği url’nin yazmasını sağlar.
  • Resize Handles: Açılacak olan pop-up’un boyutlarını ziyaretçinin değiştirmesine olanak verir.
umarım anlatabilmişimdir arkadaşlar takıldıgınız yerler olursa söylemeniz yeterli.

btl - web Tasarım sınıfı

biz sınıfta 9 kişiyiz zaten 4 erkek 5 kız.Zaten bunlardan bu işi gerçekten yapan 4 kişyiz 4ümüzde erkek diğerleri sadece okumak için geçmek için geliyorlar.Bu iş ile para kazanıyoruz ögrenci olmamızda tabi biraz katkı saglıyor bizi tercih edenler oluyor ama emin olun güzel işler yapıyoruz sizde bize destek olun sizin içinde elimizden geleni yapalım.

Btl - Web Tasarım Hizmetleri

arkadaşlar gene geldik öylesine takılıyoruz php ile ilgili projeler web tasarım ile ilgili projeler yapıyoruz hemde uygun fiyatlara eger bizimle beraber çalışmak istiyorsanız bizimle irtibata geçmeniz yeterlidir.

ulaşma maili : smtdncr@gmail.com adresine mail bırakabilirsiniz.

elimizden geldiginin en iyisini yapmaya çalışıyoruz.

Web Dersleri, Web tasarım, Web

evet arakdaşalr web dersleri web tasarım ve daha fazlası için bunlar php olabilir html olabilir bunların hepsini bir arada topladık.

web derslerimiz web tasarım hizlerimiz başladı

Php-html-mysql .... ve daha fazlası kodkolik.blogcu.com adresinde.

Web Dersleri de aynı adresde Bunlar Beleş :)

Web Tasarım hizmetlerimiz hem orada hemde Mail yoluyla ulaşabilirsiniz.

süper kalite süper hizmet uygun fiyata Web Tasarım hizmetleri

hepinize kolay gelsin arkadaşlar bekliyoruz ;)

İnsanlar Web sayfalarını nasıl inceliyor

Kullanışlılık konusunda danışmanlık hizmetleri veren UIE insanların tipik bir üç sütunlu web safasını nasıl gözlediklerini takip etmek amacıyla bir göz takibi çalışması gerçekleştirmiş.
Çalışmada ortaya çıkan temel bazı bulgular şunlar:
Kullanıcılar öncellikli olarak orta sütuna, sonra sol sütuna, en son olarak ta sağ sütuna göz atıyorlar.
Kullanıcılar asıl sayfa olarak orta sütunu kabul ediyorlar, ek ilgiye ihtiyaç duyduklarında sol ve sağ sütunlara bakıyorlar.
İlginç bir bulgu da kullanıcıların sitede neyi nerede bulabildiklerini kısa sürede öğrenmeleri. Araştırmaya göre kullanıcılar, görevleriyle ilgili bilgiyi nerede bulacaklarını ve reklamlar gibi işleriyle alakasız alanları nasıl göz ardı edeceklerini kısa zamanda öğreniyorlar.
Kullanıcılar ancak sayfanın "layout"unun değiştiği durumlarda, bir sayfa ile ilgili göz atma stratejilerini değiştiriyorlar. Örneğin, e?'yi takip eden bir kullanıcı, orta sütunda ana içeriğin yer aldığını, orta üstte reklam ve onun altında da üye menüsünün olduğunu biliyor. Kullanıcı, sayfayı açtığında ilk olarak orta kısma bakıyor, yeni bir şey yoksa sağdaki yeni yorumlar kısmına bakıyor. (Özellikle anket eklenene kadar)Sol menü yalnızca konular arası dolaşım gerektiğinde kullanılıyor. İnanıyorum ki, sağ menüdeki "Nedir?" kısmında ufak değişiklikler yapsam uzun süre kimse farkına varmaz. :)
Kullanıcılar tamamıyla incelemeden, önceki deneyimleri ve beklentilerine dayanarak sayfanın içeriğinin alakalı olup olmadığına karar veriyorlar. Yani her zaman reklam olan bir bölümdeki reklamın yerine benzer görünümde bir bilgi yerleştirildiği takdirde, bu bilginin reklam sanılıp göz ardı edilmesi ihtimali büyük.
Kullanıcılar içerikle ilgileniyor olsalar bile, sitedeki reklamlar kullanıcıların üzerinde çalıştıkları işleriyle ilgili ise onlar için çekici olabiliyor.

131 Adet web 2,0 photoshop style





http://rapidshare.com/files/49661529/Web_2.0_Photoshop_Styles.rar


Virüs Taramasıdnan Geçiriniz.

Frontpage Dersleri komutları 2

Ders 3: Sayfaları Bağlayın

Internet’i Internet yapan, ya da Internet’in bugüne kadar bilgisayarlar arasında kurulan bağlantıların en kolayı olmasını sağlayan, herhalde, bağlandığımız bir bilgisayarda duran dosyaları kendi bilgisayarımıza aktarma ve o bilgisayarda işimiz bittiğinde başka bir bilgisayara geçmenin olağanüstü kolay olmasıdır. Internet’te siteden siteye gezenler arasında, yaptıkları işin gerçekte başka bilgisayarlarla kendi bilgisayarları arasında bağlantı kurmak ve o bilgisayardan kendi bilgisayarına dosya aktarmak olduğunu bile bilmeyenler vardır.
Bu noktaya kadar daha tek satır HTML kodu yazmamışsak da, FrontPage’e yaptırdığımız sayfalarda, sayfalarmız arasında gidip-gelmeyi sağlayan bağlantı kelimelerinin arkasında bu tür Hyperlink’ler bulunduğunu biliyoruz. FrontPage, yeni bir sayfa yaptığımız veya mevcut sayfaların site planındaki yerini değiştirdiğimiz zaman sayfalardaki bağlantıların gerektirdiği HTML komutlarını kendisi yazıp-düzeltiyor. Fakat FrontPage’nin kullanmaya hazır sitesini kendi planımıza uydururken, kendi sitemiz dışındaki sitelere veya bu sitelerin belirli sayfalarına bağlantı vermek gerekiyor ve bağlantıların hedeflerini biz belirtmek zorundayız.
Inrternet’teki sitelerin ve bu sitelerdeki sayfaların adreslerinin teknik adı “URL Adresi” veya kısaca URL’dir. URL, Universal Resource Locator kelimelerinin kısaltılmışıdır ve Evrensel Kaynak Yeri Belirleyici gibi bir anlamı vardır. Internet’in küresel aleminde, her site bir kaynak sayılıyor; bu kaynak aleminde belirli bir sitenin veya sayfanın bulunması için geliştirilen sistem ise belirli bir iletişim protokolü ile aradığınızda size aradığınız yerin hangi ülkede, hangi ağda, hangi bilgiyarda olduğunu belirliyor.
Internet’te kaynakları (siteleri, sayfaları) ya Hyper Text Transfer Protocol (HTTP) kuralları ile, ya File Trasfer Protocol (FTP) kuralları ile, ya da Simple Mail Transfer Protocol (Basit Posta Aktarma Protokolü) ile arayabilirsiniz. Gerçi kullanabileceğiniz başka protokoller de vardır; ama bunlar giderek daha az kullanılır hale geliyor. Web sitelerini oluşturan HTML sayfaları, Internet’te HTTP protokolü ile alınıp-verilirler. İçeriğini görmeden bir bilgisayardan diğerine dosya aktarmak için FTP kullanılır. Elektronik Posta programınız ise SMTP ile mektup alır-verir.
Bu kadar teknik bilgi yeter; şimdi FrontPage’yi yeniden çalıştırıp, hem mevcut planı kendi kağıt üzerindeki planımıza uydurmaya devam edelim; hem de başkalarının sitelerine bağlantılar verelim.
Site İçi Bağlantılar
Kağıt üzerindeki planımıza göre, başkalarının sitelerine bağlantılar vereceğimiz, yarışma ve sergileri duyuracağımız bir sayfamız olacaktı. O halde, önce ana sayfayı, sonra da Yeni Sayfa simgesini tıklayın. Sayfaların en sonunda New Page adıyla yeni bir sayfanız olacaktır.
Biliyoruz ki, bu sayfanın aslî bütün unsurları yerindedir. Bu sayfanın simgesini sağ-tıklayın; açılan menüden Rename/Yeniden Adlandır’ı seçin ve sayfanın adını “Baglantilar” yapın. Sonra, sayfanın simgesini mouse işaretçisi ile tutup, “Öneriler Tartisma Sorular ve Cevaplar” sayfası ile “Ara” sayfasının arasına bırakın.
Sonra, bu sayfa seçili iken üç kere Yeni Sayfa simgesini tıklayın; yeni sayfalarınızı “Baska Siteler,” “Sergiler” ve “Yarismalar” olarak yeniden adlandırın.
Şimdi sitelerimizin son şeklini bir karşılaştıralım:

Şimdi Baglantilar sayfasını iki kere tıklayın ve Editör’de açılmasını sağlayın. Metin imlecinin bulunduğu yere şu paragrafları yazın:
“Soldaki bağlantıları tıklayarak, benim çok yararlı bulduğum Başka Siteler'in listesine ve derleyebildiğim bazı Sergiler ve Yarışmalar ile ilgili duyuruların bulunduğu sayfalara ulaşabilirsiniz.
Bu listeler Internet'te bulabileceğiniz sitelerin tümünü içermemektir. Burada bağlantı vermemi arzu ettiğiniz bir siteniz varsa veya böyle bir sitenin adresini biliyorsanız, bana Elektronik Mektup gönderebilirsiniz veya Öneriler sayfasındaki formdan yararlanabilirsiniz.”
İki paragrafı da girdikten sonra, “Başka Siteler” kelimelerini seçin, Araç Çubuğu’nda harfleri koyu renkli hale getirmekte kullandığınız Bold simgesini (B harfi biçiminde) tıklayın. Aynı şekilde Sergiler ve Yarışmalar kelimelerini de koyu harfe çevirin. Bunu da tamamladıktan sonra sıra geldi, sitemizin içindeki bir sayfaya, bu paragraftan bağlantı vermeye.
Ziyaretçilerimiz ana sayfadan Öneriler sayfasını seçerek, Öneriler sayfasına gidebilirler. Bu sayfa, yatay olarak sağındaki ve solundaki sayfalara da bağlantılı olduğu için, Yenilikler sayfasının İlerle Bağlantılar sayfasının Geri düğmeleri (kelimeleri) ziyaretçilerimizi Öneriler sayfasına götürecektir. Fakat biz, Bağlantılar sayfasındaki metinde, “Öneriler sayfasındaki” kelimelerini tıklayanların da bu sayfaya ulaşmasını istiyoruz.
O halde, metinde bu iki kelimeyi seçin ve Araç Çubuğu’ndaki Create or Edit Hyperlink (Bir bağlantı oluşturun ve düzenleyin) simgesini (çevresinde zincir halkaları bulunan dünya simgesi) tıklayın. Açılacak kutuyu biraz inceleyelim:

//////////////////////////////KUTU/////////////////////
Dosya adlarınız farklı mı?
Sizin ekranınızdaki Edit veya Create Hyperlink kutusu ile burada gördüğünüz kutudaki dosya adları farklı mı? Elbette farklı. Çünkü ben FrontPage’in oluşturduğu dosyaların adlarını Navigation görüntüsünün alt bölümünden yararlanarak değiştirdim. Navigation görünümünde, üst tarafta sitenizin simgeli planını, alt tarafında ise dosya ve klasör adlarını görüyorsunuz. Bu kitapçıktaki örnekleri aynen yapıyorsanız, bu bölümde Newpage1.htm...Newpage5.htm adıyla bir takım dosyalar göreceksiniz. Bunlardan birini tam dosya adından sağ tıklayın, açılacak menüden Rename/Yeniden Adlandır maddesini seçin. Yeni dosya adı olarak, sayfanın başlığına uygun bir ad verin: mesela Fotograflarim sayfasına Foto.htm adını verebilirsiniz. Bir dosyanın adını değiştirdiğiniz zaman FrontPage o dosyaya yapılan bütün otomatik atıfları düzeltecek, bütün otomatik Link’leri güncelleştirecektir. Bu dosyaya otomatik olmadan bir link vermişseniz, FrontPage, bu link’i güncelleştirmek için izin isteyecektir.
/////////////////////KUTU BİTTİ//////////////////////////////
Sitenizde bir unsura (bir veya bir kaç kelimeye, ya da bir grafik unsura) yine sitenizde bir başka sayfaya veya başka bir siteye (ya da bu sitede belirli bir sayfaya) bağlantı sağlamak için aynı kutuyu, Create Hyperlink (Hiperlink oluştur) kutusunu kullanırız. Fakat kendi sitemizdeki bir dosyanın bağlantısı ile başka bir sitenin bağlantısı için farklı işlem yapmamız gerekir. Açılan kutuda dört bölüm olduğunu görüyorsunuz. En üstteki “Look in” (İçinde ara) kutusu, sizin bilgisayarınızda (veya bilgisayarınzın bağlı olduğu yerel alan ağında) kurulu birden fazla fazla kişisel Web varsa, bağlantı kurulacak unsuru bu farklı Web’lerde aramanızı sağlar. İşiniz gerçek Internet’te Web işletmeciliği değilse, büyük bir ihtimalle sabit diskinizde bir adet FrontPage Web veya Microsoft Kişisel Web Server Web’i kurulu olmalı! Dolayısıyla, sitenizde bir başka sayfaya bağlantı vereceğiniz zaman, aradığınız sayfanın bulunduğu site, Varsayılan Web olarak zaten seçilmiş olacaktır; Look In kutusunda bir tercih yapmanız gerekmeyecektir. Create Hyperlink diyalog kutusunun ikinci bölümünde, Look In kutusunda adı yazılı olan sitenin içerdiği bütün klasörleri ve dosyaların listesini göreceksiniz. Kurmak istediğiniz bağlantı kendi sitenizin içinde bulunduğuna göre, bağlantının hedefi olan dosya da şu anda bu listenin içinde bulunuyor. Nitekim, bu kitapçıktaki örnekleri aynen yapıyorsanız, karşısınızdaki listede adı “oneriler.htm” başlığı “Oneriler TartıSma Sorular ve Cevaplar” olan dosyayı görebilirsiniz. Kurmak istediğimiz bağlantının hedefi bu dosya olacak. Dolayısıyla adını bir kere tıklayın; diyalog kutusunun üçüncü bölümü olan “URL:” kısmına bu dosyanın adının yazıldığını göreceksiniz. Bağlantı sağlama işimiz tamamlandı; OK düğmesini tıklayarak, Editör’e geri dönebiliriz. Ama bu diyalog kutusunu tanıma işimiz bitmedi. Daha sonra bu kutunun üçüncü ve dördüncü bölümlerini ele alacağız.
Editör’e geri döndüğünüzde, “Öneriler sayfasına” kelimelerinin renginin ve stilinin değiştiğini, hyperlink stiline dönüştüğünü göreceksiniz. Bağlantının işe yarayıp yaramadığını sınamak için Ctrl tuşunu tutarak bu kelimelerden birini tıklayın; karşınıza Öneriler sayfasının gelmesi gerekir.
Site Dışı Bağlantılar
Create Hyperlink kutusunu incelemeye geri dönebiliriz. Ama bunun için önce site dışı bağlantı vereceğimiz sayfanın içeriğini oluşturalım.
Microsoft Word, Corel WordPerfect veya yazayacağınız yazıyı RTF formatinde saklayabilecek bir kelime-işlem programı açın ve başlayın yazmaya:
Faydalı Siteler ve Sayfalar:
Internet’te amatör fotoğrafçıların yararlanabileceği bir çok site var. Bunların bir kısmını inceledim ve Sık Kullanılanlar listeme aldım. Sizin için de yararlı olacağına inandığım bu sitelere aşağıda sıraladığım adlarını tıklayarak ulaşabilirsiniz.
Bir uyarı: Amatör fotoğrafçılar bütün paralarını fotoğrafçılığa harcadıkları için, çoğu zaman Internet sitelerini devam ettiremiyorlar. Bağlantıları kopuk bulursanız, bana elektronik mektupla bildirebilir veya Öneriler sayfasındaki formu doldurabilirsiniz.
Bir uyarı daha: Sitelerin sadece fotoğrafçılığa ait olmasına dikkat ettim. Ama, hiç belli olmaz! Bir sebeple beğenmezseniz, Tartışma sayfamızda yeni bir tartışma başlatabilirsiniz.
Siteler:
Bu beş paragrafı, RTF biçiminde ve mesela “Baska Siteler.rtf” adıyla saklayın. Üsteki ve alttaki iki başlığın koyu renkli ve ortalanmış olduğuna dikkat edin. Ayrıca, “Bir Uyarı” ve “Bir uyarı daha” kelimeleri de koyu renkli olacak.
Sonra, ziyaretçilerimize sunacağımız başka sitelerin adlarını ve adreslerini içeren şu listeyi aynen yazın ve düz yazı dosyası olarak (ve mesela “Foto siteleri linkleri.txt” adıyla) saklayın, fakat düz yazı programını kapatmadan önce bu listenin tümünü seçerek ve düz yazı programınızın kullarına uygun şekilde (büyük bir ihtimalle Ctrl+C tuşuna basarak) Windows’un panosuna alın. (Yerinizde olsam, diğer metinleri alıştırma amacıyla yazardım, ama bu metni PCWorld’ün Internet sitesinden indirirdim! Eğer bu listeyi yazmıyorsanız dikkatle inceleyin. ve kodu HTML’de bir link belirtmekte kullandığımız Anchor komutunun kodlarıdır ve Hotlink Reference/href ile birlikte yazılır. Bu bağlantının bizim sitemizin dışında bir yere işaret ettiğini URL adresinden anlıyorsunuz. Örneğin İFSAK için adres "http://www.geocities.com/SoHo/Museum/9404/homepage.htm" olarak veriliyor.
ise HTML dilinde “Satır başı yap, ama iki paragraf arasında olması varsayılan aralık olmasın” anlamına gelir!)

IFSAK

Rushden & District Photographic Society

Jason's Amateur Photography Page

Poole Productions Photography

Tripping Long Haul

Japan Photo Studies

Yosemite National Park Photo Gallery

Scottish Photographic Federation

History of Kodak

Ryan's Web Site

Russian Amateur Photography

Bill Strong's Photo Tour

The Amateur Photography Ring

Boyd Harris Travel Photography

JW's Place - Photography, Image Galleries

Welcome to Chase Photography

Jon Hall's Photographic Galley


Şimdi biri RTF biçiminde sadece sabit diskte, diğeri düz yazı biçiminde hem sabit diskte, hem de Windows’un hafızasında iki dosyanız oldu. FrontPage’in Navigation görünümünde Baska Siteler sayfasını iki kere tıklayarak, açın. Metin imlecini yanıp-söndüğü yerden oynatmadan, Insert menüsünden File maddesini seçin ve RTF biçiminde sakladığınız beş paragraflık yazıyı (başka isim vermedinizse Baska Siteler.rtf adlı dosyayı) bulup, OK’i tıklayın. Koyu renk ve ortalama gibi biçimlendirmeleriniz aynen HTML’e çerilmiş olmalı. Şimdi, “Siteler:” kelimesinin sonunu tıklayın ve Enter’a basın.
Tek kelime bilmeden Web sitesi yapacağız, dedik ama HTML’in hiç de yüzünü görmeyeceğiz, demedik. Editör penceresinin sol alt kenarında Normal, HTML ve Preview sekmelerine daha önce işaret etmiştik. Şimdi HTML sekmesini tıklayın. Herşeyi birlikte yapıyorsak, karşınıza aynen şu görünüm gelmiş olmalı:

Normal görünümde metin imleciniz, “Siteler:” kelimesinin altında boş bir yerde idi. Son kelime ortalanmış ve koyu renkliydi; tam o noktada Enter tuşuna bastığımız için yeni paragraf da tek kelimelik son paragrafın özelliklerini aldı, ve imlecinizi

kodlarının ortasında buldunuz. HTML öğrenmeye bu noktada başlamayacağız, tabiî. Ama buradaki kodlar bu paragrafın (

Wink ortalanacağını (ALIGN=”CENTER”Wink ve koyu renkli (bold) olacağını (Wink gösteriyor. “ ” ise satırı bölmeyen boşluk (non-breaking space) anlamına geliyor. Şimdi buradaki kodları şu şekle getirin:

. (HTML öğrenmeye burada başlamayacağız dedik, amahiç olmazsa ne yaptığımızı bilmemiz bakımından; ortalamayı ve koyu harf özelliklerini kaldırıyoruz, paragrafın bittiğini belirtiyoruz. Bu değişikliği yaptıktan sonra metin imlecinizi “>” ve “<” işaretlerinin tam ortasına getirin; (biraz önce düz yazı programında listeyi panoya almıştığınız değil mi?) ve klavyede Ctrl+V tuşlarına basın. Biraz önce panoya aldığınız link adresleri ve sitelerin adlarını içeren HTML kodlarını sayfanızın HTML kodlarının arasına kopyalayın. Kim demiş HTML yazmıyoruz, diye! Sonra, Normal sekmesini tıklayın; sayfamıza geri döndüğümüzde, tavsiye ettiğimiz siteler ve bağlantılar olması gerektiği gibi gösterilmiş bulunuyor:
Çok güzel. Fakat Rushden Bölgesi Fotoğrafçılık Derneği’nin bağlantısını tıklarsanız, Browser’ınızın hata mesajı verdiğini göreceksiniz; çünkü bağlantıda bir hata yapmış bulunuyoruz. Adresin doğrusu "http://www.rdps.freeserve.co.uk/" şeklinde olacak.
Yukarıda, FrontPage’in HTML koduna, HTML kodu “ithal” ettik. Fakat şimdi düzeltmeyi “elle” yapacağız, böylece FrontPage’in Edit “Hyperlink” kontrol kutusunu tanımış olacağız. Şimdi, metin imlecini, linklerinizden ikincisi olan Rushden Derneği’nin satırısına getirin ve daha önce site içi bağlantılar için yaptığımız gibi, Hyperlink simgesini tıklayın:

Biraz önce, yeni bir bağlantı oluşturmak için bu simgeyi tıkladığımızda açılan kutunun başlığı “Create Hyperlink” (Hyperlink oluştur) iken şimdi kutunun adının “Edit Hyperlink” (Hyperlink düzelt) olduğunu görüyorsunuz. Yine önceki kutudan farklı olarak bu kez URL hanesinde biraz önce HTML dosyası olarak kopyalayıp-yapıştırdığımız listedeki adresin yer aldığına dikkat edin. Mouse işaretçisini URL kutusunun içine tıklayın ve adresin sonundaki “com” harflerini “co.uk” yapın, OK’i tıklayın.
Bu kutunun URL hanesinin sağındaki simgeleri aşağıda, “Target Frame” bölümünü daha sonra ele alacağız.
Elektronik Posta Bağlantısı
Bu arada, RTF dosyası olarak getirdiğimiz beş paragraflık metinde, en az iki yere “link” vermemiz gerektiğini farkettiniz mi? Birincisi, “Bana elektronik mektup gönderebilsiniz” dediğimiz yer; diğeri aynı cümlede Tartışma sayfasına yapılan atıf.
Bu dersin başında, site içi bağlantı konusunu ele alırken, Baglantilar sayfasından Oneriler sayfasına bağlantı yapmıştık. Aynı şeyi siz burada da Tartışma sayfası için yapabilirsiniz. Birlikte elektronik posta bağlantısını ele alalım.
Hatırlıyorsanız, Internet’de bilgisayarlararası alış veriş protokollerinden birinin Posta Ulaşım Protokolü (SMTP) olduğundan söz etmiştik. Elektronik postanın hangi protokolle gelip-gittiği bir süre öncesine kadar kullanıcı açısından önem taşıyordu. Fakat günümüzde elektronik mektup alış verişini de artık Browser programları yapıyor. Browser programları ise elektronik posta bağlantısı ile HTTP ve diğer bağlantı türleri arasındaki farkı, sayfa tasarımcısının bu bağlantıya verdiği kod sayesinde anlayabilirler. Elektronik posta adresi ile bağlantılı bir link kelimesini (veya grafiğini) tıklayan ziyaretçinin Browser programı elektronik posta bölümünü çalıştıracak ve alıcı hanesine bizim adresimiz yazılmış bir yeni mektup formu açacaktır.
Yine teoriyi fazla uzatmadan, uygulamaya geçelim; biraz önce kendi sitemiz içinde ve kendi sitemiz dışında verdiğimiz bağlantılarla elektronik mektup adresi bağlantısı arasındaki farkı görelim. Bu bağlantıyı sağlamak için, Başka Siteler sayfasında “elektronik mektupla” kelimelerini tarayarak seçin ve Araç Çubuğu’nda “Create or Edit Hyperlink” simgesini tıklayın.
Kutu, bu iki lekimede bir bağlantı mevcut olmadığı için “Create Hyperlink” (Bağlantı oluştur) başlığıyla açıldı. URL hanesinin sağında dört simge görüyorsunuz. Bunlardan üzerinde büyüteç olan dünya şeklindeki simgeyi tıklayarak Web Browser’ınızı çalıştırabilir ve Internet’te kısa bir turla arzu ettiğiniz site veya sayfaları bulup, bu site veya sayfanın adresini URL hanesine yazdırabilirsiniz.
Üzerinde büyüteç olan klasör şeklindeki ikinci simge ise bilgisayarınızdaki bir dosyaya bağlantı vermenizi sağlar. Fakat hemen belirtelim: bu dosya sizin bilgisayarınızda durduğu sürece, sitenizi Internet’e “koysanız” bile, bu dosyaya verdiğiniz bağlantı, ziyaretçiler açısından bir işe yaramayacaktır. (Tabiî Web Server sizin bilgisayarınızda çalışıyor ve bilgisayarınız da bir kablo ile Internet’e bağlı ise, mesele yok. Ama sitenizi bir evsahibinin Web Server’ına “gönderecekseniz,” bağlantıların sizin bilgisayarınızdaki dosyalara değil Web Server’da bulunan dosyalara işaret etmesi gerekir. Bunu, bu dosyaları FrontPage’in sabit diskinize kurduğu FrontPage Web’e aktararak ve bağlantıları sabit diskte bir klasöre değil, FrontPage Web’e işaret ederek sağlamanız gerekir.
Bu simgelerden zarf şeklindeki üçüncüsü, şu anda aradığıımız elektronik adres linki verme aracıdır. Dördüncü simge ise boş bir sayfa oluşturup, bu sayfaya link vermekte kullanılır. Eğer “elektronik mektupla” kelimeleri halâ işaretli ise şimdi, elektronik adres linkini tıklayalım.

Ve açılan kutuda Type an E-mail address (Bir elektronik posta adresi yazınız) denilen yere adresimizi yazalım; OK’ye tıklayalım. Bağlantı oluşturma diyalog kutusuna geri döndüğünüzde URL hanesine “mailto:hocal@pcworld.com.tr” (veya siz nasıl bir adres yazdı iseniz, o adresin) yazıldığını görüyor musunuz? Belirttiğimiz gibi Internet’de URL adresi, HTTP, FTP veya elektronik posta adresi olabilir. Nitekim, kutunun da OK düğmesini tıklayarak, Baska Siteler sayfasına döndüğünüzde, “elektronik mektupla” kelimelerinin de diğer bağlantı kelimeleriniz gibi özel biçime girdiğini göreceksiniz.
/////////////KUTU///////////////////
FrontPage Editör’de, yaptığınız bağlantıları izlemek istiyorsanız, bağlantı kelimesinin veya resminin üzerini, klavyede Ctrl tuşunu tutarken tıklayın. Sanki sayfanız gerçekten Internet’te imiş gibi, sayfa bağlantılarını izleyebilirsiz.
FrontPage Editör’de Mouse işaretçisini herhangi bir bağlantı kelimesi veya grafiğinin üzerine getirdiğinizde, pencerenin sol alt kenarında bağlantının URL’i gösterilecektir.
////////////////////////KUTU BİTTİ/////////////////
Bağlantıları Kaldırmak İstiyorsanız
FrontPage’de, sitenizdeki bir sayfayı kaldırmanız halihde site içi bağlantıları, dışarıya verdiğiniz bir bağlantıdan bağlantıdan vaz geçmeniz halinde de site dışı bağlantıları kaldırmanız gerekir.
FrontPage, otomatik olarak kurduğu site içi bağlantıları, bağlantılı sayfa silindiği taktirde kendiliğinden kaldıracaktır. Kimi zaman bir sayfayı silmeden, site dışında bırakmak isteyebilirsiniz. FrontPage, bu durumda da bağlantıları yok edecektir.
FrontPage Explorer’da Navigation görünümünde iken, kaldırmak veya site dışı bırakmak istediğiniz bir sayfayı sağ-tıklayın ve açılacak kutuda ne yapmak istediğinizi belirtin:

Açılacak kutudaki birinci tercih, (Remove this page from all navigation bars) sadece bu sayfayı site dışı bırakır. İkinci tercih (Delete this page from the FrontPage Web) sayfayı hem tümüyle yok eder, hem de bağlantılarını kaldırır. Site dışı bağlantıları kaldırmak ise otomatik olarak yapılamaz; bu tür düzeltmeleri sizin yapmanız gerekir.
Sayfalarınızdaki Navigation çubuklarında farkettiğini gibi, FrontPage, sitenizdeki sayfaların birbirine göre konumunu, hangi sayfadan hangisine geçilebileceğini ve bütün sayfalardan ana sayfaya bağlantıyı kendisi otomatik olarak veriyor. Fakat bazen sitenin bir sayfasının içindeki bir kelimeden bir başka sayfaya bağlantı kurulabilir. Bu bağlantı FrontPage için otomatik Navigation bağlantısı sayılamaz. Bu bağlantıların düzeltilmesi yarı-otomatik olarak yapılır.
FrontPage site içi ve dışı, Navgation çubuklarında veya metinlerde ve grafiklerde, kendi kurduğu veya sizin kurduğunuz bütün sayfaların bütün bağlantılarının bir envanterini tutar. Bu envantere göre durumu bilinmeyen veya koput bağlantıları, FrontPage Explorer’da Hyperlink Status (Bağlantıların Durumu) görünümünde inceleyebilirsiniz:

Buradaki örnekte, Bugs.htm sayfasını sildikten hemen sonra sitenin bağlantı statüsünü görüyoruz. Bugs.htm sayfasına verilen bağlantının koptuğu (Broken/Kopuk) kelimesiyle belirtiliyor. Diğer bağlantılarımızın önündeki “Unknown/Bilinmiyor” kelimesi ise, FrontPage’in bu bağlantıyı sınamadığını gösteriyor. FrontPage, bir Web Browser gibi, bağlantı verdiğiniz bütün siteleri arayıp, verdiğiniz adresin işe yarayıp, yaramadığını sınayabilir. FrontPage’in bunu yapabilmesi için, kurulu olduğu bilgisayarın Internet bağlantısı olması şarttır. Linklerinizi sınamak istiyorsanız, Tools/Araçlar menüsünden, Verify Hyperlinks/Bağlantıları Doğrula maddesini seçmeniz yeter:

FrontPage, bütün bağlantılarınızı tek tek arayarak, temas kurulup kurulamadığını araştıracaktır. FrontPage’in yukarıdaki envanteri verdikten sonra yaptığı doğrulama araştırması, benim bilgisayarda şu sonucu veriyor:

Biri dışında durumu bilinmeyen bütün bağlantıların doğrulandığını, yanlarındaki OK/Tamam yazısından anlıyoruz. FrontPage, “Fotosite.com” adresinin kopuk olduğunu bildiriyor. (Tabii bildirir; çünkü böyle bir site yok. Örnek olarak, biz uydurmuştuk!) FrontPage’nin sitemizi ilk oluşturduğu sırada yaptığı Bugs sayfasını işimize yaramayacağı düşüncesiyle biz sildik; sayfanın bütün bağlantıları otomatik olarak kaldırıldı; fakat bu sayfaya bir bağlantı halâ durduğu için, FrontPage tarafından kopuk olarak işaretleniyor.
Şimdi bu bağlantıyı kaldırarak, bir bağlantı kaldırma alıştırması yapabiliriz. Kopuk bağlantının bulunduğu sayfanın adını sağ-tıklarsanız, açılacak menüde, Edit Hyperlink/Bağlantıyı Düzelt ve Edit Page/Sayfayı Düzelt şeklinde iki tercihiniz olduğunu görürsünüz. Bu maddelerden birincisi size, mevcut HREF komutunun karşısındaki URL adresini yenileme imkanı verir. Bu maddeyi seçerseniz, karşınıza şu kutu gelecektir:

Bu kutunun yardımıyla, olmayan sayfaya (bu örnekte, sildiğimiz Bugs.htm sayfasına) verilen bütün bağlantıları başka bir sayfaya aktarabiliriz. Olmayan sayfaya bağlantı Tavsiye.htm sayfasından geliyor. Kutunun birinci bölümündeki “Replace hyperlink with/Bağlantıyı ... ile değiştir” kutusuna olmayan sayfanın yerini alacak bir bağlantımız varsa, o sayfanın adını yazabiliriz. Böyle bir sayfa olduğunu biliyor, ama dosya adını tam bilmiyorsanız, Browse/Gözat düğmesini tıklayarak, bu dosyayı arayabilirsiniz. Kimi zaman, bu bağlantının yerini başka bir sayfanın almasını istemeyebilirsiniz. O zaman ya kopuk bağlantılı sayfanın adını sağ tıkladığınız zaman çıkan menüde ikinci maddeyi ya da burada sağda gördüğünüz Edit Page/Sayfayı Değiştir düğmesini tıklayarak, kopuk bağlantının bulunduğu sayfayı Editör’de açıp, bağlantıyı elle kaldırmanız gerekir.
Biz şimdi bu ikinci yolu izleyerek, Tavsiyeler sayfasındaki bağlantıyı yok edelim. Burada Edit Page düğmesini tıkladığımızda, Editör, tavsiyeler.htm dosyasını (başka bir deyişle, Tavsiyeler sayfasını) açacak ve kopuk bağlantının bulunduğu kelime veya kelimeleri (veya grafiği) seçecektir:

Bu sayfa, FrontPage tarafından otomatik yapılmış İngilizce bir sayfa olduğu ve henüz kendi içeriğimizi koyarak düzeltmediğimiz için, içeriği ile fazla ilgilenmeden, sadece bağlantısına bakalım. Aynı işlemleri yapıyorsanız, karşınızdaki sayfada Bug Report Form kelimelerinin seçildiğini göreceksiniz. Sayfada başka bir yeri tıklamadan, Edit/Düzen menüsünde Unlink/Bağlantıyı kaldır maddesini tıklayın. Bağlantının bulunduğu üç kelime, bağlantı biçiminden çıkacaktır. FrontPage’de herşey kolay demiyor muydum?
FrontPage’de bağlantı verme ve bağlantı kaldırma konusunu ele aldığımız bu dersin sonuna geldik. Bu derste bir kaç yerde “bağlantı verilmiş kelime veya kelimeler ya da grafikler..” dediğimizi farketmiş olmalısınız. Şu ana kadar, bir kaç sayfaya fotoğraf koyarak, sayfamızı güzelleştirdiğimiz halde, grafiklere nasıl bağlantı verilebileceğine değinmedik. Gelecek derste, sayfa biçimleme konusuna biraz daha yakından bakarken, grafiklerimize de bağlantı verme alıştırması yapacağız.

Frontpage Dersleri komutları 1

Birinci derste, neden bir Web sitesi sahibi olmamız gerektiğine ilişkin bazı soruları yanıtladık; ve daha sonra bu sorulara verdiğimiz cevaplara göre, sitemizi kağıt üzerinde planladık. Sonra, FrontPage’in hazır şablon sitelerinden birini, bir şirketin müşteri ilişkileri sitesi için tasarlanmış şablonunu seçtik ve bu sitenin içi doldurulmaya hazır sayfalarını, kendi planımıza uygun bir tarzda adlandırdık. FrontPage’in hazır sitesi, bize planımızda değişiklik yapma fikri de verdi. Örneğin planda sadece bir ziyaretçi defteri öngörmüştük; FrontPage’in kolayca bize tartışma sayfası açabileceğini farkedince, sitemize bir de tartışma sayfası koymaya karar verdik. Ayrıca FrontPage’nin oluşturduğu sitede “Arama” adlı bir sayfa vardı; ki ona da dokunmadık ve sitemize onu da dahil ettik. Bu arada, Microsoft tasarımcılarının aklına firma deyince bilgisayar programı üreten bir firma geldiği için olmalı, sitemizde bir de ziyaretçilerin yazılım arızalarını bildirmeleri için Bugs sayfası oluştu; onun adına bile dokunmadık. Daha sonra ne yapacağımıza karar veririz, dedik.
FrontPage, birbirine bağlantılı bu sayfalardaki bağlantıları, bizim verdiğimiz adlarla güncelleştirdi. Fakat geriye bir iki ciddî sorun kalıyor: Bizim planımızda ana sayfadan üç (tabir yerinde ise) bölüme bağlantı olması diğer sayfalara bu bölümlerin kendi ana sayfalarından gidilmesi öngörülüyordu. Oysa FrontPage’nin planı, bir ana sayfa ile ona bağlı 7 sayfa oluşturdu. Yani çarşıdaki hesap pek bizim evdeki hesabımızı tutmadı. Ayrıca, hiç bir işimize yaramayacağı belli olan Bugs sayfası da öylece duruyor.
Peki.. Şimdi çalıştırın yeniden FrontPage’i. Parolanızı verdiniz; size FrontPage yeniden açılırken bir sürpriz var demiştim, değil mi? Şimdi FrontPage, sitenizde (daha doğrusu, sizin safya adlarını değiştirdiğiniz sitede bir değişiklik olduğunu farketti ve sizden “Bu sitedeki hatalı Endeks girdilerini güncelleştirmemi ister misiniz?” diye izin istiyor. Buna Evet düğmesini tıklayarak karşılık verin.
Hani, içeriğini pek anlamamakla birlikte, adını Arama yaptığımız sayfa vardı ya, işte bu “Endeks” o sayfaya ziyaretçilerinizin gireceği kelimelerle tüm sitenizde aramaya yapmalarını sağlayacak “site endeksi.” Site endeksi, bir Web’i oluşturan bütün sayfalardaki bütün anlamlı kelimelerin hangi HTML sayfalarında geçtiğini belirleyen (şimdilik FrontPage Web Server’ının; ama ilerde sitenizi Internet’e koyduğunuz zaman—evsahibi firmanın Web Server’i, Microsoft Internet Information Server adlı Web işletim sistemi ise—o Web Server’ın) arama motorunun kullanacağı kelime ve kelimelerin geçtiği sayfaların bağlantı listesi demektir. Özetle, Web sitemizi ziyaret edenler, bir forma herhangi bir kelimeyi yazarak, sitemizde bu kelimeyi içeren bütün sayfaların bir listesini görebilecekler.
Web Sayfasına Yazı Dosyası Yerleştirme
Yeni sitemizin ne kadar marifetli olacağına sevinmekle birlikte, önümüzde daha yapılacak çok iş var. FrontPage’in Navigation görünümünde, “Hos Geldiniz” adlı sayfayı iki kere tıklayın; FrontPage Sayfa Editörü açılacaktır:

FrontPage’in HTML editörünün, üç ayrı görünüm tarzı vardır. Editör penceresinin sol alt kenarında üç sekme göreceksiniz: Normal, HTML ve Preview (Önizleme). FrontPage Explorer’da herhangi bir görünümde bir sayfayı iki kere tıkladığınızda açılan Editör, sayfayı “Normal” diye adlandırdığı biçimde görüntüler. Bu, kelime-işlem programınızın yazı yazdığınız veya yazının paragraf aralarına grafikler koyduğunuz penceresinden hiç farklı değil. İkince sekmeyi tıkladığınızda, sayfanın Internet’te alışverişini ve Browser’lar tarafından yorumlanarak, ekranda görüntülenmesini sağlayan HTML kodları karşınıza gelecektir. Üçüncü sekme olan Preview ise sayfanızın bir ziyaretçinin Browser’ında nasıl görüneceğini görüntüler.
FrontPage’in hazır şablon sayfalarında, bir çok otomasyona yer verilmiş bulunuyor. Açtığınız “Hos Geldiniz” sayfasının başlığındaki “ş” harfi bulunmayan başlık da bu otomasyonun bir parçasıdır. FrontPage, buraya konan grafiklere, Internet’teki yaygın adıyla Banner (Afiş) diyor; ve sayfaya verdiğiniz adı alıp, Banner grafiği haline getiriyor:

Bu grafiği sonra değiştireceğiz. FrontPage Editör’de Preview sekmesini tıklayın: gördğünüz sayfa hoşunuza gitti mi? Gitmedi. Peki. Bu, FrontPage’in bir firmanın müşteri ilişkileri sitesine uygun gördüğü “tema” idi. Amatör fotoğrafçılık sitesinde daha başka bir tema belki daha uygun olur. Editörü kapatın. FrontPage Explorer ve başka bir görünüm seçmedi iseniz, Folders (Klasörler) görünümü karşınıza gelmiş olmalı. Sol kenardaki görünüm menü maddelerinden Themes’i tıklayın; iki kutulu bir pencere açılacak ve solda tema listesi, sağda da seçilen temanın temel görünüm örneği yer alacaktır. Bütün temaları sırayla inceleyin. Ben, atatör fotoğrafçı için, ressam tuvali temasını içeren “Canvas” temasını seçiyorum. Siz istediğinizi seçebilirsiniz. Fakat bu kitapçığı uygulayarak okuyorsanız, grafiklerimizin uyumlu olabilmesi için, beğenmesiniz de aynı temayı seçmeniz yararlı olur. Temanın adını seçtikten sonra alttaki Apply/Uygula düğmesini tıklayın. Navigation görünümünü seçin ve Hoş Geldiniz sayfasını iki kere tıklayarak, Editör’e sayfanızı açtırın.
FrontPage, sayfa adını alır ve grafik yapar, demiştik. Fakat aynı isim ziyaretçinin Browser’ında “Hoş geldiniz” şeklinde görünmesin diye, sayfamıza “Hos Geldiniz” adını vermiştik. Şimdi sayfanın Banner grafiği de “ş” harfi olmadan yapıldı. Bu hoş değil.
///////////////////////////QUARK İÇİN NOT/////////////////////////
“....ziyaretçinin Browser’ında “Hoş geldiniz” şeklinde görünmesin diye,...” cümleciğindeki “Hoş” kelimesinin son harfi buna karşılık ASCII karakteri olacak. Sanıyorum, bu “Hoþ” şeklinde. Ama buraya yazdığım örnek, benim bilgisayardan PCW bilgisayarlarına kadar nasıl korunabilir, bilmiyorum. Fakat ş’e denk gelen ASCII’yi bulmak kolay: üstte de kolu olan p parfi, veya altta da kolu olan b harfi, ya da b ve p üst-üste!!
//////////////////////////////NOT BİTTİ///////////////////////////
FrontPage, bu grafiği “Header” adını verdiği özel bir “Component” (Bileşke) içine koyacak ve daha bir çok sayfada tekrar edecektir. Bu grafiği—FrontPage’in temasını bozmadan—değiştirmek istiyoruz.
Şimdi “Hos Geldiniz” yazısını tıklayın; Yazı ve çevresindeki grafik unsurları içeren bir kutu seçilecektir: klavyeden Ctrl+C tuşlarına basın. FrontPage Explorer ve Editör’e dokunmayın; sevdiğiniz grafik programını açın; yeni grafik yapmak istediğinizi bildirin ve boş sayfanın üzerinde Ctrl+V tuşlarına basın. Böylece FrontPage’in Banner grafiğini, grafik editing programınıza aktarmış oldunuz. Bu grafikteki “Hos Geldiniz” kelimelerini silerek yerine “Amatör Fotoğrafıçının Sitesi” yazmak, grafik programınızı kullanmadaki maharetinize bağlı! Sonuçta ortaya 630x60 piksel ebadında ve 72 dpi çözünürlükte bir GIF dosyası çıkartmanız ve bunu “Baslikban.gif adıyla sabit diske kaydetmeniz gerekiyor. Baştan beri site ve diğer isimlendirmelerde buradaki örnekleri izliyorsanız, grafik dosyalarınızı C:\FrontPage Webs\Content\amatrfotorafnn\images klasöründe bulundurmanız, daha sonra işinizi kolaylaştırır. Bu kitapçığın örnek dosyalarını PC World sitesinden indirdi ve geçici bir dizinde tutuyorsanız, şimdi bunları C:\FrontPage Webs\Content\amatrfotorafnn\images klasörüne kopyalayabilirsiniz. Burada bu dosyalardan BaslıkBan.gif adlı dosyayı da kullanabilirsiniz. Örnek sitenize bizim verdiğimiz adı vermediyseniz veya FrontPage’e sitenize ait dosyalar için varsayılan dizinden başka bir dizin gösterdiyseniz, Images klasörünü o dizinde arayın ve grafiklerinizi de o dizindeki Images klasörüne koyun.
Şimdi FrontPage’in bütün sayfalarda tekrar ettiği bu başlıkta grafiği silip, yerine kendi grafiğimizi koyacağız. Bunun için şu işlemleri yapın:
1. “Hos Geldiniz” yazısını sağ-tıklayın; açılacak menüden Delete/Sil’i seçin.
2. Başka bir yeri tıklamadan (yani Mouse işaretçisinin yerini değiştirmeden) Insert/ekle menüsünden Image/görüntü maddesini seçin ve açılacak diyalog kutusunda buraya koyacağınız başlık grafiğinin durduğu klasörü ve dosyayı işaret edin. OK’i tıklayarak yeni grafiğin sayfada yerini almısını sağlayın.
3. FrontPage Editör’ü kapatın; kapanışta sorulacak “Değişiklikler Included Page Header Dosyasına Kaydedilsin mi?” sdorusuna Evet düğmesini tıklayarak karşılık verin. Böylece sitedeki bütün sayfalarda, yeni başlık grafiğiniz kullanılmış olacaktır. Navigation görüntüsüne göre döndüğünüzde, bir başka sayfayı iki kere tıklayarak, başlağın gerçekten bütün sayfalarda değişip değişmesini deneyebilirsiniz:

Çok güzel! Hepsi değişmiş, değil mi? Fakat sayfalardaki yazılar İngilizce! Bu arada başlık grafiğinin hemen altında site içinde sayfadan-sayfaya hareket etmeye imkan veren navigation düğmelerini görüyoruz; içlerinde “Button” yazısı var.
Peki, şimdi bunları değiştirelim. Önce şu düğmelere Türkçe etiketler bulalım. Bunun için şu işlemleri yapabilirsiniz:
1. Navigation görünümünde, boş bir yeri sağ tıklayın, açılacak menüden Web Settings (Web Ayarları) maddesini seçin.
2. Açılacak kutuda, Navigation sekmesini tıklayın. Burada Home Page kutusuna Ana Sayfa, Parent Page kutusuna Yukarı, Previous Page kutusuna Geri, Next Page kutusuna İleri yazın.
3. Hazır, Web ayarları’nı açmışken, Language (Dil) sekmesini tıklayın, Default HTML Coding kutusunun seçme okuna basarak, açılacak listeden Turkish (Türkçe) maddesini seçin.
4. Web ayarları kutusunu Tamam’ı tıklayarak kapatın.

Yaptığınız değişikliğin, mesela Ara sayfasına işlenip işlenmediğini anlamak için, Önerileriniz sayfasını iki kere tıklayın. Bu sayfadaki düğmeler Türkçeleşmiş olmalı.
Yapacağımız ikinci iş, sayfadaki yazıları değiştirmekti. Şimdi onu yapabiliriz. Buna geçmeden önce, FrontPage’in Rich Text Format (Zengin Yazı Biçimi) biçimindeki dosyaları kabul edebildiğini hatırlatalım. Kelime-işlem programınızla yazdığınız bir yazıda arzu ettiğiniz kelimeleri koyu veya renkli harflere çeviriyor, paragraflarınıza içerden yazılma veya başlarına nokta koyma gibi biçimler veriyorsanız; bu dosyaları bu şekliyle FrontPage’e ithal edebilirsiniz. Tabiî, FrontPage, bir Windows programı olarak, başka programlarda kopyaladığınız metinleri de Yapıştır yoluyla kendi sayfalarına kabul edebilir. Bu iki yöntemi de şimdi ayrıntılı olarak ele alalım.
Önce kopyala-yapıştır yolunu deneyelim. NotePad’i açarak, şu paragrafı (tırnak işaretli olmadan) yazın:
“Amatör fotoğrafçının sitesine hoş geldiniz. Bu sitenin amacı, sadece kendi fotoğraflarımı sergilemek değil. Burada küçük çapta da olsa, amatör fotoğrafçılar arasında bir fikir alış-verişi başlatmak istiyorum. Tartışma sayfası, amatör fotoğrafçılar arasında sadece fotoğrafçılığı ilgilendiren konularda karşılıklı görüş bildirmeniz amacıyla tasarlanmış bulunuyor. Siteyle ilgili sorunları Öneriler sayfasındaki formu kullanarak bana iletebilirsiniz.
Siteme gösterdiğiniz ilgiden dolayı teşekkür ederim.”
Bu iki paragrafın tümünü seçin ve Düzen menüsünden Kopyala’ı tıklayarak Windows’un panosuna alın.
Sonra, FrontPage’de Navigation görünümünde Ana Sayfa’yı iki kere tıklayın; açılan sayfada, “Welcome” kelimesinden “CompanyEmail” kelimesine kadar olan İngilizce yazıların tümünü seçin ve Edit menüsünden Paste (Yapıştır) maddesini tıklayın. (Seçili yazıların üstünü sağ-tıklayarak açılacak menüden de Paste’i seçebilirsiniz.)
NotePad’in biçimlendirilmemiş yazısı, FrontPage’in biçimlendirilmiş yazısının yerini aldı. Aynı işlemi, sayfanın altındaki koyu harfli bölüm için de yapın, hukuksal ağırlığı olan bir kaç cümle yazın! Ve ortaya şu sayfa çıksın:

Yukarıda, FrontPage’in biçimlendirilmiş yazı da kabul ettiğini belirttik. Bunun için kelime-işlem programınızda oluşturduğunuz bir metni biçimlendirdikten sonra, RTF siçiminde kaydetme imkanınız olması gerekir. Belli başlı bütün kelime-işlem programları, örneğin Microsoft Word ve Corel WordPerfect, bunu yapabilirler. Kelime-işlem programınızda şu metni yazın:
“Bu sayfada amatör fotoğrafçılar için bilgisayar programları ve benzeri bilgisayar-destekli uygulamalara ulaşmanızı sağlayacak bağlantılar yer alıyor. Bu programların çoğu paylaşmalı programlardır. Bu tür programları sürekli kullanmak istiyorsanız, programın yazarına, talep ettiği ücreti ödemeniz gerekir. Dia-pozitiflere etiket yazma programları
Slide Label Saydamlarınızın çerçevelerine istediğiniz ebadda etiket basıyor.
Dia Labels Saydam etiketleri ile birlikte veritabanı oluşturuyor.
Fotoğraf Arşivi
Photo archive Sabit diskinizdeki bütün fotoğraflarınızın kolay ulaşılır arşivini yapmakta kullanabilirsiniz.”
Kelime-işlem programınız, bu imkanı tanıyorsa, Slide label, Dia Labels ve Photo Archive kelimelerine, gerçek olmayan bir Internet link’i bağlayın. Bu kelimelerle başlayan üç paragrafı noktalı liste biçimine sokun. Özetle, bu metni kelime işlem programınızda şu şekli alsın:

Sonra, bu metni Destek.rtf adıyla ve Rich Text Format (RTF) biçiminde sabit diskinizde herhangi bir klasöre kaydedin. RTF biçiminde kaydedilen dosyalar, kelime-işlem programının bütün biçimlendirme özelliklerini korumazlar. Fakat burada yaptığımız, yazı türünü Times New Roman yapma, link verme, paragrafları noktalı liste haline getirme ve bazı paragrafları koyu harfe çevirme gibi sabit biçimlendirmeler RTF dosyasında aynen saklanır.
Şimdi, kelime-işlem programını kapatın; FrontPage’in Navigation görünümünde Yenilikler sayfasını açın. Bizim biçimlediğimiz metne benzeyen yazıyı, (“This page” kelimelerinden “published” kelimesine kadar tarayın ve silin.
Mouse işaretçisini başka yere oynatmadan, Insert menüsünden File (Dosya) maddesini seçin ve açılacak diyalog kutusunda biraz önce kaydettiğiniz Destek.rtf dosyasını bulun, Aç düğmesini tıklayın. RTF dosyasını göremiyorsanız, Dosya Türü kutusunda RTF biçimli dosyaların seçilmiş olup-olmadığına bakın.
Destek.rtf dosyasındaki yazı, kelime-işlem programında verdiğiniz biçimi ve bağlantıları koruyarak, sayfadaki yerini almış oldu:

Böylece bu dersin birinci bölümü olan Web sayfasına yazı yerleştirme konusunu bitirmiş olduk. Bu bölümde öğrendiklerini uygulamak için diğer sayfalarda da yapılmasını gerekli gördüğünüz değişiklikleri yapabilirsiniz. Dersin bundan sonraki bölümünde sayfalarımıza fotoğraf ve resim yerleştirmeye çalışacağız. Ama önce yeni sayfa açmamız gerekiyor.
Web Sitesine Yeni Sayfa Ekleyelim
Sitemizde ana sayfa dışında yedi sayfamız var; ama bunlardan hiç biri, kendi fotoğraflarımızı ziyaretçilerimize sunabileceğimiz nitelikte değil. Fotoğraflarımızı görmek isteyenlerin gidebileceği yeni bir sayfaya ihtiyacımız var.
FrontPage’in bizim için oluşturduğu sayfaları inceledikçe görüyoruz ki, hepsinde ortak bir başlık bölümü, hepsinde ortak bir zemin var. Ayrıca başlık bölümündeki Navigation düğmeleri, ziyaretçiyi bir sayfadan ötekine, istediği bir sayfaya veya ana sayfaya götürüyor. Bizim yapmamız gereken yeni sayfada da bu unsurların olması gerekiyor. Fakat yeni sayfaya—diğer sayfalarda bulunan bu ortak özellikleri nasıl kazandıracağız?
Bu bir HTML kılavuzu olsaydı, şimdi “Açın NotePad’i ve yazın...” diye söze girmiştik bile. Fakat FrontPage kullanmamızın bir sebebi de tek kelime HTML kodu yazmamak değil miydi? O halde, diğer sayfaların ortak özelliklerine sahip, başlık bölümü ve site içindeki diğer sayfalara bağlantıları sağlanmış, fakat içi boş bir sayfa oluşturma işini de FrontPage’e yaptırabilir miyiz?
Elbette! Navigation görünümünde, Mouse işaretçisini pencerenin alt tarafında dosyalarınızın ve klasörlerinizin göründüğü bölümü, site şemasının bulunduğu bölümden ayıran çizginin üzerine götürün; imleç aşağı-yukarı iki okun arasında iki çizgi halini alacaktır; şimdi mouse’un sağ düğmesini tutarak, iki bölümü ayıran çizgiyi aşağı doğru çekin; dosya ve klasör bölümü kaybolsun. Merak etmeyin; aynı çizgiyi yukarı çekerek bu bölümü yeniden açabilirsiniz.
Site şemanız şimdi bütün Navigation penceresini kaplıyor. En üstteki ana sayfanız olan Hoş Geldiniz sayfasını bir kere tıklayın; Araç Çubuğu’nda New Page/Yeni Sayfa simgesini tıklayın. En sondaki sayfanın sağında “New Page 1” adlı bir sayfa belirdi. Bu sayfayı bir kere sağ tıklayın; açılan menüden Rename/Yeniden Adlandır maddesini seçin ve sayfanın adını “Fotoğraflarım” olarak değiştirin.

Sayfayı oluşturduk; adını değiştirdik. Fakat acaba içinde gerçek arzu ettiğimiz şeyler, sitemizin ortak temasının gerektirdiği arka plan, başlık, her sayfada bulunan ortak unsurlar bu sayfada da var mı? Sayfayı iki kere tıklayın; istediğiniz herşeyin (içerik hariç, ki onu biraz sonra biz belirleyeceğiz) sayfada bulunduğunu göreceksiniz. Özellikle, bu sayfa sitenin son sayfası olduğu için “İleri” düğmesinin olmadığına dikkat edin. Bu sayfayı kapatın; Ana Sayfa’yı açın. “Fotoğraflarım” sayfasının soldaki listenin altına eklendiğini göreceksiniz. Ana Sayfa’yı kapatın.
Bence, fotoğraflarımı ziyaretçilere sunduğum sayfanın sitenin son sayfası olması hiç de doğru bir şey değil. Biz bu siteyi neden kuruyoruz? Fotoğraflarımızı sergilemek için! Navigation görünümünde, Fotoğraflarım sayfasını Mouse’un sağ düğmesiyle tutun ve en başa, Yenilikler’in soluna götürüp bırakın. Dikkat edin; Yenilikler sayfasının altına değil, tam soluna bırakın! Sayfayı açın; seyir düğmeleri değişmiş oldu. Ana Sayfa’yı açın; Fotoğraflarım sayfasının bağlantısı ve yerini değişmiş bulacaksınız. Sayfaları kapatın.
Navigation görünümünde Fotoğraflarım sayfasını bir kere tıklayarak seçin ve Araç Çubuğu’nda yeni sayfa simgesini tıklayın. Fotoğraflarım sayfasına bağlanmış yeni bir sayfa oluştu. İçini açıp bakmanıza lüzum yok: bu sayfanın da temel bütün unsurları yerinde! Fotoğraflarım sayfasını tekrar seçin; yeni sayfa simgesini yeniden tıklayın. Fotoğraflarım sayfasına bağlı yeni bir sayfa daha! Eliniz alışmışken, Fotoğraflarım’a bağlı yeni sayfaların sayısını dörde çıkartın ve bu sayfaları sırasıyla Gezi, Doğa, Portreler ve Diğerleri olarak adlandırın.

Fotoğraflarım sayfasını iki kere tıklayın; biraz önce sağda içinde sadece “Button” yazılı ama bağlantılı olmadığı anlaşılan Link satırlarının yerinde yeni sayfalarınızın adlarını göreceksiniz. Ctrl tuşunu tutarak, bu bağlantıları tıklayın; Gezi, Doğa, Portlere ve Diğerleri sayfalarınızın da sitenin bütün özelliklerine ve temel unsurlarına sahip olduğunu görüyor musunuz? Gezi, Doğa, Portlere ve Diğerleri sayfalarında, diğer sayfalarda bulunmayan bir seyir düğmesinin varlığına dikkat edin. Bu “Yukarı” düğmesidir. Bu bağlantı diğer sayfalarda yok, çünkü o sayfalara sadece Ana sayfa’dan ulaşılıyor. Oysa Fotoğraflarım sayfasının altındaki Gezi ve diğer “alt” sayfalara gelinebilen bir “üst” sayfa (Fotoğraflarım sayfası) var.
Bu sayfalardan birinde iken klavyede Ctrl tuşunu tutarak, Yukarı düğmesini tıklayın, Fotoğraflarım sayfasına geri döneceksiniz. Fotoğraflarım sayfasında, metin imlecinin yanıp-söndüğü yere ziyaretçilerimize bu bağlantıları tıkladıkları zaman ne gibi şaheserlerle karşılaşacaklarını belirten bir metin koyabilirsiniz.
Bunu biraz önce öğrendiğimiz gibi biçimlendirilmemiş bir metni kopyala-yapıştır yöntemiyle veya bir kelime-işlem programı ile RTF biçiminde metin dosyası oluşturarak ve bu dosyayı Web sayfasına eklerek yapabilirsiniz. Fakat yazacağınız metin kısa bir kaç cümle ise bunu doğruca FrontPage Editör’de de yapabilirsiniz. İmlecin bulunduğu yere, “Çeşitli vesilelerle çektiğim fotoğrafları burada beğenilerinize ve eleştirilerinize sunuyorum. Sağdaki dört bağlantıyı tıklayarak, fotoğraflarımın bulunduğu dört sayfayı görebilirsiniz. Fotoğraflarımı gördükten sonra, izenimlerinizi ve eleştirilerinizi bildirmek isterseniz, Önerileriniz sayfasındaki formu kullanabilirsiniz. İsterseniz bana elektronik mektup da gönderebilirsiniz,” yazın. Sonra bu yazının tümünü seçin ve içinde Default Font yazan yazı türü kutusunun seçme okunu tıklayarak arzu ettiğiniz bir harf türünü seçin. Bu kutunun sağındaki üzerinde yukarı ok bulunan A harfini tıklarak harflerin ölçüsünü büyütün. Seçiminiz çok büyük göründü ise, üzerine aşağı ok bulunan A harfini tıklayarak harfleri küçültün.

İsterseniz “elektronik mektup” kelimelerine kendi eleknonik posta adresinize mektup göndermek üzere kullanıcının elektronik posta programını açtıracak bir bağlantı da koyabilirsiniz. Fakat bu konuya daha sonra geleceğiz!
Şimdi bu sayfa sitemizin fotoğraflar bölümünün ana sayfası oldu. Sıra geldi, fotoğrafları içeren dört sayfaya, uygun fotoğrafları yerleştirmeye!
Fakat sitemizin planı halâ bizim kağıt üzerindeki planımıza benzemiyor. Bunu sağlamak amacıyla ana sayfayı vce Yeni Sayfa simgesini tıklayın. Sayfaların en sonunda New Page adıyla yeni bir sayfanız olacaktır. Artık biliyoruz ki, bu sayfanın aslî bütün unsurları yerindedir. Bu sayfanın simgesini sağ-tıklayın; açılan menüden Rename/Yeniden Adlandır’ı seçin ve sayfanın adını “Oneriler Tartisma Sorular ve Cevaplar” yapın. Sonra, Sorular Cevaplar, Öneriler ve Tartisma sayfalarının simgelerini Mouse işaretçisiyle tutarak, bu yeni sayfanın altına getirip bırakın. Yine eminiz ki, “Oneriler Tartisma Sorular ve Cevaplar” sayfası, bu üç sayfaya da gereken linkleri veriyor. Bu arada işimize pek yaramayacak olan Bugs ve Yazılım sayfalarını da silebilirsiniz: örneğin Bugs sayfasını sağ-tıklayın, açılacak menüden Delete/Sil maddesini seçin.
Açılacak bir soru kutusu, sizden sayfası sadece bağlantılar listesinden mi çıkartmak istediğinizi, yoksa tümüyle yok etmek mi istediğiniz soracaktır. Birinci madde olan “From this page from all navigation bars” (Bu sayfayı tüm seyir çubuklarından çıkart) maddesini seçerseniz, sayfa ve içeriği HTML dosyası olarak sabit diskte kalır, fakat sitedeki bağlantıları silinir. İkinci madde olan “Delete this page from the FrontPage Web” (Bu sayfası FrontPege Web’inden sil) maddesini seçerseniz, sadece sayfa silinmekle kalmaz, ana sayfadaki bağlantısı da silinir. Bu sayfanın HTML kodundan ilerde yararlanabileceğinizi düşünüyorsanız, birinci maddeyi seçin. Yoksa ikinci maddeyi seçin ve OK’i tıklayın. Aynı şeyi Yazılım sayfasına da yapabilirsiniz.
Şimdi yeni sayfaların içeriklerini verebilir, eski sayfaların mevcut içerikleri kendi ihtiyacımıza uygun hale getirebiliriz.
Web Sayfasına Grafik Dosyası Yerleştirme
FrontPage’e, tek kelime HTML kodu yazmadan, aşağı yukarı, sağ ve sol sayfalarla her türlü bağlantısı olan ve temel unsurları bulunan dört yeni sayfa yaptırdık. Şimdi bu sayfalara fotoğraflarımızı koyalım. Fakat önce hukuk ve DPI açısından bazı noktaları belirtelim.
Telif Hakkı Meselesi
Alıştırma amacıyla bu sayfalara istediğiniz fotoğrafları koyabilirsiniz. Burada “Alıştırma maksadıyla” kelimelerine dikkatinizi çekerim. Internet, gerek Türk yasalarına, gerekse uluslararası hukuka göre, bir yayın aracıdır. Yani Internet’te gerçek bir site edinir ve gerçek sayfaları kamuoyuna açarsanız, yasaya göre “ticarî yayın” yapmış ve dolayısıyla basın-yayınla ilgili her türlü ulusal ve uluslararası yasanın kapsamına girmiş olursunuz. Gazete, dergi, radyo ve televizyonlar hangi yasa, tüzük ve yönetmelik ile düzenleniyor ise, Internet’teki siteniz de o hükümlere uymak zorundadır.
Bu yasaların başında gelenlerden biri, Fikir ve Sanat Eserlerini Koruma Kanunu, diğeri ise Ceza Yasası’sıdır. Fikir ve Sanat Eserlerini Koruma Kanunu, veya yaygın adıyla Telif Hakları yasası’nın hükümlerini tek bir cümleye indirgeyebilirsek, şunu söyleyebiliriz: Size ve kamuya ait olmayan bir fikir veya sanat eserini, sahibinin yazılı izni olmadan yayınlamak yasaktır! Ceza Yasası ise çeşitli hükümleriyle, kişilerin özel hayatını izinsiz yayınlara karşı korur; hayatı, yaptıkları, düşünceleri ve sözleri kamu açısından önem taşımayan kişilerin (yani seçilmiş veya yüksek bir görevde bulunan ve kamu hizmeti yapanların, ulusal önemdeki bir haberin konusu olanların, kamuya açık bir gösteri veya sanat eserini icra edenlerin ve benzeri durumdaki kişilerin dışındaki herkesin) fotoğrafının ticaret amacıyla yayınlanmasını yasaklar. Sokakta gördüğünüz bir kişinin, bir sebeple, fotoğrafını çekerseniz, ticaret maksadıyla kullanabilmek için bu kişiden imzalı “Muvaffakat Belgesi” almanız gerekir. Bir çok batı ülkesinde başkasına ait binanın, evcil hayvanın veya bitkinin fotoğrafını bile ticarî maksatla yayınlamanın yasak olduğunu hatırlatırsak, Türkiye’de bu açıdan hayatın çok kolay olduğunu görürsünüz! Başkalarının çektiği fotoğrafları veya yaptığı resimleri sitenizde kullanacağınız zaman, fotoğrafı çeken veya resmi yapan kişiden, sanat eserinin yayın hakkını aldığınızı gösteren bir bir belge imzalamasını istemelisiniz.
Demek ki, Internet’te hoşunuza giden bir fotoğrafı veya bir başka tür grafiği bir sağ tıklamayla sabit diskimize alıp, sonra da kendi sayfamıza koymamız, bize en azından çok ağır bir malî sorumluluk getirebilir. Ayrıca, sokakta gördüğünüz bir kişinin fotoğrafını çekip, şirketinizin ambalaj kağıdına bastırmanız mümkün olamaz. CD-ROM halinde satılan fotoğraf ve grafiklerin kutusunda bulunan broşür ve diğer yazıları dikkatle okuyarak, bu malzemeyi nerede ve hangi şartlar altında kullanabileceğinizi öğrenin. Bu tür CD-ROM’ların kiminde ticaret amacıyla kullanım yasaklanmıştır, kiminde ise her türlü kullanıma izin verilir.
Alıştırma maksadıyla, yani kendi sabit diskimizden başka bir yere gitmemek ve bizden başkası tarafından görülmemek şartıyla, herhangi bir fotoğrafı kullanabiliriz.
Bu hukukî uyarılardan sonra, öğrendiğimiz kurallara uygun fotoğraflarla, son yaptığımız dört sayfayı tamamlayalım. Tabiatıyla bir fotoğrafçının sitesindeki fotoğrafların kendisine ait ve konu itibariyle Internet’te yayınlanabilir olmması gerekir!
Grafiklerin Çözünürlüğü
Internet’te sitenizi oluşturan sayfalar, evsahibi Web Server’dan, ziyaretçinin bilgisayarına sür’atle ulaştırılması gerekir. Bu ulaşımın sür’atini, Web Server’ın ve ziyaretçinin bilgisayarının Internet’e bağlantılarının genişliği belirler. Web Server’lar Internet’in omurgası denilen ana kablolara genellikle çok hızlı bilgi alış-verişine imkan veren kablolarla bağlıdır; fakat ziyaretçiler bağlantıyı telefonla sağlarlar. Telefon tellerinin saniyede aktarabileceği bilgi büyüklüğü ise sınırlıdır. Sayfalarınızdaki grafik unsurlar çok büyük dosyalar oluşturuyorsa, sayfalarınızın ziyaretçinizin bilgisayarında görüntülenmesi çok uzun zaman alacaktır.
Sayfalarınıza koyacağınız grafik unsurların (başlık resimleri veya fotoğraflar gibi) bilgisayar dosyası olarak büyüklüğünü sadece yüzölçümü tayin etmez; çözünürlüğü tayin eder. Bir grafik unsur, çözünürlüğü çok olursa, yüzölçümü daha büyük bir grafikten daha büyük bilgisayar dosyası oluşturabilir. Bilgisayar grafiklerinin çözünürlüğü (yani ekranda veya basıldığı zaman kağıt ya da film üzerinde) kaç nokta oluşturularak gösterileceği demektir. Bunun standart ölçüsü, inç-kare’ye nokta olarak (dot per inch, DPI) gösterilir. Bilgisayar ekranları genellikle 72 dpi çözünürlüktedir, dolayısıyla sadece ekranda gösterilecek bir grafik unsurun 72 dpi çözünürlükte olması yeter. Buna karşılık kağıda veya matbaacılıkta kullanılmak üzere filme alınacak grafiklerin çözünürlüğü en az 300 dpi olur. Fotoğraf veya diğer grafik unsurları tarayıcı (scanner) ile tarayarak, kağıttan bilgisayara aktırırız. Bunu yaparken tarayıcı programa çözünürlük olarak istediğiniz ölçüyü verebilirsiniz.
Şimdi diyelim ki elimizde, geçen derste yaptığımız dört sayfaya koyacağımız dört fotoğrafın bilgisayar dosyaları bulunuyor. Şimdi FrontPage’e bunları sayfalarımıza koymasını bildirelim. FrontPage Explorer’da Navigation görünümünde, Gezi sayfasını iki kere tıklayın; sabit ve ortak unsurları olan fakat içeriği bulunmayan sayfamız Editör’de açılsın. İmlecin yanıp söndüğü noktaya, “Gezi Fotoğraflarım” yazın ve her imleç bu satırda iken (içinde Normal yazan) stil değiştirme kutusunun seçme okuna basın. Açılacak listeden “Heading 2” stilini seçin. FrontPage size 15 hazır stil sunuyor. Bunlardan Heading (Başlık) diye adlandırılmış olanlar 1’den (en büyük) 6’ya (en küçük) kadar numaralanmıştır. Hazır sırası gelmişken, bütün stilleri sırasıyla seçin ve “Gezi Fotoğraflarım” başlığının nasıl biçimlendirildiğini inceleyin. Denemenin sonunda Heading2’de karar kılın. İmleç henüz bu satırda iken, Araç Çubuğu’nda Center (Ortala) simgesini tıklayın. “Gezi Fotoğraflarım” başlığı büyümüş ve ortalanmış olacaktır.
Klaveyede Enter tuşuna basarak, metin imlecini alttaki satıra indirin ve “Foto 1: Antalya-Kemer Olimpos Dağı” yazın. İmleç, henüz bu satırda iken, stil seçme kutusundan Menu List stilini seçin. FrontPage, tüm sitenize uyguladığı tema çerçevesinde bütün menü listelerinin başına aynı nokta grafiğini koyacaktır. Tekrar klavyede Enter tuşuna basın. İmleç alt satıra indiğinde, Araç Çubuğu’nda Insert Image (Grafik Yerleştir) simgesini tıklayın. (Bu kitapçığın örnek dosyalarını PC World sitesinden indirdiyseniz ve örnek dosyaları C:\FrontPage Webs\Content\amatrfotorafnn\images klasörüne kopyalamış olymanız gerekir. Kendi seçtiğiniz bir fotoğrafı kullanacaksanız, bu fotoğrafın dosyasını sitenizin varsayılan Images klasörüne kopyalamayı unutmayın.)
Açılacak diyalog kutusunda, sol taraftaki listede Gezi72dpi.jpg (veya kendi seçtiğiniz herhangi bir dosyayı) tıklayın; sağdaki önizleme kutusunda dosyanın içeriğini göreceksiniz. OK’i tıklayın; fotoğraf sayfada sola bloklanmış olarak yerini alacaktır. Fakat gördüğünüz gibi fotoğrafın orijinal ebadı, sayfamızın diğer unsurlarına göre biraz büyükçe. Fotoğrafın içinde bir yeri tıklayın; dört kenarında küçük kutular halinde tutacak yerler belirecektir. Mouse işaretçisini sağ alt köşedeki küçük kutunun üzerine götürdüğünüzde çapraz iki uçlu ok olduğunu göreceksiniz. Sağ düğmesini tutarak, Mouse’u, sol üst köşeye doğru sürükleyin. Fotoğraf gözünüze yeterince küçülmüş görününce, bırakın. Fotoğraf seçili iken, Araç Çubuğu’ndan Center/Ortala simgesini tıklayın. Sayfanız şu şekli almış olacaktır:

Şimdi diğer fotoğraf sayfalarına da başlıkları ve fotoğrafları yerleştirelim. Böylece sitemizin “sıfırdan” yapılan sayfaları tamamlanmış oluyor.
Bu derste, FrontPage’e yaptırdığımız sayfalarla sitemizin planı, kağıt üzerindeki plana biraz daha yaklaştı. Fakat halâ bazı eksiklerimiz var; ve sitemizin planı, kağıt üzerindeki plana benzemiyor.

Asp Dersleri 1

Response.Flush

Sunucu eğer çalışma zamanında bu deyime rastlarsa o zamana kadar tampon bellekteki sakladığı değerleri browsere gönderir.






Response flush

<% @ LANGUAGE=VBScript CODEPAGE=1254 %>
<% Response.buffer=true %>
Bu satır sunucunun hafızasında saklanan ilk satır.
<% response.flush %>
Bu satır ise flush metodundan sonra gösterilmiştir.


Response.clear

Sunucu eğer çalışma zamanında bu deyime rastlarsa o zamana kadar tampon bellekteki saklanan bütün bilgiler silinir.






response clear

<% @ LANGUAGE=VBScript CODEPAGE=1254 %>
<% Response.buffer=true %>
Bu satır sunucunun hafızasında saklanan ilk satır.
<% response.clear %>
Bu satır ise tampon hafızadaki bilgiler silindikten sonra gönderildi.


Response.End

Response.flush metodunun tam tersidir sunucu bu satırı gördüğünde sunucu işlemlerini durdurup o zamana kadar olan tampon hafıza değerlerini browser'a gönderir ve çalışmasını durdurur.






Response end

<% @ LANGUAGE=VBScript CODEPAGE=1254 %>
<% Response.buffer=true %>
Bu yazıdan sonraki yazılar gözükmeyecek çünkü sunucu bu satırdan sonraki response.end stırında çalışmasını durduracak.
<% response.end %>
İşte bu yazı hiçbir zaman gözükmeyecek.

Request.Querystring

ASP teknolojisinde çok kullanılan ifadelerden bir diğeri de Request.Querystring dir. Bu deyim bir sayfadan başka bir sayfaya değişken yada değişkenler taşınmasını sağlar. tagı arasında yazılan ve Response.redirect ile yönlendirilen diğer sayfaya değişkenler taşımayı sağlar. equset.Querystring ile bir sayfadan diğer sayfaya değişken aktarmanın genel kullanımı şu şekildedir.

bu linke basıldığında yönlendirilecek sayfa açılacak ve ad, yaş isminde iki değişken sayfaya geçirilecek, işte bu değişkenler Request.Querystring deyimi sayesinde başka bir değişkenin içerisine aktararak kullanılır. Hemen bir örnek Yapalım






Requestquerystring


bu linke basıldığında diğer sayfa değişkenler aktarılacak



Şimdi ikinci sayfamızı yapalım





Request querystring

<% ad=request.querystring("ad") yas=request.querystring("yas") %>
Bir önceki sayfadan gönderilen değerler


AD=<%=ad%>


YAS=<%=yas%>


Request.querystring de Form kullanımı

Bunun diğer request.querystring ile hiçbir farkı yok sadece bunda değişkenler form elemanlarını kullanarak göndeririz. bir örnekle açıklayalım





Request querystring


İsminiz :



Burada dikkat etmemiz gereken değişkeni taşıyacağımız textboxun ismi. Çünkü bir diğer sayfamız da değişkeni kullanabilmek için texboxun namesini bilmemiz gerekir. Şimdi ikinci örneği yapalım





Request querystring

<% Response.write("Merhaba : " & Request.querystring("isim") & "")
%>


Request.Serververiables

Kullanıcıya sunucu ve browser hakkında bilgiler gönderir. Örnek :



requestserververiabbles


Kullandığınız tarayıcı

<% Response.write(Request.serververiables("http_user_agent")) %>


IP adresiniz :

<% Response.write(Request.serververiables("remote_addr")) %>


DNS:

<% Response.write(Request.serververiables("remote_host")) %>


Kullanılan metod

<% Response.write(Request.serververiables("request_metod")) %>


Sunucunun Domain ismi

<% Response.write(Request.serververiables("server_name")) %>


Sunucunun port numarası

<% Response.write(Request.serververiables("server_port")) %>


Sunucunun kullandığı yazılım

<% Response.write(Request.serververiables("server_software")) %>



Tüm Renk Kodları

Aliceblue
F0F8FF
Antiquewhite
FAEBD7
Aqua
00FFFF
Aquamarine
7FFFD4
Azure
F0FFFF
Beige
F5F5DC
Bisque
FFE4C4
Black
000000
Blanchedalmond
FFEBCD
Blue
0000FF
Blueviolet
8A2BE2
Brown
A52A2A
Burlywood
DEB887
Cadetblue
5F9EA0
Chartreuse
7FFF00
Chocolate
D2691E
Coral
FF7F50
Cornflowerblue
6495ED
Cornsilk
FFF8DC
Crimson
DC143C
Cyan
00FFFF
Darkblue
00008B
Darkcyan
008B8B
Darkgoldenrod
B8860B
Darkgray
A9A9A9
Darkgreen
006400
Darkkhaki
BDB76B
Darkmagenta
8B008B
Darkolivegreen
556B2F
Darkorange
FF8C00
Darkorchid
9932CC
Darkred
8B0000
Darksalmon
E9967A
Darkseagreen
8FBC8F
Darkslateblue
483D8B
Darkslategray
2F4F4F
Darkturquoise
00CED1
Darkviolet
9400D3
Deeppink
FF1493
Deepskyblue
00BFFF
Dimgray
696969
Dodgerblue
1E90FF
Firebrick
B22222
Floralwhite
FFFAF0
Forestgreen
228B22
Fuchsia
FF00FF
Gainsboro
DCDCDC
Ghostwhite
F8F8FF
Gold
FFD700
Goldenrod
DAA520
Gray
808080
Green
008000
Greenyellow
ADFF2F
Honeydew
F0FFF0
Hotpink
FF69B4
Indianred
CD5C5C
Indigo
4B0082
Ivory
FFFFF0
Khaki
F0E68C
Lavender
E6E6FA
Lavenderblush
FFF0F5
Lawngreen
7CFC00
Lemonchiffon
FFFACD
Lightblue
ADD8E6
Lightcoral
F08080
Lightcyan
E0FFFF
Lightgoldenrodyellow
FAFAD2
Lightgreen
90EE90
Lightgrey
D3D3D3
Lightpink
FFB6C1
Lightsalmon
FFA07A
Lightseagreen
20B2AA
Lightskyblue
87CEFA
Lightslategray
778899
Lightsteelblue
B0C4DE
Lightyellow
FFFFE0
Lime
00FF00
Limegreen
32CD32
Linen
FAF0E6
Magenta
FF00FF
Maroon
800000
Mediumauqamarine
66CDAA
Mediumblue
0000CD
Mediumorchid
BA55D3
Mediumpurple
9370D8
Mediumseagreen
3CB371
Mediumslateblue
7B68EE
Mediumspringgreen
00FA9A
Mediumturquoise
48D1CC
Mediumvioletred
C71585
Midnightblue
191970
Mintcream
F5FFFA
Mistyrose
FFE4E1
Moccasin
FFE4B5
Navajowhite
FFDEAD
Navy
000080
Oldlace
FDF5E6
Olive
808000
Olivedrab
688E23
Orange
FFA500
Orangered
FF4500
Orchid
DA70D6
Palegoldenrod
EEE8AA
Palegreen
98FB98
Paleturquoise
AFEEEE
Palevioletred
D87093
Papayawhip
FFEFD5
Peachpuff
FFDAB9
Peru
CD853F
Pink
FFC0CB
Plum
DDA0DD
Powderblue
B0E0E6
Purple
800080
Red
FF0000
Rosybrown
BC8F8F
Royalblue
4169E1
Saddlebrown
8B4513
Salmon
FA8072
Sandybrown
F4A460
Seagreen
2E8B57
Seashell
FFF5EE
Sienna
A0522D
Silver
C0C0C0
Skyblue
87CEEB
Slateblue
6A5ACD
Slategray
708090
Snow
FFFAFA
Springgreen
00FF7F
Steelblue
4682B4
Tan
D2B48C
Teal
008080
Thistle
D8BFD8
Tomato
FF6347
Turquoise
40E0D0
Violet
EE82EE
Wheat
F5DEB3
White
FFFFFF
Whitesmoke
F5F5F5
Yellow
FFFF00
YellowGreen
9ACD32

Şaşırtan Benzerlikler

Fred - Fatih Ürek


Tarık Mengüç - Abel Xavyer


Serdar Ortaç - Jet Lee


Penguen - Yasar Nuri Öztürk


Mini Me - Roberto Carlos



Şirin Baba - Kenan Işık


Arda Kural - Leonardo Di Caprio


Robert De Niro - Yalçın Bulut



Peter Stormare - Özkan Uğur


Yaser Arafat - Metin Akpınar


Necati Ateş - Steven Seagal


Harun Kolçak - Weird Al Yankovic



Kalli - Kenan Pars


Jaguar Paw (Apocalypto) - Ronaldinho


Murat Soydan - Heidi'nin Dedesi


İbrahim Toraman - Bruce Lee


Bülent Polat - Naveen Andrews


Sfenks - Bülent Ersoy



Kıraç - Van Helsing
,

Şeyh Ahmed Yasin - Saruman



Hugo - Reha Muhtar

photoshop çalışmaları


























[imghttp://i60.photobucket.com/albums/h32/roy_mustangangel666/Anime/girls/The_Autumn_Soul_by_anaRasha.jpg[/img]http://




Recent Comments | Recent Posts


Design by : Ayrıntılı Ödev
bottom

Web Stats