Kullanıcı Etkileşimi

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

Download "Kullanıcı Etkileşimi"

Transkript

1 A-PDF Split DEMO : Purchase from to remove the watermark 8 Kullanıcı Etkileşimi Etkileşim ve kullanıcı geribildirimi, Web sitelerinin önemli bileşenleridir. Bunları etkin bir şekilde kullanarak çeşitli avantajlar elde edebilirsiniz. Bu bileşenleri kullanarak örneğin ziyaretçilerinizin sitenizin içeriğini ve amacını daha iyi anlamalarına yardımcı olabilir, sayfalarınızda dolaşmalarını kolaylaştırabilir ve sitenizde gezmeyi onlar için daha hoş ve faydalı bir deneyim haline getirebilirsiniz. Bir Web sitesine etkileşim eklemenin pek çok yolu vardır. Etkileşimli sayfalar oluşturmak için kullanabileceğiniz birçok araca örnek olarak dinamik ve veritabanı destekli sayfalar, Macromedia Flash ve QTVR ı (Quick Time Virtual Reality) verebiliriz. QTVR, 360 panoramik görünümleri ve etkileşimli bileşenleri destekleyen filmlerdir. Etkileşimli Web siteleri oluşturmak için kullanılan araçların en yaygın ve etkili olanlarından biri (özellikle istemci taraflı script lerin yazılmasında kullanılan) JavaScript tir. İstemci taraflı script ler, Web sayfalarında bulunan ve tarayıcı tarafından işlenen script lerdir. JSP (Java Server Page) tarafından kullanılan script ler de dahil olmak üzere diğer script ler, sunucu taraflı script lerdir. Bunlar sunucu tarafından işlenir ve kullanıcıya gönderilir. Bu projede sayfa üzerindeki mevcut resimlerle rollover lar oluşturacak ve aynı anda sayfadaki birden fazla resmin değişmesini nasıl sağlayacağınızı öğreneceksiniz

2 Macromedia Dreamweaver, standart JavaScript fonksiyonlarının kullanılma sürecini, davranışları kullanıma sunarak basitleştirir. Davranışlar (behavior) Web sitenize kolaylıkla dahil edebileceğiniz önceden yazılmış JavaScript kod rutinleridir. Davranış, bir kullanıcı olayını (örneğin imlecin Web tarayıcısındaki grafik tabanlı bir düğmenin üzerine getirilmesi), bu olayın sonucu olarak gerçekleşen bir eylemle ya da bir dizi eylemle birleştirir. Davranışları sayfalarınıza etkileşim eklemek, kullanıcıların eylemlerine bağlı olarak geribildirim almalarını ve gördükleri bilgileri değiştirmelerini ya da değiştiremiyorlarsa kontrol etmelerini sağlamak için kullanabilirsiniz. Bu derste Dreamweaver davranışlarını rollover lar, yeni tarayıcı pencereleri ve menüler oluşturmak için kullanacaksınız. Dreamweaver da önceden tanımlanmış bir dizi davranış bulunmaktadır. İlave davranışlar ekleyerek Dreamweaver ı geliştirebilir ya da JavaScript konusunda ustaysanız kendi davranışlarınızı oluşturabilirsiniz. Tamamlanmış sayfa örneklerini görmek istiyorsanız Completed/explorations/poses.html ve Lesson_08_Interactivity/Completed/explorations/meditations.html dosyalarını açın. Neler Öğreneceksiniz? Bu derste şunları öğreneceksiniz: Rollover lar oluşturacaksınız. Davranışları kullanarak sayfalarınıza kullanıcı etkileşimi ekleyeceksiniz. Bir kullanıcı eylemine birden fazla davranış ekleyeceksiniz Resim haritalarına davranışlar ekleyeceksiniz. Bir durum çubuğu mesajı oluşturacaksınız. Kullanıcıları, ellerinde bulunan tarayıcı sürümlerine göre yeniden yönlendireceksiniz. Yeni bir tarayıcı penceresi açacaksınız. Bir açılır (popup) menü oluşturacaksınız. Yaklaşık Süre Bu dersin tamamlanması yaklaşık 2 saat sürecektir. Ders Dosyaları Başlangıç Dosyaları: Lesson_08_Interactivity/explorations (bütün dosyalar) Tamamlanmış Proje: Lesson_08_Interactivity/Completed/explorations (bütün dosyalar) 278 DERS 8

3 Bir Rollover Resmi Eklemek Web sayfalarında JavaScript en çok rollover oluşturmak için kullanılır. (Rollover, kullanıcı imleci üzerine getirdiğinde değişen bir resimdir.) Rollover lar, iki resmin kullanımını aynı alanda birleştirir. Bir ziyaretçi rollover ların kullanıldığı bir sayfaya ilk girdiğinde, bu resim kombinasyonları orijinal durumlarında görüntülenir. İmleç rollover resminin üzerine getirildiğinde, bunun yerini yeni bir resim alır. Yeni resim, bazen resmin on ya da over durumu olarak adlandırılır. Kullanıcı imleci resimden uzaklaştırdığında, resim orijinal haline geri dönebilir ya da değişmiş olarak kalır. Rollover, etkileşimin temel bir uygulamasıdır. Kullanıcının imleci resmin üzerine getirme işlemine bir yanıt verir. Bu yanıt, genellikle mevcut resimde görsel bir efekt (örneğin bir düğmenin aydınlatılması, bir sekmenin vurgulanması ya da bir gezinti elemanının etkin görünmesini sağlamak için derinliğin değiştirilmesi) olarak görünür. Rollover yanıtında ayrıca, yeni resme içeriğin tanımı ya da açıklaması gibi ilave bilgiler de eklenebilir. Web sitesindeki etkileşim, özellikle kullanıcı açısından önemlidir. Bu, ziyaretçi ile Web sitesi arasında gerçekleşen bir şeydir. Etkileşimin sağlanması için bir hareket ve bir yanıt gerekir; yani bu iki yönlü bir iletişim sürecidir. Sayfalarınıza etkileşim eklemeniz (yani ziyaretçilerin eylemlerine sitenizin vereceği yanıtı belirlemeniz), sitenize yapılan ziyaretlerin karmaşıklık derecesini ve derinliğini artırabilir. Ziyaretçileri belirli eylemler gerçekleştirmeye ya da katılımda bulunmaya teşvik eden Web siteleri, kullanıcı üzerinde yaratılan etki açısından, kullanıcıyı pasif bir konumda tutan sitelere göre muhtemelen daha başarılı ve işlevseldir ve akılda daha çok kalır. Dreamweaver da, hiç HTML ya da JavaScript kodu kullanmadan rollover lar oluşturabilirsiniz. Rollover, Insert çubuğunun Common kategorisinde yer alan basit bir davranıştır. Bu yöntemi kullandığınızda, davranış Dreamweaver tarafından oluşturulur. 1. Lesson_08_Interactivity/explorations klasöründeki poses.html dosyasını açın. Belge penceresinin üst kısmında yer alan tablonun ilk boş hücresine tıklayın. Insert araç çubuğunun Common kategorisindeki Images menüsünden Rollover Image düğmesini seçin. Kullanıcı Etkİleşİmİ 279

4 Insert Rollover Image iletişim kutusu açılacaktır. Dreamweaver, rollover oluşturma işleminde bu iletişim kutusu aracılığıyla size adım adım yardımcı olur. Rollover oluşturmak için kullanacağınız resimleri henüz sayfaya yerleştirmediyseniz bu yöntemi kullanmayı tercih edebilirsiniz, çünkü bu yöntemle aynı anda hem resmi ekleyebilir, hem de bunu rollover olarak tanımlayabilirsiniz. Bir sonraki uygulamada, sayfaya daha önceden yerleştirilmiş olan resimlerden rollover lar oluşturacaksınız. Bir rollover resmi eklemek için Insert > Image Objects > Rollover Image komutunu seçip yine aynı iletişim kutusunu kullanmanız da mümkündür. 2. Image name metin alanına home yazarak resmi adlandırın. Bu alan, resmi adlandırmak için kullanılır. Rollover resimlerinize bir isim vermezseniz, Dreamweaver bunlara otomatik olarak numara sırasıyla isimler atar (Image1, Image2, vb). Web sayfalarınızı oluştururken rollover lara bunların ne için kullanılacaklarını gösteren özel ve anlamlı isimler vermeyi alışkanlık haline getirmeniz iyi olur. Resimlerinizi adlandırırken boşluk ya da herhangi bir özel karakter kullanmayın ve ismin başına bir numara yazmayın. Bunların herhangi birini yaptığınız takdirde, script lerde sorun çıkabilir ve rollover larınız doğru şekilde çalışmayabilir. 3. Original image metin alanının yanındaki Browse düğmesine tıklayın ve Lesson_ 08_Interactivity/explorations/images klasöründen home.gif resmini seçin. Kullanıcı imleci resmin üzerine getirmeden önce sayfada bu resim görünecektir. 4. Rollover image metin alanının yanındaki Browse düğmesine tıklayın ve Lesson_ 08_Interactivity/explorations/images klasöründen home-on.gif rollover resmini seçin. 280 DERS 8

5 Bu sayfa bir Web tarayıcısında görüntülendiğinde, ziyaretçi ilk başta home.gif resmini görür. Kullanıcı imleci tarayıcı penceresindeki home.gif resminin üzerine getirdiğinde, bu resmin yerini home-on.gif resmi alır. Rollover resimlerini hazırlarken, orijinal resmi ve bunun yerini alacak olan resmi aynı boyutlarda oluşturun. Bu iki resim aynı boyutlarda değilse, ikinci rollover resminin boyutları ilk resmin boyutlarına uyacak şekilde değiştirilebilir. Boyutların değiştirilmesi ikinci resmi bozar, çünkü bu resim sadece ilk resmin bulunduğu alanı kullanabilir. 5. Alternate text metin alanına Home yazın. When clicked, Go to URL metin alanının yanındaki Browse düğmesine tıklayın ve Lesson_08_Interactivity klasöründeki index.html dosyasını bulun. Preload rollover image onay kutusunu işaretli olarak bırakın ve OK düğmesine tıklayın. Preload rollover image seçeneği varsayılan durumda işaretlidir ve kullanılması şiddetle tavsiye edilir. Bu ayar, belge ziyaretçinin tarayıcısına yüklendiğinde ikinci resmin yüklenmesine neden olur. Eğer bu ayar işaretli değilse, kullanıcı imleci birinci resmin üzerine getirinceye ve tarayıcı bu rollover resmini sunucudan talep edinceye kadar resim yüklenmez. Resmin sayfanın geri kalan kısmıyla birlikte yüklenmesi, resmin kullanıcı imleci üzerine getirdiği anda yüklenmesinden kaynaklanan gecikmeleri önleyerek rollover işleminin hızla gerçekleşmesini sağlar. Rollover seçtiğiniz dosyaya bağlanacaktır. When clicked, Go to URL metin alanında seçtiğiniz dosya, resim seçildiğinde Properties denetçisindeki Link metin alanında görünecektir. Rollover resmi seçildiğinde ortaya çıkan davranış Behaviors panelinde görünür. Bunu bir sonraki uygulamada kullanacaksınız. Kullanıcı Etkİleşİmİ 281

