Modül 5: E-life Web Tasarımı

Ebat: px
Şu sayfadan göstermeyi başlat:

Download "Modül 5: E-life Web Tasarımı"

Transkript

1 Modül 5: E-life Web Tasarımı E-LIFE FİZİKSEL ENGELLİLER İÇİN E- ÖĞRENME SANAL MERKEZİ Bu proje Avrupa Komisyonu tarafından finanse edilmektedir. Bu yayın sadece yazarların görüşlerini yansıtmaktadır ve Komisyon burada yer alan bilgilerin herhangi bir şekilde kullanılmasından sorumlu tutulamaz.

2 Contents 1. MODÜLÜN AÇIKLAMASI GİRİŞ TEMEL KAVRAMLAR İlk Adım: Hedefi tanımlayın Bir Vizyonun Formüle Edilmesi Web Sayfası Tasarımı Web Sayfasının Yapısı Joomla! Gerçekler ve Rakamlar: Neden kullanılır? Joomla kullanarak bir web sitesini nasıl oluşturabilirsiniz! Adım 1: Sitenizi Joomla ile planlayın! Adım 2: JSAS veya Fantastico ile Joomla nasıl yüklenir Adım 3: Joomla Web sitesinin İçeriğini Oluşturma ve Yönetme Adım 4: Web hosting hesabınızı hazırlamak için JSAS dan Joomla Sitenize gidin WEB SİTENİZİ KURMAK, BİTİRMEK ve SÜRDÜRMENİZ İÇİN FAYDALI ARAÇ VE KAYNAKLAR Ücretsiz Web Host önerileri Ücretli Web Host önerileri Sanal Alan Adları (Virtual Domain Names) Domain Name (Alan Adı) seçimi Web Sayfası yükleme Web Sayfasını Tanıtmak Web Trafiğini İzlemek Gelir Sağlamak Web Sitesinin Evrimi Küresel Pazar Ortakları Seçmek Web Analytics Banner Yapıcılar Dead Link Checkers Dizin Hizmetleri (Directory Services) Alan Adı Aramaları Alan adı Toplama (Domain Acquisition) Rakip Aramaları (Competitor Searches) Sayfa Hiti Trackers (Page Hit Trackers) Programlama Rehberleri (Programming Guides) DREAMWAVER CS Dreamweaver ı keşfetmek Belge oluşturma Web sitemizin Test Edilmesi Web sitesi için tanımlar oluşturma Dreamweaver ve Metin Dreamweaver ve Görüntüler Dosya sistemi aracılığıyla Dreamweaver uygulamasına resim ekleme Resimler ve alternatif metin Tutucu görüntüleri Flash filmleri ekleme Web sayfasının içeriğinin yapılandırılması /69

3 HTML ve CSS nin özellik denetçisinden görünümü paragraflar, başlıklar ve önceden biçimlendirilmiş metin Menü Stili Tablolar Flash Animasyona giriş Ana çerçeveler ve Zaman Çizelgesi Layers Çerçeveler ve anaçerçeveler (Frames and keyframes) Tween layers ve otomatik keyframe yapmak Eylemler - Çerçeve Pürüzsüz animasyonlar yapma Referanslar /69

4 1. MODÜLÜN AÇIKLAMASI MODÜLÜN BAŞLIĞI Web-Temel Tasarım İlkeleri ve Kılavuz Oluşturma KODU VAT2 ANAHTAR KELİMELER Web sitesi, tasarımı konusunda temel beceriler, web sayfa yapısı, Joomla! web barındırma, alan, yükleme, promosyon, web trafiği, web bannerlar, izleme, sıralama, Dreamweaver, html HEDEF KİTLE Modülün hedef grubu sanal işgücü piyasasına girmek için ya da temas kurmak için fırsat arayan fiziksel engeli bireylerdir SEVİYE Orta düzey KARİYER OLANAKLARI İdari ve iş hizmetlerini geniş bir yelpazede gerçekleştirebilecek yüksek vasıflı bağımsız yüklenici olma fırsatı MODÜLÜ AMACI Bu modül;evden kendi işi için çalışma amacında olan ve kendiözel web sitelerini inşa etmek isteyen bireyler için genel talimatlar sunmaktadır. Kılavuz, daha önce hiçbir teknik bilgiye sahip olmayan veweb sitesi oluşturmak isteyenler için kolayca web sitesi tasarımı dizayn etmeleri ve aynı zamanda başarılı ve etkin bir şekilde yürütmelerini sağlayacak kaynaklar sunmaktadır. Bu kılavuzun temelinde ana içerik olarak yönetim sistemi (CMS) Joomla CMSes ile bir web sitesinin oluşturulması için tam bir çerçeve ve en az çaba ile profesyonel olarak bir web sitesini yönetmenizi sağlayacak bir bilgi birikimi kazandırmak yer almaktadır. Bunun için temel olarak içerik (metin, resim ve video) gibi ek pratik uygulamalar sunulacaktır. 4/69

5 ÖĞRENME ÇIKTILARI Bu modülü başarılı bir şekilde tamamlayan katılımcılar aşağıdaki unsurları öğrenecektir; 1. Hedefleri ve site planlaması tanımlamayı 2. Bir web sitesi oluşturmayı 3. Uygun bir web barındırma bulmayı 4. Bir web sitesinin pazarlaması 5. Bir web sitesini kurmak, İzlemek, değerlendirmek ÖN BECERİ (LER): Temel BİT kullanımı, temel HTML ve temel CSS kullanımı ÖN DERS (LER): Yok ÖĞRENME SAATİ ÖNERİSİ: 20 saat YETERLİLİK Iş için etkili web siteleri izlemek ve korumak, uygulamak, oluşturmak DEĞERLENDİRME Değerlendirmeyi çoktan seçmeli test oluşturacaktır. Her testte; öğrenme çıktıları genelinde adayların bilgi ve anlayış test edilecek ve bu testin içeriği çoktan seçmeli sorulardan oluşacaktır. KATEGORİ maliyet (maliyet optimizasyonu) zaman (etkin zaman yönetimi) s kaliteli (hizmet kalitesi) m-kalite (yönetim kalitesi) EK MALZEME (LER) Yok 5/69

6 2. GİRİŞ Değerli Katılımcı Bu Modü le hoş geldiniz! Bu modülevden kendi işinde çalışmak, çok az profesyonel yardım ile kendi özel web sitesini inşa etmek isteyen bireyler için genel talimatlar sunmaktadır. Kılavuz,daha önce hiçbir teknik bilgiye sahip olmayan ve bir web sitesi oluşturmak isteyenler için kolayca kendi web sitesi tasarımlarınıı oluşturmak ve aynı zamanda bunları başarılı ve etkin bir şekilde yürütmelerini sağlayacak bilgileri sunmaktadır. Bu kılavuzun temelinde ana içerik olarak (CMS) Joomla yönetim sistemi vardır. CMSes ise, bir web sitesi için tam bir çerçeve sunmak ve en az çaba ile profesyonel olarak siteyi yönetmenizi sağlar. Sizin için temel koşul, içeriğin(metin, resim ve video) elde edilmesi olacaktır. En içten dileklerimizle, E-life Proje Ekibi 3.TEMEL KAVRAMLAR 6/69

7 3.1 İlk Adım: Hedefi tanımlayın Bir web sitesinin inşasına başlamadan önce, açık hedefler belirlemek önemlidir. Hedefler, sitenizin tasarımı ve içeriğini açıkça göstermelidir. Birçok kişi kendi kişisel sayfasına sahip olmayı ve bir hobi olarak evden sayfalarını oluşturmak ister. Ancak bu modül genel olarak iş / meslek hedefleri içinde kendi işini kurmyı teşvik etmek ve onu inşa etme temeli üzerine kurgulanmıştır. Geliştirdİğimiz web sayfalarından gelir kazanmak olasılığımız da vardır. Ama bunu yapmanın yolu nedir? Önemli sayıda ziyaretçi çekebilmenin, kamuoyunda etkili olmanın ve daha sonra bu sayfalardan reklam almanın, mal veya hizmet satmanın yolu nedir? Ilk aşamada odaklanmanız gereken temel hedefler şunlardır: 1. Bir kontrol listesi oluşturmalısınız 2. Ya kendiniz bu web sitesini olşturacak ya da yardım alacaksınız buna karar vermelisiniz. 3. Size gerekli olan teknolojiyi bilmesiliniz 3.2 Bir Vizyonun Formüle Edilmesi Popüler ve iyi-satış web sitesi oluşturmak için, iyi bir web sitesi fikri veya temayı formüle etmeniz gerekir. Web siteniz olması düşüncesi ilginizi çekiyor olabilir ancak bu konuda iyi bir bilgiye de sahip olmalısınız. Aslında bu alanda uzman olmanız gerekmez. Ancak, bu çalışma alannıda diğerlerine göre daha fazla bilgi edinmeniz gerekmektedir. Web siteniz için oluşturduğunuz temanın çok geniş bir alan olması gerekmez, işinizle ilgili veya kişisel yaşam ve hobileriniz de olabilir. Potansiyel izleyicilerinizin toplum ve ülkeniz içinde sınrlı olmadığını onların küresel bir izleyici kitlesi olduğunu aklınızdan çıkarmayın 3.3 Web Sayfası Tasarımı İlk adım ne yayınlayacağınız ve hedef kitlenin kim olacğını belirlemektir, bir sonraki adım ise web sitenizin stil ve tasarımını belirlemektir. Görünümün nasıl olacağını (informal mi olacak, profesyonel mi, yoksa yüksek teknoloji ürünü mü olacağını) ziyaretçilerin sitenizde nasıl gezineceğini grafik, animasyon ve müzik, metin yapısı, yazı tipi kullanımını düşünün. Web sitenizin en önemli kısmı metin içeriğidir. Ne yazarak sitenize katma değer yaratabilir ve ziyaretçilerinizin tekrar tekrar gelmesini nasıl sağlayabilirsiniz. Internette Yayıncılık yapmak bir gazete yayınlamaktan farklıdır nette multimedya özelliklerinden yararlanmak mümkündür. Fotoğraf, grafik, müzik ve video ile sitenizi ilginç hale getirebilirsiniz ancak aşırıya kaçmamalısınız, büyük dosyalar içeren grafikleri indirirken 7/69

8 bunların zaman alacağını ve insanların bunları indirmek için uzun süre beklemeyeceklerini dikkate almanız gerekir. Amaç içeriğin bileşenlerini ve fonksiyonel programlama üretmektir: İçerik bileşenlerinin detaylı bir organizasyon şunları içerir: - Metni yazmak ve düzeltmek - Tüm sayfaları için Grafik tasarım özellikleri (arabirimi grafik, sayfa şablonları, üst bilgi / alt, logolar, düğmeler, arka planlar) - Ayrıntılı sayfa bileşenleri veya temel sayfaların bitmiş örnekleri. - Arayüz tasarımı ve ana sayfa şablonlarının tamamlanması - Çizim ve fotoğraflar Fonksiyonel ve lojik bileşenler: - Veritabanı tabloları ve programlama, prototipetkileşiminin tamamlanması - Arama motorunun tasarlanması ve test edilmesi 3.4 Web Sayfasının Yapısı Bu web sitesinin tümünde yapısal tutarlılığı korumak önemlidir. Her sayfa aynı şekilde olmak kaydıyla en azından; üstbilgi, altbilgi ve navigasyon menüsü içermeldir. Web siteleri yapılandırılırken iki yöntem vardır: "tablo" ya da "bölümler" Grafikleri web üzerinde bulabilirsiniz: - "GIF dosyaları Dizini" (Index of GIF files ) - "GIF kütüphane" ( GIF library ) Hoşlandığınız bir şey bulduğunuzda grafiğin üzerine gelip sağı tıklayarak save picture as" (resmi farklı kaydet) sabit diskinizde bir dizine kopyalayın. Uygun müzik bulmak için "midi" ve kreatörün adı ile arama yapın. Bu iki dosya türünde isimler ". gif" ve ". mid" ile sona erer. Kullanmadan önce telif haklarını her zaman gözönünde tutun. Sitenizin başarısı bilgilerinizi organize etme yani kategorize etme yeteneğinize bağlıdır. Bilgileri organize etmenin en temel yolları aşağıda verildiği gibidir: 1. Alfabetik: Öğelerin adlarını ilk harflerine göre sıralamaken mantıklı organizasyon şemasıdır. Bazı örnekler şunlardır:telefon rehberleri ve sözlükler vb kullanıcıların sözcük vaya isimi kolayca arayacakları alfabetik öğelerdir. Alfabetik sistemler günlük yaşamda basit ve bilinen sistemlerdir. 2. Kronolojik: Zaman çizelgesi ya da tarih ileöğelerin sıralı bir şekilde, adım-adım sunulduğuorganizasyondur. Bu genellikle otomobil, antika, ve şarap gibi konularda eğitim vermek için kullanılır. 8/69

9 3. Kategori: Öğelerin özellik veya ilişkililik konusundaki benzerliklerine düzenlenmiştir. Bu eşit veya öngörülemeyen bir öneme sahip şeylerin organize edilmesinde yararlı bir yaklaşımdır. 4. Coğrafi: Mekan veya yer özellikleri belitirilerek düzenleme yapılır, en çok yönlendirme ve yön için kullanılır. 5. Görev Odaklı: Bu içerik bir outline süreç olarak sıralanmayı gerektirir. Örneğin, bir ev bulmak için emlakçı bulmak veya mortgage seçmek gibi 6. Topikal: İlk seçenekten daha zorludur, içerik genişliği sınırları tanımlamayı gerektiren topikal planın tasarlanmasdır. Tablo 1: Kategorize işleminin nasıl yapıldığı ve bunun web sitesinde gezininrken başarı açısından taşıdığı önemi gösteren bir örnek: 1. Rastgele / Dağınık 2. Alfabetik 3. Konu + Alfabetik Hediyeler Bebek (Baby) Eğlence Okul Adı Yatak + Banyo (Bed + Bath) Müzik / Filmler / Kitaplar Yatak + Banyo Temizlik (Clearence) Spor Ev Eşyaları Giysi (Clothes) Moda + Stil Ev Ofisleri Elektronik Aksesuarlar, Takı Mutfak Hediyelik (Gifts) Güzellik, Sağlık (Bauty +Health) Sağlık +Güzellik (Health+ Bebek Beauty) Giysi (Clothes) Giysi Ev Eşyaları (Home Furnishings) Bagaj (Luggage) Takı + Aksesuarlar Ev Ofis (Home Offices) Ev (Home) Sağlık + Güzellik Takı+Aksesuarlar(Jewelery+ Accessories) Yatak + Banyo (Bed + Bath) Oyuncaklar Mutfak (Kitchen) Elektronik Elektronik Müzik / Filmler / Kitaplar Mobilya (Furnishings) Müzik / Filmler / Kitaplar Okul (School Time) Mutfak (Kitchen) Spor + Bagaj Spor + Bagaj Ofis Temizlik Oyuncaklar (Toys) Çocuk (Kids) Bebek Okul (School) Oyuncaklar (Toys) Hediyeler (Gifts) Temizlik (Clearence) 4. WEB SİTENİZİ JOOMLA KULLANARAK YARATIN! 9/69

10 4.1 Joomla! Gerçekler ve Rakamlar: Neden kullanılır? - Joomla dinamik içerik üretir - Joomla nın kendi organize içeriği vardır böylece sitede dolaşmak çok kolay hale gelir. Öğrendikçeherşey gittikçe daha net hale gelecektir. - Joomla Şablonlar kullanır: Şablonlar kullanımı ile tüm sayfalarda tutarlı bir görünüm elde edilecektir. Kod değiştirmeye gerek kalmadan kolaylıkla bir şablonu değiştirebilirsiniz. Bir kez Joomla yı daha fazla tanıdığınzda artık kendi şablonununzu bile oluşturabilirsiniz - Istediğiniz görünümü elde etmek için modülleri özelleştirin: Joomla modüller kullanır. Bunlar; yayımlanmamış yayınlanmamış, bir sayfada farklı pozisyonlara taşınabilen ve sayfanızın görüntüsünü özelleştiren ve tam olarak istediğiniz gibi çalışmasını sağlayan modüllerdir. - Entegre İçerik Editörü: Gelişmiş özellikleri ile herhangi bir kelime editörüyle benzer şekilde, kolay metin, tablo ve fotoğrafları ekller. Değişiklikler anında web sitenizde gösterilir. 4.2 Joomla kullanarak bir web sitesini nasıl oluşturabilirsiniz! Aşağıdaki kılavuz size kendi Joomla nızı kurmak için bilmeniz gereken her şeyi öğrenmeniziweb sitenizi yüklemenizi sğlayacaktır. Kılavuz 4 adımda düzenlenmiştir: Adım 1 - Bir Joomla Sitesini Planlama Adım 2 - Joomla Kurulumu Adım 3 Joomla ile Web Sitesinizin İçeriğini yapma ve Yönetme Adım 4 - Joomla Sitesinin Yüklemesi ve Yayınlanması Adım 1: Sitenizi Joomla ile planlayın! İlk kural ziyaretçiler için ilginç içerik oluşturulmasıdır. Web sitenize kim gelecek, neyi okuyacak vaya kullanacak, bunları düşünmeniz gerekir. Bir kağıt parçası alın ve web siteniz hakkında hızlı bir liste yapın, web sitenizde yer almasını istediğiniz etiketleri veya başlıkları yazın. Joomla Web Sitesinin Kurulması Joomla Web Sitesinin Geliştirme Joomla Sitesinin kurulmasının önemli bir parçasıdır. Word veya Excel de 5 veya daha fazla sütundan oluşan bir tablo oluşturun. 1. sütun bölümleri temsil eder 2. sütun kategorileri temsil eder 3. sütun içerik öğeleri temsil eder 10/69

