EN KOLAY YOLDAN SİTE NASIL YAPILIR

Arkadaşlar site yapmak için bir çok html editörü kullanabilirsiniz hatta word'ü bile kullanabilirsiniz ancak istediğiniz verimi alamazsınız ben frontpage'i tavsiye ediyorum. Burada da frontpage ile site yapmayı anlatacağım. Öncelikle şunu belirtmek istiyorum frontpage hazırladığınız her sayfayı ve resmi my webs isimli bir klasöre atar bu klasörün dışında kalan bir çalışmanız varsa siz mutlaka onlarıda bu klasörün içerisine taşıyın. Şimdi sayfalarımızı hazırlamaya başlayalım. Frontpage'i açtığınız zaman karşınıza boş bir sayfa gelecektir. Bunu hemen yukarıdaki araç çubuğundan FİLE'e  tıklayıp açılan listeden SAVE AS'e tıklayarak açılan pencereden FİLE NAME kutusuna bir yazı varsa onu silerek yerine index yazıyoruz ve SAVE seçeneğini tıklıyoruz. Böylece ilk sayfamız kaydedildi. Burada şunu belirtmek istiyorum bu index bizim ana sayfamız olacak ve internette yayınlanırken ekrana en önce bu sayfa gelecek bunu dikkate alarak ana sayfanızı diğer sayfalara yol gösterici şeklinde düzenlemelisiniz. Bundan sonraki sayfalarınıza istediğiniz isimleri verebilirsiniz. Ancak şuna dikkat edin sayfa isimlerinizde kesinlikle  ç,ğ,ı,ö,ü,ş gibi türkçe karakterler ve büyük harf kullanmayın. Örnek: fotoğraflarım değil foto veya fotograflarım, kısaltma yapabilirsiniz. Neyse konumuza dönelim kaydettiğimiz ilk sayfamız olan index'i düzenlemek için frontpage den nasıl faydalanacağız. Beyaz sayfamızın altında NORMAL, HTML, PREVİEW diye 3 seçenek olması lazım. Bunlar aslında bir bütünü teşkil eder ayrı değillerdir. Normal olan ile istediğimiz herşeyi (Resim, Yazı, Tablo, Animasyon gibi) sayfamıza ekleyebiliriz ve sayfamızı istediğimiz şekilde düzenliyebiliriz. Bunları nasıl yapacağımızı daha sonra anlatacağım. Bu normal yazan yere sadece java script, java aplet gibi kodlarla çalışan meteryalleri koyamayız. İşte bunları koyup kullanmak istersek o zaman HTML yazan yere tıklamamız gerekiyor buraya tıklarsan karşına bilgisayarın okuyacağı şekilde düzenlenmiş sayfanın kodları gelecektir. Şimdilik bu kodlara dokunma ileride işi biraz ilerletince bu kodlarda istediğin değişiklikleri yaparak sayfana daha güzel bir görüntü kazandırabilirsin. Eğer sayfana java scriptler, java apletler eklemek istersen buraya sitemin içinde verdiğim java script kodlarını kopyala yapıştır yöntemiyle nereye yapıştırmanı istiyorsam oraya yapıştırıp kullanabilirsin. Gelelim PREVİEW yazan yere buraya tıklarsan sayfanın internette yayınlanırken nasıl görüneceğini net olarak görebilirsin burası sadece sayfanın görünüşüne bakmak içindir. Burada herhangi bir değişiklik yapamazsın. Değişiklikleri tekrar geriye dönerek Normal ve Html yazan yerlerden yapabilirsin. Gelelim Front Page'in üstündeki sıradaki resim ve yazıların anlamlarına bunlar bakalım ne işe yarayacak. Öncelikle şunu belirteyim yapacağın çalışmaları istersen FİLE, EDİT, VİEW, INSERT, FORMAT, TOOLS, TABLE, FRAMES, WİNDOW, HELP yazan yerlere tıklayarak açılan pencerelerden gerçekleştirebilirsin. İstersen  VİEW yazan yere tıklayarak açılan pencereden TOOLBARS seçeneğindeki şıkları tek tek tıklayarak sayfanın üzerinde resimler halinde kısa yol çubukları oluşturarak bunlar üzerinde de çalışabilirsin hepsinin gözünün önünde olması açısından bu seçenekleri tıklayarak açılan pencereler üzerinde çalışırsan senin için daha kolay ve hızlı olur. Gelelim bunların ne işe yaradığına  FİLE tıkladığında öncelikle karşına NEW gelir bununla kendini istediğin kadar yeni boş sayfalar açabilirsin. OPEN ile daha önceden hazırladığın bir sayfayı geriye çağırıp üzerinde erekle değişiklikleri yapabilirsin. CLOSE ile açık olan sayfanı kapatabilirsin. SAVE ile daha önce düzenleyip kaydettiğin bir sayfanda yaptığın değişiklikleri kaydedebilirsin. SAVE AS ile ilk defa düzenlediğin bir sayfana isim vererek kaydedebilirsin. Nasıl mı Save as'a tıkladığında açılan pencerede PAGE TİTLE yazan yerin yanındaki CHANGE'yi tıklarsan buraya sayfanla ilgili kısa bir açıklama yazabilirsin bu yazı sayfanın en üstünde görünecektir. Onaylayıp FİLE NAME yazan yere bu sayfanın adını yazacaksın daha önceden hatırlarsan bu sayfamıza index demiştik işte buraya index yazıp SAVE' ı tıklayacaksın. Böylece sayfamız kaydedilmiş oldu. PREVİEW İN BROWSER yazan yere tıklarsan sayfanın Browser ile nasıl görüntülendiğini görebilirsin. PRİNT yazan yerlerden yazıcıya sayfanı yazdırabilirsin. PROPERTİES yazan yere tıkladığında sayfa özellikleri tablosu açılır burada GENERAL yazan yerde sayfanla ilgili kısa açıklamayı yine yapabilirsin veya yapılmış olan kısa açıklamayı değiştirebilirsin sayfanın adını yine onaylayabilirsin veya değiştirebilirsin. Burada BACKGROUND yazan yerden sayfana resim ekleyebilirsin, sayfanın rengini düzenleyebilirsin, yazının rengini düzenleyebilirsin ve linklerinin rengini düzenleyebilirsin. EXİT yazan yerdende frontpage kapatıp çıkabilirsin. EDİT 'e gelelim. UNDO ile diyelim sayfanda en son yaptığın çalışmayı beğenmedin buraya tıklarsan son çalışmanı sayfandan çıkarır her tıklayışında yaptığın son çalışmaları başa doğru teker teker siler. Ama bu çalışmaları kaydetmemiş olman şartıyla bunları sayfana kaydetmişsen silemez. REDO'da bu işlemin tam tersini yapar yani undo'yu kullanarak sildiğin yerleri vazgeçtin tekrar sayfanda olmasını istiyorsun işte redo'ya tıkladığında bunlar teker teker tekrar geriye gelir. CUT, COPY, PASTE sırayla kes, kopyala, yapıştır demektir. Sayfandaki bir çalışmayı bu sayfadan çıkarıp başka bir yere kaydedeceksen eğer önce çıkaracağın yerin üzerinde fare imlecini sol tuşa basılı tutarak sürükle ve elini çek burası siyah olarak işaretlenmesi gerekir daha sonra CUT'a tıklarsan burayı sayfandan olduğu gibi çıkarıp alır daha sonra nereye yapıştırıcaksan o sayfaya gidersin fareyi bir sefer tıklayarak yapıştıracağın yeri kursörle belirlersin ve PASTE tıklayarak oraya yapışmasını sağlarsın. COPY ise sayfadaki çalışmayı çıkarmaz sadece kopyasını alır ve yine aynı işlemleri takip ederek o çalışmayı başka bir sayfaya PASTE ile ekleyebilirsin. DELETE ise az önce anlattığımız gibi siyah olarak işaretlediğin yeri silip atar anlamı sil demektir. SELECT ALL ise buraya tıkladığında ekranda gördüğün herşeyi işaretler yani sayfanın tamamını siyaha boyar böylece tüm seçilmiş olan bu sayfayı olduğu gibi silebilirsin veya başka bir yere kopyalayabilirsin. Gelelim VIEW'a buradaki TOOLBARS ile frontpage için resimli kısayollar oluşturabilirsin. Gelelim İNSERT'e HORİZONTAL LİNE' a tıkladığında sayfanda bölüm aralarına güzel bir çizgi çekebilirsin. DATE AND TİME ile sayfana tarih ve saat ekleyebilirsin. SYMBOL ile sayfana değişik semboller ekleyebilirsin. COMPONENT  seçeneklerinde ise karşımıza önce HİT COUNTER çıkar bu sayfamıza gelen ziyaretçi sayısını gösterir. Buraya tıklayıp beğendiğin bir sayaç şeklini okeylersen intenette sayfan yayınlanırken bu sayacı görürsün ve her ziyaretçiden sonra sayı yükselir. Dikkat bu sayacı nereye koymak istiyorsan cursör ile orayı belirle ondan sonra okeyle. HOVER BUTTON ile sayfana butonlar koyabilirsin. MARQUEE ile sayfanda kayan yazılar oluşturabilirsin. Bunu normal ile gerçekleştirince previwe geç ve sayfanda nasıl göründüğüne bak. Gelelim FORM seçeneğine bununla sayfanda çeşitli yazı kutuları ve butonlar oluşturabilirsiniz. PICTURE ile sayfanıza resimler veya hareketli gifler ekleyebilirsiniz. Burada CLİP ART'ı tıklarsanız karşınıza windows'a ait resimler gelir bunları sayfalarınıza ekleyebilirsiniz. FROM FİLE'e tıklarsanız kendi bilgisayarınızdaki dosyaları karşınızda göreceksiniz şayet daha önce bilgisayarınıza kaydettiğiniz resimler, gifler, hareketli gifler varsa bunları buradan bularak sayfalarınıza ekleyebilirsiniz. Buralarda ekleme şeklini detaylı olarak açıklamıyorum daha önceden anlattıklarımızla aynı mantıkla hareket ederek bunları ekleyebilirsiniz. HYPERLİNK seçeneğinde karşınıza link verme tablosu çıkar buradan ya kendi sitenizdeki başka bir sayfaya link verebilirsiniz yada karşınıza çıkan URL satırına yazacağınız bir adrese link oluşturabilirsiniz. Kendi sitenizdeki bir sayfaya link verecekseniz tabloda karşınıza gelecek kendi sitenize ait sayfalardan birini tıklayarak seçili hale getirin ve OK'leyin. Başka bir siteye link verecekseniz URL satırına adresi tam olarak yazarak  (http://www.geocities.com/resmerbas gibi ) OK'lerseniz oraya link vermiş olursunuz. Gelelim FORMAT'a buraya tıkladığınızda karşınıza önce FONT gelir buradan sayfadaki yazıların şeklini, büyüklüğünü, rengini ayarlayabilirsiniz hatta yazınıza çeşitli efectler verebilirsiniz. Burada FONT yazınızın şeklini belirlemeye yarar listede ki seçeneklerden birini seçebilirsiniz FONT STYLE ile yazınızı koyu ve sağa yatık şeklini verebilirsiniz Bold yazınızı koyu yapar. İtalic yazınızı sağayatık yapar Bold İtalic derseniz yazılarınız hem koyu hemde yatık olur. Size ise yazınızın boyunu düzenleyebilirsiniz. Color kısmına tıklarsanız buradan seçtiğiniz renk ile yazınızın rengini belirleyebilirsiniz. Onun altındaki Effects ile yazınıza değişik effectler verebilirsiniz. Burada yaptığınız ayarların nasıl göründüğünü anında Preview penceresinden izleyebilirsiniz beğenmediğiniz kısımları böylece anında değiştirebilirsiniz. BACKGROUND ise arkaplan demektir buradan sayfanızı renklendirebilir veya renk yerine tam sayfa bir resim ekleyebilirsiniz yani sayfanızda arka planda resim olabilir. Bunun için BACKGROUND'ı tıkladığınızda background picture kutucuğunu işaretlerseniz browse satırı aktif hale gelecektir buradan bilgisayarınızda ki bir resmi seçerek OK derseniz resim arkaplana yerleşir. Ama bu tür resimler sayfanızın açılma hızını yavaşlatabilir. Bunun için resim yerine renk tercih edebilirsiniz. Bunu yapmak için yine aynı yerde COLORS bölümü var buradan background yani arkaplan, text yani yazı ve linklerinizin sayfada görüneceği renkleri belirleyebilirsiniz. TOOLS'a gelelim buradan frontpage'de çalışırken resimli kısayollar oluşturabilirsiniz. Bu konuyu sayfamızın sonuna doğru tekrar açıklayacağız. TABLE'a gelelim burayı tıkladığınızda DRAWTABLE ilk sırada karşınıza çıkar burayı tıkladığınız zaman sayfanıza tablo yerleştirmek için gereken araçlar çıkar bunlardan ilki olan kalem görüntüsüdür. Bu görüntü aktif ise zaten fare imlecinizde kalem şeklinde görünecektir. Sayfanızdaki boş bir alana bu kalem i tıklayıp parmağınızı çekmeden sürüklerseniz çizgiler oluşur ve bıraktığınız an o çektiğiniz yere kadar bir tablo oluşur. Biz buna bizzat ele çizerek tablo oluşturma diyoruz. Tabloyu çizdikten sonra kalem görüntüsünün yanındaki resimlerde aktif hale gelir bunları da kullanarak tablonuza yatay ve dikey satır tabloları ekleyebilir veya silebilirsiniz. INSERT'e ise bu işlemi kutucuklar içerisindeki rakamları değiştirerek otomatik olarak tablo oluşturabilirsiniz. Ancak burayı kullandığınız zaman tablonuz küçük ölçülerde gelir bunu büyütmeniz için yine fare imlecini tablo çizgileri üzerine getireceksiniz karşınıza <--> şuna benzer gelir o görüntüyü kaybetmeden fare tuşuna basılı olarak çekerseniz tablonuz açılmaya başlar bu şekilde istediğiniz yere kadar tablonuzu genişletebilirsiniz. Yine bu bölümde DELETE CELL ile tablo satırlarını silebilirsiniz. Evet buraya kadar bu şekilde. Burada şunu belirtelim arada atladığımız kısımlar oldu buraları kullanarak daha gösterişli ve profesyonel sayfalar oluşturabilirsiniz ancak ilk aşamada bunları kullanmaya çalışmak kafanızı daha da karıştırabilir. Onları siz daha ileride kendinizi geliştirdikçe deneme yanılma yöntemiyle tıklayarak ne işe yaradıklarını keşfedebilirsiniz. Bu çalışmaların aynısını frontpage sayfasının üzerine ekleyeceğiniz resimli kısa yollarla da yapabilirsiniz. Zaten bunlardan en önemlileri frontpage açıldığında aktif olarak karşınıza gelir bunların dışında istediğiniz bir şey varsa yukarıda açıkladığım gibi VİEW DE yer alan TOOLBARS'ı veya TOOLS kısmından gerekenleri tıklayarak ekranınıza koyabilirsiniz. Tabiki bu resimli kısa yollarla çalışmak daha kolaydır örneğin yazınızı koyu yapmak istiyorsunuz yukarıya bakarsanız kalın şekilde yazılmış bir B harfi görürsünüz buraya tıkladığınız zaman tabiki bir sefer bundan sonra yazdıklarınız hep koyu olarak çıkar. Bu şekilde diğer pencereleri de tıklayarak neler oluştuğunu görebilirsiniz. Son bir şey daha söylemek istiyorum bunları yapmak için bir kısa yol da şu nerede bir değişiklik yapmak istiyorsanız fare imlecini oraya götürüp sağa tıkladığınızda ortaya çıkan tablo ile de bu değişiklikleri yapabilirsiniz. Örneğin tabloda FONT vardır. Bununla yazınızın rengini, şeklini büyüklüğünü değiştirebilirsiniz. 

Sayfalarınızı hazırladıktan sonra index sayfasından bunlara link vermeyi unutmayın çünkü vatandaş buralara tıklayarak o sayfalara ulaşacaktır. Frontpage programı windows la beraber gelmiyor içinde tanıtıcı bir frontpage var ama o pek kullanışlı değil bu programı ya bir arkadaşından kopyalamak suretiyle alabilirsin ya da satın alman gerekmektedir.

Yinede takıldığınız bir yer olursa bana E MAİL atarak sorabilirsiniz memnunlukla cevaplandırırım.