6 6. Dosyanızı kaydedin ve Web tarayıcınızda test edin. Bu dosyayı kapatabilirsiniz. Resimlerinizi oluştururken dosya boyutlarını mümkün olduğu kadar küçük tutun. Rollover larda aynı düğme için bir değil, iki resim yüklediğinizi unutmayın. Bu uygulamada eklediğiniz rollover gibi bir rollover ın dosya boyutu büyüktür, çünkü indirilmesi gereken iki resim vardır. Dosya boyutunun artma miktarı, resimlerin boyutlarına bağlı olarak değişir. Davranış Eklemek Bu uygulamada, sayfaya daha önce yerleştirilmiş olan resimlerle rollover oluşturmayı öğreneceksiniz. Burada elde edilen sonuç, bir önceki uygulamada elde edilen sonuçla aynıdır: İmleç resmin üzerine getirildiğinde bunun yerini başka bir resim alır. Ama bu uygulamada, rollover ları eklemek için farklı bir yöntem kullanacaksınız: Rollover ı oluşturmak için gereken davranışı Behaviors panelini kullanarak ekleyeceksiniz. Kendi Web sayfalarınızı oluştururken, eğer bir sayfaya orijinal resimlerinizi daha önce yerleştirdiyseniz bu yöntemi kullanmanız gerekir. Orijinal resimler sayfaya yerleştirilmemişse, bir önceki uygulamadaki yöntemi kullanarak orijinal resimle rollover resmini tek bir adımda ayarlayabilirsiniz. 1. Properties denetçisindeki Image Name metin alanını kullanarak sayfanın üst kısmındaki tabloda yer alan bölümlere ait altı gezinti resmini adlandırın. Resimlerin şu şekilde adlandırılması gerekir: about.gif resmi about, community. gif resmi community, explorations.gif resmi explorations, schedule.gif resmi schedule, teachers.gif resmi teachers ve training.gif resmi de training olarak adlandırılmalıdır. Gezinti resimlerinin her birini Ders 5 te Resim Tabanlı Bağlantı Oluşturmak bölümünde anlatılan tekniği kullanarak kendilerine karşılık gelen sayfalara bağlayın. Resimlere içeriklerine ya da işlevlerine uygun isimler vermek iyi bir alışkanlıktır. Bu adlandırma yaklaşımı ayrıca, hangi resimlerin seçilen isimlerle ilişkili olduğunun net bir şekilde görülmesine yardımcı olur. 282 DERS 8

7 2. Etiket Seçici yi kullanarak about bağlantısını seçin. Sadece resmi seçmediğinizden emin olun. Tag Inspector panelini açın ve Behaviors sekmesine tıklayın. Behaviors paneli açılacaktır. Behaviors panelini açmak için Window > Behaviors komutunu da kullanabilirsiniz. 3. Behaviors panelindeki artı işaretli (+) düğmesine tıklayın ve açılan Actions yani eylem menüsünden Swap Image ı seçin. Kullanıcı Etkİleşİmİ 283

8 Swap Image iletişim kutusu açılacaktır. Swap Image davranışı, önceki uygulamada kullandığınız rollover efektini oluşturur. Yani ziyaretçinin imleci üzerine getirdiği orijinal resmin yerine yeni bir resmin geçmesini sağlar. Davranış, bir eylem ve bir olayın kombinasyonudur. Eylem (action), kullanıcı etkileşiminin sonucu olarak ortaya çıkar. Bir eylem seçtiğinizde, Dreamweaver bu eylemi Behaviors panelindeki listeye ekler. Actions menüsü, belge penceresinde seçtiğiniz elemana bağlı olarak eylemleri görüntüler ya da bunların etkinliklerini kaldırır. Bu örnekteki eylem, bir resmin diğeriyle değiştirilmesidir. Dreamweaver ayrıca, bu eylemler için uygun bir olayı (ya da olayları) otomatik olarak ekler. Olay (event), eylemin gerçekleşmesini sağlar. Olay örneği olarak kullanıcının imleci bir resmin üzerine getirmesi ya da bir düğmeye tıklamasını sayabiliriz. Bu örnekte olay onmouseover dır. Bu, rollover lar için Dreamweaver ın varsayılan seçeneğidir. Bu dersin ilerleyen sayfalarında, belirli olayları seçmeyi öğreneceksiniz. 4. Images listesinde about resminin seçili olduğundan emin olun. Resim listede about olarak yer alacaktır. Bu uygulamanın ikinci adımında seçtiğiniz resme bu ismi vermiş, dördüncü adımda da Behaviors panelini kullanarak buna bir eylem eklemiştiniz. Swap Image iletişim kutusundaki Images listesinde about resmini seçerek, kullanıcı imleci bu resmin üzerine getirdiğinde bunun bir rollover resmiyle değiştirileceğini göstermiş oldunuz. Rollover resmini bir sonraki adımda seçeceksiniz. Bu listeden başka bir resim seçmiş olsaydınız, kullanıcı imleci about resminin üzerine getirdiğinde seçili resim rollover resmiyle değiştirilecekti, çünkü davranışın uygulandığı resim about resmidir. Bu işlemi bir sonraki uygulamada yapacaksınız. Resimlerinizi adlandırmadığınız takdirde bunların bu iletişim kutusunda unnamed <img> ismiyle görüneceğini unutmayın. Bu iletişim kutusunda unnamed <img> 284 DERS 8

9 isimli resim örnekleri görebilirsiniz, çünkü sadece yedi resmi adlandırdınız. Resimleri uygun şekilde adlandırmak bu yüzden önemlidir; resimler açık ve mantıklı bir şekilde adlandırılmadığı takdirde davranışlarla çalışmak çok zor olur. Adlandırılmamış resimlerle dolu bir listede üzerinde çalışmakta olduğunuz resimleri bulmanız zor olabilir. 5. Set source to metin alanının yanındaki Browse düğmesine tıklayın ve Lesson_ 08_Interactivity/explorations/images klasöründe yer alan about-on.gif resmini bulun. Rollover resmi olarak kullanmak üzere bu resmi seçmek için Choose (Macintosh ta) ya da OK (Windows ta) düğmesine tıklayın. Set source to, rollover resmi olarak ne kullanılacağını tanımlar. Kaynağın (source) ayarlanması, bir önceki uygulamada rollover ın seçilmesi işlemiyle aynı şekilde gerçekleştirilir. Genellikle bir resmin orijinal görünümü off durumu olarak, kullanıcı imleci resmin üzerine getirdiğinde resmin değişmesi de on durumu olarak bilinir. On durumlarında kullanılan resimler genellikle basılı bir düğme ya da vurgulanmış bir sözcük gibi görünür. Bu da ziyaretçiye, nesnenin etkin ya da bağlı bir eleman olduğunu gösterir. Bu uygulamada kullanacağınız bütün rollover resimleri images klasöründe bulunmaktadır ve rollover resim dosyalarının isimlerinde _on soneki kullanılmıştır. Resimleriniz için mantıklı ve sıralı bir adlandırma sistemi oluşturmanız (örneğin orijinal resme about.gif, rollover resmine de about_on.gif ya da about_over.gif ismini vermeniz) resimlerinizi düzenli tutmanıza yardımcı olur ve böylece doğru resmi daha kolay bulursunuz. Resmi seçtikten sonra Swap Image iletişim kutusuna geri dönersiniz. Images listesinde resmin sağında, buna rollover için alternatif bir resim atandığını gösteren bir yıldız işareti görünecektir. 6. Preload images ve Restore images onmouseout onay kutularının işaretli olduğundan emin olun, sonra da OK düğmesine tıklayın. Kullanıcı Etkİleşİmİ 285

10 Bir önceki uygulamada eklediğiniz rollover larda da olduğu gibi, Preload images seçeneği varsayılan durumda işaretlidir. Bu seçenek, resimlerin, tarayıcı resmi göstermeye ihtiyaç duyup da yükleyene kadar beklemek yerine, sayfa tarayıcı tarafından çağrıldığında yüklenmelerine neden olur. Restore images onmouseout seçeneği de varsayılan olarak işaretlidir ve işaretli bırakılması tavsiye edilir. Bu seçenek, kullanıcı imleci resimden uzaklaştırdığında ilgili resmin orijinal durumuna geri dönmesini sağlar. Restore images onmouseout seçeneğiyle tanımlanan işlem, Behaviors panelinde ayrı bir eylem olarak bulunan Swap Image Restore tarafından gerçekleştirilir. Davranışın her iki kısmı da Behaviors panelinde listelenecektir: onmouseover olayı Swap Image eyleminin, onmouseout olayı da Swap Image Restore eyleminin gerçekleşmesine neden olur. Bu eylemlerin ve olayların kombinasyonu, rollover efektini oluşturur: Ziyaretçi imleci resmin üzerine getirdiğinde resim değişir, imleç resimden uzaklaştırıldığında da eski durumuna geri döner. 7. Üçüncü ve yedinci adım arasındaki işlemleri geri kalan gezinti alanı bölüm başlıkları için de tekrarlayın. Set source to metin alanında tanımlanan rollover resimleri için ilgili resimlerin -on versiyonlarını kullanın. Bir davranışı silmeniz gerekirse, belge penceresinde davranışı içeren nesneyi ve Behaviors panelinde silmek istediğiniz eylemi seçin, sonra da Behaviors panelinin üst kısmındaki eksi ( ) işaretli düğmeye tıklayın. Bir davranışı, seçtikten sonra Delete (Macintosh ta) ya da Backspace (Windows ta) tuşuna basarak da silebilirsiniz. 286 DERS 8 Dreamweaver 8 de rollover ların çalışması için artık ilgili resme bir bağlantı uygulanmış olması gerekmemektedir. Rollover ların kendisini doğrudan resimlere uygulayabilirsiniz. Bu tekniği tercih etmemenin iki iyi sebebi vardır. Birincisi bu, eski Web tarayıcılarında çalışmaz; ikinci olarak da, ziyaretçi üzerine tıkladığında hiçbir şey yapmayan rollover lara sahip olursunuz. Web kullanıcıları rollover ların tıklanabilir öğeler olduğunu bilirler ve resminizde bağlantısı olmayan bir rollover kullandığınızda bu durum ziyaretçilerin kafasını karıştırabilir.

