Front page Dersleri

Öncelikle bilgisayarınızda FrontPage programının yüklü olması gerekmektedir.
Başlat ==> Programlar ==> FrontPage yolunu izleyerek FrontPage'i açabilirsiniz.
Program açıldıktan sonra aşağıdaki gibi bir pencere gelir.



FrontPage programı 10 ayrı menüden oluşmaktadır.

Dosya:
Çalışmakta olduğunuz projeyi daha sonra açmak üzere buradan kaydedebilirsiniz veya daha önce kaydettiğiniz sayfayı açabilirsiniz ayrıca tarayıcıda önizleme yani web sayfanızı yayınlayınca nasıl çıkacağını burdan görebilirsiniz.


Düzen:
Geri al komutu ile, yanlış bir şey yapınca eski halinize dönebilirsiniz. Yineleme komutu ile de tam tersi geri aldığınız bir şeyi tekrar eski haline döndürebilirsiniz. Tümünü seç komutu ile sayfanızdaki bütün yazıları seçebilirsiniz. Bul komutu ile yazılarınızda geçen kelimeleri hızlı bir şekilde arayabilirsiniz.

Çerçeveler:
Görünüm:
Bu menüden sitenizin sayfa haritanızı görebilirsiniz yeni başlayanların pek işine yaramaz.

Ekle:
Bu menü çok işimize yarayacak. Buradan sitemize resim, iframe (satır içi çerçeve),metin kutusu,buton gibi bir çok şey ekleyebiliriz.

Biçim:
Yazı Tipleri bölümünden seçtiğiniz yazının rengini yazı tipini değiştirebilirsiniz. Paragraf kısmından seçtiğiniz paragrafın aralıklarını ayarlayabilirsiniz. Pozisyon bölümünden seçtiğiniz resmin pozisyonunu değiştirebilirsiniz. Stil sayfa bağlantıları bölümünden css (cascading style sheet) dosyalarınızı ekleyebilirsiniz.

Araçlar:
Yazım kılavuzu bölümünden yazdığınız yazılarda dilbilgisi hatası var mı diye bakabilirsiniz. Seçenekler bölümünden Frontpage ayarlarını değiştirebilirsiniz.

Tablo:
Sitemize bir resim veya yazı eklerken mümkünse tablo içinde eklememiz gerekir çünkü değişik ekran çözünürlüğünde veya başka bir tarayıcı ile gelen birinin ekranında yazılar ve resimler kayabilir.


Çerçeveler:
Çerçeve kullanarak bir sayfa içinde 2 veya daha fazla sayfa gösterebiliriz. Buradan çerçeve özelliklerini ayarlayabilirsiniz.

Pencere:
Aynı anda iki tane web sayfası açık ise buradan birbirleri arasında geçiş yapabiliriz.

Yardım:
Bu menüden Office yardımcısına istediğiniz soruyu sorabilirsiniz.


Şimdi sıra geldi düğmeleri öğrenmeye :







1-) Yeni bos bir sayfa acar.

2-) Kaydedilmis bir dosyayi acar.

3-) Yaptiginiz web sayfanizi hard disk`e kaydeder.

4-) Arama komutu ile sayfanizdaki yazidan bir kelimeyi bulabilir ve yenisi ile degistirebilirsiniz.

5-) Web Yayimlama, sitenizi web`e yayimlar. Bu komutu kullanmak icin once yaptiginiz sayfayi harddiske kaydetmeniz gerekir ve hostinginizin front page desteklemesi gerekir.

6-) Bolmeyi ac kapa komutu ile klasor listesini acabiliriz.

7-) Sayfanizi yazdirir.

Onizleme, sitenizi kaydedince nasil gorunecegi.

9-) Yazim kilavuzu, yazdiginiz yazidaki gramer hatalarini duzeltir.

10-) Kes komutu, bir seyi tasir, kopyalama ile kes`in farki, bir seyi kopyalarsaniz o seyden iki tane olur ama kes yaparsaniz o sey eskisinden silinir ve yeni belirttiginiz yere gider.

11-) Kopyala komutu bir nesneyi, resmi, yaziyi vb. kopyalar ve sonra yapistir komutu ile yapistirilir.

12-) Kopyala veya kes komutu ile panoya aldigimiz bir seyi yapistiririz.

13-) Bicim boyacisi ile bir yazinin rengini baska bir yaziya verebilirsiniz.

14-) Geri al komutu, bazen hayatinizi kurtarabilir diyelimki yanlislikla yazinizi sildiniz, bu komut ile eski haline geri dondurebilirsiniz.

15-) Yinele komutu da Geri al komutunun tam tersi.

16-) Web Bileseni menusunden buton, sayac,kayan yazi gibi cesitli bilesenler ekleyebiliriz.

17-) Hizli bir sekilde sayfaniza tablo eklersiniz, kac tane sutun ve kac tane satir istiyorsaniz o kadar cok kare secin.

1 Dosyadan resim ekle, sitenize resim eklemek isterseniz, bu dugme sayesinde ekleyebilirsiniz.

19-) Cizim menusunu acar,kare ok, cizgi falan cizebilirsiniz.

20-) Kopru yani bir sayfayi digerine baglama, mesela bu yaziya basinca msn.com`a gitmesini saglayabilirsiniz.

21-) Yenile, sayfadaki bilgileri yeniler.

22-) Yapilmakta olan isi durdurur.

23-) Paragraf sonlarina ¶ isaretini koyar.

