SlideShare ist ein Scribd-Unternehmen logo
1 von 23
MİCROSOFT FRONTPAGE
1.BÖLÜM
6.5.2014 1
Site Planı
KendiWeb sitenizi yaratWeb yayımcılığındaki yaratmaya ve hatta
Microsoft FrontPage'i öğrenmeye başlamadan önce ilk adım bir plan
yapmaktır.
 BuWeb sitesini kurmaktaki amacınız nedir? Ürün satmak mı? Reklam
mı? Kişisel kullanım mı?Tanıtım mı? vs.
 Bu siteyi kimler görecek veya kullanacak?
 Bu siteyi kurmak ve bakımını yapmak için ne kadar vaktim var? Gibi
sorularla siteyi yaratmaktaki amaç belirlenmiş olur.
6.5.2014 2
Frontpage İle Bir Web Sitesi
Oluşturma
Frontpage“new”
Diyalog kutusundan
“web”et ıkladığınızda
Karsınıza yandak işekilde
Görülen gibi yeni bir pencere
Açılacaktır.
Burda amacınıza uygun
Olarak herhangibirtanesini
Seçerek web sitenizi
Oluşturmaya başlayabilirsiniz.
6.5.2014 3
Web Sitesi ve Sayfa düzeni
Web”seçildiğinde frontpage size
otomatik olarak önceden
belirttiğinizdizinde yanda
görüldüğü gibibir pencere
açacaktır.
İlk oluşturacağınız sayfa
Web sitenizin
Ana sayfası olacaktır.“Navigation”
Butonununa bastığınızda
Yandaki şekilde gözükecektir
6.5.2014 4
Sayfaya“Insert”menüsünü Kullanarak çeşitli resimler “format”
menüsünü kullanarak sayfanın rengini veya sayfanızın yapısını
değiştirebilirsiniz.
6.5.2014 5
Sayfa başlığını değiştirme ve sayfayı
kaydetme
Sayfanın HTML kodlarına giderek
<title> </title>
Tagları arasına
İstediğiniz başlığı
yazabilirsiniz
Oluşturduğunuz sayfayı
kayıtedeceğiniz zaman
Frontpagede yeni bir
pencere açılır.
Yandaki şekilde bu
gözükmektedir
6.5.2014 6
MetinYazma
Girdiğiniz bilgilerin FrontPage'de, birWebtarayıcısında göründüğü
şekilde görünmesini sağlamak için FrontPage HTML dosyanıza özel
biçimlendirme imleçleri ekleyecektir.Yazı yazıp Enter'ebastığınız
zaman, FrontPage bir paragrafın sonunun geldiğini algılar.
HTML'de sayfa hizalarken üç değişik hizalama şekli
kullanabilirsiniz: sağ, sol ve orta. Metninizin hizasını belirlemek
için mouse imlecini paragraf içinde bir yere konumlandırın ve
Editor'ün ikon çubuğundan uygun ikona tıklayın
Hizalama ve Paragraf Başları
6.5.2014 7
Yatay Çizgiler
Web sayfanızı bölümlere ayırıp düzenleyen çeşitli tipte yatay çizgiler
dahil edebilirsiniz .Bu çizgiler ekranın solundan sağına doğrudur ve
uzunluk, renk, hizalama ve yükseklik bakımından bunlardan
yararlanılabilir.
6.5.2014 8
Varsayılan Rengi Değiştirme
Web sayfanızın tüm rengini değiştirmek istediğinizde yine FrontPage
Editor'de mouse’un sağ tuşu ile herhangi bir yere tıklayın açılan
menüde Page Properties diyalog kutusundan Background sekmenini
seçin.
6.5.2014 9
Özel karakterler
Web sayfasında yazı yazarken bazen değişik türde özel sembollere ve
Karekterlere ihtiyaç duyarsınız.FrontPage işte bu karekterleriWeb
sayfanızda kullanmanıza olanak sağlıyor.
6.5.2014 10
Tablo Oluşturma
Tablolar birWeb sayfası içinde çeşitli amaçlar için
kullanılabilir.Tabloları büyük miktarlardaki bilgileri yapıştırmak,
Webgrafiklerini ve karmaşık birsayfa düzenlemek için bir araç olarak
ve ziyaretçilere sitenizde rehberlik etmek amacı ile gezinti araçları
olarak kullanılabilirsiniz.
6.5.2014 11
BağlantıYazısını ve Renklerini
Güncelleme
Bağlantı yazısını istediğiniz anda değiştirebilirsiniz.Websayfanızdaki
standart yazılar gibi mouse ve klavyenizi kullanarak bağlantı yazısını
da yeniden yazabilir, silebilir veya değiştirebilirsiniz.
6.5.2014 12
Multimedya ve Resimlerin Eklenmesi
Grafikler yanında FrontPage Websayfanıza çarpıcı
video ve ses klipleri de dahil edebilirsiniz. Ses
klipleri gelen ziyaretçilere muzik çalar ve video
hareket etmeleri dışında grafikler gibi
görüntülenirler.
6.5.2014 13
Ses KliplerininWeb Sayfanıza Dahil
Edilmesi
Sayfanızı FrontPageEditor'e
yükleyin, sağtıklayın ve
Çıkan kutudan
PageProperties'i seçin.
Page Propertiesdiyalog
Kutusunda çalışacakses
dosyasını belirlemek
için Location kutusunu
Kullanırsınız.
6.5.2014 14
KayanYazılar
FrontPageWeb sayfanıza dahil edebileceğiniz bir başka sayfada aktif
eleman kayan yazıçubuğudur. FrontPage Editor menü çubuğundan
Insert (Component) Marquee komutunu çalıştırarak sayfanıza bir
kayan yazı ekleyebilirsiniz
6.5.2014 15
Sitenizde Arama Yapma ve Sayaçları
Sitenizdekullanabileceğiniziki tür aktif eleman daha vardır.Sitede
AramaYapmaveVurgu Sayaçları. İkisi de sayfanızaziyaretçilerinize
sayfa hakkında daha fazla bilgi verenözel elemanekler.
6.5.2014 16
Sayfa Bileşenleri
1)Yorum Eklenmesi
Üzerinde çalışılması en kolay bileşen yorumlardır.
FrontPage yorumları sadece FrontPage ve HTML
dosyasında gözüken fakat tarayıcıda görünmeyen
anahtar sözcük yada sözcük öbeğidir
6.5.2014 17
Programlı Resimler ve Dosyalar
FrontPagebelli bir resmi ya da dosyayı sayfanıza dahil edip
eklenen bileşenin görünmesi gereken zaman
aralığınınbaşlangıçve bitiş tarihini girmenize olanak verir.
Buzaman aralığı içinde ziyaretçiler resmi veya dosyayı
görebilir.
6.5.2014 18
FORM EKLEMEK
FrontPage ile Formları Oluşturmak
FrontPage'de form yaratmak çok kolaydır çünkü gerekli elemanların
hepsini grafik olarak yerleştirebilirsiniz. Sayfanıza form elemanları
eklerken FrontPage editor'ündeki özel form araç çubuğunu
kullanabilirsiniz.Yaralanabileceğiniz Çeşitli form elemanlarını
görüntülemek için menüden format/insert/FormsToolbar'ıseçin.
6.5.2014 19
Metin Kutusu Eklemek
Bir form sayfanıza metin kutusu eklemek için form araç çubuğunu
kullana bilir veya menüden Insert|FromField/OneLineText Box
seçenağini seçebilirsiniz.
6.5.2014 20
SitenizdeTemaları Kullanmak
FrontPage Editor'ünü Kullanmak
Editor'ü başlatın ve tema uygulamak istediğiniz sayfayı
yükleyin. Sonra da menüden Fromat/Theme seçerek
Theme diyolog kutusundan yine istediğiniz şekli
seçebilirsiniz.
6.5.2014 21
Sayfanızı WWW'deYayınlamak
FrontPage Explorer'in içindenFile-Publish düğmesine tıklayın.Şekildeki
Publish web diyalog kutusu belirir.
6.5.2014 22
TEŞEKKÜRLER..
6.5.2014 23