11 8. Dosyayı kaydedin ve rollover ları Web tarayıcınızda test edin. İmleci üzerlerine getirdiğinizde resimlerin değiştiğine dikkat edin. Bir Olayla Birden Fazla Resmi Değiştirmek Tek bir olaya birden fazla eylem uygulayarak daha karmaşık bir etkileşim ortamı yaratabilirsiniz. Örneğin, aynı olayın sonucu olarak aynı anda birkaç resim alanında orijinal resimden rollover resmine geçilmesini sağlayabilirsiniz. Bu teknik, kullanıcı imleci bir düğmenin üzerine getirdiğinde iki orijinal resmin değişmesini ve rollover resmine geçiş yapılmasını sağlamak için kullanılabilir. Bu uygulamada meditation resmine bir davranış uygulayacaksınız. Bu davranış, kullanıcı imleci ilk resmin üzerine getirdiğinde resmin altındaki boşluk resminin yerini başka bir resmin almasını sağlayacaktır. Bu uygulamada, ikinci rollover işleminin aynı olayı kullanarak gerçekleşebilmesi için mevcut Swap Image eylemini düzenleyecek ve ikinci resim değişikliğini tanımlayacaksınız. 1. Lesson_08_Interactivity/explorations klasöründeki meditations.html belgesini açın. meditation resmini seçin ve Behaviors panelindeki mevcut Swap Image eylemine çift tıklayın. Swap Image Restore eyleminde değil de Swap Image eylemine çift tıkladığınızdan emin olun. Swap Image iletişim kutusu açılacaktır. Kullanıcı Etkİleşİmİ 287

12 2. Swap Image iletişim kutusunda photoarea adlı resmi seçin. Set Source To metin alanının sağındaki Browse düğmesine tıklayın ve Lesson_08_ Interactivity/explorations/images klasöründe yer alan med_hands.jpg resmini seçin. meditation resminin altındaki boş resmi içeren photoarea resim alanı, sizin yerinize önceden adlandırılmıştır. Bu adımda, Swap Image iletişim kutusundaki boş resmi seçiyorsunuz. Böylece onu, meditasyon yapan kadın resmiyle değiştirebilirsiniz. Swap Image iletişim kutusundaki Images listesine bakın. İsimlerinin sonunda yıldız işareti bulunan resimlere bir rollover resmi atanmış durumdadır. Örneğin, meditation resminin yanında bir yıldız işareti görünür, çünkü bu rollover tanımlanmıştır. Artık photoarea resminin yanında da bir yıldız işareti görünmektedir, çünkü bu adımda bu resme bir rollover atadınız. Hangi orijinal resimlerin değişerek rollover resimlerine dönüşeceğini bu listeye bakarak hemen anlayabilirsiniz. 288 DERS 8

13 3. OK düğmesine tıklayarak Swap Image iletişim kutusunu kapatın. Dosyayı tekrar kaydedin ve Web tarayıcınızda test edin. Birden fazla resmin değiştirilmesi, kullanıcılara ilave bilgi vermek için faydalı olabilir, ama tek bir eylemle çok fazla resim değişikliği meydana geldiğinde tarayıcının yavaşlayabileceğini unutmayın. İmleci meditation resminin üzerine getirdiğinizde sözcüğün değişerek daha açık bir renkle görüntülendiğine ve altta yer alan ilgili resmin de değiştiğine dikkat edin. İmleci başka bir yere götürdüğünüzde her iki resim de tekrar orijinal haline dönecektir. Resim Haritalarına Davranış Eklemek İmleci standart bir rollover resminin herhangi bir kısmının üzerine getirdiğinizde bir JavaScript kodu çağrılır ve resim değişikliği gerçekleşir. Ama bazen rollover işleminin sadece, kullanıcı imleci resmin belirli bir kısmının üzerine getirdiğinde gerçekleşmesini istersiniz. Böyle durumlarda, bu aktif alanları tanımlamak için resim haritalarını kullanabilirsiniz. 1. meditations.html dosyasında med_img_map.jpg resmini seçin ve nav olarak adlandırın. Ardından Properties denetçisindeki Rectangular Hotspot aracını kullanarak meditations sözcüğünün etrafında buna yakın olacak şekilde bir resim haritası oluşturun. Resim haritası, med_img_map.gif resminde sadece meditations sözcüğünün tıklanabilir olmasını sağlar. Kullanıcı Etkİleşİmİ 289

14 2. Behaviors panelindeki artı (+) işaretli düğmeye tıklayın ve Actions menüsünden Swap Image i seçin. Properties denetçisindeki Alt metin alanına bir açıklama girmeniz gerektiğini bildiren bir iletişim kutusuyla karşılaşabilirsiniz. Bu uygulamada açıklama önceden atanmış durumdadır, dolayısıyla bu mesajı görmezden gelebilirsiniz. Burada bir resim haritasına bir swap image davranışı uyguluyorsunuz. Bu davranış asıl resim içinde bulunan ve resim haritasını çevreleyen alana uygulanmaz. med_img_map.jpg resminin içindeki resim haritasını yeni oluşturduğunuz için, aktif alan (hotspot) otomatik olarak seçili hale gelecektir. Eğer davranışı resim haritasını oluşturduktan hemen sonra uygulamayacaksanız, aktif alanı etkin hale getirmek için Properties denetçisindeki işaretçi (pointer) aracını seçmeniz ve resim haritasına tıklamanız gerekir. Rollover ın bütün resme uygulanmasını istemiyoruz. 3. Images listesinde photoarea resmini seçin. Set source to metin alanının yanındaki Browse düğmesine tıklayın ve images klasöründe med_hands.jpg resmini bulun. Resmi seçmek ve Swap Image iletişim kutusuna geri dönmek için, Choose (Macintosh ta) ya da OK (Windows ta) düğmesine tıklayarak resmi seçin ve Swap Image iletişim kutusuna geri dönün. Böylece bir Web tarayıcısında imleci aktif alanın üzerine getirdiğinizde sol tarafta görünecek olan resmi seçmiş oldunuz. Eğer aktif alanın bulunduğu resmi değiştirilecek resim olarak tanımlarsanız, tıklanabilir alan orijinal resmin sadece belirli bir kısmını oluştursa bile resmin tamamı değiştirilecektir. 4. Preload images ve Restore images onmouseout onay kutularının işaretli olduğundan emin olun ve OK düğmesine tıklayın. 290 DERS 8

15 İletişim kutusunun kapandığını ve belge penceresine döndüğünüzü göreceksiniz. med_ img_map.jpg resminin üzerindeki resim haritası seçildiğinde, Behaviors panelinde Swap Image in listelendiğini göreceksiniz. Resmi seçer, fakat resim haritasını seçmezseniz, Behaviors panelinde Swap Image görünmez. 5. Dosyayı kaydedin ve çalışmanızı Web tarayıcınızda test edin. Resim haritalarını davranışlarla birlikte kullanarak resimler, eylemler ve olaylar üzerinde daha fazla kontrol imkânına sahip olabilirsiniz. Eylemleri ve Olayları Düzenlemek Davranış oluşturmak üzere birleştirilen eylemleri ve olayları birkaç yolla düzenleyebilirsiniz: Bir eylemin karşılık geldiği olayı değiştirebilir, tek bir olaya birden fazla eylem iliştirebilir ve bu eylemlerin gerçekleşme sırasını değiştirebilirsiniz. Örneğin, bir önceki uygulamada rollover davranışına karşılık gelen eylem Swap Image eylemi, olay da OnMouseOver olayıdır. Bu uygulamada, bir açılır mesaj için bir eylem ekleyecek ve buna karşılık gelen bir olay seçeceksiniz. 1. meditations.html belgesinde med_img_map.jpg resmindeki poses sözcüğünün etrafında dikdörtgen şeklinde bir resim haritası aktif alanı (hotspot) oluşturun. Aktif alanı seçerek Behaviors panelindeki artı işaretli (+) düğmeye tıklayın ve açılan eylem menüsünden Popup Message ı seçin. Kullanıcı Etkİleşİmİ 291

16 Popup Message iletişim kutusu açılacaktır. Burada mesajınızı girebileceğiniz bir metin alanı göreceksiniz. 2. Explore a variety of different yoga poses yazın ve OK düğmesine tıklayın. Popup Message eylemi ve ona karşılık gelen olay (onclick) Behaviors panelinde belirecektir. 3. Behaviors panelindeki onclick olayına tıklayın. Geçerli olayın sağında açılan menüden onmouseout olayını seçin. Add Behavior menüsünün Show Events For kısmında istediğiniz seçimi yaparak olayları görüntüleyecek olan Web tarayıcısı tipini belirleyebilirsiniz. Olayları belirli bir tarayıcı sürümünde (örneğin IE 6.0) ya da belirli bir sürüm numarasına sahip olan (örneğin 4.0 ve daha sonraki sürümlere sahip) bütün tarayıcılarda görüntülemeyi tercih edebilirsiniz. Tarayıcı tipini seçtikten sonra, Behaviors panelinde bir olay seçerek Events menüsünü görüntüleyebilirsiniz. Events menüsünde, sadece seçtiğiniz tarayıcı tipinde kullanılabilen olaylar görünecektir. 292 DERS 8

17 Bu menüde yer alan olaylar, seçtiğiniz tarayıcı tipine ve eyleme bağlı olarak farklılık gösterebilir. Events menüsü sadece Behaviors panelinde bir olay seçmeniz durumunda görünür. Behaviors panelindeki yukarı ve aşağı ok tuşları, olayların Behaviors paneli listesindeki sırasını ayarlamak için kullanılabilir. Yukarı ok, seçili öğeyi listede yukarıya, aşağı ok da aşağıya taşır. Eylemlerin tarayıcı tarafından çalıştırılma sırasını değiştirmek için bu düğmeleri kullanın. 4. Sayfayı kaydedin ve Web tarayıcınızda önizleyin. Popup Message davranışını sayfalarınıza eklerken dikkatli olun. Bu derste daha sonra göreceğimiz açılır pencerelerde olduğu gibi, açılır mesajlar da çok fazla kullanıldıkları takdirde ziyaretçilerinizin canını sıkabilir. Bu dosyayı bir sonraki uygulamada kullanmak üzere açık bırakın. Bir Durum Çubuğu Mesajı Oluşturmak Durum çubuğu mesajı, kullanıcılara bağlantıların onları nereye götüreceği konusunda ek bilgi vermek için kullanılabilir. Tarayıcı penceresinin alt kısmındaki durum çubuğunda görünen bu mesaj, bağlı sayfaya giden URL ya da yolun yerini alır. Oluşturacağınız durum çubuğu mesajı sadece sayfanın Internet Explorer ya da Netscape te açılması durumunda görünür. 1. meditations.html belgesinde med_img_map.jpg resminin üzerinde yer alan practice sözcüğünün etrafında dikdörtgen şeklinde bir resim haritası aktif alanı (hotspot) oluşturun. Aktif alanı seçerek Behaviors panelindeki artı işaretli (+) düğmesine tıklayın ve açılan Add Behavior eylem menüsünden Set Text > Set Text Of Status Bar komutunu seçin. Set Text Of Status Bar iletişim kutusu açılacaktır. Burada mesajınızı yazabileceğiniz bir metin alanı göreceksiniz. 2. Developing a personal yoga practice yazın ve OK düğmesine tıklayın. Durum çubuğu mesajlarını kullanırsanız, bağlı materyallerin kısa açıklaması kullanıcıların sayfalarınızda daha kolay dolaşmalarına yardımcı olacaktır. Kullanıcı Etkİleşİmİ 293

