08.04.2017 FRONTPAGE Sevinç KARAKAŞ.

... konulu sunumlar: "08.04.2017 FRONTPAGE Sevinç KARAKAŞ."— Sunum transkripti:

1 FRONTPAGE Sevinç KARAKAŞ

2 FRONTPAGE EKRANI Sevinç KARAKAŞ

3 YENİ SAYFA OLUŞTURMA Menü çubuğundaki File seçeneğine tıklanır ve New seçeneği seçilir. Daha sonra Web seçeneğine tıklanır. Sevinç KARAKAŞ

4 Sayfanın kayıt edileceği yeri buraya yazabilirsiniz.
YENİ SAYFA OLUŞTURMA Açılan pencerede One Page Web seçeneğini seç ve OK’ye tıkla. Sayfanın kayıt edileceği yeri buraya yazabilirsiniz. Sevinç KARAKAŞ

5 SAYFA ÖZELLİKLERİ Menü çubuğundan File seçeneğine tıkla ve Page Proporties seçeçeneğini seç. Açılan pencere bir çok özelliği değiştirmemize olanak sağlar. Örneğin; arka plan rengi, sayfa başlığı, ve link renkleri gibi. Sevinç KARAKAŞ

6 SAYFA ÖZELLİKLERİ Penceredeki background seçeneğini seçersek, arka plan rengini ve link renklerini değiştirebilir veya arka plana resim ekleyebiliriz. Sevinç KARAKAŞ

7 Sevinç KARAKAŞ

8 TEMA KULLANIMI Temalar renklerin, resimlerin ve yazı tiplerinin oluşturduğu hazır kalıplardır. Bilgisayarda hazır bulunan temalardan birini kullanarak web sayfayı oluşturmak daha kolaydır çünkü herşeyin yeri ve sitili önceden belirlenmiştir. Sevinç KARAKAŞ

9 TEMA KULLANIMI Menü çubuğundaki Format seçeneği seçilir daha sonra Theme seçeneği seçilir. Açılan pencereden istenilen tema seçilir. Sevinç KARAKAŞ

10 Sevinç KARAKAŞ

11 TEMA KULLANIMI Açılan pencerede All pages seçeneği seçilirse tema bütün sayfalara Selected Page(s) seçeneği seçilirse sadece seçili sayfalara uygulanır. Uygulamak istediğimiz temayı seçtiğimizde ön görüntüsü sample of theme penceresinde görünür. Sevinç KARAKAŞ

12 TEMAYI SİLME Menü çubuğundaki Format seçeneği seçilir ve Theme seçeneğine tıklanır. No theme seçeneği seçilir ve OK’ye tıklanır. Theme artık web sayfamızdan silindi. Sevinç KARAKAŞ

13 YAZI TİPİ ÖZELLİKLERİ Yazı sitilini değiştirmek istediğimiz text seçilir ve menü çubuğunda Format seçeneğine tıklanır. Font seçeneği seçilir. Sevinç KARAKAŞ

14 Sevinç KARAKAŞ

15 YAZI TİPİ ÖZELLİKLERİ Yazı tipi seçerken her bilgisayarda bulunmasına, yaygın, ve okunaklı olmasına dikkat etmeliyiz. Arial, Geneva, Verdana, ve Helvetica gibi düz yazı tiplerini seçmeliyiz. Sevinç KARAKAŞ

16 YAZI BOYUTU Metin için genellikle 12 punto tercih edilir.
Başlıklarda ise genelde 18 veya 20 punto kullanılır. Sevinç KARAKAŞ

17 HYPERLINKS Hyperlinks üzerine tıkladığımızda yeni bir web sayfası açılan yazı veya grafiklerdir. Sevinç KARAKAŞ

18 HYPERLINKS Hyperlink eklemek istediğimiz yazı veya resim seçilir.
Menü çubuğundan Insert seçeneği seçilir ve Hyperlink seçeneğine tıklanır. Sevinç KARAKAŞ

19 HYPERLINKS Açılan pencerenin URL kısmına açmak istediğimiz sayfa yazılır. Eğer internette yayınlanan bir sayfayı açıcaksak başına yazılır ve sonra sitenin adresi yazılır. Eğer bilgisayarda kayıtlı bir sayfayı açacaksak onun adresi yazılır. Sevinç KARAKAŞ

