1. TEMEL İŞLEMLER

     Bu bölümde web tasarımı editörünün ara yüzünü inceleyerek site tanımlama işlemlerini öğreneceğiz.
 1.1. Çalışma Alanı 
     Bilgisayarımıza yüklediğimiz programı çalıştırmak için Başlat menüsündeki Programlar bölümünden kurduğumuz web tasarım editörüne tıklamamız gerekmektedir.
 1.1.1. Editör Arayüzü

Şekil 1.1: Web tasarımı editörü karşılama ekranı

     Web Tasarımı Editörünü açtığımız zaman ilk olarak karşımıza Şekil 1.1’de gördüğümüz karşılama ekranı gelir. Burada inceleyeceğimiz 5 bölüm bulunmaktadır. 

• 1.Son açılan belgeler listelenir. Web tasarım editörünü ilk defa çalıştırıyorsanız bu bölüm boş gelir. Listede olmayan bir belgeyi açmak için aç düğmesine tıklamamız gerekmektedir. Buradan istediğimiz belgeyi açarak işlemimizi yapabiliriz.
• 2.Yeni dosya oluşturma seçenekleri görüntülenmektedir. Bu modülde daha önce öğrendiğimiz HTML ile çalışacağız.
• 3.Web tasarım editörünün yeni özellikleri ile ilgili eğitim videoları bulunmaktadır.
• 4.Web tasarım editörü ile ilgili hazırlanmış ayrıntılı yardım içeriğine ulaşabilirsiniz. Programı başlattığınızda karşılama ekranı yerine çalışma ekranının gelmesini istiyorsanız bir daha gösterme seçeneğini etkinleştiriniz. Karşılama ekranını geri getirmek için düzen menüsündeki tercihler seçeneğini tıklayınız. Daha sonra genel kategorisindeki karşılama ekranını göster seçeneğini işaretleyiniz.
• 5..Web tasarımı editörü güncellemelerine, yeni video yayınlarına, makalelere ve yeni ip uçlarına ulaşmak için bu bölüm kullanılır. Bu bölüm sayesinde son gelişmeleri takip edebilirsiniz. 

   1.1.2. Çalışma Ekranları 

     Web tasarım editöründe kodlarla ya da tasarımla çalışabiliriz. Bunun için uygulama araç çubuğunda yer alan mizanpaj sekmesi tıklanır. Karşımıza aşağıdaki menü gelir.

Şekil 1.2: Çalışma ekranları

   
     Açık olan web sayfaları her zaman varsayılan olarak tasarım görünümünde görüntülenmektedir. Bu menü sayesinde hangi ekranda çalışacağımızı seçebiliriz. Web tasarım editöründe 4 tane çalışma ekranı vardır. Bunlar:

   Kod: Web sayfasının sadece kodları görüntülenir.

Şekil 1.3: Kod görünümü

   Bölünmüş Kod: Web sayfasının kodları iki sayfaya bölünmüş halde görüntülenmektedir. 

Şekil 1.4: Bölünmüş kod görünümü

   Tasarım: Web sayfasının tasarım hali görüntülenir

Şekil 1.5: Tasarım görünümü

   Kod ve Tasarım: Web sayfasının tasarım görünümü ve kodları bir arada görüntülenir. 

          Web sayfasının tasarım durumunu ve kodlarını yatay değil de dikey durumda görüntülemek istiyorsak mizanpaj menüsünden dikey böl seçeneği aktif hale getirilmelidir.

Şekil 1.6: Kod ve tasarım görünümü

   1.1.3. Araç Çubukları ve Paneller
     Web tasarım editörü çalışma alanı belgeleri ve nesne özelliklerini görüntülememize olanak verir. Çalışma alanı, araç çubuklarına birçok özellik yerleştirerek daha hızlı çalışmamızı sağlar.

     Web tasarım editöründe tüm pencere ve paneller tek bir büyük uygulama penceresine entegre edilmiş durumdadır.

Şekil 1.7: Araç çubukları ve paneller

   Şimdi de çalışma alanında bulunan bu özellikleri açıklayalım