18 Behaviors panelinde Set Text of Status Bar eyleminin belirdiğine dikkat edin. 3. Dosyayı kaydedin ve sayfayı Web tarayıcınızda test edin. İmleci practice sözcüğünün üzerine getirdiğinizde, oluşturduğunuz mesaj tarayıcı penceresinin alt kısmındaki durum çubuğunda görüntülenecektir. meditation.html dosyasını açık bırakabilirsiniz; bu dosyayı bu derste daha sonra yine kullanacaksınız. Web Tarayıcısını Kontrol Etmek JavaScript olayları ve diğer bazı özellikler bütün Web tarayıcıları tarafından desteklenmez. Bunların bazıları, özellikle de sürüm numarası 4.0 dan eski olan tarayıcıların sağladığı destek son derece sınırlıdır. Eski Web tarayıcılarında düzgün bir şekilde gösterilemeyecek olan gelişmiş özellikler sunmak istiyorsanız, Check Browser eylemiyle Web sitenizi ziyaret edenlerin hangi tarayıcıları kullandığını algılayabilir ve kullanıcıları başka bir sayfaya yönlendirebilirsiniz. Örneğin sayfanız katmanlar içeriyorsa (bu konuyu Ders 9 da göreceğiz), katman içermeyen bir sayfa oluşturabilir ve tarayıcı sürümü 4.0 ya da daha yeni olan ziyaretçileri katmanlarla oluşturulmuş sayfaya yönlendirebilirsiniz. Bu durumda, daha eski tarayıcı sürümlerini kullanan ya da JavaScript i etkinleştirmemiş olan kullanıcılar katmanların kullanılmadığı sayfada kalacaktır. Bu uygulamada belirli bir sayfaya bir Check Browser davranışı ekleyecek ve tarayıcı sürümü 4.0 ya da daha yeni olan kullanan ziyaretçileri başka bir sayfaya yönlendireceksiniz. Bu özelliği kullanacaksanız, Check Browser davranışını içeren sayfanın boyutunu çok küçük tutmanız iyi olabilir. Böylece bu sayfa hızla yüklenip ziyaretçileri hemen diğer tarafa yönlendirebilir. Sayfanın boyutu çok büyükse yüklenmesi uzun sürebilir; bu da ziyaretçilerin hem bu sayfanın, hem de yönlendirilecekleri sayfanın yüklenmesini beklemelerine neden olur. 294 DERS 8

19 1. explorations klasöründeki sequences.html dosyasını açın. Etiket Seçici deki (belge penceresinin sol alt köşesinde yer alır) <body> ifadesine tıklayarak <body> etiketini seçin. Eylem, sayfa yüklendiğinde kullanıcının yeniden yönlendirilmesi için <body> etiketine eklenecektir. Behaviors panelinin başlık çubuğunda <body> ifadesini göreceksiniz. Bu da <body> etiketinin seçili olduğunu gösterir. <body> etiketi seçildiğinde belgedeki tüm içerik seçilmiş olarak görünür. 2. Behaviors panelindeki artı işaretli (+) düğmesine tıklayın ve açılan Add Behavior eylem menüsünden Check Browser ı seçin. Check Browser iletişim kutusu. Kullanıcı Etkİleşİmİ 295

20 3. Netscape 4.0 ve Explorer 4.0 ya da daha sonraki sürümler için, ilgili menüden Go to URL i seçin. Netscape ve Explorer a ait Otherwise seçeneklerinin ikisinde de Stay on This Page i seçin. Other Browsers seçeneğini de Stay on This Page olarak ayarlayın. Check Browser davranışını eski tarayıcı sürümlerini kullanan ziyaretçileri başka bir sayfaya yönlendirmek için kullanmayı denerseniz, bu, JavaScript i desteklemeyen bir tarayıcı kullanan ya da JavaScript in etkinliğini kaldırmış olan ziyaretçilerin işine yaramaz. Kullandıkları tarayıcı sürümünden bağımsız olarak bütün kullanıcıları başka bir sayfaya yönlendirmek istiyorsanız, Insert > HTML> Head Tags > Refresh komutunu seçerek ya da Insert araç çubuğunun HTML kategorisine geçip Head menüsündeki Refresh seçeneğine tıklayarak refresh meta etiketini kullanabilirsiniz. Açılan iletişim kutusundaki Go to URL metin alanına, kullanıcıların yönlendirilmesini istediğiniz URL i yazın. Tarayıcı ziyaretçileri yönlendirmek istediğiniz sayfayı yüklemeden önce ziyaretçilerin belirli bir süre sayfada kalmalarını istiyorsanız, Delay metin alanına bu süreyi saniye cinsinden girin. Refresh This Document seçeneği, bu sayfayı tarayıcıya yeniden yükler. 4. URL metin alanının yanındaki Browse düğmesine tıklayın ve Lesson_08_ Interactivity/explorations klasöründeki poses.htm dosyasını bulun. poses.html dosyası, en yeni tarayıcı sürümlerini kullanan ziyaretçilerin yönlendirileceği sayfadır. 5. JavaScript kodunu sayfanıza eklemek için OK düğmesine tıklayın. 296 DERS 8

21 Behaviors panelinde kendisine karşılık gelen Check Browser eylemiyle onload olayı belirecektir. 6. Dosyayı kaydedin ve sayfayı Web tarayıcınızda test edin. Internet Explorer ya da Netscape in 4.0 ya da daha yeni bir sürümünü kullanmıyorsanız, sabit sayfada kalırsınız. Firefox, Safari ve Opera gibi sık kullanılan tarayıcılar da buna dahildir. Internet Explorer ya da Netscape in 4.0 ya da daha yeni bir sürümünü kullanıyorsanız, tarayıcı sizi diğer sayfaya (poses.html) yönlendirmeden önce kısa bir süre için sequences.html sayfasını görebilirsiniz. sequences.html dosyasını kapatabilirsiniz. Yeni Bir Tarayıcı Penceresi Açmak Bu uygulamada, sayfa yüklendiğinde yeni bir tarayıcı penceresinin nasıl açıldığını öğreneceksiniz. Bu yeni pencereyi reklamlar, terimler ya da başka bilgileri görüntülemek için kullanabilirsiniz. _blank hedefini standart bir bağlantı ile birlikte kullanarak bir tarayıcı penceresi açabilirsiniz, ama bu yeni pencerenin niteliklerini hiçbir şekilde kontrol edemezsiniz. Diğer yandan, Open Browser Window seçeneği, yeni tarayıcı penceresinin büyüklüğü ile birlikte kaydırma çubukları ve menü çubukları gibi çeşitli niteliklerini kontrol etmenize imkân sağlar. Open Browser Window seçeneğini eklemek kolay olsa da, bunu bir Web sayfasında kullanmadan önce iyi düşünün. Ekstra bir pencerenin gerekli olduğundan emin olun. Kullanıcılar Web de dolaşırken sürekli olarak açılan yeni pencerelerden genellikle rahatsız olurlar. Bunları makul bir seviyede tutmak önemlidir. Yeni tarayıcı pencereleri oluştururken ya da başka davranışları kullanırken, ziyaretçilere sunduğunuz geribildirim ya da etkileşim seçeneklerinin miktarını göz önünde bulundurmayı unutmayın ve çok az (bu durumda kullanıcıya yeterli bilgi sunulmaz) ve çok fazla (bu da genellikle zorlayıcı olabilir) arasında gereken dengeyi kurun. Ziyaretçilerin Web siteleriyle ve diğer ortamlarla ilgili daha önceki deneyimlerini anlamanız, onların sitenizi ziyaret ettiklerinde ve sitenizle etkileşime girdiklerinde karşılaşacakları şeyleri daha iyi belirlemenize yardımcı olacaktır. Kullanıcı Etkİleşİmİ 297

22 1. poses.html dosyasında ilk sütunun sekizinci satırındaki Uttanasana sözcüğünü seçin. Yeni bir davranış eklemek için Behaviors panelindeki artı düğmesine (+) tıklayın ve ardından açılan listeden Open Browser Window u seçin. Open Browser Window iletişim kutusu açılacaktır. 2. Browse düğmesine tıklayın ve explorations/images klasöründeki fwd-fold.jpg dosyasını bulun. Bu dosya, yeni pencereye yüklenecek olan resimdir. 3. Pencerenin genişliğini (Window width) 405, yüksekliğini de (Window height) 605 olarak ayarlayın ve OK düğmesine tıklayın. Buradaki genişlik ve yükseklik değerleri yeni pencerenin içeriğinin boyutlarına göre seçilir. Sadece bir banner görüntüleyecekseniz, yeni pencerenin büyüklüğünü bu reklam resminin genişliğine ve yüksekliğine göre ayarlamanız gerekir. Kullanacağınız içerik daha büyükse, pencerenin büyüklüğünü buna uygun olacak şekilde ayarlamalısınız. Ayrıca, gerekiyorsa çeşitli pencere niteliklerini de ayarlayabilirsiniz. Yeni pencerelere ait ilâve nitelikler şunlardır: Navigation toolbar (Gezinti araç çubuğu): Aralarında Back (Geri), Forward (İleri), Home (Giriş) ve Reload (Yenile) düğmelerinin de bulunduğu tarayıcı düğmeleri. Bu uygulama için bu kutuyu işaretsiz durumda bırakın. Location toolbar (Konum araç çubuğu): Aralarında location (konum) alanının da bulunduğu tarayıcı seçenekleri. Bu uygulama için bu kutuyu işaretsiz durumda bırakın. Status bar (Durum çubuğu): Tarayıcı penceresinin alt kısmında bulunan ve mesajların (kalan yükleme süresi ve bağlantılarla ilişkili URL ler gibi) görüntülendiği alandır. Bu uygulama için bu kutuyu işaretsiz durumda bırakın. 298 DERS 8