20 Sevinç KARAKAŞ

21 HYPERLINKS Sayfanın üzerinde Frontpage’de çalışırken hyperlink çalışmaz. Yayınladığımızda veya htm dosyası olarak kaydedip sayfayı açtığımızda çalışır. Sevinç KARAKAŞ

22 HYPERLINKS hyperlink olmasını istediğimiz yazı veya resim seçilir. Menü çubuğundan Insert seçeneği seçilir ve Hyperlink seçeneğine tıklanır. Sevinç KARAKAŞ

23 HYPERLINKS Açılan penceredeki mektup zarfı şeklindeki seçeneğe tıklanır. Açılan penceye adresi yazılır. Her iki penceredede OK’e tıklanır. Sevinç KARAKAŞ

24 Sevinç KARAKAŞ

25 NAVIGATION GÖRÜNTÜSÜ Görünüm seçeneklerinden Navigation seçilir.
Böylece web sayfanda hangi sayfadan hangi sayfaya gidirdiğini grafiksel olarak görebilirsiniz. Sevinç KARAKAŞ

26 ÖRNEK Sevinç KARAKAŞ

27 GRAFİK VE RESİMLER ClipArt resmi eklemek için önce Menü çubuğundan Insert sonra Picture seçilir ve ClipArt seçeneğine tıklanır. Açılan pencereden istediğimiz resmi seçeriz ve farenin sağ tuşuna tıklayıp insert seçneğini seçeriz. Sevinç KARAKAŞ

28 Sevinç KARAKAŞ

29 GRAFİK VE RESİMLER Dosyadan resim eklemek için önce Menü çubuğundan Insert sonra Picture seçilir ve From File seçeneğine tıklanır. Açılan pencereden istediğimiz dosyayı seçeriz ve OK’e tıklarız. Dosya JPEG veya GIF uzantılı olmalı. Sevinç KARAKAŞ

30 Sevinç KARAKAŞ

31 GRAFİK VE RESİMLER Resmin özelliklerini değiştirmek için Menü çubuğundan Format ve sonra Proporties seçenekleri seçilir. Açılan pencerede değişiklikler yapılabilinir. Sevinç KARAKAŞ

32 Bu kutuya yazdığımız yazı eğer kullanıcı resmi görüntüleyemezse veya resim yüklenirken görüntülenir.
Sevinç KARAKAŞ

33 GRAFİK VE RESİMLER Eğer resmin bütününü değilde sadece bir kısmını görüntülemek istiyorsak resmi kırpmalıyız. Kırpmak istediğimiz resmi seçip resimler araç çubuğundan “crop” butonunu seçeriz. Sevinç KARAKAŞ

34 GRAFİK VE RESİMLER Resmin köşelerinde istediğimiz yerekadar sürüklememiz için köşe çizgileri oluşur. (“ “) Onlara tıklayıp istediğimiz yere kadar sürükleriz. İşlemi bitirmak için aynı butona bir kez daha basarız. Sevinç KARAKAŞ

35 Orjinal hali Kırpıldıktan sonra Sevinç KARAKAŞ

36 GRAFİK VE RESİMLER Resmin üzerine yazı eklemek için;
Resmi seçip resimler araç çubuğundan yazı butonu seçilir. Resmin üzerinde yazı kuusu oluşur. Yazıyı buraya yazarız. Yazı üzerinde değişiklik yapabiliriz ve yerini değiştirebiliriz. Sevinç KARAKAŞ

37 MANZARA Sevinç KARAKAŞ

38 TABLOLAR Tablolar birçok web sayfasının temelini oluşturur.
Tabloyu bütün bir sayfaya veya sadece bir kısmına uygulayabiliriz. Frontpage’de tablo oluşturmanın birkaç değişik yolu vardır. Sevinç KARAKAŞ

39 TABLOLAR Method 1: Standart araç çubuğundan tablo ekleme seçeneği seçilir. Sevinç KARAKAŞ