•   Uygulama Çubuğu: Çalışma alanının üst kısmında menüler, çalışma alanı değiştiricisi ve diğer uygulama alanı denetçisi bulunur.
•   Belge Penceresi: Düzenleme ve hazırlama sırasındaki dosyayı gösterir.
•   Belge Araç Çubuğu: Çalışma alanının farklı görünümleri (Kod görünümü, Tasarım görünümü), tarayıcıda ön izleme gibi sık kullanılan özelikler ve çeşitli görüntüleme özellikleri bulunur.
•   Çalışma Alanı Değiştiricisi: Oluşturduğumuz çalışma alanları ya da var olan çalışma alanları bulunur. Yeni çalışma alanları oluşturma ve düzenleme işlemleri bu menü altında bulunur. 
•   Panel Grupları: Çalışmanızı değiştirmenize ve izlemenize yardımcı olur. Paneli genişletmek için kullanacağımız panel üzerinde çift tıklamamız yeterlidir.

   Pencere menüsü altındaki seçenekler yardımıyla çalışma alanımıza istediğimiz paneli ekleyebiliriz.

   Panelleri başlık kısmından tutup sürükleyerek çalışma alanı içinde herhangi bir yere bağımsız olarak taşıyabiliriz.

   Bağımsızlaştırdığımız paneli tutup sürükleyerek tekrar panel grubunun içine dâhil edebiliriz.
 
   Panel grubunun üst tarafında yer alan ok yardımıyla panelleri küçültebiliriz. Bu işlem sayesinde çalışma alanımızı genişletmiş oluruz.

   CS Live: Web tasarım editörünün internetteki sitesine ulaşmamızı sağlar.
   Etiket Seçici: Belge penceresinin en altında bulunur. O an bulunduğumuz noktanın çevresindeki etiketlerin hiyerarşisini gösterir.
   Özellik Denetçisi: Seçili metin ya da resmin özelliklerini görüntülememizi ve değiştirmemizi sağlar. Her nesnenin kendine ait özelikleri vardır.
   Dosyalar Paneli: Tanımladığınız site içindeki tüm dosya ve klasörleri yönetmenizi sağlar. Ayrıca yerel diskinizde bulunan tüm dosyalara erişmenizi sağlar.
   Standart Araç Çubuğu: Varsayılan olan çalışma ekranımıza gelmez. Standart araç çubuğunu göstermek için Görünüm /Araç Çubukları/Standart’ı seçin. Bu araç çubuğunda Dosya ve Düzen menüsündeki sık kullanılan düğmeler bulunur.

  1.2. Site Tanımlama
      Web sitesi hazırlarken herhangi bir sayfayı yapmaya başlamadan önce siteye ait her şeyi içinde barındıracak bir klasör oluşturulmalıdır. Bu işlem site tanımlama anlamına gelir. Oluşturduğumuz bu klasör internet ortamında çalışacak sitemizin temsilini ifade eder.
     Site için oluşturulacak tüm dosya ve belgelerin bir klasör altında toplanması sitemize işlevsellik ve süreklilik kazandıracaktır.

  1.2.1. Site Tanımı 
     Web tasarım editöründe site tanımlama işlemi birden fazla yöntemlerle yapılabilir

   Uygulama araç çubuğundaki site düğmesinden yeni site seçeneği ile yeni bir site tanımlanabilir.

Şekil 1.8.1: Site tanımlama

    Ekranın üstündeki site menüsündeki yeni site seçeneği ile yeni bir site tanımlanabilir.    

Şekil 1.8.2: Site tanımlama

    Bir diğer yöntem ise ekranın sağ tarafında bulunan dosya panelinden masaüstü yazan açılır menüyü tıklayarak siteleri yönet seçeneğini tıklarız. Karşımıza yeni bir pencere açılacaktır (Şekil 1.7.4). Bu penceredeki yeni seçeneğinden yeni bir site tanımlayabiliriz.
                                                                       

  

  Şekil 1.8.3: Site tanımlama

            Şekil 1.8.4: Site tanımlama

     Şekil 1.8.4’te bulunan; 

    Düzenle seçeneği ile tanımlanan site üzerinde düzenlemeler yapabiliriz. 

    Çoğalt seçeneği ile sitemizin yedeğini alabiliriz. Bu şekilde sitemizin orijinal halini koruyarak değişiklikler yapabiliriz. 

    Kaldır seçeneği ile oluşturduğumuz bir siteyi kalıcı olarak silebiliriz. 

    Dışa aktar seçeneği ile ise sitemizin başka bilgisayarlarda da çalışmasını sağlayabiliriz.

    İçe aktar seçeneği ile ise sitenizi başka bir bilgisayarda çalışır hale getirebilirsiniz. Eğer sitenizi dışa aktar yöntemiyle başka bir bilgisayara aktardıysanız bu işlemi yapmanıza gerek yoktur.

    Şu ana kadar yeni site tanımlama yöntemlerini öğrendik. Şimdi de sitemizi oluşturmaya devam edelim. 

    Yukarıdaki yöntemlerin biriyle yeni site seçeneğini tıkladığımız zaman karşımıza aşağıdaki gibi bir pencere gelecektir.