Weitere ähnliche Inhalte

Andere mochten auch

Objects (Holiday Work)
Objects (Holiday Work)Objects (Holiday Work)
Objects (Holiday Work)Halil Olsen
 
Powerpoint alimentos
Powerpoint alimentosPowerpoint alimentos
Powerpoint alimentosdavidbanzer
 
Публикации на Bigpicture.ru
Публикации на Bigpicture.ruПубликации на Bigpicture.ru
Публикации на Bigpicture.ruBigSochi2014
 
Ten tips for job search and interviewing
Ten tips for job search and interviewingTen tips for job search and interviewing
Ten tips for job search and interviewingghenkel
 
Ultrasound technician schools in michigan
Ultrasound technician schools in michiganUltrasound technician schools in michigan
Ultrasound technician schools in michiganraymondult
 
REC 4350 Literature Review
REC 4350 Literature ReviewREC 4350 Literature Review
REC 4350 Literature ReviewSarah Walters
 
A chambers.edu742.vocab demo
A chambers.edu742.vocab demoA chambers.edu742.vocab demo
A chambers.edu742.vocab demoachambers1
 
Twr 1 Q 2009 Outlook
Twr 1 Q 2009 OutlookTwr 1 Q 2009 Outlook
Twr 1 Q 2009 Outlookpjcohen
 

