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.
Bir diğer servisimiz. Bu servisi kullanarak sınırsız sayıda sayfa oluşturabilirsiniz.
Etiketler: Site Haritası Hazırlama, web dersleri 0 Comments
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.
Etiketler: sayfa açılış efekti, web dersleri 0 Comments
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.
Etiketler: ISS Kurulumu, web dersleri 0 Comments
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.
- Üst menüden windows sekmesine tıkladıktan sonra behaviors’a tıklayalım. Ardından açılan sekmede (+) işaretine tıklayalım.
- 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.
Etiketler: web dersleri 0 Comments
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.
Etiketler: btl, web, web dersleri, web tasarım 0 Comments
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.
Etiketler: btl, web dersleri 0 Comments
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 ;)
Etiketler: web, web dersleri, web tasarım 0 Comments
İ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.
Etiketler: insan, nasıl incelenir, sayfa, web dersleri 0 Comments
131 Adet web 2,0 photoshop style

http://rapidshare.com/files/49661529/Web_2.0_Photoshop_Styles.rar
Virüs Taramasıdnan Geçiriniz.
Etiketler: photoshop, photoshop style, style, web dersleri 0 Comments
Frontpage Dersleri komutları 2
Ders 3: Sayfaları Bağlayın 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:
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
Ç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.
Etiketler: web dersleri 0 Comments
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.
Etiketler: web dersleri 0 Comments
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.
<% @ 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.
<% @ 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.
<% @ 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
bu linke basıldığında diğer sayfa değişkenler aktarılacak
Şimdi ikinci sayfamızı yapalım
<% 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
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
<% Response.write("Merhaba : " & Request.querystring("isim") & "")
%>
Request.Serververiables
Kullanıcıya sunucu ve browser hakkında bilgiler gönderir. Örnek :
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")) %>
Etiketler: web dersleri 0 Comments
Tüm Renk Kodları
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |
Etiketler: web dersleri 0 Comments
Ş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
Etiketler: ayrıntılı ödev, düzen, ödev, şaşırtan, şaşırtan benzerlikler, web, web dersleri 0 Comments
photoshop çalışmaları

























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





Etiketler: web dersleri 0 Comments

Recent Comments