Şekil 1.9: Site yapısı

    

    Burada site adı yazan kısma sitemize vereceğimiz ismi yazıyoruz. Yerel site klasörü kısmında ise dosya simgesine tıklayarak sitemizi nereye kaydedeceğimizi belirtiyoruz. Daha sonra kaydet düğmesine tıkladığımızda web sitemiz için site tanımlama işlemini gerçekleştirmiş oluyoruz. Şimdi sağ taraftaki dosya paneline baktığımızda kaydettiğimiz sitenin bu panelde yer aldığını göreceksiniz.

   1.2.2. Sunucu Türleri

    Yeni bir site eklerken ya da var olan siteyi düzenlerken Sunucular kategorisi, uzak sunucuları ve test sunucularını belirtmenize olanak sağlar.

    Sunucular kategorisinde bulunan artı simgesine tıklayarak yeni bir sunucu tanımlayabiliriz. Karşımıza sunucu özelliklerini ayarlayabileceğimiz bir pencere gelir.

Şekil 1.10: Sunucu türleri

•  Bu pencerede Sunucu Adı alanına yeni sunucu için bir ad belirtilir. 
•  Şunu kullanarak bağlan alanında sunucumuza nasıl bağlanacağımızı seçeriz. 

   Bu alanda karşımıza 5 tane seçenek çıkmaktadır. Bunlar : 

   FTP: Web sunucusuna FTP kullanarak bağlanılıyorsa bu ayar kullanılır. FTP, dosya transfer protokolüdür.

   SFTP: Proxy yapılandırması güvenli FTP kullanılmasını gerektiriyorsa, Güvenli FTP (SFTP) kullanılır. SFTP, test sunucunuza yapılan bir bağlantıyı güvenli duruma getirmek için şifreleme ve genel anahtarlar kullanır.

   Yerel/Ağ: Ağ klasörüne bağlanmak için ya da dosyalarınızı yerel bilgisayarda depoluyorsanız veya test sunucunuzu yerel bilgisayarda çalıştırıyorsanız bu ayar kullanılır.

   WebDAV: Web sunucunuza Web Tabanlı Dağıtılmış Yazma ve Sürüm Oluşturma (WebDAV) protokolünü kullanarak bağlanıyorsanız bu seçeneği seçiniz. WebDAV ayrı farklı bilgisayarlar kullanan farklı yazarların uzaktan internet aracılığı ile birlikte çalışmalarına (dosya düzenleme, yayımlama, yönetme) olanak veren HTTP 1.1 ile ilişkili bir protokoldür.

   RDS: Web sunucunuza RDS (Remote Development Services) kullanarak bağlanıyorsa bu ayar kullanılır. Merkezi sunucular üzerinden bağlanılır.

•  Sunucu Klasörü alanında site klasörlerini depoladığımız dizin seçilir. 
•  Web URL’si alanında Web sitemizin adresi yazılır

   Temel ekranı kapatmak için Kaydet'i tıklarız. Daha sonra Sunucular kategorisinde, eklediğimiz veya düzenlediğimiz sunucunun uzak sunucu mu, test sunucusu mu yoksa ikisi birden mi olduğunu belirtiriz. 

   1.3. Ön İzlemede Kullanılacak Web Tarayıcılarının Belirlenmesi

   Web Sayfaları farklı tarayıcılarda değişiklikler gösterebilir. Bu yüzden web sayfalarımızın değişik tarayıcılarda nasıl göründüğüne bakarak gerekli düzenlemeleri yapmamız gerekir. 

   Ön izlemede kullanılacak tarayıcıya ait tanımlamaları Dosya menüsündeki Tarayıcıdaki ön izleme seçeneğinin altında bulunan Tarayıcı Listesini Düzenle alanı tıklanmalıdır.

