20 Sayfanızın dilinin Türkçe (istenirse değiştirilebilir.) olduğunu gösterir. Not Sayfanın dilini ayarlamak, Microsoft FrontPage'in doğru yazım denetimi sözlüğünü otomatik olarak yüklemesini de sağlar. 1. Sayfa görünümünde, belge penceresinin alt kısmındaki Tasarla'yı tıklatın. 2. Sayfayı sağ tıklatın, sonra kısayol menüsünde Sayfa Özellikleri'ni ve ardından Dil sekmesini tıklatın. 3. Belgeyi Farklı Kaydet listesinde, Türkçe seçilir bu sayede web sayfasındaki Türkçe karakterler düzgün olarak görüntülenir. Burada sayfaya eklenen kod şu şekildedir: <meta http-equiv="content-type" content="text/html; charset=windows-1254"> Bu etikete alternatif olarak aşağıdaki etiket de kullanılabilir: <meta http-equiv="content-type" content="text/html; charset=iso-8859-9"> 5 RESİM EKLEME Microsoft PowerPoint, Word ve Excel de eklenen her türlü resim sayfanın içerisinde yer alır. Yani resimler için ayrı bir klasöre ihtiyaç duyulmaz. Ancak web sayfası, resimleri kendi içerisinde barındırmaz. Sayfaya eklenen resimler ayrı bir yerde (web klasörü içinde) depolanır. Bu özellik internet sayfalarının hızını arttırır. Sayfaya resim yerleştirebilmek için önce bu resmin web klasöründe ya da bilgisayarda bulunması gereklidir. Not: Sayfaya eklenen resimler web klasörü içerisinden silinirse, resimleri web sayfasında da göremezsiniz. Not: Resim dosyasının web sayfası ile aynı klasör içinde bulunmasına dikkat ediniz. Şekil 5-1 Ekle Menüsü Resim Ekle Komutu www.erinconline.com
21 2. Ekleme noktasını, resim eklemek istediğiniz yere getirin. 3. Aşağıdakilerden birini yapın: a. Dosyadan resim ekleme i. Ekle menüsünde Resim'in üzerine gelin ve Dosyadan'ı tıklatın. ii. Eklemek istediğiniz dosyayı bulun ve sonra Ekle'yi tıklatın. b. Clip Organizer'dan küçük resim ekleme: i. Ekle menüsünde Resim'in üzerine gelin ve Küçük Resim'i tıklatın. ii. Küçük Resim görev bölmesinde Aranan kutusuna istediğiniz küçük resmi tanımlayan sözcük veya tümceciği yazın. iii. Aramanızı belli bir küçük resim koleksiyonu veya dosya türü ile sınırlamak isterseniz aşağıdakini yapın: Arama konumu listesinde aramak istemediğiniz koleksiyonların yanındaki onay kutularının işaretini kaldırın. İstenen sonuçlar listesinde istediğiniz dosya türlerini seçin. iv. Git'i tıklatın. v. Arama sonuçları listesinde eklemek istediğiniz resmi tıklatın. c. Tarayıcıdan resim ekleme i. Ekle menüsünde, Resim'in üzerine gidin ve sonra Tarayıcı veya Kameradan'ı tıklatın. ii. Aygıt altında, resim eklerken kaynak olarak kullanmak istediğiniz aygıtı tıklatın. iii. İstediğiniz çözünürlükdeğerini seçin. iv. Aşağıdakilerden birini yapın: Resmi özgün biçiminde eklemek için Ekle'yi tıklatın. Resmi eklemeden önce özelliklerini ayarlamak için Özel Ekle'yi tıklatın ve ardından eklemek istediğiniz resmi seçin. Etkin nokta göster Metin Mutlak konumlandır Bir alta gönder Karşıtlık ve Parlaklık Ayarları Kırp Etkin nokta Dolu çerçeve Bir öne getir Çizgi Stili Döndür ver ters çevir Yeniden Örneklendir. Otomatik Küçük Resim Dosyadan resim ekle www.selcenzorlu.wordpress.com Resim Biçimlendir Saydam Renk Ayarla Önceki Boyut
22 Mutlak Konumlandır, Bir alta gönder, Bir Öne getir Düğmeleri Mutlak konumlandır, resmi sayfada herhangi bir yere dönüştürür, böylelikle resmi taşıyabilir, konumlandırabilirsiniz. Konumlandırılmış bir resimleri diğer sayfa içeriği veya birbirlerinin önüne veya arkasına göndermek için Bir alta gönder, Bir Öne getir Düğmeleri kullanılır. Not: Çizgi Stili ve Resim Biçimlendir Komutları resim için kullanılamaz. Bu komutlar sırasıyla, Bir otomatik şekil, metin kutusu ya da Word Art nesnesine, kenarlık çizmek ve bu nesneleri biçimlendirmek için kullanılabilir 5.1 Resmi yeniden boyutlandırma Resim yeniden boyutlandırıldığında, yalnızca Web tarayıcısına resmin nasıl görüntüleneceğini bildiren HTML etiketleri değişir. Grafik dosyasının kendisi, boyutu veya yükleme süresi değişmez. 5.1.1 Resmi el ile yeniden boyutlandırma 2. Resmi tıklatın ve boyutlandırma tutamacını (boyutlandırma tutamacı: Seçilen nesnenin köşelerinde ve kenarlarında görünen küçük daire veya karelerden biri. Nesnenin boyutunu değiştirmek için bu tutamaçları sürükleyebilirsiniz.) yeni bir konuma sürükleyin. Not: Resmin geçerli oranlarını korumak için köşe tutamacını sürükleyin. Kenar tutamacını sürüklerseniz resim bozulur. Not: Resmi yeni boyutuna göre yeniden örnekleyebilirsiniz(yeniden örnekleme: Bir resmin veya grafiğin piksel boyutlarını (dolayısıyla fiziksel boyutunu) değiştirme. Grafikler daha düşük bir değer için yeniden örneklenebilir (piksel sayısı azaltılabilir) veya daha yüksek bir değer için yeniden örneklenebilir (piksel sayısı artırılabilir).); bu sayede resmin netliği iyileştirilebilirken, grafik dosyasının boyutu da artabilir veya azalabilir. Resmi yeniden örneklemek için, resmin sağ alt köşesindeki Resim Eylemleri simgesini tıklatın ve sonra Boyutla eşleşmesi için resmi yeniden örnekle'yi seçin.(bkz. 5.8 Resmi Yeniden örneklendirme) 1 2 1 Yalnızca Boyut özniteliklernii değiştir piksel boyutunu değiştirmeyle aynı işlemi yapar 2 Yeniden Örneklendirme yapar.
23 5.1.2 Piksel veya yüzde değerlerini belirterek resmi yeniden boyutlandırma 2. Resmi sağ tıklatın ve sonra kısayol menüsündeki Resim Özellikleri'ni tıklatın. 3. Görünüm sekmesinde, Boyut altında Boyut Belirt onay kutusunu seçin. 4. Geçerli en boy oranının (en boy oranı: Bilgisayar görünüm ve grafiklerinde, resim veya resim alanının genişliğinin yüksekliğine oranı. Örneğin, 2:1'lik bir en boy oranı resmin genişliğinin yüksekliğinin iki katı olduğunu gösterir.) korunup korunmayacağını belirtmek için, En boy oranını koru onay kutusunu seçin veya işaretini kaldırın. 5. Yükseklik ve Genişlik kutularına istediğiniz piksel veya yüzde değerlerini girin. En boy oranını koru onay kutusunu seçtikten sonra Yükseklik ya da Genişlik için bir değer girdiğinizde, FrontPage diğer kutudaki değeri otomatik olarak değiştirerek özgün oranı korur. Not: Frontpage de yüzde değeri internet tarayıcı penceresine(veya eğer resim tabloda yer alıyorsa tablo hücre boyutuna) bağlıdır. Yani, %100 e ayarlanmış bir resim internet tarayıcının tamamını kaplar, eğer resim büyüklüğü %50 olarak ayarlanırsa internet tarayıcı penceresinin yarısını kapla 5.2 Grafiği döndürme veya çevirme 2. Grafiği tıklatın. 3. Arka plandaki grafiği döndürmek veya çevirmek istiyorsanız seçim yapmanız gerekmez. 4. Resimler araç çubuğunda, aşağıdakilerden herhangi birini yapın: Resimler araç çubuğu gizliyse, grafiği sağ tıklatıp kısayol menüsünde Resimler Araç Çubuğunu Göster öğesini tıklatın. Grafiği saatin ters yönünde 90 derece döndürmek için Resimler araç çubuğunda 90º Sola Döndür Döndür simgesini tıklatın. Grafiği saat yönünde 90 derece döndürmek için 90º Sağa simgesini tıklatın. Grafiği baş aşağı çevirmek için Yatay Çevir düğmesini tıklatın. Ayna görüntüsünü oluşturmak üzere grafiği çevirmek için Dikey Çevir düğmesini tıklatın. 5.3 Grafiği hizalama 2. Grafiği sağ tıklatın ve sonra kısayol menüsünde Resim Özellikleri'ni tıklatın. 3. Görünüm sekmesini tıklatın ve sonra aşağıdakilerden birini yapın: Kaydırma Stili'nin altında istediğiniz seçeneği seçin. Düzen'in altında Hizalama kutusunda, grafiğin sayfa üzerinde ne şekilde hizalanmasını istediğinizi belirten bir seçeneği tıklatın. 4. Yerleşim'in altında, Yatay aralık kutusunda, grafiğin sol ve sağ yanlarında bulunmasını istediğiniz pikselsayısını yazın veya seçin. 5. Yerleşim'in altında, Dikey aralık kutusunda, grafiğin üst ve alt yanlarında bulunmasını istediğiniz piksel sayısını yazın veya seçin.
24 Şekil 5-2 Resim Özellikleri İletişim Kutusu Görünüm Sekmesi
25 5.4 Küçük resim oluşturma 2. Grafiği tıklatın. 3. Resimler araç çubuğunda Otomatik Küçük Resim düğmesini tıklatın. Resimler araç çubuğu gizliyse, grafiği sağ tıklatın ve ardından kısayol menüsünde Resimler Araç Çubuğunu Göster'i tıklatın. Microsoft FrontPage, hem bir küçük resim grafiği, hem de özgün tam boyutlu grafiğe bir köprü oluşturur. 5.5 Grafiği kırpma Grafiği kırparak, kullanmak istemediğiniz bölgelerini kaldırabilirsiniz. 1. Sayfa görünümünde, belge penceresinin altındaki Tasarım düğmesini tıklatın. 2. Grafiği tıklatın. 3. Resimler araç çubuğunda Kırp düğmesini tıklatın. Resimler araç çubuğu gizliyse grafiği sağ tıklatın ve kısayol menüsünde Resimler Araç Çubuğunu Göster öğesini tıklatın. 4. Grafiğin saklamak istediğiniz kısmını kapsamak ve grafiği yeniden boyutlandırmak üzere kırpma kutusunun üzerindeki tutamaçları sürükleyin. 5. Kırpma kutusunun dışında kalan alanı kaldırmak için, yeniden Kırp simgesini tıklatın. 5.6 Grafiğe etkin nokta ekleme 2. Etkin nokta eklemek istediğiniz grafiği tıklatın. 3. Aşağıdakilerden birini yapın: Grafiğe etkin nokta ekleme 1. Resimler araç çubuğunda, Dikdörtgen Etkin Nokta, Dairesel Etkin Nokta veya Çok Kenarlı Etkin Nokta'yı tıklatın. 2. Resimler araç çubuğu gizliyse, grafiği sağ tıklatın ve ardından kısayol menüsünden Resimler Araç Çubuğunu Göster'i tıklatın.
26 3. Grafiğin üzerinde dikdörtgen, daire veya çokgen çizmek üzere fareyi sürükleyin. Fare düğmesini bıraktığınızda Köprü Ekle iletişim kutusu açılır. 4. Bağlantı yapmak istediğiniz dosyayı bulun ve sonra Tamam'ı tıklatın. NOTLAR: Çokgen çizmek için önce köşelerin bulunmasını istediğiniz noktaları tıklatın, ardından çokgeni tamamlamak için çift tıklatın. Grafiğe metin etkin noktası ekleme 1. Resimler araç çubuğunda Metin düğmesini tıklatın. Resimler araç çubuğu gizliyse, grafiği sağ tıklatın ve ardından kısayol menüsünden Resimler Araç Çubuğunu Göster'i tıklatın. 2. Kutuya istediğiniz metni yazın. 3. Aşağıdakilerden birini veya her ikisini de yapın: Metin kutusunu taşımak için metin kutusunun kenarlığını yeni bir konuma sürükleyin. Metin kutusunu yeniden boyutlandırmak için metin kutusunun üzerindeki tutamaçları sürükleyin. 4. Metin kutusunun bir kenarını çift tıklatın. 5. Bağlantı yapmak istediğiniz dosyayı bulun ve sonra Tamam'ı tıklatın. 5.7 Grafiği tanımlayan bir metin ekleme Grafik karşıdan yüklenirken, bulunamadığında veya site ziyaretçisi işaretçiyi üzerinde hareket ettirdiğinde, tarayıcıya bağlı olarak grafiğe ilişkin görüntülenebilir. 2. Grafiği sağ tıklattıktan sonra kısayol menüsünde Resim Özellikleri'ni ve sonra Genel sekmesini tıklatın. 3. Diğer gösterimler'in altındaki Metin kutusuna grafiğe ilişkin diğer metni yazın. Şekil 5-3 alternatif metin Resim özellikelri iletişim kutusu genel Sekmesinde belirlenebilir.
27 Şekil 5-4 Alternatif metin eklendiğinde,ziyarerçi eğer web tarayıcısını sadece metinleri göstermek üzere ayarlamışsa, resim yerine alternatif açıklama görünecektir. 5.8 Resmi Yeniden örneklendirme Orijinal resim %75 oranında küçültülmüş Yeniden örneklenmiş resim Bir digital resmi büyütüp küçülttüğünüzde, pixel boyutları değişir ve resmin yeniden örneklenmesi gerekir. Küçültülmüş Bir resmi yeniden örneklediğinizde resimdeki pixel sayısı azalır, büyütülmüş bir resmi yeniden örneklediğinizde pixel sayısı resimdeki renklere bağlı olarak arttırılır. Resmin pixel boyutunu değiştirmekten farklı olarak yeniden örnekleme resmin gerçek boyutunu değiştirir. Kısaca, eğere 400x 400 pixel bir resmi yarı boyutuna indirirseniz, Fontpage bu resmi 200x 200 pixel olarak kaydedecektir. Yeniden örneklendirme, ayrıca yeniden boyutlandırılmış ve pürüzlenmiş resimleri düzeltmek için de kullanılır. Yalnız, bir resim yeniden örneklendikten sonra boyutu büyütlüdüğün resmin kalitesi bozulur. Resmin üzerine sağ tuşa basarak ve yeniden örneklendir diyerek veya Resimler Araç Çubuğunda düğmesine basarak yeniden örneklendirebilrisiniz. 6 FOTOĞRAF GALERİSİ OLUŞTURMA 2. Ekleme noktasını fotoğraf galerisini oluşturmak istediğiniz yere getirin. 3. Ekle menüsünde Web Bileşeni'ni tıklatın.( Bileşen türü listesinde Fotoğraf Galerisi'ni tıklatın. 4. Fotoğraf Galerisi Seçeneği Seç listesinde istediğiniz yerleşimi tıklatın. 5. Son'u tıklatın. 6. Fotoğraf galerisine fotoğraf eklemek için Ekle'yi tıklatın. Dosyadan resim eklemek için aşağıdakileri yapın. 1. Dosyalardan alınan resimler'i tıklatın.
2. İstediğiniz dosyayı bulup seçin ve sonra Aç'ı tıklatın. 28 Not: Birden fazla grafik seçmek için CTRL tuşunu basılı tutarak istediğiniz grafikleri seçin. Fotoğrafların sırasını yeniden düzenlemek için fotoğrafın adını seçin ve Yukarı Taşı veya Aşağı Taşı'yı tıklatın Not: Ekle Menüsünde Resim ardından Fotoğraf Galerisi seçeneği de kullanabilirsiniz. Şekil 6-1 fotoğraf Galerisi Özellikler iletişim kutusunu kullanarak bilgisayarınızda bulunan resimlerden veya Tarayıcıdan kameradan alınan resimlerle fotoğraf galerisi oluşturabilirsiniz. Fotoğraf Galerisi Özellikleri penceresinde bulunan Düzenle düğmesini kullanarak açılacak olan Resmi Düzenle penceresinden resimlerin boyutlarını standart hale getirebilir, resimleri döndürebilir ya da kırpabiliriz. Bu bölümde dikkati çeken iki özellik vardır. Bunlar en boy oranını koruma ve Varsayılan boyut olarak belirleme özellikleridir. En boy oranını koru, özelliğini aktif hale getirilirse seçili resmin boyutlarını değiştirmek istediğimizde resmin genişlik ve yükseklik oranı bozulmayacaktır. Varsayılan Boyut Olarak Belirle, özelliği seçilirse tüm resimler standart olarak aynı boyutta görünecektir. Fotoğraf Galerisi Özellikleri penceresinin Yerleşim bölümünde ise resimlerin sayfadaki düzenine ilişkin birkaç alternatif bulunmaktadır. Bunlardan sayfaya uygun bir tanesini seçin. Genelde resimlerde Slayt Düzeni kullanılmaktadır Fotoğraf Galerisi Özellikleri penceresi onaylanarak çıkılır ve resimler seçilen düzene göre sayfada yerlerini alırlar.