Andere mochten auch (14)

Objects (Holiday Work)
Objects (Holiday Work)Objects (Holiday Work)
Objects (Holiday Work)
 
إلغاء التجزئة
إلغاء التجزئةإلغاء التجزئة
إلغاء التجزئة
 
Pv8
Pv8Pv8
Pv8
 
AoC London Region Bulletin Issue 116
AoC London Region Bulletin Issue 116AoC London Region Bulletin Issue 116
AoC London Region Bulletin Issue 116
 
Powerpoint alimentos
Powerpoint alimentosPowerpoint alimentos
Powerpoint alimentos
 
65 nhan day kem ha no
65  nhan day kem ha no65  nhan day kem ha no
65 nhan day kem ha no
 
Session 2.3 Gabeau
Session 2.3 GabeauSession 2.3 Gabeau
Session 2.3 Gabeau
 
Публикации на Bigpicture.ru
Публикации на Bigpicture.ruПубликации на Bigpicture.ru
Публикации на Bigpicture.ru
 
Adventi GyertyáK
Adventi GyertyáKAdventi GyertyáK
Adventi GyertyáK
 
Ten tips for job search and interviewing
Ten tips for job search and interviewingTen tips for job search and interviewing
Ten tips for job search and interviewing
 
Ultrasound technician schools in michigan
Ultrasound technician schools in michiganUltrasound technician schools in michigan
Ultrasound technician schools in michigan
 
REC 4350 Literature Review
REC 4350 Literature ReviewREC 4350 Literature Review
REC 4350 Literature Review
 
A chambers.edu742.vocab demo
A chambers.edu742.vocab demoA chambers.edu742.vocab demo
A chambers.edu742.vocab demo
 
Twr 1 Q 2009 Outlook
Twr 1 Q 2009 OutlookTwr 1 Q 2009 Outlook
Twr 1 Q 2009 Outlook
 

Ähnlich wie sunu (Frontpage-1)

Ähnlich wie sunu (Frontpage-1) (20)

Atif Unaldi - Adim Adim Web (Ankara)
Atif Unaldi - Adim Adim Web (Ankara)Atif Unaldi - Adim Adim Web (Ankara)
Atif Unaldi - Adim Adim Web (Ankara)
 
