Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

1 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci.

Benzer bir sunumlar


... konulu sunumlar: "1 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci."— Sunum transkripti:

1 1 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

2 2

3  HTML, “Hyper Text Markup Language” kelimelerinin kısaltılmışıdır.  HTML (Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebilen, internet dokümanları oluşturmaya yarayan bir çeşit dildir.  HTML metinleri ya da verileri biçimlendirmek, düzenlemek için kullanılan komutlar dizisidir. 3 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

4  Metin, resim ve diğer nesnelerin bir web sayfası üzerinde nasıl görüntülendiğini ve web sayfasının, bağlantıların birleşimiyle nasıl oluştuğunu belirten dili ifade eder.  HTML, dilinde binary veya hexadecimal kodlar yok. Her şey metin tabanlıdır ve bir HTML dokümanı oluşturmak için ihtiyaç duyulabilecek tek şey bir metin editördür. 4 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

5  Bir Web sayfası sadece onu okumak isteyen hedef kitleye ulaşır.  Web sayfası etkileşimli bir aygıttır. Kullanıcının o Web sayfasına bağlanmasının tek nedeni, o konu hakkında daha çok bilgi sahibi olmaktır.  Web sayfaları hazırlamak için kağıt ve mürekkebe ihtiyaç yoktur. Tek masraf, telefon hat ücreti ve sizin kontrol dışında gerçekleşebilecek problemler olacaktır.  Web sayfaları yaratırken geleneksel bir sayfa düzeni takip edilmesi gerekmez. Hayal gücünüzü olabildiğine kullanabilirsiniz. 5 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

6  Web sayfaları kolayca düzeltilip tekrar yayımlanabilir.  Devamlı bir uğraş içinde olunmasına gerek yoktur. Web sayfaları, 24 saat boyunca tüm dünyaya açık olacak ve herkese "etkileşimli" bir hizmet verecektir.  Web sayfaları, önceden seçilmiş bir birey grubunun fikirlerini ve beklentilerini öğrenmek için kullanabilir.  Bir web sayfasının kaderi diğer medyalar gibi bir çöp kutusunda sonlanmaz. Çünkü onlar "sonsuza kadar kullanılabilecek" şekilde yaratılmıştır. 6 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

7  Sitenin yayınlanacağı bir Host  Sitede yayınlanacak sayfalar  Hazırlanılan sayfanın tipine uygun yazı, resim yada diğer animasyonlar. 7 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

8  Klasör ve dosyalara verecek isimlerde;  Türkçe karakter kullanılmaz. (ç,ğ,ö,ü,İ,ı,ş yerine c,g,o,u,i,s kullanılabilir).  Genelde büyük harfler kullanılmaz.  İlk giriş sayfasının adı index.html olmalıdır. 8 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

9  HTML komutlarının her biri Tag (Etiket) olarak adlandırılır.  HTML tagları, html sayfalarını oluşturmak ve düzenlemek için kullanılırlar. ..... şeklinde kullanılırlar.  Tagların arasında kalan metne tag içeriği denir.  Tag’ler büyük harfle veya küçük harfle yazılabilirler. Fakat genelde küçük harf tercih edilir. 9 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

10  Her HTML belgesi belirli sayıda standart html tagları içermelidir.  Bir HTML belgesinde olması gereken kısımlar şunlardır. temel metni baş metni gövde metni 10 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

11 başlık kısmı başlık gövde kısmı 11 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

12 ... tarayıcıya HTML dosyasının başladığını ve bittiğini belirtir. Diğer tüm kodlar bu iki etiket arasında yer alır.  Bir HTML belgesi iki bölüme ayrılır. head (baş) ve body (gövde). ... etiketleri arasına sayfa hakkında bilgiler yazılır. Meta ve title gibi etiketler burada yer alır. ... arası ise sayfanın gövde bölümüdür. Ekranda gösterilecek kısımlar bu taglar arasında yer alır. ... sayfanın başlığının yazıldığı yerdir. 12 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

13 İlk Sayfam Sayfama Hoş Geldiniz. 13 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

14 14 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

15 Devkan Kaleci ………… 15 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

16  Arama motorlarında iyi bir sıralama kapmak için meta etiketleri içerisine yazdığımız notlar çok önemlidir. Örneğin "İnönü Üniversitesi" sitesinin Meta etiketleri şöyle olabilir.  16 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

17 Başlık Etiketleri Başlık 1 Başlık 2 Başlık 3 Başlık 4 Başlık 5 Başlık 6 17 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

18 18 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci .... Sayfanın ortasında görünür.  Paragraf yada satır başı yapmak için kullanılır.  Sola dayalı olması için: ………  Ortada olması için: ………  Sağa dayalı olması için: ………  Satırbaşı veya paragraf yapmak için:

19 İlk Sayfam Yazıyı sola dayalı yaz Yazıyı ortalayarak yaz Yazıyı sağa dayalı yaz 19 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

20  Metinlerin kalın, italik ve alt çizgili olması için; Kalın için Kalın Yazı İtalik için İtalik Yazı Alt çizgi için Altı Çizgili Yazı 20 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

21 21 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  yazı  face: Yazı tipinin adı (arial, tahoma, verdana,...).  size: Yazının büyüklüğü (1-7 arası).  color: Yazının rengi (red, green gibi renklerin ingilizce karşılığı yada RGB renk değeri). Bunlara font etiketinin parametreleri denir.

22 Mevsimler İlkbahar Yaz Sonbahar Kış 22 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

23 23 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

24 24 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Yapılması gereken şey, browser'a sayfaya koyacağı resmin nerede olduğunu göstermekten ibarettir. Her ne kadar şart olmasa da resmin pixel cinsinden en ve boy uzunluğunu belirtilmesi uygundur.  Kullanılan etiket şu şekilde olmalıdır;  Burada x resmin enini y ise boyunu belirtmektedir. Bu bilgilere, resmi herhangi bir grafik editörüyle açarak ulaşılabilir.

25 25 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Dikkat edilmesi gereken en önemli özellik resmi açacak olan browser'ın o an çalışan html dosyasının bulunduğu klasörü kök dizin olarak kabul etmesidir. Dosyanın yeri ona göre belirlenmelidir.  Üst dizine çıkmak için../ ifadesi kullanılır.

26 26 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Resimleri hizalamak için align komutu kullanılır. Resmi sağa (right), ortaya (center) ya da sola (left) alabilmek için parametreleri yazılır.

27 27 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Fontlar konusunda, metnin rengini belirlerken etiketini kullanılır ve color komutunun karşısına rengin ingilizce karşılığını yazılır.  Etikette kullanılan color="#xxxxxx" ifadesi ise, RGB (red-green- blue,kırmızı-yeşil-mavi) renklerinin karışım oranlarını belirtir. Bu renklerden her birinin alacağı değer 00 ile FF aralığında olabilir.

28 28 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Diğer renkleri sayıları değiştirerek kendiniz deneyebilirsiniz. #000000=black(siyah) #000080=navy(lacivert) #0000FF=blue(mavi) #008000=green(yeşil) #00FFFF=aqua(turkuaz) #800000=maroon(vişne çürüğü) #808080=gray(gri) #FF0000=red(kırmızı) #FF00FF=fuchsia(parlak pembe) #FFFF00=yellow(sarı) #FFFFFF=white(beyaz)

29 29 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Yalnızca metinler değil aynı zamanda sayfanın arka planı da renklendirilebilir.  Bunun için etiketi kullanılır. Daha doğrusu sayfanın gövdesini belirtmek için yazılan etiketini, şeklinde değiştirtmesi gerekir.  Aynı zamanda ifadesi eklenmesi ile istenilen herhangi bir resim arka plan olarak kullanılabilir.

30 30 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  HTML'de en önemli unsurlardan birisi bağlantılardır. Bağlantılar sayesinde hazırlanılan sayfalar birbirleriyle ilişkili hale getirilir.  HTML'de metin, resim, ses, grafik dosyaları, sıkıştırılmış dosyalar, internet adresleri yada bunların hepsine bağlantı kazandırmak mümkündür. Hakkımda  Yazının bağlantı olduğu eğer aksi belirtilmemişse browser tarafından altı çizili ve mavi renkli gösterilir. Hakkımda

31 31 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Meyve resmi açın  Müzik dosyalarını indirin  2. sayfaya git  İnönü Üniversitesi  Dosyaları indirin  Mail için

32 32 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Resimlere bağlantı vermek için resmi yerleştirmekte kullanılan etiketini... etiketinin arasına yazmak gerekir.

33 33 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Bağlantının açılacağı pencereyi belirtmek için etiket (target) parametresi kullanılır.  İnönü Üniversitesi  target="blank " Bağlantı yeni bir pencerede açılır.  target="self " Bağlantı aynı pencere içerisinde açılır.  target="top" Bağlantı aynı pencere içerisinde en üstte açılır.  target="parent" Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur.

34 34 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Liste içine alınacak metinler... etiketleri arasına alınarak yazılır. Bu etiketler listenin başladığını ve bittiğini belirtir.  Listenin maddelerinin başına ise (list item) etiketini getiriyoruz.  etiketine parametreler ekleyebiliyoruz. Bunlarla listemizin rakamla mı harfle mi başlayacağını (type) yada hangi rakam/harfle başlayacağını (start) belirtebiliyoruz.

35 Kimya İnorganik Analitik Matematik Sayılar Diğer Türev İntegral 35 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

36 Günler Pazartesi Salı Çarşamba Perşembe Cuma Cumartesi Pazar 36 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci

37 37 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Tablolar, sayfaları satırlara/sütunlara bölmek ya da metin veya grafiklerin sayfada istenilen yerde durmasını sağlamak amaçlarıyla kullanabilen HTML'nin en önemli yapıtaşlarındandır.

38 38 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  Basit bir tablo yapmak için öncelikle... etiketlerini arası doldurulur. etiketi ile satırlar, etiketi ile sütunları oluşturulur. hücre hücre1 hücre2

39 39 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci hücre1 hücre2 hücre1 hücre2 hücre3 hücre4

40 40 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  width ve height parametreleri tabloda en ve boy uzunluğunu belirtir. Tablonun değer verilmediğinde sahip olduğu normal ölçülerinden küçük değerler verilirse bu değerler dikkate alınmaz, bir başka deyişle tabloyu büyütebiliriz fakat küçültemeyiz. hücre1 hücre2

41 41 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci İlk satır, sütun 1 İlk satır, sütun 2 İkinci satır birleştirilmiş sütunlar

42 42 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci A C D E H I J K L

43 43 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci  şeklinde kullanılır.  bgcolor parametresi hücreyi renklendirmede kullanılır.


44 44 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci hücre1 hücre2 hücre3 hücre4


"1 Temel Bilgisayar Terimleri – Yrd. Doç. Dr. Devkan Kaleci." indir ppt

Benzer bir sunumlar


Google Reklamları