Şekil 1.11: Önizlemede kullanılacak tarayıcının belirlenmesi

   Karşımıza tercihler penceresi gelecektir. Bu pencere içinde bulunan kategori listesindeki Tarayıcı ön izleme alanında bulunan artı simgesine tıklayarak yeni tarayıcılar ekleyebiliriz. Eksi düğmesine tıklayarak da seçmiş olduğumuz tarayıcıyı silebiliriz.

   Varsayılanlar alanında birincil ve ikincil tarayıcıyı belirleyebiliriz.



   1.4. Yeni Bir Sayfa Oluşturma ve Kaydetme

   Yeni bir sayfa oluşturmak için Dosya menüsü altında bulunan Yeni seçeneği tıklanmalıdır. Karşımıza Yeni Belge penceresi gelecektir.
   Yeni belge penceresinde Boş sayfa alanı seçilip Sayfa türü listesinden HTML seçeneğini seçip Oluştur düğmesine tıklanmalıdır.

   Oluşturduğumuz sayfayı kaydetmek için yine Dosya menüsü içindeki Farklı Kaydet seçeneği seçilmelidir.

Şekil 1.13: Sayfayı kaydetme

   Karşımıza Farklı kaydet penceresi gelecektir. Bu pencerede Konum alanında oluşturduğumuz site gösterilir.

•   Dosya Adı alanında sayfayı kaydetmek istediğimiz isim yazılır.
•   Kayıt türü alanında dosyanın kayıt türü belirlenir.

2. METİN İŞLEMLERİ

  2.1. Metin Türleri ve Özellikleri

      Web tasarım editörüyle çalışırken metin içindeki yeni satırların görüntülenmesi için metin tercihlerinde düzenlemeler yapmamız gerekir. Bu ayarları Düzen menüsü altında bulunan Tercihler seçeneğini tıklayarak yapabiliriz. Açılan tercihler penceresinden kategori listesinden kod formatı seçip satır kesme türü alanında CR LF(Windows) seçeneğini aktif hale getirilmelidir.

Şekil 2.1: Metin tercihlerini ayarlama

   Yaptığımız bu seçim kullanılan işletim sistemine göre değişmektedir. Bu işlem ile ASCII dosyaları içindeki metinleri düzgün bir şekilde aktarabilir ve satır sonu biçimlendirmesini gerçekleştiririz.    

    Metin biçimlendirmesini yapmak için Metin menüsü altında bulunan düğmeler kullanılır.

Şekil 2.2: Metin özellikleri

   2.1.1. Satır Sonu Ekleme

     Oluşturduğumuz sayfada metinleri yazıp enter tuşuna bastığımızda bir sonraki satır geniş bir boşluktan sonra başlamaktadır. Bu boşluğa paragraf boşluğu denir. 

     Web tasarım editöründe satır boşluğu eklemek için bulunduğumuz noktadan Shift tuşu ile birlikte Enter tuşuna basmamız yeterlidir.

   2.1.2.Bölünmez Boşluk Ekleme 

     Web tasarım editörü aracılığıyla oluşturacağımız sayfa içinde bulunan metinlerin, aralarında boşluk olmasına rağmen ayrılmamasını sağlamak için iki metin arasına bölünmez boşluk eklememiz gerekmektedir.

     Bu işlem için imleci iki ifade arasına getirip Ctrl, Shift ve Boşluk tuşlarına birlikte basmamız yeterlidir.

Şekil 2. 3: Metinler arasına bölünmez boşluk ekleme

 2.1.3.Metin Hizalama ve Girinti Verme 

     Sayfa içinde bulunan metinlere girinti verme işlemlerini Özellikler penceresinde bulunan düğmeler yardımıyla yapabileceğimiz gibi Format menüsünde bulunan Girinti ve Çıkıntı düğmeleri yardımıyla da yapabiliriz. 

     Sayfamıza eklediğimiz metinleri hizalamak için Format menüsünde bulunan Hizala seçeneği ile kullanılır. 