23 Menu bar (Menü çubuğu): Tarayıcı penceresinin (sadece Windows ta) File (Dosya), Edit (Düzenle), View (Görünüm), Go (Git) ve Help (Yardım) gibi menülerin göründüğü alanıdır. Kullanıcıların yeni pencerede gezinti imkânına sahip olmalarını istiyorsanız bu seçeneği ayarlamanız gerekir. Eğer bu seçeneği ayarlamazsanız, kullanıcılar yeni pencerede sadece pencereyi kapatma ya da minimum boyuta getirme seçeneklerine sahip olurlar. Bu uygulama için bu kutuyu işaretsiz durumda bırakın. Scrollbars as needed (Gerektiğinde kaydırma çubuklarını görüntüle): İçeriğin görünür alanın dışına taşması durumunda kaydırma çubuklarının görüntülenmesi gerektiğini belirtir. Bu seçeneği ayarlamadığınız takdirde, kaydırma çubukları görüntülenmeyebilir. Bunun yanında Resize Handles seçeneğinin etkinliği de kaldırılırsa, ziyaretçiler içeriğin pencerenin orijinal boyutlarına sığmayan kısmını hiçbir şekilde göremeyebilir. Eğer durum böyleyse, pencerenin sayfanın içeriğine uygun olacak şekilde boyutlandırıldığından emin olmanız gerekir. Pencerenin çok küçük ya da çok büyük olması ve kaydırma çubuklarının bulunmaması ziyaretçiler açısından sinir bozucu bir durumdur. Bazı Web tarayıcıları bu ayarı (yeniden boyutlandırma tutamaçları ayarıyla birlikte) dikkate almaz ve gerektiğinde kullanır. Bu uygulama için bu kutuyu da işaretsiz durumda bırakın. Resize handles (Yeniden boyutlandırma tutamaçları): Kullanıcıların pencerenin boyutlarını, pencerenin sağ alt köşesini sürükleyerek ya da sağ üst köşedeki Maximize (Ekranı Kapla) düğmesine (Windows ta) veya boyutlandırma kutusuna (Macintosh ta) tıklayarak değiştirebilmeleri gerektiğini belirtir. Bu seçeneği ayarlamadığınız takdirde, boyut değiştirme kontrolleri genellikle kullanılamaz durumda olur ve kullanıcı pencerenin boyutlarını değiştiremez. Bu uygulama için bu kutuyu işaretsiz durumda bırakın. Window name (Pencere ismi): Yeni pencerenin ismidir. Yeni pencereyi bağlantılar için hedef olarak tanımlamak ya da JavaScript ile kontrol etmek istiyorsanız, bu pencereyi adlandırmanız gerekir. Bu uygulama için bu metin alanını boş bırakın. Behaviors panelinde Open Browser Window eylemi görüntülenecektir. Geçerli olay, olaylar için kullandığınız tarayıcılara bağlı olarak farklılık gösterir. Burada onfocus olayı görüntülenmektedir. Kullanıcı Etkİleşİmİ 299

24 4. onfocus olayını onclick olayıyla değiştirin. onclick olayı, kullanıcıların yeni pencereye tablo hücresinin içine tıklayarak erişmesini sağlayacaktır. Tablo hücresine tıklanabileceğini belirten bir işaret kullanmak isteyebilirsiniz (örneğin ilgili sözcüğe farklı bir renk atayarak, alt çizgi ekleyerek ya da başka bir şekilde). 5. Dosyayı kaydedin ve sayfanızı Web tarayıcınızda test edin. Tablodaki Uttanasana sözcüğünü içeren hücrenin içine tıkladığınızda seçtiğiniz resimle birlikte yeni bir pencere açılacaktır. Bir Açılır Menü Oluşturmak Ziyaretçilerinize sitenin çeşitli bölümlerine hızlı erişim imkânı vermek ve seçeneklerden oluşan bir liste sunmak için gezinti elemanlarınızla birlikte JavaScript açılır menülerini kullanabilirsiniz. Dreamweaver ın Pop-Up Menu script i Netscape te (sürüm 4 ve daha yeni sürümler), Internet Explorer da (sürüm 4 ve daha yeni sürümler) ve günümüzün diğer popüler Web tarayıcılarında çalışır. 1. poses.html belgesinde sayfanın üst kısmındaki tabloda yer alan explorations resmine tıklayın. Resmi seçtikten sonra Behaviors panelinde iki eylemin görüntülendiğine dikkat edin. Buradaki bağlantı için bu derste daha önce bunları kullanarak bir rollover oluşturmuştunuz. 2. Properties denetçisindeki Link metin alanında yazan index.html metnini silin ve Return (Macintosh ta) ya da Enter (Windows ta) tuşuna basın. JavaScript olaylarının silineceğini bildirerek sizi uyaran mesaj kutusundaki OK düğmesine tıklayın. Artık explorations resmine iliştirilmiş bir bağlantı yok ve daha önce eklediğiniz davranışlar da silindi. 3. Üzerine tıklayarak explorations resmini seçin, ardından Behaviors panelindeki artı işaretli (+) düğmeye tıklayın ve eylem menüsünden Show Pop-Up Menu yü seçin. Açılan Show Pop-up Menu iletişim kutusunda Continue düğmesine tıklayın. Show Pop-Up Menu iletişim kutusu ilk açıldığında burada size Fireworks programını kullanarak daha gelişmiş açılır menüler oluşturabileceğinizi bildiren bir ipucu görürsünüz. Dreamweaver da açılır menü oluşturma işlemine devam etmek için Continue düğmesine tıklayın. 300 DERS 8

25 Show Pop-Up Menu iletişim kutusunun penceresinde Contents sekmesinin etkin durumda olduğunu göreceksiniz. İletişim kutusunun bu bölümünü kullanarak ziyaretçilerinize sunacağınız seçenekleri tanımlayacaksınız. 4. Text metin alanındaki varsayılan metni (New Item) Meditations yazarak değiştirin. Link metin alanının yanındaki klasör simgesine tıklayın, explorations klasöründeki meditations.html dosyasını bulun ve seçin. Choose (Macintosh ta) ya da OK (Windows ta) düğmesine tıklayarak iletişim kutusunu kapatın. Menü öğeleri listesine Meditations öğesi eklenecektir. 5. Yeni bir öğe eklemek için Menu alanındaki artı işaretli (+) düğmeye tıklayın. Varsayılan metni (New Item) Sequences yazarak değiştirin. Link metin alanının yanındaki klasör simgesine tıklayın, sequences.html dosyasını bulun ve seçin. Listeye üçüncü bir öğe ekleyin, bu öğeyi Philosophy olarak adlandırın ve philosophy.html dosyasına bağlayın. Listeye dördüncü bir öğe ekleyin, bu öğeyi de Media olarak adlandırın ve media.html dosyasına bağlayın. Menü öğelerinin isimlerini ve bunların bağlandığı sayfaları, listeden ilgili öğeyi seçtikten sonra Text ve Link metin alanlarını kullanarak düzenleyebilirsiniz. Kullanıcı Etkİleşİmİ 301

26 Kısa ve özlü menü seçenekleri kullanarak tasarımınızı daha anlaşılır ve kolay kullanılır bir hale getirebilirsiniz. Bir öğeyi silmek isterseniz önce menü öğeleri listesinden bu öğeyi seçin ve Menu alanındaki eksi işaretli ( ) düğmeye tıklayın. 6. Menü öğeleri listesinden Sequences ı seçin. Move item up düğmesine tıklayarak Sequences öğesini listenin en üstüne taşıyın. Listeden Philosophy yi seçin ve Move item down düğmesine tıklayarak listenin en altına taşıyın. Menü oku düğmelerini kullanarak menüdeki öğelerin sırasını kolayca değiştirebilirsiniz. Menü öğelerini kullanarak alt kategoriler oluşturabilirsiniz. Bunun için, önce alt kategori haline getirmek istediğiniz öğeyi seçin, sonra da Indent Item düğmesine tıklayın. Bir öğeyi daha yüksek bir kategori seviyesine taşımak istiyorsanız, Outdent Item düğmesini kullanın. 7. Show Pop-Up Menu iletişim kutusundaki Appearance sekmesine tıklayın. En üstte yer alan yönlendirme menüsünde Vertical menu seçeneğini işaretleyin. Font menüsünden Verdana font kümesini seçin ve Size metin alanına 10 değerini girin. Burada kalın (bold) ya da italik (italic) stil kullanılmamalı ve hizalama seçeneği Align left olarak ayarlanmalıdır. 302 DERS 8

27 Önizleme alanının tazelenmesi ve menüyü seçtiğiniz boyutlarda göstermesi için, Font menüsüne tekrar tıklamanız gerekebilir. Bir sonraki adımda renkleri belirlediğinizde de önizleme alanı tazelenecektir. Bir sonraki adımda renkleri belirlediğinizde de önizleme alanı tazelenecektir. Burada, açılır menüdeki (pop-up) metin seçeneklerini, Yoga Sangha proje sitesinde kullanılan stillerle eşleştiriyorsunuz. Menü listenizde dörtten az seçenek varsa, Dreamweaver son girişi, bu iletişim kutusundaki önizleme alanında dört seçenek oluncaya kadar tekrarlar. Bu sadece görüntü amacıyladır; belgenizde böyle bir şey görmezsiniz. 8. Renk kutularını kullanarak şu ayarları yapın: Up state alanında Text = # (griye çalan yeşil), Up state alanında Cell = #FFFFFF (beyaz), Over state alanında Text = #FF9900 (turuncu) ve Over state alanında Cell = #FFFFFF (beyaz). Bu seçenekler, açılır menünün görünümünü gezinti resimlerinin stiline mümkün olduğu kadar uyacak şekilde ayarlamanızı sağlar. Show Pop Up Menu iletişim kutusundaki önizleme alanında menünün nasıl gözükeceğini görebilirsiniz. İkinci menü seçeneğine Over State renkleri, diğer menü seçeneklerine de Up State renkleri uygulanacaktır. Önizlemede sonuçları yaklaşık olarak görürsünüz; tarayıcıda renkler tam olarak böyle görünmeyebilir. Kullanıcı Etkİleşİmİ 303

28 9. Show Pop-Up Menu iletişim kutusundaki Advanced sekmesine tıklayın. Varsayılan ayarların şöyle olduğundan emin olun: Cell width ve Cell height menü seçenekleri Automatic, Cell padding 3, Cell spacing 0, Text indent 0 ve Menu delay 1000 olarak ayarlanmış olmalıdır. Gerekiyorsa uygun değişiklikleri yaparak seçenekleri bu şekilde ayarlayın. Pop-Up borders bölümündeki Show borders seçeneğini işaretlenmemiş olarak bırakın. Menu delay, ziyaretçi imleci menüden uzaklaştırdığında menünün ne kadar sürede kaybolacağını belirler. 10. Show Pop-Up Menu iletişim kutusundaki Position sekmesine tıklayın. Soldan ikinci Menu position düğmesine tıklayın. X değerini 5, Y değerini 26 yapın. Hide Menu on MouseOut event kutusunun işaretli olduğundan emin olun. OK düğmesine tıklayın. Menünüzü sayfaya yerleştirmek için, X ve Y eksenlerinin dışında Show Pop-Up Menu iletişim kutusunun bu kısmındaki dört genel yerleştirme düğmesini de kullanabilirsiniz. 304 DERS 8