Web tasarimda-temel-i̇lkeler
Web tasarimda-temel-i̇lkelerWeb tasarimda-temel-i̇lkeler
Web tasarimda-temel-i̇lkeler
 
Web
WebWeb
Web
 
Dijital Çözümler
Dijital ÇözümlerDijital Çözümler
Dijital Çözümler
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Wordpress Sunum
Wordpress SunumWordpress Sunum
Wordpress Sunum
 
Pages and layout
Pages and layoutPages and layout
Pages and layout
 
Wordpress nedir
Wordpress nedirWordpress nedir
Wordpress nedir
 
Kurumsal İmaja Uygun Web Sitesi
Kurumsal İmaja Uygun Web SitesiKurumsal İmaja Uygun Web Sitesi
Kurumsal İmaja Uygun Web Sitesi
 
Web Tasarım Teknikleri
Web Tasarım TeknikleriWeb Tasarım Teknikleri
Web Tasarım Teknikleri
 
Web sitesi kurmak
Web sitesi kurmakWeb sitesi kurmak
Web sitesi kurmak
 
adana araç kiralama
adana araç kiralamaadana araç kiralama
adana araç kiralama
 
Htmlders
HtmldersHtmlders
Htmlders
 
Frontpage
FrontpageFrontpage
Frontpage
 
CRENNO MOBIL TEKNOLOJİ Yayın Platformu
CRENNO MOBIL TEKNOLOJİ Yayın PlatformuCRENNO MOBIL TEKNOLOJİ Yayın Platformu
CRENNO MOBIL TEKNOLOJİ Yayın Platformu
 
Frontpage (2)
Frontpage (2)Frontpage (2)
Frontpage (2)
 
Web2.0 Araçları
Web2.0 AraçlarıWeb2.0 Araçları
Web2.0 Araçları
 
Prezide etkili sunum hazırlama
Prezide etkili sunum hazırlamaPrezide etkili sunum hazırlama
Prezide etkili sunum hazırlama
 
İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?
İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?
İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?
 
Slideshare
SlideshareSlideshare
Slideshare
 

Mehr von Merve Aydın

Mehr von Merve Aydın (13)

Asp.net 3
Asp.net 3Asp.net 3
Asp.net 3
 