Şekil 2.4: Metin hizalama

2.1.4. Karakter Biçimlendirme 

     Sayfa içinde bulunan metinleri Özellikler penceresinde bulunan biçimlendirme düğmeleri yardımıyla yapabiliriz. Bu düğmeler yardımıyla seçtiğimiz metinin kalın ya da italik olmasını sağlayabiliriz. 

Şekil 2.5: Karakter biçimlendirme düğmeleri

2.1.5. Yazı Tipi Değiştirme 

     Sayfa içindeki metinlere ait yazı tipini Format menüsündeki Font seçeneği ile yapabiliriz.

     Font Listesini Düzenle seçeneğini seçtiğimiz zaman yeni bir pencere açılacaktır. Bu pencere ile var olan listeden istediğimiz fontu silebilir ya da yeni font ekleyebiliriz.

Şekil 2.16: Font listesini düzenleme

   Artı  düğmesini tıkladığımız zaman font listesinde (Aşağıdaki listeye font ekle) seçeneği gelecektir. Kullanılabilir fontlardan birini seçip oklar yardımıyla Seçilmiş Fontlara aktarıp tamam düğmesine tıkladığımız zaman seçtiğimiz fontun artık font listesinde olduğunu göreceksiniz.

  Eksi  düğmesine tıkladığımız zaman ise seçili olan fontun listeden kaldırıldığını göreceksiniz.

  Aynı işlemi özellikler penceresinde bulunan sayfa özellikleri seçeneğinden de yapabiliriz

   Sayfa özellikleri penceresinde bulunan seçenekler yardımıyla bir çok biçimlendirme işlemini yapabiliriz. Bunlar; 

•  Boyut: Sayfamıza eklediğimiz metinlerin boyutlarını ayarlarız. 
•  Metin rengi: Metnimizin rengini ayarlarız. 
•  Arka plan rengi: Sayfamızın arka plan rengini ayarlarız. 
•  Arka plan görüntüsü: Sayfamızın arka planına istediğimiz resmi ekleyebiliriz.

 2.2. Listeler  

   Oluşturduğumuz sayfa içindeki metinleri sıralı ya da sırasız olarak listeleyebiliriz. 

   Sıralı Listeler; sayısal veya alfabetik olarak sıralanmış elemanlardan oluşmaktadır. (a-b-c , i-ii-iii; 1-2-3; ….). 

  Sırasız listeler; madde imli listelerdir. 

   Liste oluşturmak için metni seçip farenin sağ tuşuna tıkladığımız zaman açılan menüden Liste seçeneğini içinde bulunan elemanlar yardımıyla ekleyebiliriz. Aynı işlemi sayfanın alt tarafında bulunan özellikler penceresindeki düğmeler yardımıyla da yapabiliriz. 

   Oluşturulan listelere ait düzenlemeleri listenin herhangi bir elemanı üzerinde iken farenin sağ tuşuna tıklayarak açılan menüden Liste seçeneği içinde bulunan Özellikler seçeneğine tıklayarak karşımıza gelen Liste Özellikleri penceresinden yapabiliriz.

   Tanım listeleri, terimlerden ve bunlara ait tanımlardan oluşmaktadır. Tanımlanacak terim sola hizalıdır, tanım ise girintili olarak bir sonraki satırda bulunur. Sıralı veya sırasız listelerdeki gibi, ifadeden önce herhangi bir işaret bulunmaz.

   Tanım listesi oluşturmak için, sayfa içinde bulunan metnin istenen parçası seçildikten sonra farenin sağ tuşu tıklanarak açılan menülerden Liste seçeneği içindeki Açıklama Listesi seçeneği aktif hale getirilmelidir.

   İç içe liste oluşturmak için liste elemanlarının üzerinde sağ tıklayarak açılan menüden Liste seçeneği içinde bulunan girinti / çıkıntı seçeneklerini işaretlemeliyiz. 

   2.3. Harici Metinler

      Herhangi bir internet sayfasından ya da kelime işlemci programından metin kopyalayıp düzen menüsündeki yapıştır seçeneği ile sayfamıza metni kopyaladığımızda metindeki paragraf konumları, satır araları, yazı tipi gibi özelliklerin kaybolduğunu göreceksiniz. 

     Yazı içeriğini tekrar düzenlemek çok vakit alacaktır, bunun yerine metin kopyalama seçeneklerini düzenleyebiliriz. Bunun için Düzen menüsünde bulunan Tercihler seçeneğini tıkladığımızda karşımıza tercihler penceresi çıkacaktır. Açılan pencerede Kategori sekmesinden Kopyala/Yapıştır Seçeneği seçilir. Buradaki özellikler yardımıyla gerekli ayarlamalar yapılır.

