1 / 32

Ders-2 Haber Grupları, Web Tabanlı Öğrenme, Kişisel Web Sitesi Hazırlama

Ders-2 Haber Grupları, Web Tabanlı Öğrenme, Kişisel Web Sitesi Hazırlama. Aslı Ergün. Haber Grupları (News Groups).

delano
Download Presentation

Ders-2 Haber Grupları, Web Tabanlı Öğrenme, Kişisel Web Sitesi Hazırlama

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Ders-2Haber Grupları, Web Tabanlı Öğrenme, Kişisel Web Sitesi Hazırlama Aslı Ergün

  2. Haber Grupları (News Groups) • Wikipedi’ye göre (http://tr.wikipedia.org/wiki/Haber_grubu) : “Haber grupları bir çeşit ileti saklama alanı olarak çalışan iletişim ortamlarıdır. Her ne kadar haber grubu ismi sınırlayıcı bir tanım olsa da gerçekte haber grupları kalıcı tartışma platformları olarak kullanılmaktadırlar. “

  3. Bazı Haber grupları: • Newskolik • News Türkiye(http://webnews.newsturkiye.net/)

  4. Haber Blogları • Bunun yanında bilgi paylasılan bloglar, forumlar ve tartısma grupları da bulunabilir. Orneğin mekatronik hakkında: Facebook IMYO http://www.facebook.com/group.php?gid=34644440280 • Google kullanarak ilgili grupları bulup, gerekirse ucretsiz kaydolup, bilgi paylaşabilirsiniz.

  5. Web Tabanlı Öğlenme • E-Öğrenme diye de bilinir. • Açık,Esnek öğrenme ortamlarındaki eğitimdir. • İletişim ortamı : Eş-zamanlı ve Eş-zamansız olabilir.

  6. Web-tabanlı öğrenmede Öğretmenin Rolü • Teknik beceriler • Ders araçlarını kullanma (eposta, forum gibi) • Kolaylaştırıcı beceriler • Öğrenciyi dinlemek, sorgulamak, motivasyonun artırmak, tartışma düzenleme, yönetmek ….. • Yönetimsel beceriler • Zaman yönetimi, rehberlik, planmalam, gözlemleme, öğrenim tekniklerini farklı kişilere göre şekillendirmek

  7. Web-tabanlı öğrenmede Öğrencinin Rolü • Öğrenim araçlarına erişim • Teknolojiyi kullanabilme • Öğrenme tercihleri • Çalışma şekil ve alışkanlıkları • Öğrencinin amaç ve hedefleri • Yaşam tarzı • Kişisel özellik ve karakter temaları

  8. İletişim Araçları • Eş-zamanlı İletişim Araçları • Canlı Dersler • Video Konferansalar • Sohbet Odaları • Eş-zamansız İletişim Araçları • Eposta • Tartışma Forumları

  9. Kişisel Web Sayfası • Internet Erişimi olan herkesin web sayfası olabilir. Öncelikle sayfaların koyulacağı bir “web sunucusu” olması gerekir. Hazırlanan dosyalar belli dizinler halinde sunucuya transfer edilir. • Web sayfaları HTML (hypertext markup Language) ile yazılır veya aracı programlar yardımı ile dönüştürülür.

  10. Ornek HTML yazımlı Sayfa • <HTML> <HEAD> Ornek Sayfa </HEAD> • <BODY> • <CENTER><B><FONT COLOR="#FF0000"> • <FONT SIZE=+3> • Ev Sayfama Hoş Geldiniz • </FONT> • </FONT></B></CENTER> • <BODY> • </HTML>

  11. HTML Sağladığı Özellikler • Web sayfalarındaki yazılara değişik formatlar verilebilir (koyu renk yazı, italik yazı, yazı ortalama, renk verme, değişik boyutlarda yazma gibi), • Tablo, Liste, Adres Alanı, sabit genişlikli yazı alanı vb gibi özel biçimler oluşturulabilir, • Web sayfalarında "frame" adı verilen, ve birbirleri ile ilişkilendirilebilen alt-kısımlar oluşturulabilir. • Değişik tipteki menü yapıları ile kullanıcının etkileşimli bir şekilde seçebileceği veri giriş sistemleri kullanılabilir, • Ses, grafik, animasyon gibi uygulamaların web sayfalarından çalıştırılabilmesi için gerekli ortamlar sağlanabilir, • Java, JavaScript, VB Script gibi programlama dilleri ile web içeriklerinin etkileşimli kullanımı için gerekli ortamları sağlar, • Sunucu tarafında çalışan CGI programları ile we içeriklerinin etkileşimli kullanımını sağlar (şifre uygulamaları, sayaç uygulamaları vb gibi).

  12. HTML • Her html dökümanı <html> ile başlar ve </html> ile biter.<> şeklinde görülen komutlara etiket (tag) adı verilir.İki ana kısımdan oluşmaktadır: <head>...</head> ve <body>...</body>. head'ın içine <title>...</title> etiketi gömülür.title, browser'ımızın en üstünde yazan açıklamayı içerir.

  13. HTML • Metinler: • Başlıklar : 6 çeşit başlık vardır:<h1>,<h2>,...<h6>.Bunla rdan en büyüğü <h1>,en küçüğü ise <h6>'dır.<h1>H1 ile yapılan başlık</h1><h2>H2 ile yapılan başlık</h2><h3>H3 ile yapılan başlık</h3> <h4>H4 ile yapılan başlık</h4><h5>H5 ile yapılan başlık</h5><h6>H6 ile yapılan başlık</h6>

  14. Fontlar, Biçimlemeş renkler: <font color="red" face="arial" size="3"> Color, yazı karakterinin rengini,face yazı tipini (arial,verdana,tahoma gibi), size da boyutunu belirler. Size özniteliğinde kullanılan rakam 1'den 7'ye kadardır.<b>...</b>: koyu renk yazı(bold)<i>...</i> : italik<p>...</p> : paragraf<u>...</u> : alt çizgi (underline)<center>...</center> : metni ortalar<br> : satır atlama<hr> : yatay çizgi (horizontal rule) • Örnek : <body bgcolor="green">

  15. HTML - Linkler • Linkler <a>...</a> etiketi içinde, href="" komutuyla belirtilir.Örnek:<a href="http://www.deu.edu.tr" target="_blank"> Dokuz Eylül Universitesi Ana Sayfası</a>Eğer hazırladığınız dökümanlar arasında bir bağlantı kurmak istiyorsanız,<a> etiketini aşağıdaki gibi kullanmalısınız. <a href="dosyaadi.html">Önceki sayfa</a>Bir mail adresine link vermek istiyorsanız:<a href="mailto:asli.ergun@deu.edu.tr">Mail atmak için tıklayın.</a>Bu linke tıklandığında bilgisayarda kullanıcıya ait mail programı açılır ve gönderilecek adres bölümünde etiket içinde belirtilen adres yazar. Bu sayfada olduğu gibi aynı döküman içinde bağlantı kurmak istersek de: <a href="#link">Linklere git</a> kalıbını kullanırız,ve bağlantı kurmak istediğimiz yere,mesela linkler başlığına: <a name="link">Linkler</a> şeklinde bir ekleme yaparız

  16. HTML resim ekleme • Resim ekleme:<img src="resim.jpg">şeklinde olur.Dikkat etmemiz gerekenler kulanacagimiz imajın ".jpg" ya da ".gif" formatında olması ve dizin <img src="" width="" height="" border="" alt=""> • alt: Resme açıklama vermemizi sağlar.Mouse'ı resmin üstüne getirdiğimizde,alt özniteliğinde yazılan açıklama ekranda çıkar.Eğer resim açılmazsa,onun yerine açıklama görünür. src="" : Resim dosyasının kaynağını belirtir.** Eğer artalanda bir imajın çıkması istenirse:<body background="resim.jpg"> şeklinde yazılır.

  17. HTML- Listeler • Üç çeşit liste vardır: • Sıralı Liste(Ordered List) • Sırasız Liste(Unordered List) • Tanımlama Listeleri (Definition List)

  18. Sıralı Liste • Örnek : • <ol start="2">Çerezler:<li>Kavurga<li>Çekirdek<li>Misir<li>Cips </ol>Çerezler: • Kavurga • Çekirdek • Misir • Cips

  19. Sırasız Liste • Örnek: <ul >Çerezler:<li>Kavurga<li>Çekirdek<li>Misir<li>Cips</li></ul> Çerezler: • Kavurga • Çekirdek • Misir • Cips

  20. Tanımlama Listeleri • Örnek: <dl><dt>Latte</dt><dd>- Sütlü Kahve</dd><dt>Expresso</dt><dd>- Sert Koyu Kahve</dd></dl> Latte - Sütlü Kahve Expresso - Sert Koyu Kahve

  21. Html tablolar

  22. İyi Bir Web Sitesinde Olması Gerekenler • Hız • Sade ve tutarlı sayfalar • Rahat kullanılabilirlik • İçerik • Her tarayıcıyla uyumluluk

  23. Bazı Web Sitesi Hazırlama Programları • Microsoft Word • Microsoft Power Point • Microsoft Excel • Microsoft Frontpage • Macromedia Dreamweaver • Coffee Cup vs…

  24. MS WORD ile Web Sayfası Hazırlama

  25. Köprü (link, hyperlink) • Bir noktadan diğer noktaya kurulan bağlantıdır. 4 Çeşittir: • Yer işaretine (bookmark), • Web adreslerine (URL), • Dosyalara, • Elektronik posta adreslerine verilen köprülerdir.

  26. FTP (File Transfer Protocol) • FTP, internet üzerinden iki bilgisayar arasında dosya transferini sağlayan bir programdır. Uzaktaki bir bilgisayara bağlandıktan sonra, iki tür işlem yapabilirsiniz: • Uzaktaki bilgisayara dosya(lar) koymak (upload). • Uzaktaki bilgisayardan yerel bilgisayara dosya(lar) indirmek (download).

  27. CuteFtp ile dosya transferi (FTP)

  28. Not Defteri ve MS Word • Not defteri formatsız, sadece ASCII karakter duzeneginde yazı yazar. HTML kodlaması yapılabilir. • MS Word karakter format bilgileri içerir, “web sayfası şeklinde sakla” deyince format bilgileri HTML koda çevrilir.

More Related