24-) Front Page yardim bolumu.

25-) Baslik sitili secebilirsiniz.

26-) Yazi tipi secebilirsiniz.

27-) Yazi puntosu yani karakter buyuklugunu burdan degistirebilirsiniz.

2 Sectiginiz yaziyi kalin yapar.

29-) Sectiginiz yaziyi italik yapar.

30-) Sectiginiz yaziyi alt cizgili yapar.

31-) Sectiginiz yaziyi sol tarafa yaslar.

32-) Sectiginiz yaziyi ortalar.

33-) Sectiginiz yaziyi sag tarafa yaslar.

34-) Sectiginiz yaziyi tam olarak yaslar.

35-) Yazi tipi boyutunu bir arttirir.

36-) Yazi tipi boyutunu bir azaltir.

37-) Numaralandirma, mesela 20 tane alt alta sayi yazacaksiniz, burdan ayarliyorsunuz her enter tusuna bastiginizda otomatik sayiyi ekliyor.

3 Buda ayni sekilde ama burdada numara yerine sekil kullaniliyor.

39-) Yazi ve resimlerde girintiyi azaltir.

40-) Yazi ve resimlerde girintiyi arttirir.

41-) Dis kenarlik ekler.

42-) Sectiginiz yaziyi vurgulu yapar, örnek

43-) Sectiginiz yazinin rengini degistirir.

44-) x butonu calismakta oldugunuz siteyi kapatir.

45-) Bir yardim konusu girerek, yardim bolumune ulasabilirsiniz

şimdi Sayfa Özelliklerini öğreneceğiz. Sayfada boş bir yere sağ tuşla tıklıyoruz ve sayfa özellilerine basıyoruz.

Aşağıdaki gibi bir menü açılacak. Başlık bölümünde yazan "FrontPage Dersleri 2" yazısı sayfamızın başlığı olacak. İnternet Explorer ile açınca sol üst köşede FrontPage Dersleri 2 yazacak. Biraz aşağıda Arka plan sesi diye bir yazı vardır. Gözat düğmesine basarak .mid, .wav gibi müzik dosyalarını sitemize arkaplan olarak ekleyebiliriz. Yani site açılınca bizim seçtiğimiz müzik çalacak. Burada dikkat etmemiz gereken şey dosya boyutunun çok büyük olmamasıdır. Aksi takdirde sitemize gelen ziyaretçiler çok beklerler. Döngü bölümünden o müziğin kaç defa çalacağını ayarlayabiliriz. Arkaplan sekmesine geçelim. Biçimlendirme yazısının yanındaki gözat düğmesine basarak sayfamıza background yani duvarkağıdı ekleyebiliriz. Yalnız resmin siteyi kaydettiğimiz klasör ile aynı yerde olması gerekir. Hemen aşağısında renkler kısmından arkaplan rengi seçebiliriz




Bu derste link yani köprü yapmayı öğreneceğiz. Link bir sayfayı başka bir sayfaya bağlamak demektir. Mesela aşşağıdan Ders 1 yazısına tıkladığınız zaman index.htm sayfasına gider işte buna link deniyor. Web sayfalarının uzantıları .htm veya .html olur. Boş bir sayfa açalım ve ilk deneme sayfamızı yapalım ve içine resimlerim yazın sonra onu anasayfa.html adıyla kaydedelim. Kaydetmek için dosya menüsünden kaydet yazısına basarak kaydedebilirsiniz. Şimdi düğmesine basarak yeni bir sayfa yapalım. Ve o sayfaya kendiniz hakkında yazı yazın. Resminizi eklemek isterseniz ekle menüsünden resim yazısına tıklayarak istediğiniz resmi ekleyebilirsiniz. Sonra bu sayfayı da resim.html adıyla kaydedin. Tekrar index.html dosyamızı açalım. Açmak için ikonuna tıklayın. Ve index.htm dosyasını açın. Resimler diye yazı yazmıştık onu seçin ve düğmesine tıklayın. Link vermek istediğimiz dosyayı yani resim.html dosyasını seçelim ve tamamı tıklayalım. Eğer istersek aynı şekilde bir siteye de link verebiliriz. Mesela forumdayiz buraya tıkladığınız zaman www.forumdayiz.com sayfası açılacak. Yalnız web tasarımında dikkat etmemiz gereken bir kaç nokta var. Ana sayfamızın adı index.html olması gerekir. Ve sitemize koyduğumuz resimler aynı klasör içinde olması gerekir.

FrontPage Püfleri


Sitenizi yayınlayınca nasıl gözükeceğine bakmak için sol alt köşeden ön izleme düğmesine basabilirsiniz.
Siteniz kaç saniyede açılacağını sağ alt köşedeki kumbara işaretinin yanına bakarak öğrenebilirsiniz.
Koyduğunuz resimler yazılar vs. başka ekran çözünürlüğü ile bakılınca kaymaması için yazılarınızı tablo içinde yazın ve genişliğini %100 yapın.
Biçim menüsünden Dinamik html efektleri sayesinde bir resmin site açılınca uçarak gelmesini veya yazının üzerine gelince renk değiştirmesini sağlayabilirsiniz.
Bir resmi istediğiniz yere koyamıyorsanız resim seçili iken biçim pozisyona tıklayın ve mutlaka basın.
Frontpage koyduğunuz linklerin altını mavi ile çizer. Bunu html kodlarından <body> kısmına a:text-

iyide kanka sitelerde buldugumuz Front page
nasıl kırıcaz