3. TABLOLAR

   3.1. Tablolar İle Çalışmak

     Tablolar, web sayfalarını satırlara/sütunlara bölmek amacıyla ya da resimlerin veya grafiklerin sayfada sabit bir noktada durması amacıyla kullanabileceğimiz en önemli araçlardan biridir. Kısacası sayfa içindeki elemanların yerleşimi konusunda söz sahibi olmamızın en kolay yoludur.

     Tablolar satır (row) ve sütunlardan (column) oluşmaktadır. Satır ve sütunların kesiştiği nokta ise hücre (cell) olarak adlandırılmıştır.

     Tablo eklemek için Ekle menüsünden Tablo seçeneği seçilir. Açılan pencereden gerekli düzenlemeler yapılır.

Şekil 3.1: Tablo ekleme

   Şekil 3.1.’de görülen tablo özeliklerinin açıklaması aşağıdaki gibidir.

Satırlar: Tablonun kaç satırdan oluşacağını belirleriz. 

Sütunlar: Tablomuzun kaç sütundan oluşacağını belirleriz. 

Tablo genişliği: Tablonun boyutunu pixel ya da yüzde cinsinden belirleriz. 

Kenarlık kalınlığı: Tablonun kenar çizgisinin kalınlığı belirlenir. 

Hücre dolgusu: Hücrelerin boyutu belirlenir. 

Hücre boşluğu: Hücrelerin birbirinden ve tablo kenarlığından uzaklığı belirlenir.

Üstbilgi: Tablo başlığının nerede olacağı seçilir. 

Resim yazısı: Tabloya başlık bilgisi eklenir.

Özet: Tablo içeriği hakkında açıklama yazsısı eklenir

   Şekil 3.1’de görülen özellikleri uyguladığımız zaman aşağıdaki Şekil 3.2’deki gibi bir tablo oluşmaktadır. Tablonun içine veri girişi yapmak için ilgili hücrenin içine bir defa tıklandıktan sonra metin yazılır. 

Şekil 3.2: Tablo genişliği kılavuzu

   Tablo genişlikleri kılavuzunun tablonun etrafında görünmesi için, tablo seçildikten sonra sağ tıklayarak Tablo seçeneğinden Tablo genişliği özelliği seçilmelidir.

   3.2. Tablosal Veriler 

   Farklı bir programda hazırlanmış olan metin ya da tabloları Web tasarım editöründe düzenlediğimiz sayfalar içine aktarabiliriz. Bu işlem için dikkat edilecek en önemli şart, aktarılacak dosya içindeki verilerin belirli bir ayırıcı (sekme, virgül) ile ayrılmış olmasıdır.
 
   Harici dosyada bulunan verileri tablo şeklinde sayfamıza eklemek için Ekle menüsünden Tablo Nesneleri seçeneğindeki Sekmeli Verileri İçe Aktar seçilmelidir. Karşımıza Sekmeli Verileri İçe Aktar penceresi çıkar.

   Sekmeli Verileri İçe Aktar penceresinde bulunan Veri dosyası seçeneği ile web sayfamızın içine aktaracağımız tablo verilerinin olduğu dosya belirtilmelidir. Göz at seçeneğini tıklayarak dosyamızı seçebiliriz.

   Sınırlayıcı listesinden aktarımı yapılacak dosya içinde kullanılan ayırıcı türü seçilir.

   Tablo genişliği seçenekleri ile oluşturulacak tablonun genişliğinin otomatik olarak (verilere sığdır) ayarlanması ya da kullanıcı tarafından (Buna ayarla) girilmesi gerekir.

