ders-2 haber grupları, web tabanlı Öğrenme, kişisel web sitesi hazırlama
DESCRIPTION
Ders-2 Haber Grupları, Web Tabanlı Öğrenme, Kişisel Web Sitesi Hazırlama. Aslı Ergün. Haber Grupları (News Groups). - PowerPoint PPT PresentationTRANSCRIPT
Ders-2Haber Grupları, Web Tabanlı Öğrenme, Kişisel
Web Sitesi Hazırlama
Aslı Ergün
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. “
Bazı Haber grupları:• Newskolik
• News Türkiye (http://webnews.newsturkiye.net/)
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.
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.
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
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ı
İ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ı
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.
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>
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).
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.
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>
– 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">
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:[email protected]">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
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.
HTML- Listeler
• Üç çeşit liste vardır:– Sıralı Liste(Ordered List)– Sırasız Liste(Unordered List)– Tanımlama Listeleri (Definition List)
Sıralı Liste• Örnek : • <ol start="2">Çerezler:
<li>Kavurga<li>Çekirdek<li>Misir<li>Cips </ol>Çerezler:
2. Kavurga
3. Çekirdek
4. Misir
5. Cips
Sırasız Liste• Örnek:
<ul >Çerezler:<li>Kavurga<li>Çekirdek<li>Misir<li>Cips</li></ul> Çerezler:
• Kavurga • Çekirdek • Misir • Cips
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
Html tablolar•
İyi Bir Web Sitesinde Olması Gerekenler
• Hız
• Sade ve tutarlı sayfalar
• Rahat kullanılabilirlik
• İçerik
• Her tarayıcıyla uyumluluk
Bazı Web Sitesi Hazırlama Programları
• Microsoft Word
• Microsoft Power Point
• Microsoft Excel
• Microsoft Frontpage
• Macromedia Dreamweaver
• Coffee Cup vs…
MS WORD ile Web Sayfası Hazırlama
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.
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).
CuteFtp ile dosya transferi (FTP)
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.