sunu (Asp.net 2
sunu (Asp.net 2sunu (Asp.net 2
sunu (Asp.net 2
 
sunu (Asp-2)
sunu (Asp-2)sunu (Asp-2)
sunu (Asp-2)
 
sunu (Ajax-2)
sunu (Ajax-2)sunu (Ajax-2)
sunu (Ajax-2)
 
sunu (Ajax-1)
sunu (Ajax-1)sunu (Ajax-1)
sunu (Ajax-1)
 
sunu (Dreamweaver-2)
sunu (Dreamweaver-2)sunu (Dreamweaver-2)
sunu (Dreamweaver-2)
 
sunu (Asp.net -1)
sunu (Asp.net -1)sunu (Asp.net -1)
sunu (Asp.net -1)
 
sunu (Asp-1)
sunu (Asp-1)sunu (Asp-1)
sunu (Asp-1)
 
sunu (Dreamweaver-1)
sunu (Dreamweaver-1)sunu (Dreamweaver-1)
sunu (Dreamweaver-1)
 
sunu (Frontpage-2)
sunu (Frontpage-2)sunu (Frontpage-2)
sunu (Frontpage-2)
 
sunu (Html-2)
sunu (Html-2)sunu (Html-2)
sunu (Html-2)
 
sunu (Html-1)
sunu (Html-1)sunu (Html-1)
sunu (Html-1)
 
Sunu (Internet)
Sunu (Internet)Sunu (Internet)
Sunu (Internet)
 

sunu (Frontpage-1)

  • 2. Site Planı KendiWeb sitenizi yaratWeb yayımcılığındaki yaratmaya ve hatta Microsoft FrontPage'i öğrenmeye başlamadan önce ilk adım bir plan yapmaktır.  BuWeb sitesini kurmaktaki amacınız nedir? Ürün satmak mı? Reklam mı? Kişisel kullanım mı?Tanıtım mı? vs.  Bu siteyi kimler görecek veya kullanacak?  Bu siteyi kurmak ve bakımını yapmak için ne kadar vaktim var? Gibi sorularla siteyi yaratmaktaki amaç belirlenmiş olur. 6.5.2014 2
  • 3. Frontpage İle Bir Web Sitesi Oluşturma Frontpage“new” Diyalog kutusundan “web”et ıkladığınızda Karsınıza yandak işekilde Görülen gibi yeni bir pencere Açılacaktır. Burda amacınıza uygun Olarak herhangibirtanesini Seçerek web sitenizi Oluşturmaya başlayabilirsiniz. 6.5.2014 3
  • 4. Web Sitesi ve Sayfa düzeni Web”seçildiğinde frontpage size otomatik olarak önceden belirttiğinizdizinde yanda görüldüğü gibibir pencere açacaktır. İlk oluşturacağınız sayfa Web sitenizin Ana sayfası olacaktır.“Navigation” Butonununa bastığınızda Yandaki şekilde gözükecektir 6.5.2014 4
  • 5. Sayfaya“Insert”menüsünü Kullanarak çeşitli resimler “format” menüsünü kullanarak sayfanın rengini veya sayfanızın yapısını değiştirebilirsiniz. 6.5.2014 5
  • 6. Sayfa başlığını değiştirme ve sayfayı kaydetme Sayfanın HTML kodlarına giderek <title> </title> Tagları arasına İstediğiniz başlığı yazabilirsiniz Oluşturduğunuz sayfayı kayıtedeceğiniz zaman Frontpagede yeni bir pencere açılır. Yandaki şekilde bu gözükmektedir 6.5.2014 6
  • 7. MetinYazma Girdiğiniz bilgilerin FrontPage'de, birWebtarayıcısında göründüğü şekilde görünmesini sağlamak için FrontPage HTML dosyanıza özel biçimlendirme imleçleri ekleyecektir.Yazı yazıp Enter'ebastığınız zaman, FrontPage bir paragrafın sonunun geldiğini algılar. HTML'de sayfa hizalarken üç değişik hizalama şekli kullanabilirsiniz: sağ, sol ve orta. Metninizin hizasını belirlemek için mouse imlecini paragraf içinde bir yere konumlandırın ve Editor'ün ikon çubuğundan uygun ikona tıklayın Hizalama ve Paragraf Başları 6.5.2014 7
  • 8. Yatay Çizgiler Web sayfanızı bölümlere ayırıp düzenleyen çeşitli tipte yatay çizgiler dahil edebilirsiniz .Bu çizgiler ekranın solundan sağına doğrudur ve uzunluk, renk, hizalama ve yükseklik bakımından bunlardan yararlanılabilir. 6.5.2014 8
  • 9. Varsayılan Rengi Değiştirme Web sayfanızın tüm rengini değiştirmek istediğinizde yine FrontPage Editor'de mouse’un sağ tuşu ile herhangi bir yere tıklayın açılan menüde Page Properties diyalog kutusundan Background sekmenini seçin. 6.5.2014 9
  • 10. Özel karakterler Web sayfasında yazı yazarken bazen değişik türde özel sembollere ve Karekterlere ihtiyaç duyarsınız.FrontPage işte bu karekterleriWeb sayfanızda kullanmanıza olanak sağlıyor. 6.5.2014 10
  • 11. Tablo Oluşturma Tablolar birWeb sayfası içinde çeşitli amaçlar için kullanılabilir.Tabloları büyük miktarlardaki bilgileri yapıştırmak, Webgrafiklerini ve karmaşık birsayfa düzenlemek için bir araç olarak ve ziyaretçilere sitenizde rehberlik etmek amacı ile gezinti araçları olarak kullanılabilirsiniz. 6.5.2014 11
  • 12. BağlantıYazısını ve Renklerini Güncelleme Bağlantı yazısını istediğiniz anda değiştirebilirsiniz.Websayfanızdaki standart yazılar gibi mouse ve klavyenizi kullanarak bağlantı yazısını da yeniden yazabilir, silebilir veya değiştirebilirsiniz. 6.5.2014 12
  • 13. Multimedya ve Resimlerin Eklenmesi Grafikler yanında FrontPage Websayfanıza çarpıcı video ve ses klipleri de dahil edebilirsiniz. Ses klipleri gelen ziyaretçilere muzik çalar ve video hareket etmeleri dışında grafikler gibi görüntülenirler. 6.5.2014 13
  • 14. Ses KliplerininWeb Sayfanıza Dahil Edilmesi Sayfanızı FrontPageEditor'e yükleyin, sağtıklayın ve Çıkan kutudan PageProperties'i seçin. Page Propertiesdiyalog Kutusunda çalışacakses dosyasını belirlemek için Location kutusunu Kullanırsınız. 6.5.2014 14
  • 15. KayanYazılar FrontPageWeb sayfanıza dahil edebileceğiniz bir başka sayfada aktif eleman kayan yazıçubuğudur. FrontPage Editor menü çubuğundan Insert (Component) Marquee komutunu çalıştırarak sayfanıza bir kayan yazı ekleyebilirsiniz 6.5.2014 15
  • 16. Sitenizde Arama Yapma ve Sayaçları Sitenizdekullanabileceğiniziki tür aktif eleman daha vardır.Sitede AramaYapmaveVurgu Sayaçları. İkisi de sayfanızaziyaretçilerinize sayfa hakkında daha fazla bilgi verenözel elemanekler. 6.5.2014 16
  • 17. Sayfa Bileşenleri 1)Yorum Eklenmesi Üzerinde çalışılması en kolay bileşen yorumlardır. FrontPage yorumları sadece FrontPage ve HTML dosyasında gözüken fakat tarayıcıda görünmeyen anahtar sözcük yada sözcük öbeğidir 6.5.2014 17
  • 18. Programlı Resimler ve Dosyalar FrontPagebelli bir resmi ya da dosyayı sayfanıza dahil edip eklenen bileşenin görünmesi gereken zaman aralığınınbaşlangıçve bitiş tarihini girmenize olanak verir. Buzaman aralığı içinde ziyaretçiler resmi veya dosyayı görebilir. 6.5.2014 18
  • 19. FORM EKLEMEK FrontPage ile Formları Oluşturmak FrontPage'de form yaratmak çok kolaydır çünkü gerekli elemanların hepsini grafik olarak yerleştirebilirsiniz. Sayfanıza form elemanları eklerken FrontPage editor'ündeki özel form araç çubuğunu kullanabilirsiniz.Yaralanabileceğiniz Çeşitli form elemanlarını görüntülemek için menüden format/insert/FormsToolbar'ıseçin. 6.5.2014 19
  • 20. Metin Kutusu Eklemek Bir form sayfanıza metin kutusu eklemek için form araç çubuğunu kullana bilir veya menüden Insert|FromField/OneLineText Box seçenağini seçebilirsiniz. 6.5.2014 20
  • 21. SitenizdeTemaları Kullanmak FrontPage Editor'ünü Kullanmak Editor'ü başlatın ve tema uygulamak istediğiniz sayfayı yükleyin. Sonra da menüden Fromat/Theme seçerek Theme diyolog kutusundan yine istediğiniz şekli seçebilirsiniz. 6.5.2014 21
  • 22. Sayfanızı WWW'deYayınlamak FrontPage Explorer'in içindenFile-Publish düğmesine tıklayın.Şekildeki Publish web diyalog kutusu belirir. 6.5.2014 22