Hücre dolgusu ile hücrelerin genişliği ayarlanır.
Hücre boşluğu ile hücrelerin birbirinden ve tablo kenarlığından uzaklığı belirlenir.
En üst satırı formatla seçeneği ile en üst satırın kalın ya da italik olmasını sağlarız.
Kenarlık ile de tablonun kenar çizgisinin kalınlığı belirlenir.

   Web tasarım editöründe hazırladığımız tabloları dışa aktarmak için ise tablomuzu seçtikten sonra Dosya menüsünden Dışa aktar seçeneği seçilir. Karşımıza aşağıdaki gibi bir pencere gelecektir

   Bu pencerede sınırlayıcı seçeneği ile ayırıcı seçilir. Satır kesmeleri ile de kullanılan işletim sistemi seçilir ve Dışa Aktar düğmesi tıklanır. Yeni açılan pencerede dosyanın nereye ve hangi isimle kaydedileceği belirlendikten sonra kaydet düğmesine tıklanır.

   3.3. Sayfa Düzeninde Tablo Kullanımı 

     Sayfamızın daha düzenli ve kullanışlı olması için sayfa düzeninde tablolarla çalışmak gerekmektedir.

   3.3.1. Tablo Hücrelerini Seçme ve Kopyalama / Taşıma

     Tablolar ile ilgili yapacağımız tüm işlemlerde tablonun seçili olması gerekmektedir.

     Tablonun tümünü seçmek için fare, tablonun dışında herhangi bir noktadayken farenin sol tuşuna basılı tutularak tabloya doğru hareket ettirdiğimizde tüm tablonun seçildiğini göreceksiniz.

     Hücreyi seçmek için ise, ilgili hücrenin içine gelinir. Farenin sol tuşuna basılı tutularak seçilmek istenen yöne doğru sürüklenir.

     Tablonun belirli bölümündeki hücreleri seçmek için shift tuşu basılı tutularak seçilecek grubun başlangıç ve bitiş hücreleri tıklanır.

    Tablo içinde birbirinden farklı yerde olan hücreleri tek tek seçmek için Control tuşu kullanılır. Bunun için Control tuşu basılı tutularak, seçilecek hücrelerin üzerine fare ile tıklamak yeterlidir.

    Kopyalama işlemi yapmak için, yukarıda anlatılan seçim işlemleriyle ilgili hücreler seçildikten sonra Düzen menüsünden kopyala seçeneği seçilmelidir. Bu işlemle kopyalanacak hücreler belleğe alınır. Fare ile kopyalama yapacağımız yere gelinir. Düzen menüsünden Yapıştır seçeneği tıklanır. Seçmiş olduğumuz hücrelerin imlecin bulunduğu yere kopyalandığını göreceksiniz.

    Taşıma işlemi yapmak için ise Hücreler seçildikten sonra Düzen menüsünde bulunan Kes seçeneği tıklanır. Fare taşıma işleminin yapılacağı yere getirilir. Dosya menüsünden Yapıştır seçeneği tıklanır. Seçili olan hücreler imlecimizin bulunduğu noktaya taşınır.

    3.3.2. Tablo Hücrelerini Biçimlendirme 

     Seçilen hücreleri biçimlendirmek için Özellikler penceresinden faydalanılır.

     Seçili hücrelerin metin biçimlendirmesi (Hizalama, kalın, italik yapma) aşağıdaki düğmeler yardımıyla yapılır.

   

Şekil 3.3: Tablo hücrelerinin biçimlendirilmesi

   Hücre özellikleri yukarıdaki panel yardımıyla yapılır. Bu paneldeki araçların işlevlerini şöyle sıralayabiliriz.