29 11. Dosyayı kaydedin ve Web tarayıcınızda önizleyin. Behaviors panelinde Show Pop-Up Menu davranışı belirecektir. Bu davranış iki kısma ayrılmıştır: Show Pop-Up Menu ve Hide Pop-Up Menu. Burada.js uzantısına sahip haricî bir JavaScript dosyası oluşturulur. Genellikle mm_menu.js ismini taşıyan bu dosya, açılır menünün çalışabilmesi için gereklidir. Burada kullanılan harici dosyanın boyutu büyük olabilir, bu nedenle, bunun gibi script leri eklediğinizde ortaya çıkan dosyanın boyutunun, ziyaretçilerinizin dosyayı hızla ve kolayca indirmelerine engel olup olmayacağına sizin karar vermeniz gerekir. Menülerinizi olabildiğince ayrıntılı bir şekilde test edin. İmleci explorations gezinti resminin üzerine getirdiğinizde, explorations resminin altında bu uygulamada oluşturduğunuz menü belirecektir. Menünün görünümü ve konumuyla ilgili olarak yaptığınız ayarlar, menünün diğer gezinti elemanlarıyla uyumlu görünmesini sağlayacaktır. Burada kullandığınız Show Pop-Up Menu davranışıyla menü Macintosh ve Windows ta çeşitli tarayıcılarda farklı şekilde görüntülenebilir. Menünün konumunu ayarlamanız gerekebilir. Kullanıcı Etkİleşİmİ 305

30 Ne Öğrendiniz? Bu derste şunları öğrendiniz: Temel tipte rollover lar oluşturdunuz (Sayfa ). Bir açılır mesaj oluştururken farklı olaylar seçerek ve eylemler ekleyerek davranışları nasıl düzenleyeceğinizi öğrendiniz (Sayfa ). Bir kullanıcı eylemine birden fazla davranış ekleyerek kullanıcı imleci sayfadaki bir resmin üzerine getirdiğinde sayfada birden fazla resmin değişmesini sağlamayı öğrendiniz (Sayfa ). Ziyaretçi imleci bir bağlantının üzerine getirdiğinde bununla ilgili daha fazla bilgi görüntülemek için bir durum çubuğu mesajı oluşturdunuz (Sayfa ). Ziyaretçileri kullandıkları tarayıcı sürümüne bağlı olarak farklı sayfalara yönlendirmek için Check Browser davranışını kullandınız (Sayfa ). Bir davranış kullanarak, sayfa yüklendiğinde yeni bir tarayıcı penceresinin açılmasını sağladınız (Sayfa ). Birden fazla menü öğesi içeren bir JavaScript açılır menüsü oluşturdunuz (Sayfa ). 306 DERS 8

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ı

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman 7. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com Hazırlayan: İdris Kahraman Dreamweaver Dreamweaver en iyi web editör yazılımlarından biridir. Biz tasarım modunda çalışırken,dreamweaver

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ı

Ç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ı

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ı

TEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA

TEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA TEMEL BİLGİSAYAR Ders Notları Yrd. Doç. Dr. Seyit Okan KARA Pencerenin ortasında bulunan beyaz sayfa, slayt tasarımında kullanacağımız sayfamızdır. Sol panelde bu slayt sayfasının küçültülmüş halde bir

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ı

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ı

7. Çerçeveler. Bu bölümü bitirdiğinizde,

7. Çerçeveler. Bu bölümü bitirdiğinizde, 7. Çerçeveler Bu bölümü bitirdiğinizde, Çerçevelerden oluşan bir WEB sayfası tasarlamayı, İç içe çerçeveler oluşturmayı ve Çerçeveleri isimlendirmeyi, Bağ kurulan dosyaları belirtilen çerçeve içerisinde

Detaylı

Kişisel Web Sayfası Tasarım Sistemi

Kişisel Web Sayfası Tasarım Sistemi Kişisel Web Sayfası Tasarım Sistemi Kullanım Kılavuzu Faik Demirbaş Ankara 2010 2 Kişisel Web Sayfası Tasarım Sistemi İçindekiler Giriş... 3 Kişisel Web Sayfası Tasarım Sistemine Giriş... 3 Menü İşlemleri...

Detaylı

A-PDF Split DEMO : Purchase from www.a-pdf.com to remove the watermark. Yüklemek

A-PDF Split DEMO : Purchase from www.a-pdf.com to remove the watermark. Yüklemek A-PDF Split DEMO : Purchase from www.a-pdf.com to remove the watermark A Eklentileri Yüklemek Flash programına bileşenler, efektler, araçlar, ekran tipleri, davranışlar ve komutlar içeren çeşitli eklentiler

Detaylı

MICROSOFT WORD 2002. Şekil 1

MICROSOFT WORD 2002. Şekil 1 MICROSOFT WORD 2002 Microsoft Word 2002, bir kelime işlem programı olup, Microsoft Office XP bileşenidir. Word 2002 programı kullanılarak, mektup, rapor, kitap gibi belgeler hazırlanabilir. Bu belgelere

Detaylı

BİLGİSAYAR PROGRAMLAMA

BİLGİSAYAR PROGRAMLAMA BİLGİSAYAR PROGRAMLAMA Yrd. Doç. Dr. Beytullah EREN beren@sakarya.edu.tr 0264 295 5642 1 MİCROSOFT EXCEL Elektronik tablolama veya hesaplama programı olarak da adlandırılan Excel, girilen veriler üzerinde

Detaylı

İÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU

İÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU T.C. SÜLEYMAN DEMİREL ÜNİVERSİTESİ BİLGİ İŞLEM DAİRE BAŞKANLIĞI İÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU Hazırlayanlar Mahmut ÖZDEMİR Sezgin SERPEN Büşra TUNCER Yönetim Paneli Kullanımı Sistemin yönetim

Detaylı

Avrasya Üniversitesi. Tuncay AYDEMİR

Avrasya Üniversitesi. Tuncay AYDEMİR Avrasya Üniversitesi Moodle Sistemi Kullanım Klavuzu Hazırlayan Tuncay AYDEMİR Moodle Nedir? Moodle; Öğrenci eğitimci arasında internet ortamında paylaşımların yapılabilmesini sağlayan bir sistemdir. Eğitimci

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ı

ÖĞRENME FAALİYETİ 3 ÖĞRENME FAALİYETİ 3

ÖĞRENME FAALİYETİ 3 ÖĞRENME FAALİYETİ 3 ÖĞRENME FAALİYETİ 3 ÖĞRENME FAALİYETİ 3 AMAÇ Bu öğrenme faaliyeti ile tasarım düzenlemelerini yapabileceksiniz. ARAŞTIRMA Tema ne demektir? Temayı oluşturan ögeler nelerdir? Araştırınız. Arka plan ne demektir?

Detaylı

İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi

İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi Duyurular Nasıl Girilir? Duyuru girmek için ilk olarak İKÇ yönetim panelinden; 1-Kullanıcı adınızı

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ı

İç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ı

İçerik Yönetim Paneline Hoşgeldiniz. Bu bölümde sisteme içerik yükleyebilirsiniz. İçerikleri düzenleyebilirsiniz, silebilirsiniz.

İçerik Yönetim Paneline Hoşgeldiniz. Bu bölümde sisteme içerik yükleyebilirsiniz. İçerikleri düzenleyebilirsiniz, silebilirsiniz. İçerik Yönetim Paneline Hoşgeldiniz. Yönetim paneli aşağıdaki modüllerden oluşmaktadır. 1- İçerik Yönetimi 2- Bağlantı Yönetimi 3- Sayfa Yönetimi 4- Mail Bildirimleri 5- Kullanıcı Yönetimi 6- Müftü Bey

Detaylı

T.C. istanbul ÜNiVERSiTESi ÖĞRENCi BiLGi SiSTEMi. ÖĞRETiM ELEMANI KULLANIM KILAVUZU

T.C. istanbul ÜNiVERSiTESi ÖĞRENCi BiLGi SiSTEMi. ÖĞRETiM ELEMANI KULLANIM KILAVUZU T.C. istanbul ÜNiVERSiTESi ÖĞRENCi BiLGi SiSTEMi ÖĞRETiM ELEMANI KULLANIM KILAVUZU 1 1. Sisteme Giriş Nokta Üniversite Otomasyonu sistemini kullanabilmek için öncelikle Windows işletim sisteminde bulunan

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ı

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ı

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ı

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ı

U y g u l a m a A i l e s i (Abakus 360, T-Panel, T-CRM) Tarayıcı Ayarları. IPera İletişim Teknolojileri

U y g u l a m a A i l e s i (Abakus 360, T-Panel, T-CRM) Tarayıcı Ayarları. IPera İletişim Teknolojileri U y g u l a m a A i l e s i (Abakus 360, T-Panel, T-CRM) Tarayıcı Ayarları Başlarken İletişim yönetimi için gerekli tüm araçları sunan OfisTelefonu 07 programları Abakus 360, T-Panel ve T-CRM, bir kuruluştaki

Detaylı

2000 de Programlarla Çalışmalar

2000 de Programlarla Çalışmalar Windows 2000 de Programlarla Çalışmalar 24 3 Windows 2000 de Programlarla Çalışmalar Programları Başlatmak Programları başlat menüsünü kullanarak, başlatmak istediğiniz programın simgesini çift tıklayarak

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ı

PowerPoint 2010 Sunu Hazırlama Programı

PowerPoint 2010 Sunu Hazırlama Programı PowerPoint 2010 Sunu Hazırlama Programı 1 1-PowerPoint i Tanıyalım 2-PowerPoint programını açmak 3-Slayt Kavramı ve yeni slaytlar ekleme 4-Slayt Düzeni işlemleri 5-Slayt Tasarımı 6-Slayt geçişleri 7-Animasyonlar

Detaylı

Microsoft PowerPoint

Microsoft PowerPoint Microsoft PowerPoint GİRİŞ Microsoft Powerpoint bir sunum hazırlama programıdır. Microsoft Powerpoint sayesinde sunumlarınıza içerisinde ses,video,animasyon,grafik,resim,köprüler,web içerikleri ve çeşitli

Detaylı

DENEME SINAVI CEVAP ANAHTARI

DENEME SINAVI CEVAP ANAHTARI DENEME SINAVI CEVAP ANAHTARI ECDL BAŞLANGIÇ Bilgisayarı Kullanmak ve Dosyaları Yönetmek 1) Bilgisayar ı doğru şekilde kapatıp, açmak için uygun metodu uygulayınız.(bilgisayarı kapatın ve tekrar açın.)

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ı

A-PDF Split DEMO : Purchase from www.a-pdf.com to remove the watermark

A-PDF Split DEMO : Purchase from www.a-pdf.com to remove the watermark A-PDF Split DEMO : Purchase from www.a-pdf.com to remove the watermark 10 Frame Oluşturmak Standart bir HTML sayfası, tarayıcı penceresinin tamamını kaplayan tek bir bölgeden oluşur. Frame ler tarayıcı

Detaylı

GoFeed Kullanıcı Arayüzü