11 4. sütun içerik türü işaretlemek içindir (ürünlerin listesi / öğe / statik içerik/ blog / listesi) 5. sütun başlıkları için ayrılmıştır Şimdi beyin fırtınası için daha önce kullanılan kağıdı alın ve bölümler ve kategoriler halinde içeriği düzenlemeye başlayın. Memnun kalana kadar bunları taşımaya devam edin. Şöyle bir şey elde edeceksiniz: Bölümler Kategoriler İçerik Öğeler Içerik türü Başlık Ürünler Erkekler için Ürün listesi Ürün 1 Siyah Ayakkabı Ürün 2 Kahverengi Ayakkabı Kadınlar için Ürün listesi Hizmetler Hakkımızda Sabit İçerik Joomla Tasarım ve Navigasyon Nasıl düzeni görünecek? Sitenizde bakmak istiyorum nasıl düşünün. Bazı seçenekler: Düzen Seçenek 1 En yaygın web sitesi düzeni: solda navgasyon, sağda içerik. Düzen Seçenek 2 Diğer seçenek: En üstte Navigasyon, içerik aşağıda herhangi bir portal sitesi gibi birkaç sütundan oluşmakta Düzen Seçenek 3 11/69

12 Diğer seçenek: Navigasyon üstte sğa ve sola bölünmüş içerik ortada, orta ve sağ sütun tanıtıma ayrılmış. Karşılıklı Etkileşim (Interaktivite) Joomla dinamik bir site yapıcıdır ve sitenizi bazı entegre bileşenlerle İnteraktif yapabilirsiniz. Bir Joomla sitesinde bulunan çok sayıda buluna add-ons and extensions ile Joomla sitenizi geliştirmenizin mümkün olduğunu unutmayın. Ne sunmak istediğinizden emin olun Ziyaretçilere ne sunmak istediğinizden tümüyle emin olun: Bu,örneğin; Takvim, Fotoğraf Galerisi ve / veya diğer gelişmiş fonksiyonlar olabilir. Pek çok extensions (eklentiler) mevcuttur, büyük bir çeşitlilik var seçenek içeren bu eklentilerle hemen hemen her şey mümkündür. Bu adımdan sonra, web sitenizde sunmak istediklerinizle ilgili olarak çok önemli olan, açık bir vizyon edinmeniz için size web sitesi yapısı ile detaylı bir tablo ve site düzeni konusunda bir fikir vermek istiyoruz. Şimdi, Joomla yüklemeye ve kullanmaya başlayabilirsiniz Adım 2: JSAS veya Fantastico ile Joomla nasıl yüklenir Joomla için gerekli minimum gereksinimleri: * PHP 4.2.x veya üzeri - * MySQL 3.23.x veya üzeri - * Apache veya üzeri - JSAS ile Yerel Joomla Kurulumu Bu talimatlar Windows XP içindir. Joomla yı bilgisayarınınza yüklemek içinjsas Joomla Stand Alone Server kullanın gidin ve Bilgisayarınıza JSAS kurulumunu indirin 2. Kurulumun adımlarını izleyin ve indirdiğiniz dosyayı çalıştırın 3. JSAS yüklendiğinde,bilgisayarda Joomla yı çalıştırmak için tüm araçlar vardır. 4. Açık JSAS simgesi masaüstünüzde yerleştirildi. 12/69

13 5. Yeni bir pencere açılacak ve bir Joomla Site oluşturmak için özel yönergeler görülecektir. 6. Joomla Kurulumunun bittiğini kontrol etmek için kontrol etmek için Joomla Kurulum Öncesine (Pre-installation) gidiniz. Joomla Fantastico Yükleme Prosedürü: Öncelikle, Web Hostunuzda Fantastico olduğundan emin olun ya da başka birauto-install bakın. 1. barındırma kontrol panelinden Oturum Aç (Log in to your hosting control panel) 2. Fantastico simgesini bulun ve Simge üzerine tıklayın. 3. Joomla yı bulun ve üzerine tıklayın. 13/69

