Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

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

Benzer bir sunumlar


... konulu sunumlar: "Ders-2 Haber Grupları, Web Tabanlı Öğrenme, Kişisel Web Sitesi Hazırlama Aslı Ergün."— Sunum transkripti:

1 Ders-2 Haber 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. “http://tr.wikipedia.org/wiki/Haber_grubu

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 •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 • Ornek Sayfa • • Ev Sayfama Hoş Geldiniz •

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ı ile başlar ve ile biter.<> şeklinde görülen komutlara etiket (tag) adı verilir.İki ana kısımdan oluşmaktadır:... ve.... head'ın içine... 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:,,....Bunla rdan en büyüğü,en küçüğü ise 'dır. H1 ile yapılan başlık H2 ile yapılan başlık H3 ile yapılan başlık H4 ile yapılan başlık H5 ile yapılan başlık H6 ile yapılan başlık

14 –Fontlar, Biçimlemeş renkler: 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.... : koyu renk yazı(bold)... : italik... : paragraf... : alt çizgi (underline)... : metni ortalar : satır atlama : yatay çizgi (horizontal rule) –Örnek :

15 HTML - Linkler •Linkler... etiketi içinde, href="" komutuyla belirtilir. Örnek: Dokuz Eylül Universitesi Ana Sayfası Eğer hazırladığınız dökümanlar arasında bir bağlantı kurmak istiyorsanız, etiketini aşağıdaki gibi kullanmalısınız. Önceki sayfa Bir mail adresine link vermek istiyorsanız: Mail atmak için tıklayın. 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: Linklere git kalıbını kullanırız,ve bağlantı kurmak istediğimiz yere,mesela linkler başlığına: Linkler şeklinde bir ekleme yaparız

16 HTML resim ekleme •Resim ekleme: şeklinde olur.Dikkat etmemiz gerekenler kulanacagimiz imajın ".jpg" ya da ".gif" formatında olması ve dizin •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: ş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 : • Çerezler: Kavurga Çekirdek Misir Cips Çerezler: 2.Kavurga 3.Çekirdek 4.Misir 5.Cips

19 Sırasız Liste •Örnek: Çerezler: Kavurga Çekirdek Misir Cips Çerezler: •Kavurga •Çekirdek •Misir •Cips

20 Tanımlama Listeleri •Örnek: Latte - Sütlü Kahve Expresso - Sert Koyu Kahve 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

26

27 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.

28 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).

29 CuteFtp ile dosya transferi (FTP)

30

31

32 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.


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

Benzer bir sunumlar


Google Reklamları