GoFeed Kullanıcı Arayüzü GoFeed Kullanıcı Arayüzü GoFeed temel olarak yayıncıların, reklamverenlerin ürün/fırsat bilgilerine ulaşabildiği feed sistemidir. Yayıncılar oluşturdukları feedler ile kullanıcıları ürünlerin/fırsatların

Detaylı

NECMETTİN ERBAKAN ÜNİVERSİTESİ E-POSTA YARDIM BELGESİ

NECMETTİN ERBAKAN ÜNİVERSİTESİ E-POSTA YARDIM BELGESİ Zimbra Webmail GENEL ÖZELLİKLER Zimbra yüksek performanslı bir e-posta programı olup, e-posta, adres defteri, takvim, görev listeleri ve web dokümanları gibi özelliklere sahip bir uygulamadır. e-posta

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ı

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ı

Hızlı Başlangıç: Anlık mesajlaşma ve iletişim durum bilgisi

Hızlı Başlangıç: Anlık mesajlaşma ve iletişim durum bilgisi Hızlı Başlangıç: Anlık mesajlaşma ve iletişim durum bilgisi Bu Hızlı Başlangıç kılavuzu Microsoft Lync 2010 iletişim yazılımını kullanarak iletişim kurmanın temellerini anlatmaktadır. Ayrıca, Lync 2010

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ı

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ı

FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin

FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin 2- Açılan sayfadan, oluşturulmak istenen sitenin içeriğine göre hazır şablon

Detaylı

Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir.

Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir. Sayfa numarası ekleme: Ekle menüsünden sayfa numaraları seçeneğine tıklandığında Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir. Tarih ve saat ekleme: Ekle menüsünden Tarih

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ı

MS WORD 5. BÖLÜM. Şekil 3. 100. Sayfa Düzeni Sekmesi. Şekil 3. 101. Temalar Grubu

MS WORD 5. BÖLÜM. Şekil 3. 100. Sayfa Düzeni Sekmesi. Şekil 3. 101. Temalar Grubu MS WORD 5. BÖLÜM Bölüm Adı: SAYFA DÜZENİ Bölümün Amacı: Sayfa yapısı ve düzenini değiştirmek. Neler Öğreneceksiniz? Bu bölümü bitiren kişi: 1. Ofis temalarını bilir. 2. Kenar boşluklarını, sayfa yönlendirmesini,

Detaylı

Ağınız üzerinde tarama yapmak için Web Hizmetleri'ni kullanma (Windows Vista SP2 veya üzeri, Windows 7 ve Windows 8)

Ağınız üzerinde tarama yapmak için Web Hizmetleri'ni kullanma (Windows Vista SP2 veya üzeri, Windows 7 ve Windows 8) Ağınız üzerinde tarama yapmak için Web Hizmetleri'ni kullanma (Windows Vista SP2 veya üzeri, Windows 7 ve Windows 8) Web Hizmetleri protokolü, Windows Vista (SP2 veya üstü), Windows 7 ve Windows 8 kullanıcılarının,

Detaylı

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Ikinci Bölüm İçindekiler İçindekiler i Microsoft FrontPage 2003 2 Jump Menü-Açılan Menü

Detaylı

MEBİS Kullanım Kılavuzu. Öğretim Elemanı Yeni. 2013-2015 - İstanbul Medipol Üniversitesi

MEBİS Kullanım Kılavuzu. Öğretim Elemanı Yeni. 2013-2015 - İstanbul Medipol Üniversitesi MEBİS Kullanım Kılavuzu Öğretim Elemanı Yeni 2013-2015 - İstanbul Medipol Üniversitesi İçindekiler 1. Uzem 1. Uzem mebis.medipol.edu.tr adresine girdiğinizde sol alt tarafta bulunan seçeneklerden "Muzem

Detaylı

MS WORD 4.BÖLÜM. Bölüm Adı: NESNE EKLEME Bölümün Amacı: Belgeye nesne ekleme işlemlerini gerçekleştirmek.

MS WORD 4.BÖLÜM. Bölüm Adı: NESNE EKLEME Bölümün Amacı: Belgeye nesne ekleme işlemlerini gerçekleştirmek. MS WORD 4.BÖLÜM Bölüm Adı: NESNE EKLEME Bölümün Amacı: Belgeye nesne ekleme işlemlerini gerçekleştirmek. Neler Öğreneceksiniz? Bu bölümü bitiren kişi: 1. Ekle sekmesini tanır. 2. Kapak sayfası oluşturabilir.

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ı

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ı

BİLGİSAYAR PROGRAMLAMA. Yrd. Doç. Dr. Beytullah EREN beren@sakarya.edu.tr 0264 295 5642

BİLGİSAYAR PROGRAMLAMA. Yrd. Doç. Dr. Beytullah EREN beren@sakarya.edu.tr 0264 295 5642 BİLGİSAYAR PROGRAMLAMA Yrd. Doç. Dr. Beytullah EREN beren@sakarya.edu.tr 0264 295 5642 EXCEL DE GRAFİK UYGULAMA GRAFİKLER Grafikler, çok sayıda verinin ve farklı veri serileri arasındaki ilişkinin anlaşılmasını

Detaylı

MUĞLA SITKI KOÇMAN ÜNĠVERSĠTESĠ. BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI. AKADEMĠK PERSONEL KĠġĠSEL WEB SAYFASI KULLANIM KILAVUZU MUKWEB ĠÇĠNDEKĠLER TABLOSU

MUĞLA SITKI KOÇMAN ÜNĠVERSĠTESĠ. BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI. AKADEMĠK PERSONEL KĠġĠSEL WEB SAYFASI KULLANIM KILAVUZU MUKWEB ĠÇĠNDEKĠLER TABLOSU MUĞLA SITKI KOÇMAN ÜNĠVERSĠTESĠ BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI AKADEMĠK PERSONEL KĠġĠSEL WEB SAYFASI KULLANIM KILAVUZU MUKWEB ĠÇĠNDEKĠLER TABLOSU 1. GENEL BĠLGĠLER... 1 2. Ana Sayfa... 4 3. MukWeb Sayfaları...

Detaylı

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Birinci Bölüm Microsoft FrontPage 2003 i Yeni Web Sitesi Oluşturmak 2 Dosyanın Kaydedilmesi

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ı

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ı

MEB E-Posta Hizmetleri ve Outlook Programı

MEB E-Posta Hizmetleri ve Outlook Programı MEB E-Posta Hizmetleri ve Outlook Programı İçindekiler Bakanlık E-Posta Hizmetleri ve Sistem Ara yüzü E-posta Hizmetlerinin Outlook Programına Bağlanması Outlook 2010 Kullanımına ilişkin temel bilgiler

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ı

Course Online. Güncelleme: Haziran 24, 2013

Course Online. Güncelleme: Haziran 24, 2013 Course Online Güncelleme: Haziran 24, 2013 Course Online, Campus Online ile birlikte hocaların kullanımına açık, verdikleri derslerle ilgili çeşitli değişiklikleri ve bildirimleri yapabilecekleri web tabanlı

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com FIREWORKS (MENU OLUŞ TURMA) 1 Önce Başlat menüsü Programlar Adobe Web Premium CS3 Adobe Fireworks CS3 kısayol simgesi ile Fireworks programı açılır. 2 Fireworks programı açıldığında Karşımıza gelen Yeni

Detaylı

TSOFT FACEBOOK STORE UYGULAMASI

TSOFT FACEBOOK STORE UYGULAMASI TSOFT FACEBOOK STORE UYGULAMASI GEREKSİNİMLER VE KURULUM YARDIMI GİRİŞ Facebook, insanların arkadaşlarıyla iletişim kurmasını ve bilgi alış verişi yapmasını amaçlayan bir sosyal paylaşım web sitesidir,

Detaylı

KOCAELİ TEKNİK LİSESİ ELEKTRİK ELEKTRONİK BÖLÜMÜ OTOMASYON ATÖLYESİ EKTS (Elektrik Kumanda Teknikleri Simülatörü ) DERS NOTU. Kaynak : www.veppa.

