08.04.2017 FRONTPAGE Sevinç KARAKAŞ

FRONTPAGE EKRANI Sevinç KARAKAŞ

08.04.2017 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Ş

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Ş

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Ş

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Ş

Sevinç KARAKAŞ

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Ş

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Ş

Sevinç KARAKAŞ

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Ş

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Ş

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Ş

Sevinç KARAKAŞ

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Ş

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

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

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Ş

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 http:// 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Ş

Sevinç KARAKAŞ

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Ş

E-MAIL HYPERLINKS E-mail 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Ş

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

Sevinç KARAKAŞ

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Ş

ÖRNEK Sevinç KARAKAŞ

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Ş

Sevinç KARAKAŞ

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Ş

Sevinç KARAKAŞ

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Ş

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Ş

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Ş

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Ş

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

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Ş

MANZARA Sevinç KARAKAŞ

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Ş

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

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Ş

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Ş

Sevinç KARAKAŞ

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Ş

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Ş

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Ş

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

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Ş

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

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Ş

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Ş

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Ş

Sevinç KARAKAŞ

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Ş

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Ş

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Ş

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Ş

Sevinç KARAKAŞ