Hücreleri birleştir: Seçili olan birden fazla hücrenin birleştirilip tek hücre halini almasını sağlar. Hücreleri böl: Seçili olan hücrenin birden fazla satıra ya da sütuna bölünmesini sağlar.
Yatay/ Dikey: Seçili hücrenin yatay ve dikey hizalanmasını ayarlar.
Gen/ Yük: Seçili hücrenin genişlik ve yükseklik boyutunu ayarlar.
Sarma yok: Hücre içindeki metinlerin tek satıra yerleşmesini sağlar.
Üst bilgi: Seçili olan hücrenin tablo üst bilgisi olarak ayarlanmasını sağlar.
Bg: Seçili olan hücreye arka plan rengi atar.

   3.3.3. Tabloda Değişiklik Yapma

      Sayfamızdaki tabloda bulanan satır ve sütunlar üzerinde değişiklik yapabiliriz. Tablo içinde bulunan hücreleri birleştirebilir ya da hücreleri satır/sütunlara bölebiliriz. Bunun için Özellikler penceresinde bulunan düğmelerden faydalanabiliriz.

      Hücreleri birleştirmek için ilgili hücreler seçildikten sonra Özellikler penceresinde bulunan Hücreleri böl düğmesine tıklanmalıdır.

Şekil 3.4: Hücreleri birleştirme

     Hücreyi satır/ sütuna bölmek için ilgili hücre seçildikten sonra Özellikler penceresinde bulunan Hücreleri böl düğmesine tıklanmalıdır. Karşımıza Hücreyi böl penceresi gelecektir.

     Bu pencerede ilgili düzenlemeyi yaptığımızda hücremizin satır veya sütunlara bölündüğünü göreceksiniz.

     Tabloda hücreleri birleştirip satır/sütunlara bölebildiğimiz gibi tablomuza yeni satır ya da sütun da ekleyebiliriz. Bu işlemi yapmanın birden fazla yolu vardır. Bunlar:  

• Ekle menüsündeki Tablo nesneleri seçeneğinin altında bulunan özeliklerle satır/sütun ekleyebiliriz. 
• Tablomuzun içinde değişiklik yapacağımız yerde fare ile sağ tıklayarak açılan menüde Tablo seçeneğinin altında bulunan özeliklerle satır/sütun ekleyebiliriz. 

   Aynı zamanda bu menüden satır ya da sütun silme işlemini de gerçekleştirebiliriz. 

   Mizanpaj menü grubu altında bulunan düğmeler yardımıyla satır/sütun ekleme işlemini gerçekleştirebiliriz.

   3.3.4. Tablolarda Resim Kullanma

   Sayfamıza resim eklerken tablolardan faydalandığımız zaman birden fazla resmi birleştirebiliriz ya da resmin konumunu istediğimiz şekilde düzenleyebiliriz.
   Tablomuza resim eklemeden önce kullanacağımız tabloyu resim eklenecek şekilde düzenlemek tasarımı kolaylaştıracaktır.
   Tablo içerisine resim eklemek için Ortak menü grubu içindeki Görüntüler açılır menüsünün altında bulunan görüntü seçeneği tıklanmalıdır. Açılan pencereden tabloya eklenecek resim seçilerek tamam düğmesi tıklanmalıdır.

   Resim, oluşturduğumuz site klasörünün içinde kayıtlı değilse resim klasörün içine kaydedilsin mi diye uyarı gelecektir. Buna izin vermemiz gerekir.

   3.3.5. Tabloları İç İçe Yerleştirme 

   Tabloları iç içe yerleştirme işlemi çok karışık tablolarda kullanılmaktadır.

   İçeride oluşturacağımız tabloyu imleç var olan tablonun içindeyken yapabileceğimiz gibi tabloyu dışarıda oluşturup daha sonra diğer tablonun içine de aktarabiliriz. Tabloyu dışarıda oluşturmak tasarım için daha kullanışlıdır.

   Küçük tablo, ana tablonun dışında hazırlandıktan sonra fare ile seçilerek ilgili noktaya sürüklenerek taşınmalıdır. Aynı işlem kes/kopyala yöntemiyle de yapılabilir.


   3.4. Expanded Modu

     Sayfamıza eklediğimiz tablolar üzerinde daha kolay işlem yapmak için Expanded görünüm modunda çalışmalıyız. Bu görünüm modunda tablomuz genişletilmiş halde görünecektir. Bu sayede küçük tablolarda bile işlem yapmak çok daha kolay olacaktır.

     Expanded görünüm moduna geçiş yapmak için mizanpaj menüsü altında bulunan genişletilmiş seçeneğine tıklamamız yeterlidir.

     Tablo içindeki gerekli düzenlemeleri yaptıktan sonra standart görünüm moduna geçerek tasarımımıza devam edebiliriz.