KOCAELİ TEKNİK LİSESİ ELEKTRİK ELEKTRONİK BÖLÜMÜ OTOMASYON ATÖLYESİ EKTS (Elektrik Kumanda Teknikleri Simülatörü ) DERS NOTU. Kaynak : www.veppa. KOCAELİ TEKNİK LİSESİ ELEKTRİK ELEKTRONİK BÖLÜMÜ OTOMASYON ATÖLYESİ EKTS (Elektrik Kumanda Teknikleri Simülatörü ) DERS NOTU Kaynak : www.veppa.com Hakkında EKTS (Elektrik Kumanda Teknikleri Simülatörü

Detaylı

MENÜLER. 1. Giriş (Login) Menüsü

MENÜLER. 1. Giriş (Login) Menüsü MENÜLER 1. Giriş (Login) Menüsü Citizen...:Giriş iletişim penceresini açar. Tourist...: Turist olarak giriş yapmanızı sağlayan hoşgeldiniz iletişim penceresini açar. Turistik erişimin devre dışı bırakıldığı

Detaylı

Vodafone Cep Sağlık. Kullanıcı Yardım Kılavuzu Sayfa isimlerine tıklayarak ilerleyebilirsiniz. İçindekiler

Vodafone Cep Sağlık. Kullanıcı Yardım Kılavuzu Sayfa isimlerine tıklayarak ilerleyebilirsiniz. İçindekiler Vodafone Cep Sağlık Kullanıcı Yardım Kılavuzu Sayfa isimlerine tıklayarak ilerleyebilirsiniz. Sayfa Adı Sayfa Numarası Kullanıcı Girişi 2 Profilim 3 Acil Durum Sağlık Bilgilerim 4 Özlük Bilgilerim 5 Sağlık

Detaylı

MICROSOFT OFFİCE WORD PROGRAMI DOSYA İŞLEMLERİ

MICROSOFT OFFİCE WORD PROGRAMI DOSYA İŞLEMLERİ MICROSOFT OFFİCE WORD PROGRAMI Ms Word bir kelime işlemci programıdır. İçinde bulunan detaylı metin biçimlendirme seçenekleri, ayrıntılı tablo, şekil ve grafik oluşturma başarıları nedeniyle, kendi türünde

Detaylı

Yine benzer şekilde hücreler içine yazılan yazıların renklerini değiştirebiliriz. Bunun için tüm satırı veya sütunu yine fareyle seçmek durumundayız.

Yine benzer şekilde hücreler içine yazılan yazıların renklerini değiştirebiliriz. Bunun için tüm satırı veya sütunu yine fareyle seçmek durumundayız. 2. EKLE SEKMESĐ TABLO EKLEMEK: Sayfamıza tablo eklemek için, TABLO butonuna bastıktan sonra açılan pencereden kaç sütün ve kaç satırlık bir tablo oluşturacağımızı belirliyoruz. Fareyi sürüklemek, tablonun

Detaylı

Öğrenci Kullanım Kılavuzu

Öğrenci Kullanım Kılavuzu Öğrenci Kullanım Kılavuzu Web tabanlı ALMS adresinizden sisteminize web tarayıcınızla (Google Chrome, Internet Explorer, Mozilla, Safari vb.) giriş yapınız. Açılan sayfada gerekli alanlara TC kimlik numaranızı

Detaylı

HESAP MAKİNASI YAPIMI

HESAP MAKİNASI YAPIMI HESAP MAKİNASI YAPIMI 1..Aşağıdakine benzer görünüm ve butonları hazırlayın. 2. 24. Butonun içerisine aşağıdaki kodları yazın. 3. Yeni bir layer ekleyip Frame1 F9 na aşağıdaki kodları ekleyelim. 4. Butonlardan

Detaylı

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Birinci Bölüm Microsoft FrontPage 2003 2 Yeni Web Sitesi Oluşturmak 2 Dosyanın Kaydedilmesi

Detaylı

www.airties.com 7/24 destek hattı 444 0 239 Kolay kurulum CD si Üç yıl garanti Üç yıl garanti YM.WR.5341.UM.TR.D01REV07062011

www.airties.com 7/24 destek hattı 444 0 239 Kolay kurulum CD si Üç yıl garanti Üç yıl garanti YM.WR.5341.UM.TR.D01REV07062011 www.airties.com Kolay kurulum CD si Üç yıl garanti 7/24 destek hattı 444 0 239 7/24 destek hattı 444 0 239 Üç yıl garanti YM.WR.5341.UM.TR.D01REV07062011 Kablosuz yaşam Hızlı kurulum kılavuzu Kablosuz

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ı

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME Büro Yönetimi Öğretmeni Fatma GEZ BİÇİMLENDİRME Yazmış olduğumuz metinleri farklı boyut, renk, yazı tipi vb. özelliklerde yazabilmek için biçimlendirme işlemi

Detaylı

Bo lu m 7: Hesap Tabloları

Bo lu m 7: Hesap Tabloları Bo lu m 7: Hesap Tabloları Konu 1: Dosya, Tablo ve Grafik Oluşturma Hazırlayan: S.Engin Koç Bu konu bittiğinde; Dosya oluşturma ve tabloya şekil verme Tabloya sütun, satır ekleme ve hücreleri biçimlendirme

Detaylı

Android telefonunuzda Office 365'i kullanma

Android telefonunuzda Office 365'i kullanma Android telefonunuzda Office 365'i kullanma Hızlı Başlangıç Kılavuzu E-postayı denetleme Office 365 hesabınızdan e-posta göndermek ve almak için Android telefonunuzu ayarlayın. Takviminizi nerede olursanız

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ı

Araçlar > İnternet Seçenekleri > İçerik > Sertifikalar adımları takip edilerek sertifikanın yükleneceği sayfa açılır.

Araçlar > İnternet Seçenekleri > İçerik > Sertifikalar adımları takip edilerek sertifikanın yükleneceği sayfa açılır. UYAP AVUKAT PORTAL KULLANIMI HAKKINDA BİLGİ NOTU 1-Sertifika Kurulumu: Avukatların UYAP Avukat Portalına (https://avukat.uyap.gov.tr)giriş yaparak vekaleti olan dosyaları ve bu dosyalarda kayıtlı belgeleri

Detaylı

1. MİCROSOFT EXCEL 2010 A GİRİŞ

1. MİCROSOFT EXCEL 2010 A GİRİŞ 1. MİCROSOFT EXCEL 2010 A GİRİŞ 1.1. Microsoft Excel Penceresi ve Temel Kavramlar Excel, Microsoft firması tarafından yazılmış elektronik hesaplama, tablolama ve grafik programıdır. Excel de çalışılan

Detaylı

1. Kurulum. Tam ekranda iken MENU tuşuna. Başlat sekmesine gelin ve sonra [ / ] basın ve menüye girin. [ / ]

1. Kurulum. Tam ekranda iken MENU tuşuna. Başlat sekmesine gelin ve sonra [ / ] basın ve menüye girin. [ / ] 1. Kurulum Tam ekranda iken MENU tuşuna basın ve menüye girin. [ / ] tuşlarına basarak Kurulum, Kanal Düzenleme, Sistem Ayarları ve Medya Merkezi menülerine geçiş yapabilirsiniz. Kurulum menüsü altından

Detaylı

VKV Koç Özel İlkokulu, Ortaokulu ve Lisesi. K12Net Veli Yardım Kılavuzu

VKV Koç Özel İlkokulu, Ortaokulu ve Lisesi. K12Net Veli Yardım Kılavuzu VKV Koç Özel İlkokulu, Ortaokulu ve Lisesi KNet Veli Yardım Kılavuzu KNet e Erişim KNet Erişim Bilgilerini Güncelleme KNet te Öğrenci Bilgilerini Görüntüleme KNet Ekran Ara Yüzünü Özelleştirme KNet te

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ı

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ı

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ı

OYAK YATIRIM FX Meta İşlem Platformu Kullanma Kılavuzu

OYAK YATIRIM FX Meta İşlem Platformu Kullanma Kılavuzu İçindekiler: FX Meta İşlem Platformu Kullanma Kılavuzu 1- Demo Hesap Açılışı 2- Genel Görünüm 3- Alım-Satım İşlemleri 4- Stop-Limit İşlemleri 5- Pozisyon Kapatma 6- Grafiklerin Kullanımı 7- Göstergeler

Detaylı

E-Posta Hesabı Oluşturma

E-Posta Hesabı Oluşturma E-Posta Hesabı Oluşturma Elektronik Posta (E-posta) Nedir? Elektronik posta (e-posta) internet ortamından gönderilen dijital (elektronik) mektuptur. Bir başkasına e-posta gönderebilmemiz için öncelikle

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ı

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ı

Dreamweaver 8. Çalışma alanı yerleşimi. Doküman Penceresi (Document window)

Dreamweaver 8. Çalışma alanı yerleşimi. Doküman Penceresi (Document window) Çalışma alanı yerleşimi Dreamweaver 8 Windows ta, bütün işlemlerin tek pencereden yapıldığı bir entegre yerleşim sunmaktadır. Bu entegre çalışma alanında, bütün pencereler ve paneller tek bir büyük uygulama

Detaylı

AYDES PROJESİ MESAJ KUTUSU EĞİTİM DOKÜMANI

AYDES PROJESİ MESAJ KUTUSU EĞİTİM DOKÜMANI AYDES PROJESİ MESAJ KUTUSU İÇINDEKILER 1. DOKÜMAN SÜRÜMLERİ... 4 2. MESAJ KUTUSU ÖZELLİKLERİ... 4 2.1 Mesaj Kutusu Seçim... 4 2.1.1 Mesaj Dizinleri Listeleme / Mesaj Gösterme... 5 2.1.2 Mesaj Silme...

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ı

Photoshop ta Web Sayfaları Oluşturma

Photoshop ta Web Sayfaları Oluşturma Photoshop ta Web Sayfaları Oluşturma Dilimleme Photoshop ta üzerinde çalışılan resim dosyaları, düzenlenen fotoğraflar veya tasarlanan sayfalar web ortamında kullanılmak üzere hazırlanabilir. Bir web sayfasını

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ı

TAŞINIR KAYIT VE YÖNETİM SİSTEMİ(TKYS)KULLANMA KILAVUZU

TAŞINIR KAYIT VE YÖNETİM SİSTEMİ(TKYS)KULLANMA KILAVUZU TAŞINIR KAYIT VE YÖNETİM SİSTEMİ(TKYS)KULLANMA KILAVUZU (Orta Anadolu Gümrük ve Ticaret Bölge Müdürlüğü nce hazırlanmıştır) Taşınır Kayıt ve Yönetim Sistemi sayfası, en iyi Mozilla Firefox tarayıcısında

Detaylı

MEBİS Kullanım Kılavuzu. Öğrenci. 2013-2015 - İstanbul Medipol Üniversitesi

MEBİS Kullanım Kılavuzu. Öğrenci. 2013-2015 - İstanbul Medipol Üniversitesi MEBİS Kullanım Kılavuzu Öğrenci 2013-2015 - İstanbul Medipol Üniversitesi İçindekiler 1. Uzem 1. Uzem Seçili haftaya öğretim elemanının eklediği bir canlı ders varsa dersin başlığı üzerine tıklayınız açılan

Detaylı

SMART Board EĞİTİMLERİ(sürüm:10) 3. Aşama

SMART Board EĞİTİMLERİ(sürüm:10) 3. Aşama SMART Board EĞİTİMLERİ(sürüm:10) 3. Aşama Bölüm 1:Notebook dosyası içerisinde bağlantılar kurma Bu konuyu bir örnek üzerinde inceleyebiliriz. Üç sayfalık bir soru cevap dosyası hazırlayalım. Mesela birinci

Detaylı

MICROSOFT WORD 2002. Şekil 1 TABLO HAZIRLAMA : Word 2002/II TAB AYARLARI :

MICROSOFT WORD 2002. Şekil 1 TABLO HAZIRLAMA : Word 2002/II TAB AYARLARI : MICROSOFT WORD 2002 TAB AYARLARI : Yazımı belli bir sütundan başlatmak için kullanılır. Tab (durak) ayarı yapıldıktan sonra her Tab tuşuna basıldığında eklenti noktası yerleştirilen tab ayarlarına gelir.

Detaylı

Modu l 8: Sunu Hazırlama

Modu l 8: Sunu Hazırlama Modu l 8: Sunu Hazırlama Hazırlayan: H.Hakan Çetinkaya Bu konu bittiğinde; Ms. PowerPoint programı hakkında kısaca bilgi edinecek, Ms. PowerPoint dosyalarını nasıl oluşturacağınızı ve nasıl kaydedeceğinizi

Detaylı

ENF 100 Temel Bilgi Teknolojileri Kullanımı Ders Notları 4. Hafta. Öğr. Gör. Dr. Barış Doğru

ENF 100 Temel Bilgi Teknolojileri Kullanımı Ders Notları 4. Hafta. Öğr. Gör. Dr. Barış Doğru ENF 100 Temel Bilgi Teknolojileri Kullanımı Ders Notları 4. Hafta Öğr. Gör. Dr. Barış Doğru Konular 1.) İşletim sistemlerine giriş 2.) Bilgisayar Ortamı ve Temelİşlemler * Arayüzü tanıma * Simgelerle çalışma

Detaylı

Frontpage ile Çerçeve Sayfası Yaratmak

Frontpage ile Çerçeve Sayfası Yaratmak Frontpage ile Çerçeve Sayfası Yaratmak Frontpage ile alttaki adımları izleyerek bir çerçeve sayfasının nasıl yaratalabileceğini görelim: Önce Menü Bar dan Araç Çubukları Görev Bölmesi seçeneğinin aktif

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ı