Sunuyu indir
Sunum yükleniyor. Lütfen bekleyiniz
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 ( : “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 (
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
<HTML> <HEAD> Ornek Sayfa </HEAD> <BODY> <CENTER><B><FONT COLOR="#FF0000"> <FONT SIZE=+3> Ev Sayfama Hoş Geldiniz </FONT> </FONT></B></CENTER> </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=" 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 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
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)
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.
Benzer bir sunumlar