14 4. Bir sonraki adım CMS yi bulmaktır. 5. Şimdi kurulum yolunu ayarlama zamanı gelmiştir. Joomla kurulum yolunu bulduğunuzdan emin olun (Bu Joomla nınwww.makeasite.com/applications/joomla/dan yükleneceği anlamına ve dan yüklenmeyeceği anlamına gelir. 6. Lütfen Yönetici kullanıcı adı ve şifre seçin ve unutmamak için bir kağıt parçası üzerinde bunları yazın 7. E-posta ve Site adını doldurun. 8. Bir kez tüm bilgileri dolduruktan sonra, Install ı tıklayın. İşiniz bittiğinde, artık Joomla yüklüdür! 14/69

15 Joomla da Kurulum Öncesi Kontrol Joomla sitenizi ilk kezçalıştırıyorsanız, bir (sihirbaz) wizard ı takip ederek ve bazı kullanıcı ad ve şifreleri doldurmak zorundasınız. Eğer JSAS kullanıyorsanız, Joomla yüklediğiniz son ekrandan bilgileri alın, eğer bir web sunucusunda yüklüyorsanız Joomla yüklemeden önce, ev sahibi (host) veya Fantastico dan alabilirsiniz. 1. Joomla sayfasına gidin. JSAS kullanıyorsanız, açmak ve çalıştırmak istediğiniz Joomla sitesini seçin. Online ise, ana sayfanıza gitmek için: (doğru yüklü olduğundan emin olun). 2. Artık Joomla tarafından oluşturulan Pre-installation check sayfasını görmelisiniz. Sağ sütunda her şeyinyeşil renkli olduğundan emin olun. İleri'yi (Next) tıklatın. 3. Başka bir ekranda Lisans görüntülenir. Next i tıklayın. 4. Artık ayrıntılı bilgilerinizi girmeniz istenir. 5. Kağıt parçası alın ve aşağıdaki yazın: o Hostname (genellikle "localhost") (Ev sahibi adı) o MySQL kullanıcı adı (user name) o MySQL şifre (password) o MySQL Veritabanı Adı (Data base name) 6. Daha sonra Joomla ayarları onaylamak isteyecektir. Ok tıklayın. 7. Doğru ayarları girdiyseniz size Site adı girmeniz istenir 15/69

16 8. Yeni bir ekran karşınıza çıkacak domain name adı, e-posta ve şifrenizi girmeniz gerekir. Kağıt parçasına her şeyi yazdığınızdan emin olun! 9. Joomla yüklendi. Ancak, log in yapmadan önce bir şey daha yapmak zorundasınız 10. Joomla sitesi kurulum (installation) adındaki klasörü silmelisiniz Tüm Joomla sitesini silmemeye dikkat ediniz! 11. Dosya yöneticisine (file manager) gidin (eğer JSAS kullanıyorsanız) veya FTP programı (Eğer Joomlaonline ise) gidin ve tam olarak 6. adımda girdiğiniz sitenin adını içeren klasöre gidin. 12. Şimdi yükleme (installation)klasörünü bulup silin. Tebrikler! Artık giriş (log in) yapabilirsiniz! Adım 3: Joomla Web sitesinin İçeriğini Oluşturma ve Yönetme Joomla bir HTML sitesinde düzenlenen farklı bir içerik düzenlemektedir. Temel fark Joomla da web sayfalarının olmamasıdır. Bu, menü öğelerini bağlı olan Menü Öğeleri ve Modüllerin olduğu anlamına gelir. Yani tarayıcınızda gördüğünüz her Joomla sayfası veritabanından derlenmiştir. Bu tür bir organizasyon Joomla ya birçok avantaj sağlar ve böylece daha kısa sürede daha fazlasını yapabilirsiniz. İçerik yönetme ve Bölümler ve Kategoriler Ekleme Joomla bölümlerde içerikleri organize eder, bu bölümlerde kategoriler ve bu kategorilerde içerik öğeleri vardır. Bir Bölüm Ekleme 16/69

17 1. Yönetim alanınıza (administration area) giriş yapın 2. Content e gidin ardından SectionManager a gidin. 3. Yeni Bölüm oluşturmak için Yeniyi (New) tıklayın. 4. Title alanınabölümünüzün adını girin. 5. Section alanında ziyaretçiler tarafından görülmesini istediğiniz sayfa başlıklarını (page headings) girin. 6. Kaydet'i tıklatın. Şimdi yeni bir bölümünüz var. Bu bölüm için en az bir kategori oluşturmanız gerekir. Bir Kategori Ekleme 1. Content e gidin ve CategoryManager(Kategori Yöneticisi) seçin 2. Yeni Kategori oluşturmak için (Yeni) New tıklayın 3. Title alanına sadece sizin yönetiminizdeki alandan (tarafınızdan) görülecek olan kategorinizin adını girin. 4. Category (Kategori) alanında ziyaretçiler tarafından görülmesini istediğiniz sayfa başlıklarını girin. 5. Sectionadı verilen bir menu açılır. Yeni bir kategori oluşturmak istediğiniz zaman Section ı seçin. 17/69

18 6. Kaydet'i tıklatın. Şimdi yeni bir kategorimiz var. Not: Bölümler ve Kategoriler Joomla Sitenizde doğrudan görünmez. Onlar sadece Content Items de yer alırlar. Bunların nasıl oluşturulacağını aşağıdan izleyin. İçerik Yönetimi ve İçerik Öğeleri Ekleme Content Items in yapısı klasik HTML sayfalarına benzer. Bunları oluşturmak için: 1. Content egidin veall Content Items i seçin. 2. Icon New Item simgesini tıklatın 3. Yeni Content (içerik) öğelerinin Başlığını girin 4. İçerik madde in yerleştirilmesini istediğiniz Bölüm ve Kategori Seçin.Section ve Contentin yer almasını istediğiniz Category yi seçin. 5. Giriş ve ana metinleri ekleyin. İçerik Yönetimi ve Joomla ile Ön Sayfayı Özelleştirme Tüm İçerik Öğeleri Ön Sayfa üzerinde gösterilecek şekilde yapılandırılabilir. Bunu özelleştirebilirsiniz: 1. Content e gidin ve All Content Items seçin 2. Yayınlanmış veya yayınlanmamış her İçerik öğesini ön sayfa için ayarlayabilirsiniz. All Content Items tablosundaki (Front Page (Ön sayfa) sütununda) Red Cross veya Green Tick i tıklayın 3. Bazı öğeler bir kez yayınlanınca artık Content e Front Page Manager a giderek 18/69

19 bunları kişiselleştirebilir, görünüm sırasında ayarlayabilirsiniz Adım 4:Web hosting hesabınızı hazırlamak için JSAS dan Joomla Sitenize gidin 1. Web sunucunuz için Joomla nın yeni bir kopyasını yükleyin. 2. Bitirdiğinizde ve varsayılan Joomla sitesini online görebildiğinizdeoraya gidin ve devam edin. Web sunucusuna yerel sitenizi yükleme 1. FTP programızı açın 2. Hostunuza bağlanın. 3. İki bölme göreceksiniz. Bir tanesi yerel dosyalar (local files) için ve diğeri iseonline dosyaları içindir. 4. WEB sitenizde gezmek için yerel dosyalar bölmesinde Sabit diskinizdekijoomla Stand Alone Server klasörüne gidin.genellikle şu şekildedir: C:\Program 19/69

20 Files\JSAS\http_root\www\xxx web sitenizin adı 5. Administrator, cache, components folders görürseniz, onları doğru klasörde listeleyin. 6. Şimdi her iki bölmeniz hazır configuration.php dışındaki tüm yerel dosyaları seçin. 7. Web sunucusuna dosyaları yükleyin. PHP MyAdmin ile Joomla veritabanını yollayın 1. JSASaçın ve yönetici (admin) simgesini tıklatın. Sağda bazı seçenekler açılacaktır. 2. Bunu başlatmak için PHP MyAdmin tıklayın. 3. Soldan yollamak istediğiniz veritabanını seçin. 4. Export u tıklayın. 5. Şimdi Export (yollamak) istediğiniz tabloları seçmeniz gerekir. Select All u tıklayın. Onlar bir kez seçilince renk alacaktır 6. Add Drop Table 20/69

21 7. Save as Fileseçin ve Go yu tıklayın. Bu Save as diyalog penceresi açılacaktır. 8. Sabit diskinize kaydedin. PHP MyAdmin ile web sunucusuna Joomla veritabanını almak 1. Şimdi web sunucusu (bu kontrol paneli olmalıdır) üzerinde PHP MyAdmin açın. 2. Soldan sağa vermek istediğiniz veritabanını seçin. 3. Import (Al'ı) tıklatın. 21/69

22 4..sql file browse edin sabit diskinize (veritabanı) kaydedin 5. Gotıklatın. 6. Simdi sizin veritabanınız şimdi alınmaktadır (import edilmektedir) Sitenizi kontrol edin. Şimdi online çalışacağız. Artık Joomla kullanarak web sitenizi oluşturdunuz! 22/69

23 5.WEB SİTENİZİ KURMAK, SÜRDÜRMEK VE BİTİRMEK İÇİN FAYDALI ARAÇ VE KAYNAKLAR 5.1 Ücretsiz Web Host önerileri Birçok şirket ücretsiz web barındırma hizmetleri sunmaktadır. Bu bir web sunucusunu ücretsiz depolama alanı, bir site oluşturmak için temel araçları, ya da ücretsiz bir e-posta adresini içerir. Çoğu hosting şirketini sayfalarınızın her birinin üstünde bir büyük başlık ile görüntülemenizgerekir. Yine birçoğu da, sizin satın almayı planladığınız kendidomain namenizi kullanımını kısıtlarlalar. İhtiyaçlarınız için bunlar çok sınırlı kalıyorsadüşük maliyetli barındırma hizmetlerini (hosting) ücretli olarak satın almayı düşünebilirsiniz Önerilen ücretsiz web host: Google Sites Google Sitelerde müşterilerine ücretsiz webhosting sağlar. Onlar size yardımcı olmak için bir dizi web sitesi şablonu sağlar. Resimler, videolar, "araçlar" ve diğer içerikler kolayca eklenebilir. Siteler Gerek kamu gerekse özel olabilir Ücretsiz Sunucular FreeServers.com web alanı ücretsiz 20 MB sağlar. Bir "com" veya uluslararası alan adı (örneğin ". Ca", ". Tr") sahibi, FreeServers hiçbir ücret ödemeden ev sahipliği yapmaktadır Ücretli Web Host önerileri Ücretsiz bir web barındırma hizmeti kullanarak ve web sayfaları her birinde banner reklamları görüntülemek yerine, pek çok web hosting firmalarından birinden web sunucu alanı kiralayabilirsiniz. Dünya çapında binlerce firma çeşitli web hizmetleri sunmakta ve maliyetleri de çok değişmektedir. Bir web barındırma hizmeti sağlamaya karar vermeden önce kendinize şu soruları sorun: 1. Host güvenilir hizmet sağlıyor mu? 2. Veritabanı kullandığınız yazılımı destekliyor mu? 3. Iyi bir teknik destek derhal sağlanmakta mıdır? 4. Bu hizmet e-iş kapasitesini de içeriyor mu? 5. Gereken depolama alanı ve bant genişliği içinveritabanı ne olacak? 6. Özel bir sunucu gerekli ya da bir sanal sunucu yeterli olacak mı? 7. Hangi paketleri mevcuttur? 23/69

24 Alt satır belirli ihtiyaçlarınızı gösterir ve buna göre bir web barındırma seçmelisiniz. İhtiyacınız olmayan hizmetler için düzenli ödeme yapmayın. 5.3 Sanal Alan Adları (Virtual Domain Names) Domain ismi insanların internet üzerinden web sitenize görebileceği özgün bir isimdir. Bir etki alanı adı internet üzerinde kullanılabilir benzersiz adresidir. sonra tarayıcınızda gördiğünüz ve simgesinden sonra gelen semboldür.. Zaten bir domain name niz varsa varsa onu da kullanabilirsiniz. Kolay hatırlanan web adresleri alınıp satılırken değer taşır. Neyse ki, bir sürü ve yaratıcı web adresleri hala mevcuttur. Örneğin, facebook.com serin ve akılda kalıcı olmasının sosyal ağ ile hiçbir ilgisi yoktur. Domain name ile ilgili olarak her zaman aşağıdaki unsurları akılda tutmak gerekir Kolaylaştırır Bir. Com alan adı kayıt her zaman mümkündür Kısa tutun. Kayıt süresi 2 yıldan fazladır Bazı web hosting firmaları, kendi web hosting hizmetlerini kullanmanız şartıyla az veya hiç maliyetle sanal bir domain name adı, sağlarlar. 5.4.Domain Name (Alan Adı) seçimi Eğer web üzerinde bir varlığa sahip olmak isterseniz, domain name almanız gereken en önemli kararlardan biridir. Alan adınızı kolay tutarak insanların sitenizi bulmalarını kolaylaştırabilirsiniz. Altın kural domain name i kısa tutmaktır: insanların isminizi hatırlaması gerektiğiniaklınızda tutun. Müşterileriniz ve ziyaretçilerin site ile ilişkilendirecek kısa bir kayıt adı ile çalışın. Birçok farklı uzantılar vardır. Kurumlar için, en iyi fikir a. com ekidir. Internet üzerinde gezinen çoğu insanın denediği ilk uzantıdır. Bu en eski uzantılardan biri olduğu için ayrıca, a. dot.com adresi web üzerinde eskiden beri bir varlığı sahip olduğunuzu gösterecektir. En kısa zamanda Domaininizi kayıt ettirmeyi unutmayın. Domain name i, sadece harfler, sayılar ve tire ile kullanabilirsiniz. Alanlar ve sembollere izin verilmez. Ayrıca, domain isimleri küçük harfe duyarlı değildir. 5.5.Web Sayfası yükleme Sabit diskinizden sunucuya dosya kopyalama basit bir işlemdir. Ev sahibi site (host side)directory isimlerinin sabit diskinize nasıl yükleneceğini, dosyaların nerede saklanacağını, 24/69

25 ve spesifik dosyaların nasıl yükleneceğini içeren bilgiler verecektir. Bir kez tüm dosyalarınızı yüklediğinizde, web sunucusu üzerinde sayfanızı test etmeniz ve tüm dosyaları doğru yüklediğinizden emin olmanız gerekir. 5.6.Web Sayfasını Tanıtmak Pek çok web geliştirici bir web sayfası oluşturduktan sonratrafiğin başlayacağını ve insanların web sayfasında gezineceğini düşünür. Ancak bu kadar basit değildir. Web sayfasını tanıtmak zorundasınız. Web sayfası tanıtımı, örneğin, bir veya daha fazla arama motoru ve portala URL kayıt yaptırarak gerçekleştirebilirsiniz. Arama motorları özel ulusal, uluslararası olabilir. Hedeflerinizi bağlı olarak, aynı zamanda, uluslararası, bölgesel veya konu tabanlı arama motorlarına kayıt yaptırbilirsiniz. Aşağıdakileri tıklayarak URL nizi büyük arama motorlarına ekleyebilirsiniz: 1. Google URL ekle (Add URL to Google) 2. Dizin Aç URL ekle (Add URL to Open Directory) Alternatif olarak, aynı anda birden çok arama motorlarına sitenizi kaydetmek için bir URL öneri hizmetini kullanabilirsiniz. Arama motorları farklı algoritmalar kullanır ancak genel indeksleme, arama başlığında spesifik kelime veya kelime kombinasyonun tekrarlanmasına, sayfanın başlığı, bölüm başlıklarına göre oluşur. Sayfanızdaki ilk başlığı ve birinci paragraf indeksleme amacı için önemlidir. 5.7 Web Trafiğini İzlemek İstatistiksel olarak web sitenizin ziyaretçilerini izlemek çok önemlidir. Web izleme yazılımı, web içeriğini geliştirmeye yardımcı olabilir ve web sitesi ziyaretçileri hakkında zengin bir bilgi sağlar. İyi bilgi maliyetlerinizi düşürecek ve gelirlerinizi artacak ve iyi stratejileri formüle etmenize yardımcı olacaktır. İyi bir hit tracker aşağıdaki sorulara cevap vermektedir: 1. Ziyaretçiler hangi ülkeden gelmektedir 2. Bu siteyi bulmak için kullandıkları arama motoru 3. Hangi kelime veya ifade üzerinden arama yapmışlardır 4. Hangi siteler ve URL'ler trafik gönderiyor 5. Web sitenizin en fazla kullanılan ve en popüler sayfaları Eğer düzenli olarak web istatistikleri analiz ederseniz ve birçok şeyi keşfedersiniz. Örneğin, büyük ihtimalle sadece birkaç arama motorunu trafiğin çoğunu göndermekte olduğunu göreceksiniz. Büyük olasılıkla sayfalarınızın çok az bir kısmının % 90hit aldığını keşfedeceksiniz. 25/69

26 Bu Meta Tags geliştirmek ve büyük arama motorlarında sitenizin görünürlüğünü artıracak stratejiler geliştirmek için bilgileri kullanmak önemlidir. 5.8.Gelir Sağlamak Bir web sitesi aynı zamanda para kazanmak için de bir fikirdir. Bunun kolay bir yolu, bir ortaklık programına katılmak ve sitenizin banner reklamlarını sunmaktır. Birçok banner-reklam firmaları iş hayatında çeşitli telafi modelleri kullanılmaktadır. Bazı firmalar "web yayıncısına sitelerini her göstermesinin karşılığında ödeme yaparlar. Eğer bir ziyaretçi web sitenizi bir bant (banner) reklamı üzerinden ziyaret ederse, bunu takiben satılan üründen bir yüzde ödeyeceksiniz. Makul fiyatlarla zamanında ödeme yapan saygın bir şirket bulmak önemlidir. Bir kuruluş olarak kabul görmek için banner reklam sektöründe büyük oyuncuların çoğu tarfında sitenizden aşağıdaki gibi bazı minimum gereksinimleri karşılamanız istenecektir: 1. Web sitesinin hostu free server olmamalıdır. Kendi domain name' inin olması gereklidir. 2. Web sitesi ayda belirli bir minimum sayıda hit almalıdır. 3. Içeriği orijinal, yasal ve sosyal açıdan kabul edilebilir olmalıdır. Bir banner-reklam şirketi seçerken, şu sorular sorulmalıdır: 1. Onlar hangi ödeme modeli kullanıyor? Örneğin tıklama başı maliyet (TBM) veya 1000 görüntü başına maliyet (CPM) mi olacak yoksa satış başına komisyon mu olacaktır. 2. Ödemeler aylık mı ya da bir minimum eşik ulaşılana kadar mı yapılmaktadır? 3. Banner reklam şirketi hangi işletmeleri temsil ediyor? Hangi ürünleri satıyor? Web sitenizin içeriği ile bu ürünlerle ne kadar uyumludur? 4. Onlar hangi istatistikleri sağlıyor? (örneğin tıklama oranınız, gelir kazanç, reklam ) Hızlı ve güvenilirler mi? 5. Web server ve hoştunuz ne hızlı ve güvenilir? 6. Ne tür reklamlarla size destekliyorlar? (Örneğin bannerlar, buttons, cubes, pop-ups) 7. Size reklamların belirli kategorilerde çıkmanız için izin veriyorlar mı? (Örneğin alkol, tütün, kumar, pop-up reklamlar) 5.9 Web Sitesinin Evrimi Evrimleşme uygulaması web sitesi geliştirme stratejisinin önemli bir parçası olmalıdır. Sadece "yapım aşamasında" animasyonunu gördükten sonar kaç web sitesinden geri döndünüz? Tabii ki, tüm web siteleri yapım aşamasını yaşarlar. Ancek sitenizin kaliteli ve bütün büyük arama motorlarına kayıtlı olsa bile büyük hacimli trafik oluşturulması, en zor ve zaman alıcı süreçlerden biridir. Sonuç olarak, sayfalarınızın hızlı bir şekilde upload edilmesi çok önemlidir. Şu anda internette yayınlanan ve sayıları hızla büyüyen milyarlarca sayfa vardır. Web sayfalarınız ne kadar hızlı yüklenirse sitenizin alacağı trafik o kadar çok olacaktır. 26/69

27 5.10.Küresel Pazar Ticari web sitelerinin yaratıcıları için, küresel düşünmek çok önemlidir. Her zaman web sitenizin ziyaretçileri de İngilizce konuşamıyacağını ya da kültür ve değerleri paylaşmayacağını aklınızda tutun. Web sayfalarını bir dilden diğerineçevirmek için kullanılabilir birçok web aracı vardır. Çeviriler zarif olmasa da, bu dil uzman bir kişi tarafından ayıklanabilir iyi bir "ilk yaklaşım" sağlarlar. Yabancı dilde web sayfaları yayınlamak, onlar tarafından endeksli olacak arama motorları yabancı dil terimleri kullananmak size ek trafik getirecektir. Bir diğer alternative ise, yabancı dil sayfaları hazırlamak için yazılım bağlantı sağlayarak bir dilden diğerine dinamik olarak tercüme sayfaları oluşturmaktır Ortakları Seçmek Ticari bir web sitesi geliştirmek çok farklı becerilerin bir araya gelmesini gerektirebilir. Örneğin, aşağıdaki kişilere ihtiyaç duyabilirsiniz: 1. Web sitesi içeriğini yazmak için bir yazar 2. Olası web siteleriyle bağalantı bulmak için bir araştırmacı 3. Grafik ve navigasyon geliştirmek için bir web tasarımcısı 4. Temel veride depolanan tabloların tasarımı için bir veritabanı çözümleyicisi 5. Java, CGI komut dosyaları veya diğer yazılım bileşenleri yazmak için bir programcı 6. Bir çevirmen 7. Web sitesini tanıtmak için bir pazarlamacı Eğer ticari bir web sitesi oluşturmak için gerekli tüm becerileriniz yoksa ortaklar arayabilir ve başarılı ortaklıklar geliştirebilirsiniz. Bir kez siteniz internette varlık gösterip ve büyük trafik hacmi almaya başladığında diğer web yayıncıları ve şirketler ortaklık fikirlerinize sıcak bir yaklaşım sergiliyecektir. Hızla değişen teknoloji koşularındaortaklık kurmak özellikle önemlidir. Küçük ve gayri resmi şekilde kurulan bir ortaklık ilişkisi, başlamak için iyi bir uygulamadır. Ortaklıktan karşılıklı yarar görülürse o zaman genişletilebilir ve resmiyet kazandırılabilir. Farklı Ülkelerde yaşayan bireyler arasındaki ortaklık özellikle gelişmekte olan ülke insanları için çok yararlıdır çünkü bu sayede bu ülkelerde yaşayan insanlar güçlü teknik bilgilerini kullanma ve gelişmiş ülkelerdeki pazarlara ulaşma imkanını bulmuş olacaklardır. 27/69

28 Web Analytics Web Analytics bir şirketin web sitesi ile müşterilerinin etkileşimleri anlamak için kullanılan bir dizi araç ve yöntemdir. Web sunucusu günlükleri, veri tabanları ve diğer kaynaklardan gelen verileri kullanarak, hedef müşteri ve bir web sitesinin kullanımı ile ilgili iş istibharatı geliştirmektir. Web Analytics bir web sitesi ile teknik ve navigasyon sorunları tespit ve ele almak için kullanılabilir. Aynı zamanda müşterinin özel ihtiyaçlarını, çıkarlarını ve satın alma alışkanlıklarını daha iyi anlamak için kullanılır. Web analitiği web sitesi tasarımı sorunlarını ve fırsatlarını belirlemek için yardımcı olabilir Banner Yapıcılar Bu web sitesi tanıtmak için birbanner oluşturmak kolaydır. Şunları kullanabilirsiniz: Online Animasyon Reklam, link değişimi, vb için ücretsiz animasyonlu afiş veya hareketli resimler oluşturmak için online Animasyon kullanın CoolText Bu site özel logolar, düğmeler ve madde işaretleri oluşturmak için önemli araçlar sağlar. Çok çeşitli Şablonlar ve yazı tipleri mevcuttur. 3D TextMaker Bu site özel animasyonlu afişleri ve buttonlardan oluşur. 3D Text Maker ile oluşturulan görüntüler kişisel ve ticari sayfalarda ücretsiz olarak kullanılabilir Dead Link Checkers Arama motorlarında kötü sıralamayı önlemek için, web sayfalarından ölü bağlantıları kaldırmak önemlidir. Ölü bağlantıları işlevsel olarak bulmak için Microsoft FrontPage ve Expression Web gibi yazılım paketleri, kullanabilirsiniz. Aynı zamanda ücretsiz checkerlar intenette de mevcuttur: W3C Link Checker Bu bağlantı SGML çözümleyici dayalı, W3C kolay kullanımlı HTML doğrulama servisidir. Submit Express 28/69

29 Submit Express webmaster için ölü bağlantı kontrolü ve diğer araçlarıyla hizmet sunmaktadır. checkerıdır Dizin Hizmetleri (Directory Services) Sitenizi büyük arama motorlarınakaydetmeye ek olarak, büyük internet dizinlerini (directories) listelemeniz önemlidir. Bir dizinde sitenize almak için. Sitenizi dizine almak için, uygun bir dizin kategorisi bularak, sitenizin kısa ama açıklayıcı özetini yazıp ve URL ye submit edebilirsiniz. Açık Dizin (Open Directory) Open Directory Kasım 1998'de Netscape tarafından satın alındı. Bu dizin katalog submissionları için gönüllü editörler kullanır. Lycos, AOL, AltaVista ve HotBot aşağıdaki internet dizin hizmetinden dizin listeleri kullanır Alan Adı Aramaları Checkdomain.com Checkdomain.com inolup olmadığını görmek için dünyanınhemen hemen her ülkesinde kontrol etmeyi sağlayan bir sitedir. NameDroppers.com Namedroppers.com Birden fazla anahtar kelime kullanarak alan adları için arama yapmanızı sağlayan domain name arama motorudur Alan adı Toplama (Domain Acquisition) Aşağıdaki web hosting şirketi kendi web hosting hizmeti kullanmak şartıyla, çok az veya hiç maliyetle alan adları sağlar: Rakip Aramaları (Competitor Searches) Bir web sitesi geliştirirken, rekabetin farkında olmak önemlidir. Marketleap Marketleap arama motoru aracı önde gelen sitelere bağlantılar kurarak onların hacimleri ile sitenizdeki link hacimleri karşılaştırır. 29/69

30 Alexa Alexa rekabet hakkında bilgi edinmek için harika bir araçtır. Sadece bir sitenin URL'sini yazın ve sıralamasına bakın. Backlink Watch Bu webmaster aracı belirli bir web sitesinin diğer web siteleriyle olan bağlantısı (yani geri bağalantı) izlememize olanak tanır Sayfa Hiti Trackers (Page Hit Trackers) Google Analytics Sitenizdeki her bir web sayfasına kod için birkaç satıreklerseniz Google Analytics, hit, tekil ziyaretçi sayısı, URL'ler ve yönlendiren arama motorları dahil grafikler ve istaistikler üretecektir. Yahoo! Analytics Google Analytics benzer, Yahoo Analytics alan ziyaretleri hakkında yararlı bilgiler sağlar. Extreme Tracking Bu ürün, uygun düzenlenmiş sayılar, yüzdeler, istatistikler, toplamlar ve ortalamalar sağlar. Bu anahtar kelimelerle ilgili verileri de dahil olmak üzere istatistikleri sitenizde bulmanız için bir dizi kullanım sağlar Programlama Rehberleri (Programming Guides) Internet üzerinde HTML, CGI ve diğer yaygın olarak kullanılan programlama dilleri ile size yardımcı olabilecek iyi programlama kılavuzları vardır. Hypertext Mark-up Language Bu mükemmel bir HTML ve XTML başvuru kılavuzudur. PHP Manual 30/69

31 PHP; Mirosoft un ASP si gibi (Active Server Pages) gibi HTML içine gömülü bir script kodlu dildir. Bu dil, sadece Microsoft NT sunucuları için değil diğer birçokserverlarda da kullanılabilir. Bu kılavuz server side scripting dilini kullanarak dinamik web sayfaları yazmayı açıklamaktadır. PHP Builder Bu PHP geliştiriciler için daha fazla bilgi sağlar. Web Sayfası Çeviriciler (Web Page Translators) Web sitenizde çok dilli destek sağlayan araçlar önemli olabilir. İngilizce web sayfalarını kolayca yabancı dillere çeviren araçlar internette mevcuttur. Çeviri kalitesi o kadar iyi olmasa da, araçları daha sonra düzeltilmesiyle ilk kesim çeviri sağlayabilir. Yahoo Babelfish Bu ürün İngilizceden web sayfaları çevirir: Fransızca, Hollandaca, İspanyolca, Portekizce, Almanca, İtalyanca, Çince, Japonca, Korece ve Rusça. Bu hizmet ücretsizdir. Web Sayfa Sıralaması Büyük arama motorlarında web sayfalarının sıralamasını izlemek için internette çeşitli araçlar vardır. Bazı sıralama araçlarını belirli sorgulara dayalı değerlendirmek gerekebilir. Link popülaritesi analizinde rate" websiteniz için en iyi yollarından biridir. Birkaç kelime ile bağlantılar popülerliliğinizi ya da arama motoru web siteniz için bulduğu toplam "oy" sayısını verir. LinkPopularity.com Bu ücretsiz servis belirli bir URL'ye bağlantı sitelerin ayrıntılı özel bir "Link Popülerliği Raporu" verir. Marketleap Visibility Index Bu bağlantı popülerlik aracı olaraksitenize kiminbağlandığın ve aynı zamanda internetteki rakiplerinize göre nerede olduğunuzu hızlı bir şekilde size göstermek için bir kıyaslama raporu oluşturur. Markup Validation 31/69

32 Biçimlendirme Doğrulama Servisi (The Markup Validation Service)World Wide Web Konsorsiyumu(W3C) tarafından sunulan ücretsiz birdoğrulama servisidir. Internet kullanıcıları için HTMLveXHTML ile biçimlendirilen belgelerin biçimlerini kontrol eder. Biçimlendirme doğrulama web sayfalarının teknik kalitesinin sağlanması yolunda önemli bir adımdır. Çoğu web belgeleri işaretleme dilleri kullanılarak yazılır, bu genellikle bir makine tarafından okunabilir resmi dilbilgisi (ve kelime) içerir teknik özellikleri ile tanımlanır. belgelerini doğrulayarak önemli ölçüde kaliteni yükseltilmesini sağlayabilirbu sayede zaman ve para kazanabilirsiniz. Ancak Doğrulama, ne tam bir kalite kontrolü ne de, kesinlikle eşdeğerde uygunluk kontrolözelliklerini yerine getiren bir araçtır. 32/69

33 6.DREAMWAVER CS4 6.1 Dreamweaver ı keşfetmek Dreamweaver Nedir? Dreamweaver hem yeni hem de de deneyimli kullanıcılar için mükemmel bir kodlama ve geliştirme aracıdır. Tasarımcılar için yaratıcı bir ortam sağlar ve hızlı bir şekilde, tercih edilen Web sitesini oluşturma ve yönetimi için bir programdır. Web sitesi tasarımı yanısıra mobil telefonların içeriğinin geliştirilmesiveya karmaşık sunucu tarafında komut dosyası uygulamaları da sunmaktadır. Şekil 1,1 Dreamweaver genel bir bakış Dreamweaver; sunucu (server) ile sizin PC niz arasında dosya transferini sağlayarak, sayfa şablonları ve library items gibi nesneler yeniden kullanılabilir hale getirmesiyle ve line checkers ve site raporları gibi güvenlik mekanizmaları ile tam bir site yönetimi için gereken her şeye sahiptir. Bu araçları kullanmak sitenizin iyi çalışması ve iyi görünmesini sağlayacaktır. Eğer Cascading Style Sheets ile Web sayfaları tasarımı yapıyor iseniz, Browser Compatibility Check (Tarayıcı Uyumluluk Denetimi) ve CSS Advisor (CSS Danışmanı) özelliği farklı Web tarayıcılar arasında oluşabilecek görüntüleme sorunlarını bulmak ve gidermek için size yardımcı olacaktır. 33/69

34 Şekil 1,2 Dreamweaver kod görünümü Dreamweaver bir belgenin bir sadece kod görünümünde çalışmasını sağlar. Bu güçlü bir metin editörüdür. Doğrudan HTML kodunu düzenleyebilir ve çalışmanızda kodun sonuçlarını görmek için görüntüleri değiştirebilirsiniz. Renk kodlaması, girinti (paragraph başları) ve görsel yardımlar gibi özelliklerle Dreamweaver, metinler hazırlayabilmelerine olanak sağlaması ve kodlamasıylaher seviyedeki kullanıcılar için mükemmeldir. Şekil 1.3 Gelişimi için dosya türü Dreamweaver karşılama sayfası ve seçim Daha deneyimli web geliştiriciler için, JavaScript gibi popüler kodlama scripting dillerini destekler bunula beraber Dreamweaver ColdFusion, PHP ve ASP.NET gibi server side dillerini 34/69

35 de destekler. Specialized menüleri eklemek ve kod panelleri ile sayfalarınızı oluşturmanıza ve seçtiğiniz dilde uygulamalar oluşturmanıza yardımcı olur. Not: Interaktif WEB Sayfalari ve e- ticaret siteleri oluşturmak için kullanılan Scripting Dilleri, iki kategoriye ayrılır: müşteri tarafı ve sunucu tarafı.müşteri tarafı dilleri JavaScript gibi Web tarayıcısında çalışırken, sunucu tarafıcoldfusion gibi özel bir yazılımın, sunucu üzerinde yüklü olmasını gerektirir. Dreamweaver Özellikleri Şekil 1.4Dosyaları düzenlemede Dreamweaver in 3 tipi Dreamweaver da üç farklı bakış noktası vardır. Bir belgeyi düzenlerken, Dreamweaver çalışmanızı Design (tasarım),split, veya Kod görünümünde olmasını sağlar. Herhangi bir anda belge araç çubuğunu (Document toolbar) tek bir tıklama ile manzaranızı değiştirebilirsiniz. Şimdi görsel olarak oluşturacağınız şeyleri görmeniz için Design (Tasarım) görünümüne bakalım. Şekil 1.5 Dreamweaver ile FTP FTP de oluşturmanız dosyaları ve dosyalar panelinde web sunucunsuna gelen dosyaları sürükle ve bırak (drag-and-drop)arayüzü kullanarak kolayca up load veya download yapmanıza izin 35/69

36 vermektedir. Şu anda üzerinde çalıştığınız sayfaları göndermek için herhangi bir zamanda Get /Put düğmesini kullanabilirsiniz. Ayrı bir yazılıma gerek bulunmamaktadır. Dreamweaver aynı zamanda Check In/Check Out işlevselliği ve senkronizasyon özellikleri iledosyaların kolay bir şekilde yönetimini sağlar. Insert Panels bu panelde categorize edilen en yaygın Web sayfa öğeleri için sezgisel simgeler sağlar. Tek bir tıklama ile bir sayfaya öğeler eklemenizi sağlar. İlave paneller (Additional panels)size bir sayfadatam olarak görmek istediğiniz ince ayarı (fine-tune) sağlar. Bunu yanısıra varsayılan insert panel, metni biçimlendirmek, formları yapmak ve düzen oluşturmak için araçlar içermektedir. Ayrıca en çok sık kullanılan elemanlar içinsık kullanılanlar sekmesini özelleştirebilirsiniz. Şekil 1.6 Web geliştirme için simgeleri yerleştirin Özelleştirilebilir çalışma düzenleri, panellerdeki kombinasyonları ve pozisyonları kaydetmenizive araç çubuğundan (toolbar) onları kolaylıkla kullanmanızı sağlar. Farklı kullanıcılar için birden fazla çalışma düzenleri kaydetmek ya da sayfa düzenleri kodlama veya tasarım gibi belirli görevler için farklı çalışma alanları oluşturabilirsiniz. 36/69

37 Şekil 1.7 çalışma alanı düzeni CSS paneli Cascading Style Sheets aracılığıyla tasarım ve biçimlendirme seçeneklerinden yararlanmanızı sağlar. Bu panel, oluşturmak, düzenlemek ve tek bir yerden on-the-fly stilleri yönetmenizi sağlar. Şekil 1. 8 HTML ve CSS paneli 37/69

38 6.2 Belge oluşturma Şekil 2.1 Karşılama Ekranı Biz karşılama ekran üzerinden gördüğümüz gibi yeni bir belge geliştirebilir veya alternatif olarak File New kullanabiliriz. Şekil 2.2Yeni bir dosya oluşturma Blank Page (Boş Sayfa): Bu web ile ilgili belgelerde 17 farklı seçim sağlar. Eğer Layout (Düzen) sütununda <none> seçerseniz, Dreamweaver temel HTML taslağıdışında her web sayfası tarafından kullanılan hiçbir içeriğe sahip olmayan bir sayfa oluşturur. 38/69

39 Blank Template (Boş Şablon): Bu sıfırdan bir Dreamweaver şablonu oluşturmanızı sağlar. Page from Template (Şablondan sayfa): Bu, her biri ile ilgili şablonları ile birlikte, Dreamweaver tarafından tanımlanan tüm siteleri listeler. Varolan bir şablondan bir alt sayfa oluşturmak için bu seçeneği kullanın. Page from Sample (Örnek, sayfa): Bu kendinizin oluşturması için bir başlangıç noktası olarak kullanılabilir örnek stil sayfalarından bir seçim içerir. Ayrıca çerçeve kümelerinden (framestes) bir dizi sunmaktadır. Other (Diğer): Bu düz metin dosyaları da dahil olmak üzere diğer web ile ilgili belgeler, oluşturur Web sitemizin Test Edilmesi PHP gibi bir dinamik bir dil kullanıldığında bir web sitesi geliştirmek birçok testi gerektirir. Bu nedenle yerel bir test ortamı birçok yönden geliştiriciye yardımcı olur ve güvenlik, kararlılık, hız ve rahatlık gibi birçok avantaj sağlar. PHP testi için Internet ortamında bulup ve indirebileceğiniz birçok yazılım vardır. Bunlardan biri Windows için XAAMP dır. Bu yazılımı yüklemek kolaydır ve aynı zamanda bir sorun varsa yardımcı olmak için yönergeler sunmaktadır. Ilk kurulduğunda, Apache tarafından sadece yerel bir test ortamında tanımlanacak bir web sitesi, barındırma kapasitesine sahiptir. Bu kısıtlamayı geçersiz kılmak için, Apache sunucusundan alt web siteleri gelişebiliriz.örneğin, site1 ve site2 adlı iki web sitesi varsa onlar için ayrı alt klasörler oluşturabilirsiniz, olarak test ortamında bunları erişebilir kullanabilirsiniz Web sitesi için tanımlar oluşturma Web sitesi dosyalarının nereye yerleştirileceğini karar verdikten sonra Dreamweaver kurulum işlemi ile devam ediyoruz. Bu süreç aynı zamanda PHP dosyalarının yerel olarak veya uzaktan testi ile ilgilidir. Şekil 2.3 Web tanımlanması 39/69

40 Site Tanımı diyalog kutusunu (Site Definition dialog box)site menüsünden açabiliriz veya Uygulama çubuğundaki (Application Bar) Site simgesinikullanabiliriz. Şekil 2.4Temel ve ileri seçenekler ile site tanımı Temel seçenek yalnızca gerekli seçenekler içerdiğinden web sitesini tanımlamak için iletişim kutusundan (dialog box) temel (basic) ve ileri (advanced)olarak iki seçenek kullanmak daha iyidir Dreamweaver ve Metin Yeni bir web sayfası, oluşturduğunuzda Dreamweaver temel bir sayfa için gerekli tüm HTML etiketleri olarak bir. Html veya. Php dosya adı uzantısından birini verir. Şekil 2.3 'de gördüğünüz gibi Tasarım (Design) görünümünde, tamamen boş bir sayfa mevcuttur. Kod görünümünde veya Spilit görünümde kontrol edersek,temel taslak etiketinin oluşturulmadığını görürüz. 40/69

41 Şekil 2.5 boş bir sayfa arkasında temel kodu Tasarımda (Design) yazmaya başlarsanız metininiz sadece bir kelime işlemci gibi görünür. Şekil 2.5 'de gördüğünüz gibi aynı metin kod görünümünde de görüntülenir. Enter tuşuna bastığınızda Dreamweaver <p> etiketleri metini kaydırır. Şekil 2.6farklı görünümlerde görünür metin yazarak Metin otomatik olarak sola dayalı ve belge penceresinin kenarına ulaştığında kayar. Bir kelime işlemci gibi görünmektedir ancak sadece enter tuşuna basarak paragraph değiştiririz aksi takdirde sitemizde boş paragraflar sitemizde yer bırakmış olabilir. 41/69

42 Şekil 2.7 enter ve boş paragraflar kullanımı Metin kopyalama ve yapıştırma Dreamweaver da kopyalama ve metin yapıştırma kelime işlem belgeleri ve diğer uygulamalardandoğrudan tasarım görünümüne yapılabilir. Dreamweaver metnin hemen hemen tüm biçimlendirmelerini karşılar. Copy- Paste Tercihler (Preferences) panelinde gerçekleşir. Bunu yapmak için, Düzen (Edit) menüsüne gidip ve Tercihleri (Preferences) seçmeniz gerekir. Şekil2.8 de gördüğünüz gibi biz kullanmak istediğimiz yapıştır (Paste) türünü seçiyoruz. 42/69

43 Şekil 2.8 Kopyalama seçenekleri - yapıştır Aynı şekilde Dreamweaver kopyala yapıştır seçeneği ile bütün word belgelerinde aynı sonucu alabilirsiniz. Bunu yapmak için File Import ve Word Document i seçelim. Ardından istediğiniz belgeyi bulmak için sabit sisk sürücüsünü (hard disk driver) araştırın ve open a basın. Şekil 2.9 Bütün word belgesinden metin almak 43/69

44 6.2.4 Dreamweaver ve Görüntüler Görüntüler, görüntü dosyası, yüksekliği ve genişliği ve nonvisual tarayıcılar için alternatif metin kaynağı açıklayan özelliklerini alır <img> etiketi ile HTML içine eklenir. Dreamweaver içine tasarım görünümü (design view) ya veya Kod görünümünde (Code view) bir görüntü eklediğinizde, program gerekli kodu üretir. O zaman yapmanız gereken tek şey görüntünün nerede yerleştirileceğine karar vermektir. Birçok yol ile çalışan bir belgeye bir resim ekleyebilirsiniz. Bunun en yaygın yolu resmi Assetspanelinde sürükleyip bırakmaktır.ancak Şekil 2.4 de gösterdiği gibi ilk olarak dizini tanımlamanız gerekir. Şekil 2.10 Varlıklar paneli Alternatif olarak biz resmi bulmak ve sürükleyip ve belgeye bırakmak için DosyalarFilespanelini kullanabiliriz. Ancak bu seçenekte(varlıklar) Assets Panelindekiküçük önizleme yoktur. Assets Paneli içinde Şekil 2.10 de görüldüğü gibi assetsdokuz kategoride sınıflandırılmıştır. Küçük resim önizleme paneli dışında bize dosyanın boyutu ve türü ölçüleri verilmiştir. Dreamweaver a belge eklemeden önce panelin sağ alt köşesinde bulabileceğiniz düzenleme düğmesi (edit button) ile resmi değiştirebilirsiniz. Düğme bilgisayarda yüklü varsayılan grafik tasarımı programı ile başlar. Sık sık bunları kullanmak istememizdurumunda birçok benzeri varlıklar arasında onları aramak durumunda kalmadan resim veya diğer nesneleri ekleyebilirsiniz. Varlıklar panelinin en üstündeki radio düğmelerini seçereksitedeki assetler için favorilerinizi değiştirebilirsiniz. Dışında sürükleyip Varlıklar panelinden sürükleyip bırak seçeneğinden başka belge penceresinin 44/69

45 bulunduğu yere resim eklemek için panelin sol altındaki Ekle (Insert) düğmesini tıklayabilirsiniz Dosya sistemi aracılığıyla Dreamweaver uygulamasına resim ekleme Görüntü eklemek için başka bir yol iseselect Image Source dialog box dır. Bunu yapmak için Dreamweaver üst ana menüsüne gidin ve Insert Image seçin. Şekil 2.11 Image Source iletişim kutusu seçin Biz Dreamweaver ile bir web sayfası geliştirmeye başlıyorasak ve henüz web sitesi resmi tanımlamadıysakkodları aşağıdaki şekile benzer biçimde eklememiz gerekir: <img src="file:///c /vhosts/mywebsite/images/mountain.jpg" width="350" height="232" /> Eğer bu sayfayı tanımlanmış bir siteye kaydedersek, Dreamweaver otomatik bir şekilde bağlantılı linkteki dosyanın kaynağını değiştirecektir. <img src="../../mywebsite/images/mountain.jpg" width="350" height="232" /> Bu değişiklik, web sitesi web sunucusu yüklendiği zaman resimin görünür olmasını sağlayacaktır Resimler ve alternatif metin Resmi seçin ve insert düğmesine bastıktan sonra, Dreamweaver, Image Tag Accessibility Attributes box (Görüntü Etiketi Erişilebilirlik Nitelikleri kutusu) görüntüler. Bu kutu bize görüntüyü tanımlamak için alternatif metin eklememizi sağlar. Bu, yardımcı teknoloji ürünleri (ekran okuyucuları gibi) kullanarak görme engelli insanların Web sitemizde daha etkin gezinmeleri için yardımcı olur. URL ile uzun açıklama alanı genellikle daha ayrıntılı bir açıklama sağlamak için karmaşık resim ve grafikler için kullanılır. 45/69

46 Şekil 2.12 Görüntü Etiketi Erişilebilirlik Özellikleri Alternatif metin doldurduktan sonra OK tuşuna basın, eklenen resmi göreceksiniz. Tekrar İptal (Cancel) tuşuna basarsanız, alternatif metin ve uzun açıklama olmadan görüntü durrmaya devam eder Tutucu görüntüleri Bir web sayfası geliştirdiğimizde bunun için uygun bir resmin olmadığı pek çok durumla karşılaşırız. Bu durumda geçici bir placeholder (tutucu) kullanın. Bu şekilde görüntünün boyutu ve diğer özelliklerini belirterek başarılı olabiliriz. Aynı zamanda Dreamweaver, varolmayan bir görüntünün adını kullandığımızda broken image simge görüntülemesiyle bunu engeller.eklenecek bir görüntü istediğimizde imleci belge penceresine getirir ve Insert çubuğunun Common sekmesinden Image Placeholder ı seçin Image placeholder ı bulma Image placeholder ı seçtikten sonraimage placeholder ın özelliklerini içeren bir iletişim kutusu göreceksiniz. 46/69

47 Şekil 2.14Image placeholder özellikleri Flash filmleri ekleme Bir web sayfasına bir Flash film bir resim eklemeye çok benzer. Ancak, temel kodu çok farklıdır. İlk değişiklik nispeten küçüktür. Insert menüsünün media alt mneüsü ve ınsert çubuğunun Common sekmesi artık SWF yi değil Flash ı göstermektedir. Çünkü flimler Flash ile ( yapılan filmler SWF biçimini kullanmakta ve Flash Player tarayıcı eklentisi ile çalıştırılmaktadır. Flaş Dreamweaver CS4 yaklaşımı<embed> etiketini kullanmaz çünkü bu HTML standardının bir parçası değildir. SWF dosyası tarafından kullanılan özellikleri desteklemek için çok eski kullanıcılar Flash Player'ın kendi sürümünü yükseltmek ister. Bir SWF eklemek için, istediğimimz filmin olduğu yerde belge penceresinde imlecimizin pozisyonunu ayarlııyoruz ve Insert(Ekle) menüsünün Media alt menüsünden SWF yi seçiyoruz veya Insert (Ekle) çubuğundan Common(Ortak) sekmesini seçiyoruz.dosya iletişim kutusunu seçin (Select File dialog box) SWF dosyasına gidin ve OK (Tamam'ı) tıklatın. 47/69

48 Şekil 2.15 Bir SWF dosyası ekleme Biz bunu yaptıktan sonra başlık, erişim tuşu ve film için sekme dizini girebileceğimiz Object Tag Accessibility Attributes dialog box ı buluyoruz. Tüm öğeler isteğe bağlıdır. Cancel (iptal)tıklayarak sayfaya eklenen olmaktan filmi durdurmak mümkün değildir; yapılan tüm erişilebilirlik özellikleri göz ardı edilir. Varsayılan olarak, Dreamweaver SWF için bir placeholder görüntüler. Filmin sayfa bağlamında nasıl göründüğünü görmek için, Design view (Tasarım görünümünde)placeholder seçin ve Property inspector (Özellik denetçisinin) sağ alt köşesindeki Play düğmesini tıklatın. 48/69

49 Şekil 2.16 Dreamweaver bir flash dosyasının oynatılması Şekil 2.16 de gördüğümüz gibi,property inspector(özellik denetçisinin) Flash filmleri ayarlarını kontrol etmesi için birçok seçenek vardır. Sol üst, bu dosya türünü ve boyutunu görüntüler. Hemen altındaki etiketsiz alan <object> etiketinin kimliğini (id) gösterir. Dreamweaver otomatik olarak ilk SWF nesnesi için FlashID değeri atar. Aynı sayfada ekli olan sonraki SWF filmleri FlashID2, FlashID3, vb numaralandırılır. Alan düzenlenebilir, bu yüzden yerine id kendi seçiminizi girebilirsiniz. Şimdi aşağıda diğer seçenekler içinkısa bir açıklama sunacağız: W and H: Filmin Piksel genişlik ve yüksekliğidir. SWF nesnesi eklediğinizde bu otomatik olarak doldurulur. File: SWF yol adıdır.burada Dosya araçları ve klasör simgeleri aynı resimlerdeki gibi çalışır Src: Flash filmin oluşturulduğu FLA dosyasının konumunu girmek için bir alandır. Bg: Bu ekler <object> etiketinde bir parametre SWF için arka plan rengini ayarlamak için kullanılır. 49/69

50 Düzenleme: Düzenleme için filmin FLA dosyasını açar. Bu seçeneği kullanmak için, önce Src alanında dosyanın konumunu girmeniz gerekir. Class: Bu <object> etiketi bir CSS sınıfı uygulamanıza olanak sağlar. Loop: Bu varsayılan olarak seçilir. Eğer sürekli bir döngü olarak çalıştırmak için film istemiyorsanız işareti kaldırın. Autoplay: Bu varsayılan olarak seçilir. Eğer sayfa ilk yüklendiğinde otomatik olarak çalıştırmak için film istemiyorsanız işareti kaldırın. V space ve H space: Bu film etrafında dikey ve yatay boşluk eklemek için <object> etiketi içine kaldırılmış vspace ve hspace özelliklerini ekleyin. Quality: Bu, oynatma sırasında filmin görünümünü kontrol eder. Aşağıdaki ayarları seçin: High: Bu varsayılan ayardır. Bu en iyi kaliteyi verir, ama daha fazla işlemci gücü gerektirir. Low: Hız kalitesi daha önemlidir, bu seçeneği seçin. Auto Low:hıza öncelik verir ancak mümkünse ses kalitesini de artırır. Auto High: Bu hem hız ve hem de görünümeeşit öncelik verir, ancak daha fazla hız gerektiğinde kaliteden ödün verir. Scale: Bu film genişliği ve yüksekliğinin ayarlanan boyutlara nasıl uyduğunu belirler. Align: Bu ekler <object> etiketinde uyum için önerilmemektedir. Wmode: Bu SWF filmininin drop down menüler ve JavaScript tarafından kontrol edilen diğer unsurlar ile nasıl etkileşimde olduğunu belirler. Aşağıdaki seçeneklerden birini seçin: Opaque: Bu varsayılan değerdir. Bu drop down menülerin film üzerinde doğru olarak görüntülemenize olanak sağlar. Daha düşük bir z-index ile bu unsurların arkasında gizlidir bu nedenle film opak bir arka plan verir. (Z-index konumlandırılmış öğelerin yığın sıralamasını kontrol eden bir CSS özelliğidir.) Transparent: SWF filminin şeffaf elemanları varsa, bu daha düşük bir z-index ile elemanlarının arkasında yoluyla göstermek için izin verir. Window: Bu <object> etiketinden wmode parametresi kaldırır. Film gibi açılan menüler gibi dinamik öğeler, etkilenmez, bu seçeneği seçin. Bu görme engelliler için daha verimli ve kullanıcı dostu okuyucu ekrandır. Parameters: Bu film tarafından beklenen ekstra parametrelerini ayarlamak için bir iletişim kutusu açılır. Dreamweaver SWF Placeholder ın sol üst kısmında açık bir göz simgesi olan bir parlak mavi sekme vardır. Bu simgeyi seçerseniz Flash Player'ın eski bir sürümünnüntarayıcı ile sayfaya eriştiğinizde alternatif bir içerik göreceksiniz.bu içeriği düzenleyebilir veya silebilirsiniz Web sayfasının içeriğinin yapılandırılması Daha önce Enter / Return tuşuna bastığınızda, Dreamweaver in paragraph sekmesiyle<p>otomatik metin dizayn ettiğini etiketleri yazdığını gördünüz. Ayrıca Microsoft 50/69

51 Word ve diğer uygulamalardanyapıştırmak için metin alabilir ve Dreamweaver yapı ve düzeni korumak için çalışır. Belge normalde aşağıdaki unsurlardan bir veya daha fazla kullanarak yapılandırılır: Paragraflar (<p>) Başlıklar (<h1><h6> yoluyla) Önceden biçimlendirilmiş metin (<pre>) Inline etiketleri (Örneğin, <strong>, <em>, <code>, vb) Listeler (<ul>, <ol> veya <dl>) Block tırnak (<blockquote>) Tablolar (<table>) Bu yapısal unsurları eklemenin beş temel yolu vardır: Property inspector (Özellik denetçisinin) HTML görünümü yoluyla Insert bar (Ekle çubuğunun)text Tab (Metin sekmesinden) (tablolarda Common ve Layout sekmeleri kullanın) Format (Biçim) menüsü üzerinden (tablolardainsert (Ekle) ve Modify menülerini kullanın) Klavye kısayollarını kullanarak (Tüm elemanlar için mevcut değil) Code görünümünde doğrudan code yazarak HTML ve CSS nin özellik denetçisinden görünümü Biz Şekil 2.17 de görebileceğiniz gibiproperty inspector(özellik denetçisi) HTML ve CSS için farklı kullanılabilir. Şekil 2.17 ilk ekran HTML görünümünü ve alt ekran CSS görünümünü gösterir. Birçok benzerlik görebilirsiniz ama bunların kullanımı tamamen farklıdır. Şekil 2.17 HTML ve CSS özelliğini Müfettişleri HTML görünümü temel olarak HTML biçimlendirme ile igilidir ancak Class drop-down menu ve Page Properties düğmeleri CSS ye erişim içindir. CSS görünüm sadece CSS için ayrılmıştır. Her iki görüş için ortak olan Kalın ve İtalik düğmeleri çok farklı şekillerde çalışırlar. HTML görünümünde Kalın düğmesini tıklarsanız, Dreamweaver altı çizgili koda <strong> etiketli ekler. CSS görünümünde aynı düğmeye tıklayarak Yeni Stil Kuralı iletişim kutusu (New Style Rule dialog box) başlatırsınz veya düzenleme için menüde Hedeflenen Kural (Targeted Rule) drop down menüde görüntülenen değere bağlı olarak, (style rule for editing)açılır. 51/69

52 paragraflar, başlıklar ve önceden biçimlendirilmiş metin Property inspector (Özellik denetçisinin) HTML görünümü (Şekil 2.17 bakınız) sol üstünde Format menüsünden belgeye (<h1><h6> yoluyla) başlık, paragraf (<p>) y biçimlendirilmiş metin (<pre>) etiketleri ekleriz. Bu etiketleri eğer None seçeneğini işaretlesek kaldırabiliriz Format Drop Down (Biçim açılır) menüsünün nasıl çalıştığını anlamak için, Split view (Bölünmüş görünümü) açmak ve etiketlerin nerede eklendiğini ve kaldırıldığını izlemek iyi bir fikirdir. Bunun seçilen metine uygulandığı ve imleçin şu anda bulunduğu lokasyondaki tüm bloğun seçilmediğini anlamak önemlidir.eğer imleç (cursor)bir paragraf içinde yer almaktaysa ve Format drop down menüden Heading II yi seçerseniz <p> etiketleri <h2> etiketleri ile değiştirilir. Eğer none seçerseniz <p> ye en yakın çift, <h1> yoluyla <h6> veya <pre> etiketleri kaldırılır. Başka hiçbir etiket olmaz. Insert çubuğunun Text sekmesi (Şekil 2.18) ve Formatınn paragraph alt menüsü temelde aynı şekilde çalışır. Ekle çubuğunun metin sekmesindeki Paragraf düğmesi baştan beşinci simgedir. Şekil 2.18 Metin Biçimi Ekle Property inspector (Özellik denetçisinin) HTML görünümünde Kalın ve İtalik düğmeleri bir kelime işlemci ile aynı şekilde çalışır. Düğmelerinden birine tıklatırsanız, Code görünümünde hiçbir şey olmaz, ama en kısa sürede, Dreamweaver <strong> veya <em> etiketleri başlangıç olarak yazarız.düğmeyi tekrar tıklayın. Insertion Point (Ekleme noktası)kod görünümünde hareket etmemektedir ama en kısa sürede tekrar yazmaya başlarsak bu kapanış etiketi dışına atlar ve normal metne döner. Ayrıca bir metin seçimi vurgulamak ve <strong> veya <em> 52/69

53 etiketleri kayabilir. Şekil 2.19 Kalın ve İtalik Metin Biçimi Kalın veya italik yazı yazdığımızda ileve olarak Kalın ve İtalik düğmeleri görünür. Biçimlendirilmiş metnin tamamını veya bir kısmını seçerek tekrar butona tıklayarak seçimlendirilmiş biçimlendirmeyi kaldırabiliriz. Bu düğmeleri kullanmak yararlıdır ve zaman tasarrufu sağlar Menü Stili Format menüsünün alt menüsü olan Style menüsü satır içi etiketleri için geniş bir yelpaze sunmaktadır, birçoğu belgemize yapı eklemek için tasarlanmıştır. Şekil 2.20 'de görebileceğiniz gibi, Kalın ve İtaliğe ek olarak bu alt menu daha az kullanılan, ama Code (<code>), Keyboard (<kbd>), ve Citaiton(<cite>) gibi önemli etiketler sunmaktadır. Aynı işlevleri Insert çubuğunun Text sekmeside(şekil 2.18 bakınız) bulabilirsiniz. Şekil 2.20 Tarzı menü Property inspector ın HTML görünümündestyle (Stil) alt menüsündekalın ve İtalik düğmeler aynı şekilde çalışır. Bir seçenek seçip yazmaya başlayabiliriz ve kapanış etiketi eklemek için yeniden seçeneğini seçebiliriz. Alternatif olarak, satır içi etiketleri vurgulanan metin kaydırmak 53/69

54 ya da seçimden etiketlerini kaldırmak için bir seçenek seçin. Design view(tasarım görünümünde) sağ tıkladığınızda aynı alt menüye erişilebilir. Madde işaretleri ve numaralandırılmış listeler Unordered list (Sırasız liste): Varsayılan olarak, tarayıcı bir her öğenin madde işaretini görüntüler. Bu liste <ul> etiketleri ile çevrilidir, ve her madde <li> etiketleri wrapped edilir. Ordered List (Sıralı liste): Varsayılan olarak, tarayıcı 1'den başlayarak, numaralndırır.. Bu liste <ol> etiketleri ile çevrilidir ve her öğe <li> etiketleri wrapped edilir. Definition List (Tanım listesi): Bu tür liste bir sözlük, terimler listesi veya ad / değer çiftleri toplanması için tasarlanmıştır. Bu liste <dl> etiketleri ile çevrilidir; tanımlanacak her dönem <dt> etiketleri sarılır ve tanımları <dd> etiketleri wrapped edilir. Şekil 2.21 madde işaretleri ve numaralar Şekilde 2.21 gösterildiği gibproperty inspectorın HTML görüntüsünde sağıdaki iconundaki dropdown menusü sınıfı unordered (kırmızı madde işareti) ve ordered (mavi madde işareti) oluşturur. Diğer bir deyişle, madde işaretleri ve listeleri düzenler Tablolar W3c göre ( okuyucuları gibi görünmeyen medyada çalışırkensorunlar ortaya çıkabileceği için tablolari belge içeriğini düzenlemek için tamamen bir araç olarak kullanılmamalıdır. Ayrıca, grafik ile birlikte kullanıldığında, daha büyük bir ekran sistemi için tasarlanmış isebu tabloların kullanıcıları, tabloyu görüntülerken yatay kaydırmada zorlanabilirler. Bu sorunları en aza indirmek için, yazarlar tablo yerine düzeni kontrol etmek için stil sayfaları kullanmalıdırlar. Mevcut verileri sunmak için Tabloları kullanmanın en iyi uygulama örneğinin satır ve sütunları düzenlemek olduğu kabul edilmektedir. Bir tablo eklemek içi imleci gereken yere getirelim Insert Barın Layout sekmesi veya Common sekmesinde yer alan Table Option (Tablo seçeneklerini) tıklatalımve tabloyu istediğimiz yere ekleyelim. 54/69

55 Şekil 2.22 Dreamweaver belgesine tablo ekleme Şekil 2.23 Dreamweaver belgesine tablo ekleme Dialog Box (İletişim Kutusu) aşağıdaki seçenekleri sunar: Rows and Columns (Satırlar ve Sütunlar): Tabloda istediğiniz satır ve sütun sayısını girin. Daha fazla sütun veya satır ekleyebilir veya daha sonra kaldırabilirsiniz. Table width (Tablo genişliği): Piksel veya yüzde olarak genişliği ayarlayabilirsiniz. Bir genişlik belirtmek i istemiyorsanız, bu alandaki değeri silip, boş bırakabilirsiniz. Border thickness (Sınır kalınlığı): Bu açılış <table> etiketinde sınır ayarlar ve tablo ve tablo hücrelerinde aynı sınır kalınlığı geçerlidir. CSS bize tablo ve hücre sınırları üzerinde daha fazla kontrol sağlar. CSS kullanmak istediğinizde tüm sınırları kaldırmak için bu alanı boş bırakmalısınız. Cell padding (Hücreyi doldurmak): Bu açılış <table> etiketinde cellpadding olarak yer alır ve her hücrenin tüm kenarından iç dolgu aynı miktarda uygulanır. Daha hassas kontrol için, bu alanı boş bırakın ve bunun yerine CSS kullanın. 55/69

56 Cell spacing (Hücre aralığı): Bu açılış <table> etiketinde cellspacing adını taşır ve tablo hücreleri arasındaki boşluk her tarafta aynı miktarda uygulanır. Header (Başlık): Bu başlık bir tablo satır veya sütun için geçerli olup olmadığını göstermek için tablo başlığı <th> hücreleri ve kapsamı niteliğinin kullanılması kontrol eder. Görsel tarayıcılar normal cesur ve merkezli <th> hücrelerde metni görüntüler. Kapsamı niteliği daha kolay görme engelli insanlar bir ekran okuyucu ile masaya gitmek için yapar. Biz dört seçenekten birini seçebilirsiniz: Yok, Left, Top, ya da her ikisi. Caption (Yazı Başlığı): Biz tabloya bir başlık vermek istiyorsanız, bu alana metni girin. Varsayılan olarak, başlık tablonun üzerindeki görüntülenir, ancak alta taşımak için CSS kullanabilirsiniz. Summary (Özet): Bu görme ekran okuyucu engellilerin faydalanması içindir. Buraya girilen herhangi bir metin ekran okuyucu tarafından okunur, ama ekranda görünmez. Tamam, 'ı tıklattığınızda, Dreamweaver arka plandak kod ile ile tablo çatısı oluşturur ve her bir hücre bölünemez boşluk ( ) ekler. Bu bir tarayıcıda kötü görünen boş hücreleri engeller. Eğer hücreye içerik eklerseniz Dreamweaver kısa sürede the &nbsp yisiler. Bir tablo hücresine metin yanlış hizalanmış olduğunu görürseniz arka plan kodunu control etmek iyi bir fikirdir ve the&nbsp yi gerekirse el ile kaldırın. Şekil 2.24 Tablo çatısı Eğer Diyalog Box da (iletişim kutusunda) tablo genişliğini boş bırakırsak ve tablo hücreleri içinde imleci zor buluyorsanız, Insert çubuğunun Layout sekmesinin solundaki Expanded düğmesini seçin. Alternatif olarak, View Table Mode Expanded Tables Mode u seçin.design görünümünde tablo hücreleri daha kolay düzenlenmesi için genişler, arka plan kodunu etkilemez veya bir tarayıcıda görüntülenmez. Bir kez tabloya içerik ekledikten sonra Document penceresinin üstündeki (exit) çıkış bağlantısını tıklayın veya normal şekil ve boyutuna masaya daraltmak için Insert çubuğunun Layout sekmesindeki standart düğmesini seçin. Bir tablo ekledikten sonra, Design görünümündeki tabloyu seçerek veproperty inspector (Özellik denetçisini) kullanarak temel özelliklerini değiştirebilirsiniz. Tabloyu seçmek için, Design 56/69

57 (Tasarım) görünümünde kenarlarından birini tıklatmanız gerekir. Bu zor gelirse, herhangi bir hücrenin içini tıklatın ve sonra Document penceresinin altındaki tag selectorden <table> seçebilirsiniz. Şekil 2.25 bir tablo seçildikten Özellik denetçisinde mevcut seçenekleri gösterir. Şekil 2.25Property inspector tablo seçenekleri Çoğu seçenek Tablo dialog box (iletişim kutusunun aynısıdır). Tablo için bir id niteliği girebileceğiniz yer Property inspector (Özellik denetçisinin) sol boş alandır. Stil kuralları oluşturulmuş ise, kullanılmayan kimliklerinin listesine bu alandaki a drop-down menüden ulaşılabilir(id ler benzersiz olmalıdır, bu şekilde listelenmemiş diğer elemanlar için atanma gereçkleştirilebilir). Özellik denetçisinde satır veya sütun sayısını artırırsanız, sırasıyla, tablonun altına ve sağına eklenir. Sayısını azaltırsak bunlar alt ve sağdan kaldırılır ve içerikleri silinir. Yukarı sağdaki Drop-down menüden hizlamak önerilmez hizlama için <table>etiketini temel elemanın sagına, sola veya merkeze doğru hizalayın. En iyi uygulama varsayılanı boş bırakmak (sola hizalı) ve tabloyu konumlandırmak için CSS kullanmaktır. Property inspector (Özellik denetçisinin) sol alt bölümündeki dört simge tüm tablo hücrelerinin yükseklik ve genişlik özelliklerini kaldırır, piksel ve yüzde arasında genişlikleri dönüştürür. Her birinin üzerine fare işaretçisini getirdiğinizde her bir aracın kendi rollerini tanımlayabilirsiniz. Imlecimizi bir tablo hücresi içine götürdüğümüzde veya tablonun bir kısmını seçtğimizde Property inspector değişir.şekil 2.26 görüldüğü gibi, Property inspector (Özellik denetçisinin) üst yarısı CSS veya HTML yi görüntüler solda hangi düğmenin seçildiğine bağlı olarak ve alt yarısında tablo hücreleriyle ilgili seçenekleri içerir. Şekil 2.26Property inspector hücre seçenekleri 57/69

58 Üstteki yarımda hücre içine içerik uygulanır; alt yarısı Seçilen hücre (ler) e uygulanır. Alt yarıyaekleme önerilmemektedir (hiçbir yatay ve dikey hizalama, genişlik, yükseklik, metin sarma ve arka plan rengi vb).bu değerler normal olarak Property inspectordan (özellik denetçisini)ziyade CSS ile ayarlanmalıdır. Tablo hücreleri için Property inspectorın kullanışlı bir seçeneği Header Checkbox dır. Bu kullanılan <th> and <td> tags, etiketleri arasında geçiş yapar ve alt soldaki iki simge hücreleri birleştirir veya böler. Şekil 2.26 dadesign view da (Tasarım görünümünde) birden fazla hücre seçildiğindeaktif olduğu için rowspan ve colspan özelliklerini kullanarak hücreleri birleştirir ve bu simge gridir. Öte yandan, spilit icon tek bir hücre seçildiğinde aktiftir. Bunu tıkladığınızda, Split Dialog Box da kutusunu sütunlar veya satırlar halinde hücreleri oluşturmak için bölmek isteyip istemediğinizi soran bir ibare görünür. <Div> Etiketleri <div> Etiketi birlikte tutmak istediğiniz bir sayfanın öğeleri gruplandırmak için basit bir araçtır. Bunun kendi stili yoktur istediğimiz bir şekil için kullanılabilir stilleri vardır.. Id özelliği ile birlikte, aynı <div> içinde her şeyi tutarlı olarak stilleri ile uygulama güçlü bir yoludur. Bir kere bizmantıksal bir yapıya göre <div> etiketleri vediğer blok seviyesinden elemanlar kullanarak, içeriğimizi organize ettikten sonra; arka plan resimlerini ve renkler ekleyerek ve kenar boşlukları ayarlayarak, konumlarını ve diğer unsurları ile ilişkisini değiştirerek, onlara göresl bir stil vermek içincss kullanabiliriz. CSS stil tabloları daha iyi ayarlamak için çok daha güçlü bir araç sunmakta ama tabii ki, bu araç seti temel olarak öğrenme ve tecrübe edilerek gelen bir şey olarak karşımıza çıkmaktadır. Şekil 2.27<div> Etiketinin eklenmesi Bir <div> etiketi eklemek için, şekil 2.27 gösterildiği Insert (Ekle) çubuğunun Common (Ortak) sekmesindeki Add Div Etiket düğmesini seçmeniz gerekir. Alternatif olarak, Insert çubuğunun Layout sekmesinde Add Div Etiket düğmesini kullanın veyainsert Layout Objects Div Tag seçiniz. Add Div Tag Dialog Box (iletişim kutusunu) açtıktan sonra. 58/69

59 Şekil 2.28 div etiketi dialog box Insert(Ekle): Bu drop- down menüiçeriğe duyarlıdır. Document (Belge) penceresinde içerik seçili ise Şekil 2.28 'de gösterildiği gibi, bu seçim çevresinde Wrap görüntülenir. Eğer hiçbirşey seçilmezse, varsayılan değer yerleştirilen noktadadır. Bu seçeneklerin her ikisi de kendiliğinden gelir. Insert menüsündeki diğer seçeneklerden birini seçtiğimizde drop down menü aktif olur. Her iki menü ile birlikte çalışmak ve aşağıda yer tutucu metin ile bir <div> ekleyin: (Before Tag)Etiketen önce: Bu seçenek, sayfa öğelerine kimlik özellikleri atandığındakullanılabilir. Sağdaki drop down menüsünde eleman seçilmeden önce hemen eklenir <div>. (After start of tag)etiket başladıktan sonra: Bu ekleraçılış etiketinin (tag) hemen sonrasına <div>sağdaki drop down menüsünde seçilir. Buna ilave olarak Id si atanan elemanlar sağ menü <body>tag listelenir. (Before end of tag) Etiketinin sonuna kadar Bu eklerkapanış etiketinden önce <div> hemen sağdadrop down menüden seçilir. Buna ilave olarakid özelliklerine sahip elemanlar sağ menüde <body> tag listelelenir. (After tag)etiketten sonra: Bu seçenek, sayfa öğeleri kimliği özelliklerne sahip olduğunda kullanılabilir. Hemen sağda drop down menüsünde seçilen eleman kapanış etiketinden sonra eklenir <div>. (Class) Sınıf:<div> uygulamak istediğiniz CSS sınıfının adını girin. Mevcut sınıflar drop- down menü olarak listelenir. ID:<div>ye atamak istediğiniz id nin adını girin. Mevcut IDler stil sayfalarında tanımlanırdropdown menu olarak listelenir. Bir kimlik bir sayfada sadece bir kez kullanılabilir çünkü listede sadece atanmış bu kimlikleri görüntülenir. (New CSS Rule)Yeni CSS Kuralı: Bu <div> uygulanacak yeni bir stil kuralının tanımlanmasını sağlar. 59/69

ASSAM YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU 8.4.2014. www.assam.org.tr ASSAM

ASSAM YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU 8.4.2014. www.assam.org.tr ASSAM YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU 8.4.2014 ASSAM İçindekiler Önsöz... 3 ASSAM Web Sitesinde Makale Yayınlamak... 4 ASSAM Web Sitesine Nasıl Girerim?...

Detaylı

AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı

AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı Emre GÜLCAN IT Responsible & Web Admin AEGEE-Eskişehir emregulcan@gmail.com e_gulcan@hotmail.com 0535 729 55 20 1 1. YÖNETİM PANELİNE

Detaylı

Kurulum ve Başlangıç Kılavuzu. DataPage+ 2013 için

Kurulum ve Başlangıç Kılavuzu. DataPage+ 2013 için DataPage+ 2013 için En Son Güncellenme Tarihi: 25 Temmuz 2013 İçindekiler Tablosu Önkoşul Olan Bileşenleri Yükleme... 1 Genel Bakış... 1 Adım 1: Setup.exe'yi Çalıştırın ve Sihirbazı Başlatın... 1 Adım

Detaylı

Kurulum ve Başlangıç Kılavuzu. DataPage+ 2012 için

Kurulum ve Başlangıç Kılavuzu. DataPage+ 2012 için DataPage+ 2012 için Son Güncelleme: 29 Ağustos 2012 İçindekiler Tablosu Önkoşul Olan Bileşenleri Yükleme... 1 Genel Bakış... 1 Adım 1: Setup.exe'yi Çalıştırın ve Sihirbazı Başlatın... 1 Adım 2: Lisans

Detaylı

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız.

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız. 1.1 Web Kavramlar 117 Anahtar 7erim/er 1.1.1.1 Web ve Internet terimlerini tanımlayınız. Her birinin anahtar özelliklerini tanımlayınız. Web bir Internet hizmetidir. Web Internet üzerinde bağlantılı html

Detaylı

4 Front Page Sayfası Özellikleri

4 Front Page Sayfası Özellikleri 4 Front Page Sayfası Özellikleri İsterseniz Frontpage penceresinin sağ tarafından, isterseniz araç çubuklarından faydalanarak yeni bir sayfa açın. Frontpage te çeşitli sayfa şablonları bulunmaktadır. Ancak

Detaylı

EndNote Web Hızlı Başvuru kartı

EndNote Web Hızlı Başvuru kartı EndNote Web Hızlı Başvuru kartı THOMSON SCIENTIFIC Web öğrencilere ve araştırmacılara çalışmalarını yazarken yardımcı olacak şekilde tasarlanmış Web tabanlı bir servistir. ISI Web of Knowledge, EndNote,

Detaylı

Flow Kullanım Klavuzu Mart 2014

Flow Kullanım Klavuzu Mart 2014 Flow Kullanım Klavuzu Mart 2014 İçindekiler Flow nedir? Bir Flow hesabı oluşturmak Oturum açmak Flow Hesabınız Genel Görünüm Flow Hesabınız Kullanım + Add (ekle butonu) Bibliography (Künye/Atıf butonu)

Detaylı

Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010

Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010 Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010 Bu belge BT Sınıfı Etkinliklerinde Kullanılmak Üzere Hazırlanmıştır İÇİNDEKİLER GİRİŞ... 3 ÜYE (KAYIT) OLMA... 3 YÖNETİM PANELİ İŞLEMLERİ... 5 ŞABLON AYARLARI...

Detaylı

Akdeniz Üniversitesi

Akdeniz Üniversitesi F. Ders Tanıtım Formu Dersin Adı Öğretim Dili Akdeniz Üniversitesi Bilgi Teknolojileri Kullanımı Türkçe Dersin Verildiği Düzey Ön Lisans ( ) Lisans (x) Yüksek Lisans( ) Doktora( ) Eğitim Öğretim Sistemi

Detaylı

Her bir ofis programının olduğu gibi FrontPage inde bir dosya uzantısı vardır. Bunlar *.html veya *.htm dosya uzantılarıdır.

Her bir ofis programının olduğu gibi FrontPage inde bir dosya uzantısı vardır. Bunlar *.html veya *.htm dosya uzantılarıdır. FrontPage Nasıl Kullanılır? 1 Giriş FrontPage programı kolay şekilde web siteler hazırlayabileceğiniz ofis yazılımlarından birisidir. Hiçbir kod bilgisi gerektirmeden tasarımlarını kolay şekilde yapabileceğini

Detaylı

Hızlı Başlangıç Kılavuzu

Hızlı Başlangıç Kılavuzu Hızlı Başlangıç Kılavuzu Microsoft Access 2013 önceki sürümlerden farklı görünmektedir, dolayısıyla öğrenme eğrisini en aza indirmenize yardımcı olmak üzere bu kılavuzu hazırladık. Ekran boyutunu değiştirme

Detaylı

VERİ TABANI UYGULAMALARI

VERİ TABANI UYGULAMALARI V. Ünite VERİ TABANI UYGULAMALARI A. BAŞLANGIÇ B. BİR VERİ TABANI YARATMA C. FORMLARIN KULLANIMI D. BİLGİYE ERİŞİM E. RAPORLAMA 127 A BAŞLANGIÇ Konuya Hazırlık 1. Veri tabanı programları hangi amaç için

Detaylı

KULLANIM KILAVUZU. VSP Teknoloji ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz

KULLANIM KILAVUZU. VSP Teknoloji ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz KULLANIM KILAVUZU VSP Teknoloji ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz Kullanıcı dostu kontrol panelli dünya standartlarında web tasarım uygulaması.

Detaylı

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir.

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir. 12 DÜZEN TABLOLARI Microsoft Office FrontPage 2003 programında düzen tabloları ve hücrelerini kullanarak, profesyonel görünümlü Web sayfası düzenleri oluşturabilirsiniz. Düzen tablosu, sayfa düzeni için

Detaylı

expomed & labtechmed Fuarları Katılımcı Portalı Kullanım Kılavuzu

expomed & labtechmed Fuarları Katılımcı Portalı Kullanım Kılavuzu expomed & labtechmed Fuarları Katılımcı Portalı Kullanım Kılavuzu Yatırımınızdan daha fazlasını almanın en etkin aracı Firma profilinizle alıcıları cezp edin, performansınızı ölçün. Index Oturumunuzu açın

Detaylı

İÇERİK YÖNETİM SİSTEMİ (CMS) Bir web sitesi yayınlamak için yapılması gerekenler:

İÇERİK YÖNETİM SİSTEMİ (CMS) Bir web sitesi yayınlamak için yapılması gerekenler: İÇERİK YÖNETİM SİSTEMİ (CMS) Bir web sitesi yayınlamak için yapılması gerekenler: Yer satın alınır. İsim tescil ettirilir. Ftp ile wordpress klasörü upload edilir. Kendi bilgisayarımızda web sitesi yayınlamak

Detaylı

INTERNET KAYNAKLARI. Wik.is Kılavuzu GRUP OTANTİK GRURLA SUNAR

INTERNET KAYNAKLARI. Wik.is Kılavuzu GRUP OTANTİK GRURLA SUNAR INTERNET KAYNAKLARI Wik.is Kılavuzu GRUP OTANTİK GRURLA SUNAR Bir Wiki ye Kayıt Olma 1. Öğrencileriniz ya da kurs katılımcılarınız için e- posta adresleri alın. 2. www.wik.is* adresine gidin. 3. Wik.is

Detaylı

Doktor Web Tasarım ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz

Doktor Web Tasarım ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz KULLANIM KILAVUZU Doktor Web Tasarım ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz Her doktorun ihtiyacı olan doktor web sitesi, hasta ve doktor arasındaki

Detaylı

Yükleme kılavuzu Fiery Extended Applications 4.2 ile Command WorkStation 5.6

Yükleme kılavuzu Fiery Extended Applications 4.2 ile Command WorkStation 5.6 Yükleme kılavuzu Fiery Extended Applications 4.2 ile Command WorkStation 5.6 Fiery Extended Applications Package (FEA) v4.2 Fiery Server ile ilişkili görevleri gerçekleştirmek için Fiery uygulamalarını

Detaylı

Sayfa 1 3

Sayfa 1 3 PowerPoint 5 Saat Ön Koşullar (Eğitimler) Temel Bilgisayar Eğitimi, Word Eğitimi Eğitimin Süresi (Saat) 5 Saat Katılımcılar eğitim sonunda; sunum hazırlarken slaytlarında yer verdikleri nesnelerin (resim,

Detaylı

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU Üniversitemiz Webmail servisi yenilenmiş olup Roundcube webmail üzerinden servis vermeye başlamıştır. Daha önce kullanılan SquirrelMail servisi https://oldwebmail.cankaya.edu.tr/

Detaylı

Hızlı Başlangıç Kılavuzu

Hızlı Başlangıç Kılavuzu Hızlı Başlangıç Kılavuzu Microsoft Word 2013 önceki sürümlerden farklı görünüyor, bu nedenle öğrenmenizi kolaylaştırmak için bu kılavuzu oluşturduk. Hızlı Erişim Araç Çubuğu Buradaki komutlar her zaman

Detaylı

Google Scripts. Neticaret Sistemine Google Analytics ve AdWords sistemleriyle ilgili 3 yeni parametre eklenmiştir.

Google Scripts. Neticaret Sistemine Google Analytics ve AdWords sistemleriyle ilgili 3 yeni parametre eklenmiştir. Google Scripts Neticaret Sistemine Google Analytics ve AdWords sistemleriyle ilgili 3 yeni parametre eklenmiştir. Yeni eklenen paremetrelere Neticaret Sistemi Yönetimi Paneli > Tanımlar bölümü altında

Detaylı

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 AMAÇ Bilgisayar ve elektronik tablolama yazılımı sağlandığında elektronik tablolama yazılımı çalışma alanı düzenlemelerini yapabileceksiniz. ARAŞTIRMA Güncel olarak

Detaylı

NOT: LÜTFEN BU BELGEYİ OKUMADAN YAZILIMI YÜKLEMEYİ DENEMEYİN.

NOT: LÜTFEN BU BELGEYİ OKUMADAN YAZILIMI YÜKLEMEYİ DENEMEYİN. INSITE YÜKLEME BÜLTENİ Sayfa 2: INSITE yükleme Sayfa 8: INSITE kaldırma NOT: LÜTFEN BU BELGEYİ OKUMADAN YAZILIMI YÜKLEMEYİ DENEMEYİN. HATALI YÜKLEME VEYA KULLANIM YANLIŞ VERİLERE VEYA EKİPMANIN ARIZALANMASINA

Detaylı

Dersin Konusu ve Amaçları: Ders P lanı: Bölüm 1: Bilgi Teknolojilerinde Temel Kavramlar

Dersin Konusu ve Amaçları: Ders P lanı: Bölüm 1: Bilgi Teknolojilerinde Temel Kavramlar Bilgi Teknolojileri ve Uygulamalarına Giriş Dersin Konusu ve Amaçları: Bu dersin amacı daha önce bilgisayar ve bilgi teknolojileri alanında herhangi bir bilgi ve/veya deneyime sahip olmayan öğrenciye bilgi

Detaylı

Katılımcı Portalı Kullanım Kılavuzu yatırımınızdan daha fazlasını almak için en etkili araç

Katılımcı Portalı Kullanım Kılavuzu yatırımınızdan daha fazlasını almak için en etkili araç Katılımcı Portalı Kullanım Kılavuzu yatırımınızdan daha fazlasını almak için en etkili araç Rakiplerinizden bir adım önde olun Profiliniz ile dikkat çekin Performansınızı ölçün İçerik Oturumunuzu açın

Detaylı

ecyber Kullanıcı Kılavuzu 1 / 1 1. ecyber hakkında... 1 2. Sistem gereksinimleri:... 2 Donanım:... 2 Yazılım:... 2 3. Kullanım Rehberi...

ecyber Kullanıcı Kılavuzu 1 / 1 1. ecyber hakkında... 1 2. Sistem gereksinimleri:... 2 Donanım:... 2 Yazılım:... 2 3. Kullanım Rehberi... ecyber Kullanıcı Kılavuzu 1 / 1 1. ecyber hakkında... 1 2. Sistem gereksinimleri:... 2 Donanım:... 2 Yazılım:... 2 3. Kullanım Rehberi... 3 İndirme... 3 Sunucu yazılım kurulumu... 3 Kurulum sayfası çıkacaktır...

Detaylı

Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd

Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd Tüm haklar mahfuzdur. Bu yayının hiçbir kısmı ECDL Kuruluşundan izin almadan hiçbir şekilde çoğaltılamaz. Çoğaltım talepleri yayıncıya yapılmalıdır. The European Computer Driving Licence Foundation Ltd

Detaylı

Metin Editörleri YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ. ALINTI:

Metin Editörleri YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ. ALINTI: 1 Metin Editörleri YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ ALINTI: https://webmaster.kitchen Metin Editörleri 2 Bir web sitesi geliştirmek istiyorsanız, bir HTML düzenleyicisine ihtiyacınız olacaktır. Elbette

Detaylı

MS POWERPOINT 2010. Şekil 111 Powerpoint 2010 Programını Başlatmak

MS POWERPOINT 2010. Şekil 111 Powerpoint 2010 Programını Başlatmak MS POWERPOINT 2010 1.Giriş: PowerPoint, Windows ortamında çalışan bir sunu paket programıdır. Metin, taslak, çizim ve grafikler kullanılarak sunular, slaytlar, broşürler, bildiriler, konuşmacı notları

Detaylı

KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU

KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU YENİ TASARIM KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU WYS : WEB YÖNETİM SİSTEMİ Wys yetkili olduğumuz birimin web sayfası ile ilgili her

Detaylı

Windows Live ID ve parolanızı giriniz.

Windows Live ID ve parolanızı giriniz. Ücretsiz Deneme Hesabı Oluşturma ve Temel Özelliklerin Kullanım Kılavuzu Bilgi girilmesi gerekli alanlar Kişisel bilgi içeren alanlar http://www.windowsazure.com/tr-tr/pricing/free-trial/ adresine gidiniz

Detaylı

Hızlı Başlangıç Kılavuzu

Hızlı Başlangıç Kılavuzu Hızlı Başlangıç Kılavuzu Microsoft Excel 2013 önceki sürümlerden farklı görünüyor, bu nedenle öğrenmenizi kolaylaştırmak için bu kılavuzu oluşturduk. Hızlı Erişim Araç Çubuğu'na komutlar ekleme Şeridi

Detaylı

Blog Tasarımı. Eğitici Kılavuzu. Blog tasarımın hakkında eğitici ve öğretici kılavuz. AHMETSOYLU Anadolu Üniversitesi 10.06.2013

Blog Tasarımı. Eğitici Kılavuzu. Blog tasarımın hakkında eğitici ve öğretici kılavuz. AHMETSOYLU Anadolu Üniversitesi 10.06.2013 2013 Blog Tasarımı Eğitici Kılavuzu Blog tasarımın hakkında eğitici ve öğretici kılavuz. AHMETSOYLU Anadolu Üniversitesi 10.06.2013 İÇİNDEKİLER Giriş... 3 ÜYE (KAYIT) OLMA... 3 KUMANDA PANELİ... 5 GENEL

Detaylı

Microsoft Word 2010 ara yüzündeki bölümler aşağıda gösterilmiştir.

Microsoft Word 2010 ara yüzündeki bölümler aşağıda gösterilmiştir. Başlangıç Bu dersin amacı, öğrencilerin çalışma hayatlarında Microsoft Word programını daha etkili ve verimli kullanmalarını sağlamak ve karşılaştıkları sorunların çözümlerine ulaşma konusunda deneyim

Detaylı

1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ

1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ 1 MİCROSOFT FRONTPAGE 2003 E GİRİŞ 6 1.1 Frontpage 2003 ün açılması Frontpage 2003 ü çalıştırabilmek için Başlat/Programlar/ Microsoft Office Microsoft Office Frontpage 2003 yolu izlenir. FrontPage 2003,

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVERDA NESNELERE DAVRANIŞ EKLEME Dreamweaver da fare hareket olaylı, animasyonlu görüntüler oluşturmak istenildiğinde hazır scriptler anlamına gelen Davranışlar(behaviors) kullanılmaktadır. Yukarıdaki

Detaylı

Powerpoint; Microsoft ofis programları içinde bulunan bir sunum hazırlama programıdır.

Powerpoint; Microsoft ofis programları içinde bulunan bir sunum hazırlama programıdır. Powerpoint; Microsoft ofis programları içinde bulunan bir sunum hazırlama programıdır. Powerpoint ile toplantılar da veya herhangi bir konu üzerinde açıklama getirmek için sunu hazırlarız. Powerpoint2003

Detaylı

Bloglar için en çok tercih edilen düzen 1.düzendir. Yani En son yazılarımın listesi. Sizlerde ödeviniz için bu düzeni seçebilirsiniz.

Bloglar için en çok tercih edilen düzen 1.düzendir. Yani En son yazılarımın listesi. Sizlerde ödeviniz için bu düzeni seçebilirsiniz. BLOG PROJE ÖDEVİ BLOG NASIL AÇILIR? 1.Adım: Kayıt Olma Üst menüde yer alan Kaydol butonuna basarak kayıt işlemini başlatın. Diğer bir seçenek ise Web Sitesi Oluştur butonuna basmak. İki butonda aynı yere

Detaylı

expomed & labtechmed Katılımcı Portalı Kullanım Kılavuzu

expomed & labtechmed Katılımcı Portalı Kullanım Kılavuzu expomed & labtechmed Katılımcı Portalı Kullanım Kılavuzu yatırımınızdan daha fazlasını almanın en etkin aracı Bir adım önde olma şansınızı arttırın, firma profilinizle alıcıları cezbedin ve performansınızı

Detaylı

Fiery Command WorkStation 5.8 ile Fiery Extended Applications 4.4

Fiery Command WorkStation 5.8 ile Fiery Extended Applications 4.4 Fiery Command WorkStation 5.8 ile Fiery Extended Applications 4.4 Fiery Extended Applications (FEA) 4.4 sürümü, Fiery Server kullanımıyla görevlerin gerçekleştirilmesi için gerekli Fiery software i içerir.

Detaylı

Raptadmin 1.x.x Sürümleri için Kullanım Klavuzu

Raptadmin 1.x.x Sürümleri için Kullanım Klavuzu Raptadmin 1.x.x Sürümleri için Kullanım Klavuzu Ekim 2014 Ankara www.raptadmin.com info@raptadmin.com Giriş İşlemleri Raptadmin yönetim paneline www.alanadınız.com/admin adresini kullanarak gidebilirsiniz.

Detaylı

5.Slayt ana hat görünümü 6.Görev bölmesi penceresi 7.Not alanı 8.Durum çubuğu

5.Slayt ana hat görünümü 6.Görev bölmesi penceresi 7.Not alanı 8.Durum çubuğu MS POWERPOINT 2010 PowerPoint, Windows ortamında çalışan bir sunu paket programıdır. Metin, taslak, çizim ve grafikler kullanılarak sunular, slaytlar, broşürler, bildiriler, konuşmacı notları ve taslaklar

Detaylı

ÖNDER BİLGİSAYAR KURSU. Microsoft Office Kursu Eğitim İçeriği

ÖNDER BİLGİSAYAR KURSU. Microsoft Office Kursu Eğitim İçeriği ÖNDER BİLGİSAYAR KURSU Microsoft Office Kursu Eğitim İçeriği Microsoft WORD 1. PENCERE ELEMANLARI VE GÖRÜNTÜLEME BİÇİMLERİ 1.1. Genel Bilgiler 1.2. Ekran Görünümleri 1.3. Metin Sınırları ve Basımda Çıkmayan

Detaylı

SEAT on-line HSO KULLANICI EL KİTABI SÜRÜMÜ

SEAT on-line HSO KULLANICI EL KİTABI SÜRÜMÜ SEAT on-line HSO KULLANICI EL KİTABI 04-2008 SÜRÜMÜ 1 Indeks 1 Giriş... 3 2 Sistem Gereksinimleri...3 3 Genel plan...3 4 Yapı... 4 5 Gezinti... 5 6 Ek Bilgi...6 7 Araçlar... 7 8 Site Haritası... 8 9 Dosya

Detaylı

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu Boğaziçi Üniversitesi Bilgi İşlem Merkezi Web Yönetimi Birimi Drupal Kullanım Kılavuzu KONULAR 1. Kullanıcı Girişi Yapma 2. Ana Menüyü Düzenleme 3. Site Logosunu Düzenleme 4. Yeni Sayfa Ekleme / Düzenleme

Detaylı

Hızlı Başlangıç Kılavuzu

Hızlı Başlangıç Kılavuzu Hızlı Başlangıç Kılavuzu Microsoft Publisher 2013 önceki sürümlerden farklı görünüyor, bu nedenle öğrenmenizi kolaylaştırmak için bu kılavuzu oluşturduk. Hızlı Erişim Araç Çubuğu En sevdiğiniz komutları

Detaylı

2-Hafta Temel İşlemler

2-Hafta Temel İşlemler 2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar * Htm Sayfasının Oluşturulması * Temel Html Komutları * Html Sayfalarının Düzenlenmesi * Html Sayfalarının İncelenmesi Html Komutlarının

Detaylı

AMACSEO TEMASI KULLANIM KILAVUZU. AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1

AMACSEO TEMASI KULLANIM KILAVUZU. AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1 AMACSEO TEMASI KULLANIM KILAVUZU AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1 TEMANIN ÖZELLİKLERİ - Wordpress 3.1.1 sürümü için hazırlanmıştır. - Basit kontrol paneli

Detaylı

Doruk Wordpress Teması Kurulum ve Kullanım Klavuzu

Doruk Wordpress Teması Kurulum ve Kullanım Klavuzu Doruk Wordpress Teması Kurulum ve Kullanım Klavuzu Öncelikle bizi tercih ettiğiniz için teşekkür ederiz. Bu klavuzda Doruk Wordpress temasını kullanırken karşılaşabileceğiniz muhtemel durumlara açıklık

Detaylı

IOF Eventor için Sporcu Kılavuzu

IOF Eventor için Sporcu Kılavuzu IOF Eventor için Sporcu Kılavuzu İçindekiler Sporcu İçin Kullanıcı Hesabı Oluşturma Profilimi düzenle Herkese açık profilini görüntüle Profil metninizi düzenleyin Fotoğrafınızı değiştirme / Ekleme Yarışmalarımı

Detaylı

Açılan programın pencere görünümü aşağıdaki gibidir. 2. Araç Çubuğundan kaydet düğmesi ile

Açılan programın pencere görünümü aşağıdaki gibidir. 2. Araç Çubuğundan kaydet düğmesi ile POWERPOINT PROGRAMI Powerpoint bir sunu hazırlama programıdır. Belirli bir konu hakkında bilgi vermek için, derslerle ilgili bir etkinlik hazırlamak için, dinleyicilere görsel ortamda sunum yapmak için

Detaylı

Akdeniz Üniversitesi

Akdeniz Üniversitesi F. Ders Tanıtım Formu Dersin Adı Öğretim Dili Akdeniz Üniversitesi Bilgi ve İletişim Teknolojisi Türkçe Dersin Verildiği Düzey Ön Lisans (x) Lisans ( ) Yüksek Lisans( ) Doktora( ) Eğitim Öğretim Sistemi

Detaylı

IceWarp kurulumu. IceWarp Server kurmanız için yapmamız gereken adımlar şunlardır:

IceWarp kurulumu. IceWarp Server kurmanız için yapmamız gereken adımlar şunlardır: IceWarp kurulumu IceWarp Server kurmanız için yapmamız gereken adımlar şunlardır: http://www. icewarp. com sitesinden,on line satış temsilicilerden ve ya da on line installer (online kurucusundan) istediğiniz

Detaylı

Safirblog WP Teması - Kurulum ve Kullanım Kılavuzu

Safirblog WP Teması - Kurulum ve Kullanım Kılavuzu Safirblog WP Teması - Kurulum ve Kullanım Kılavuzu Öncelikle bizi tercih ettiğiniz için teşekkür ederiz. Bu kılavuzda Safirblog Wordpress temasını kullanırken karşılaşabileceğiniz muhtemel durumlara açıklık

Detaylı

Yandex mail ve disk kullanım rehberi

Yandex mail ve disk kullanım rehberi Yandex mail ve disk kullanım rehberi Tüm personelin ortak bir platformda uyumlu çalışmasını destekleyecek bilgi teknolojisi ücretsiz bir şekilde kurumunuz için hayata geçirildi. Sistem ve sunucu yatırımı

Detaylı

Web Programlama Kursu

Web Programlama Kursu Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz? Örnek siteler Örnek Projeler

Detaylı

Web sayfalarında yapılan her çalışma ve düzenleme tablolar aracılığı ile yapılır. Dolayısıyla çoğu web sayfalarında tablo kullanmak zorunluluktur.

Web sayfalarında yapılan her çalışma ve düzenleme tablolar aracılığı ile yapılır. Dolayısıyla çoğu web sayfalarında tablo kullanmak zorunluluktur. Yazı Tipi Stili HTML kodları 47 Kalın İtalik Altı Çizili 9.2.6 Metin yükseltme veya alçaltma 1. Sayfa görünümünde, belge penceresinin altındaki Tasarla düğmesini tıklatın. 2.

Detaylı

Hızlı Başlangıç Kılavuzu

Hızlı Başlangıç Kılavuzu Hızlı Başlangıç Kılavuzu Microsoft Visio 2013 önceki sürümlerden farklı görünüyor, bu nedenle öğrenmenizi kolaylaştırmak için bu kılavuzu oluşturduk. Güncelleştirilmiş şablonlar Şablonlar, istediğiniz

Detaylı

CAMPUSIUM UZAKTAN EĞİTİM SİSTEMİ KULLANIM KILAVUZU

CAMPUSIUM UZAKTAN EĞİTİM SİSTEMİ KULLANIM KILAVUZU CAMPUSIUM UZAKTAN EĞİTİM SİSTEMİ KULLANIM KILAVUZU YÖNETİM PANELİ 1-Kategori Tanımlama: Sistemde öncelikle kategori eklemelisiniz. Kategori eklemek için işlemler menüsünden kategoriler sekmesini tıklayınız.

Detaylı

ODTÜ BLOG SERVĐSĐ ve BLOG HAZIRLAMA

ODTÜ BLOG SERVĐSĐ ve BLOG HAZIRLAMA Instructional Technology Support Office ODTÜ BLOG SERVĐSĐ ve BLOG HAZIRLAMA Orta Doğu Teknik Üniversitesi Middle East Technical University Đletişim Bilgileri: Web adresi: http://its.metu.edu.tr Adres:

Detaylı

www.wikispaces.com Kullanım Kılavuzu

www.wikispaces.com Kullanım Kılavuzu www.wikispaces.com Kullanım Kılavuzu İnternet tarayıcınıza(internet Explorer vb.) www.wikispaces.com adresini yazıp enter tuşuna bastığınızda yukarıdaki ekranla karşılaşacaksınız. Önceden oluşturmuş olduğunuz

Detaylı

SAB 103 TEMEL BİLGİSAYAR KULLANIMI

SAB 103 TEMEL BİLGİSAYAR KULLANIMI SAB 103 TEMEL BİLGİSAYAR KULLANIMI Kelime İşlemci - Word Prof.Dr. Fatih TANK Ankara Üniversitesi Uygulamalı Bilimler Fakültesi Sigortacılık ve Aktüerya Bilimleri Bölümü Prof.Dr. Fatih TANK - Temel - Ders

Detaylı

ÜNİTE ÜNİTE MICROSOFT POWER POINT - I TEMEL BİLGİ TEKNOLOJİLERİ İÇİNDEKİLER HEDEFLER

ÜNİTE ÜNİTE MICROSOFT POWER POINT - I TEMEL BİLGİ TEKNOLOJİLERİ İÇİNDEKİLER HEDEFLER ÜNİTE 11 MICROSOFT POWER POINT - I İÇİNDEKİLER BAYBURT ÜNİVERSİTESİ UZAKTAN EĞİTİM MERKEZİ Genel bilgiler PowerPoint penceresinin tanıtımı Sekmelerin genel tanıtımı Sunular ile ilgili işlemler Boş sunu

Detaylı

Vsp Teknoloji Son sistem güvenlik duvarlarıyla korunmaktadır, Kullanıcı bilgilerini doğru girdiğinde giriş sayfasına bağlanacaktır.

Vsp Teknoloji Son sistem güvenlik duvarlarıyla korunmaktadır, Kullanıcı bilgilerini doğru girdiğinde giriş sayfasına bağlanacaktır. Üye Girişi Vsp Teknoloji Son sistem güvenlik duvarlarıyla korunmaktadır, Kullanıcı bilgilerini doğru girdiğinde giriş sayfasına bağlanacaktır. Giriş Sayfası Sayfa ayarlarını buradan yapabilirsiniz. Anahtar

Detaylı

Seo Eğitimi (300 Sattlik Eğitim) Seo. Genel Amaçları. Seo da Kullanılan Terimler. Nedir? Nasıl Çalışır? Nasıl Olmalıdır?

Seo Eğitimi (300 Sattlik Eğitim) Seo. Genel Amaçları. Seo da Kullanılan Terimler. Nedir? Nasıl Çalışır? Nasıl Olmalıdır? Seo Eğitimi (300 Sattlik Eğitim) Seo Genel Amaçları Seo da Kullanılan Terimler Nedir? Nasıl Çalışır? Nasıl Olmalıdır? Sitenizi Google 'a kaydetmek. Meta Tag Meta Tag kullanımları Dinamik yapılı meta tag

Detaylı

[E-Katalog Tanıtım Sayfası] Ayser Bilgisayar. Cumhuriyet Meydanı No:41 Kat:2 0286 217 60 34

[E-Katalog Tanıtım Sayfası] Ayser Bilgisayar. Cumhuriyet Meydanı No:41 Kat:2 0286 217 60 34 [E-Katalog Tanıtım Sayfası] Ayser Bilgisayar Cumhuriyet Meydanı No:41 Kat:2 0286 217 60 34 Neden Ayser Bilgisayar? Bundan 10 yıl önce insanlar bir ürün almak için mağaza mağaza dolaşırlar ve farklı fiyatları

Detaylı

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler...

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler... i İçindekiler Kullanıcı Giriş Ekranı... 1 Ana Sayfa... 2 1-Projeler... 3 1.1 Yeni Proje... 3 1.2 Proje Düzenle... 3 1.3 Proje Sil... 3 1.4 Listeyi Güncelle.... 3 2-Gruplar... 4 2.1.1 Grup Adı.... 5 2.1.2

Detaylı

PHP ile İnternet Programlama

PHP ile İnternet Programlama PHP ile İnternet Programlama Doç.Dr. Gazi Üniversitesi Gazi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü 1. BÖLÜM: Bilgisayarımızı PHP ye Hazırlamak PHP Yorumlayıcısı ve Sunucu Yazılımı

Detaylı

Hızlı Başlangıç Kılavuzu

Hızlı Başlangıç Kılavuzu Hızlı Başlangıç Kılavuzu Güvenli erişim, paylaşım ve dosya depolama sayesinde her yerde daha fazlasını yapın. Office 365 aboneliğinizde oturum açın ve uygulama başlatıcıdan SharePoint'i seçin. Arama Siteler,

Detaylı

GOOGLE DRİVE KULLANARAK FORM OLUŞTURMA

GOOGLE DRİVE KULLANARAK FORM OLUŞTURMA GOOGLE DRİVE KULLANARAK FORM OLUŞTURMA Google Docs yani Google Dokümanlar hizmeti bir süre önce Google Drive adlı bulut depolama hizmetinin içerisine alındı ve çok daha gelişerek yoluna devam etti. Google

Detaylı

2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI

2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI 2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI İşletim Sisteminde Yapılan Uygulamalar Bir Bilgisayarda Hangi İşletim Sistemi Yüklü Olduğunu

Detaylı

Metin Tabanlı İçerik Oluşturma Araçları

Metin Tabanlı İçerik Oluşturma Araçları Metin Tabanlı İçerik Oluşturma Araçları Microsoft Office Word Kelime işlemci, görsel nesnelerin veya çizimlerin resim ya da arka plan olarak kullanıldığı metinler oluşturabilen, harita ve tablo gibi şekiller

Detaylı

SAP DocuSign İmza Sahibi Kılavuzu

SAP DocuSign İmza Sahibi Kılavuzu SAP DocuSign İmza Sahibi Kılavuzu İçindekiler 1. SAP DocuSign İmza Sahibi Kılavuzu... 2 2. E-posta Bildirimi Alma... 2 3. Belgeyi İmzalama... 3 4. Diğer Seçenekler... 4 4.1 Sonra bitir... 4 4.2 Yazdır,

Detaylı

İçindekiler. Akıllı Tahta Uygulaması (ATU) Kullanma Kılavuzu. İçindekiler. Bölüm 1: Uygulama Hakkında Genel bilgi 2

İçindekiler. Akıllı Tahta Uygulaması (ATU) Kullanma Kılavuzu. İçindekiler. Bölüm 1: Uygulama Hakkında Genel bilgi 2 İçindekiler 1 İçindekiler Bölüm 1: Uygulama Hakkında Genel bilgi 2 Bölüm 2: Akıllı Tahta Uygulamasının Yüklenmesi Akıllı Tahta Uygulaması nı yükleme 3 Akıllı Tahta Uygulaması nı kaldırma 3 Akıllı Tahta

Detaylı

OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI. Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir.

OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI. Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir. OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir. http://maltepe.meb.gov.tr/mebpanel adresine giriniz.

Detaylı

Kaynak Kodlardan Derleme. Turquaz Muhasebe. Versiyon 0.2. Hüseyin Ergün. 26 Mart 2005

Kaynak Kodlardan Derleme. Turquaz Muhasebe. Versiyon 0.2. Hüseyin Ergün. 26 Mart 2005 Kaynak Kodlardan Derleme Turquaz Muhasebe Versiyon 0.2 Hüseyin Ergün 26 Mart 2005 Turquaz Muhasebe, Kaynak Kodları Derleme Sayfa 2 İçindekiler İÇİNDEKİLER 2 GEÇMİŞ DEĞİŞİKLİKLER 3 1. GİRİŞ 4 1.1 AÇIKLAMA

Detaylı

BLGM 354 DENEY 1 * GİRİŞ

BLGM 354 DENEY 1 * GİRİŞ BLGM 354 DENEY 1 * GİRİŞ Amaçlar 1. Oracle istemcisi kurulumu 2. Veritabanı bağlantısı 3. SQL geliştirme ortamında çalışma Oracle İstemcisinin Kurulumu Oracle istemcisi bölümün FTP sunucusundan (ftp://ftp.cmpe.emu.edu.tr)

Detaylı

Basit Kılavuzu Eliberato bir Kitap Yayıncılık www.eliberato.com. Eylül 2010 50'den fazla dile çevrildi

Basit Kılavuzu Eliberato bir Kitap Yayıncılık www.eliberato.com. Eylül 2010 50'den fazla dile çevrildi Basit Kılavuzu Eliberato bir Kitap Yayıncılık www.eliberato.com Eylül 2010 50'den fazla dile çevrildi Içindekiler 1. Ne Eliberato olduğunu 2. Will Eliberato benim kitap yayınlayabilir miyim? 3. Ne malzeme

Detaylı

Ders Tanıtım Sunumu. Internet Programming II. Elbistan Meslek Yüksek Okulu 2012 2013 Bahar Yarıyılı. 26 Şub. 2013 Öğr. Gör.

Ders Tanıtım Sunumu. Internet Programming II. Elbistan Meslek Yüksek Okulu 2012 2013 Bahar Yarıyılı. 26 Şub. 2013 Öğr. Gör. Ders Tanıtım Sunumu Internet Programming II Elbistan Meslek Yüksek Okulu 2012 2013 Bahar Yarıyılı 26 Şub. 2013 Öğr. Gör. Murat KEÇECİOĞLU PHP Nedir? Platformdan bağımsız (işletim Sistemi) dinamik web sayfaları

Detaylı

Conficy 2014. Efficy 2014 Kullanıcı Kılavuzu. Oturum Açma. Ana Ekran. Alan Ekleme. Formlar

Conficy 2014. Efficy 2014 Kullanıcı Kılavuzu. Oturum Açma. Ana Ekran. Alan Ekleme. Formlar Conficy 04 Efficy 04 Kullanıcı Kılavuzu Oturum Açma Ana Ekran Alan Ekleme 4 Formlar Oturum açma İnternet tarayıcınızı açınız ve Conficy e ait web adresini tuşlayınız. Bu adresi bilmiyorsanız, Favoriler

Detaylı

Seçenekler Menüsünden Genel Sekmesi

Seçenekler Menüsünden Genel Sekmesi Seçenekler Menüsünden Genel Sekmesi Word 2003 açtıktan sonra ARAÇLAR>SEÇENEKLER tıklanır. Karşımıza bu tür ekran çıkar. İlk komut Arka planda yeniden sayfalandır ; Siz çalışırken belgeleri otomatik olarak

Detaylı

NicProxy Registrar AWBS Modül Kurulumu Versiyon 1.0

NicProxy Registrar AWBS Modül Kurulumu Versiyon 1.0 NicProxy Registrar AWBS Modül Kurulumu Versiyon 1.0 Tescil Bilgisi 2009 NicProxy. Tüm Hakları Saklıdır. Bu belge, NicProxy mülkiyetinde ve NicProxy e ait özel bilgiler içermektedir. NicProxy yetkili temsilcisinin

Detaylı

1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve AraştırmaMerkezi 2 İçindekiler 1. GİRİŞ... 3 1.1 ASP NEDİR?...

Detaylı

Yönetici rehberi. Emerald Insight araştırma platformunun kurumsal yönetim alanının kullanımına yönelik hızlı başvuru rehberi.

Yönetici rehberi. Emerald Insight araştırma platformunun kurumsal yönetim alanının kullanımına yönelik hızlı başvuru rehberi. Yönetici rehberi Emerald Insight araştırma platformunun kurumsal yönetim alanının kullanımına yönelik hızlı başvuru rehberi www.emeraldinsight.com Emerald, işletme ve yönetim alanlarında önde gelen bir

Detaylı

Fiery Driver Configurator

Fiery Driver Configurator 2015 Electronics For Imaging, Inc. Bu yayın içerisinde yer alan tüm bilgiler, bu ürüne ilişkin Yasal Bildirimler kapsamında korunmaktadır. 16 Kasım 2015 İçindekiler 3 İçindekiler Fiery Driver Configurator...5

Detaylı

Başlarken NSZ-GS7. Ağ Ortam Oynatıcısı. Ekran görüntüleri, işlemler ve teknik özellikler önceden bildirilmeksizin değiştirilebilir.

Başlarken NSZ-GS7. Ağ Ortam Oynatıcısı. Ekran görüntüleri, işlemler ve teknik özellikler önceden bildirilmeksizin değiştirilebilir. Başlarken TR Ağ Ortam Oynatıcısı NSZ-GS7 Ekran görüntüleri, işlemler ve teknik özellikler önceden bildirilmeksizin değiştirilebilir. Başlarken: ON/STANDBY Oynatıcıyı açar veya kapatır. Bağlı cihazların

Detaylı

Turgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu

Turgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu Turgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu Temmuz 2012 Turgut Özal Üniversitesi web sitesi yönetim paneline aşağıdaki link yardımıyla ulaşabiliriz. http://www.turgutozal.edu.tr/webmin/ Karşımıza

Detaylı

Hoş geldiniz. Twinspace Kılavuzu. Bu kılavuz, TwinSpace de yeni olan Öğretmen Yöneticiler tarafından kullanılmak üzere tasarlanmıştır.

Hoş geldiniz. Twinspace Kılavuzu. Bu kılavuz, TwinSpace de yeni olan Öğretmen Yöneticiler tarafından kullanılmak üzere tasarlanmıştır. Hoş geldiniz Twinspace Kılavuzu Bu kılavuz, TwinSpace de yeni olan Öğretmen Yöneticiler tarafından kullanılmak üzere tasarlanmıştır. Sizlere: - TwinSpace inize erişme - Profilinizi düzenleme - Proje aktiviteleri

Detaylı

KANTAR UYGULAMASI Kurulum Kılavuzu

KANTAR UYGULAMASI Kurulum Kılavuzu KANTAR UYGULAMASI Kurulum Kılavuzu Serhat Öztürk Medyasoft Danışmanlık ve Eğitim A.Ş. v.1.0 Kantar Uygulaması üç temel parçadan oluşur. Veritabanı, WCF servisi ve Masaüstü uygulaması. Bu nedenle sistemde

Detaylı

MEGA GRUP BİLİŞİM WEB SİTESİ ÜRÜNÜ HAKKINDA

MEGA GRUP BİLİŞİM WEB SİTESİ ÜRÜNÜ HAKKINDA MEGA GRUP BİLİŞİM WEB SİTESİ ÜRÜNÜ HAKKINDA Ürün tanımı ve Detayları: - 1 Adet Domain (.com,.net,.org,.biz,.info,.de ) - SINIRSIZ Sub Domain - SINIRSIZ Hosting - SINIRSIZ Trafik ( Bant Genişiği ) - SINIRSIZ

Detaylı

BİLGİSAYAR DESTEKLİ TASARIM II

BİLGİSAYAR DESTEKLİ TASARIM II 0 BÖLÜM 1 ORCAD PROGRAMINA GİRİŞ: OR-CAD programını başlatmak için Başlat menüsünden programlara gelinir. Programların içerisinde ORCAD Release 9 ve bunun içerisinden de ORCAD Capture seçilir. Karşımıza

Detaylı

Flash ile Etkileşimli Öğretim Materyali Hazırlama Semineri

Flash ile Etkileşimli Öğretim Materyali Hazırlama Semineri Öğretim Teknolojileri Destek Ofisi Instructional Technologies Support Office Flash ile Etkileşimli Öğretim Materyali Hazırlama Semineri Semboller, Ses Ekleme, Video Ekleme Orta Doğu Teknik Üniversitesi

Detaylı

Kurulum Kılavuzu ve Kullanıcı Kılavuzu

Kurulum Kılavuzu ve Kullanıcı Kılavuzu Kurulum Kılavuzu ve Kullanıcı Kılavuzu İçindekiler GfK Internet Monitör... 2 Sistem Gerekleri... 2 Google Chrome ile İndirme... 2 Kurulum... 3 İfşa Etmeme Sözleşmesini Kabul Etme... 4 Kurulum Sihirbazı...

Detaylı

WeldEYE. Kurulum Kılavuzu. İçindekiler

WeldEYE. Kurulum Kılavuzu. İçindekiler WeldEYE Kurulum Kılavuzu İçindekiler Giriş... Hata! Yer işareti tanımlanmamış. Kurulum... Hata! Yer işareti tanımlanmamış. Sistem/Ortam gerekleri... 3 Yazılımın kurulması... 3 Kamera sürücüsünün kurulumu...

Detaylı

Kopyalama ve Taşıma konularıyla ilgili daha değişik uygulamalar yaparak bu konunun pekiştirilmesini sağlamanız yararınıza olacaktır.

Kopyalama ve Taşıma konularıyla ilgili daha değişik uygulamalar yaparak bu konunun pekiştirilmesini sağlamanız yararınıza olacaktır. Kopyalama ve Taşıma konularıyla ilgili daha değişik uygulamalar yaparak bu konunun pekiştirilmesini sağlamanız yararınıza olacaktır. NOTLAR: 1. Bir Klasörün içindeki bir dosyayı fare sol tuşunu basılı

Detaylı

08.11.2015 WORD KULLANIMI

08.11.2015 WORD KULLANIMI KELİME İŞLEMCİ-MİCROSOFT OFFİCE OFFICE DÜĞMESİ HIZLI ERİŞİM ARAÇ ÇUBUĞU MENÜLER ŞEKİL, RESİM EKLEME TABLO EKLEME ETKİNLİKLER 1 OFFICE DÜĞMESİ: Çalışmamız ile ilgili dosya işlemleri yapmamızı sağlar. Yeni

Detaylı