Payidar.NET - Bilgi ve Paylaşım Forumu
Geri Git   Payidar.NET - Bilgi ve Paylaşım Forumu > Internet > Web Master Dünyası > Web Tasarım Dersleri


Cevapla
 
LinkBack Seçenekler Stil
  #1 (permalink)  
Eski 15.07.06, 11:02
BjKadiR
Guest
 
Mesajlar: n/a
Front Page Dersleri

Kendinize Ait bir web sitenizin olmasını istiyorsanız ve bu işe yeni başlamışsanız bu Front Page Dersleri çok işinize yarayacak hemen konuya geçiyorum


Ö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 :




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #2 (permalink)  
Eski 15.07.06, 11:04
BjKadiR
Guest
 
Mesajlar: n/a
Ce: Front Page Dersleri

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.

8-) 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.

18-) 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.

28-) 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.

38-) 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
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 turkforum buraya tıkladığınız zaman
[Sadece kayıtlı Üyelerimiz Linkleri görebilir. ] 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.

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-decoration:none yazarak önleyebilirsiniz.

Kolay Gelsin...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #3 (permalink)  
Eski 18.01.07, 16:18
orrhhaann - ait Kullanıcı Resmi (Avatar)
Tam Paylaşımcı
 
Giriş tarihi: 21.07.06
Konum: Kayseri
Yaş: 28
Mesajlar: 178
Karizma Puanı: 126
orrhhaann has a reputation beyond repute
orrhhaann - İCQ üzeri Mesaj gönder orrhhaann - AİM üzeri Mesaj gönder orrhhaann - MSN üzeri Mesaj gönder orrhhaann - YAHOO üzeri Mesaj gönder
Talking Ce: Front Page Dersleri

Arkadaşlar Şu Programı Biri Bana Were Bilir Mi Çooooook Lazımda
__________________


Bütün Kıssslar Böle Saten
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #4 (permalink)  
Eski 02.08.08, 23:23
Foruma Erişimi Yasak
 
Giriş tarihi: 15.05.07
Yaş: 38
Mesajlar: 676
Karizma Puanı: 0
tayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant future
Ce: Front Page Dersleri

çok sağol teşekkürler..............
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
Cevapla

  Payidar.NET - Bilgi ve Paylaşım Forumu > Internet > Web Master Dünyası > Web Tasarım Dersleri

Etiketler
dersleri, front, page


Konuyu Toplam 1 Kullanıcı okuyor. (0 Kayıtlı kullanıcı ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Yeni konular gönderemezsiniz
Mesajlara cevap yazamazsınız
Mesajınıza eklentiler ekleyemezsiniz
Mesajlarınızı düzenleyemezsiniz

BB Kodu açık
[IMG] Kodu açık
HTML-Kodu kapalı
Trackbacks are açık
Pingbacks are açık
Refbacks are açık



Tüm Zamanlar GMT +2 Olarak Ayarlı. Şuanki Zaman: 00:53.


Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.3.0