40 TABLOLAR Açılan pencereden kaç sütun ve satır sayısına sahip bir tablo oluşturmak istiyorsak o kadar kareyi seçeriz. Fareyle tıkladığımız an tablo sayfaya eklenir. Sevinç KARAKAŞ

41 TABLOLAR Method 2: Menü çubuğundan Table seçeneği seçilir. Açılan menüden Insert‘e tıklanır ve Table seçilir. Tablo ekleme penceresi açılır. Kaç satır (row) ve sütun (column) sayısı istiyorsak seçilir. Sevinç KARAKAŞ

42 Sevinç KARAKAŞ

43 TABLO ÖZELLİKLERİ Tablonun üzerindeyken farenin sağ tuşuna tıkla ve Table Proporties’i seç. Açılan pencerede tablonun birçok özelliğini değiştirebiliriz. Sevinç KARAKAŞ

44 TABLO ÖZELLİKLERİ Tablo hizalamak için allignment seçenğinden nereye hizalamak istiyorsak orası seçilir. Left sola dayar, right sağa, center ortalar, ve justify seçeneği her iki yana yaslar. Sevinç KARAKAŞ

45 TABLO ÖZELLİKLERİ Tabloya kenarlık eklemek için border size kısmındaki sayı arttırılır. Sayı büyüdükçe kenarlık kalınlaşır. Sıfırsa görünmez. Sevinç KARAKAŞ

46 TABLO ÖZELLİKLERİ Kanarlığın rengini değiştirmek için border color seçeneğinden renk seçilir. Sevinç KARAKAŞ

47 TABLO ÖZELLİKLERİ Cell padding yazı ve hücrenin kenarlığı arasındaki pixel sayısını belirtir. Cell spacing hücreler arasındaki pixel sayısını belirtir. Sevinç KARAKAŞ

48 TABLO ÖZELLİKLERİ Tablonun arka planını reklendirmek için background color seçeneğinden bir renk seçilir. Sevinç KARAKAŞ

49 TABLO ÖZELLİKLERİ Eğer arka plan olarak bir resim kullanmak istersek use background picture kısmına tik koyarız ve alttaki kısma kullanmak istediğimiz resmi belirtiriz. Sevinç KARAKAŞ

50 HÜCRE ÖZELLİKLERİ Bazen hücreleri birleştirmek isteriz. Genelde tabloya başlık eklemek için bunu yaparız. Bu işlem için önce birleştirmek istediğimiz hücreleri seçeriz ve sonra tablolar çubuğundaki butonunu seçeriz. Sevinç KARAKAŞ

51 HÜCRE ÖZELLİKLERİ Hücrenin kenarlık ve arka plan rengi başta olmak üzere birçok rengini değiştirebiliriz. Özelliğini değiştirmek istediğimiz hücre seçilir ve farenin sağ tuşuna tıklanır açılan menüden cell proporties seçeneği seçilir. Sevinç KARAKAŞ

52 Sevinç KARAKAŞ

53 KAYAN YAZI EKLEME Menü çubuğundan Insert sonra Component seçilir ve Marquee seçeneği seçilir. Marque proporties penceresi açılır. Bu pencereden özellikleri seçebiliriz. Sevinç KARAKAŞ

54 Yazının hangi yöne kayacağını belirleriz. Sol(left) veya sağ(right)
Yazı buraya yazılır. Yazının hangi yöne kayacağını belirleriz. Sol(left) veya sağ(right) Yazının arka plan rengi buradan seçilir. Yazının boyutu, rengi ve tipi buradan seçilir. (Önce Format seçilir sonra Font) Sevinç KARAKAŞ

55 SAYFAYI ÖNİZLEME Sayfayı Frontpage’de tasarladıktan sonra yayınlandığında nasıl görülceğini anlamak için bir önizleme seçeneği var. Bu özelliği kullanmak için önce sayfayı bilgisayara kaydetmek gerekir. Sevinç KARAKAŞ

56 SAYFAYI ÖNİZLEME Menü çubuğundan File seçeneği seçilir ve Preview in Browser seçeneğine tıklanır. Açılan pencereden browser ve çözünürlük seçilir ve preview seçeneğine tıklanır. Sevinç KARAKAŞ

57 Sevinç KARAKAŞ