1. HTML Hakkında.

Ebat: px
Şu sayfadan göstermeyi başlat:

Download "1. HTML Hakkında. http://alikoker.name.tr"

Transkript

1 1. HTML Hakkında 2. İlk HTML dökümanınızı yazmak 3. HTML dökümanınızı düzenlemek 4. Başlıklar (headings) 5. Paragraflara ayırmak 6. Dökümana stil kazandırmak 7. Listeler (lists) 8. Grafikler ve dosya biçimleri a. Resim kullanımı 9. Bağlantılar kullanmak a. Yerel dosyalara linkler b. URL ler c. İnternet e linkler oluşturmak d. Bir sayfanın bölümlerine linkler eklemek e. Hipergrafik linkleri 10. Text biçimi (<pre> belirteci) 11. Özel karakterler 12. Açıklama listeleri 13. Adres Satırları ve linkleri 14. Blockquote belirteci 15. Renk kullanımı 16. Text düzenlemeleri 17. <hr> belirteci 18. Text ve grafik konumunu ayarlamak 19. Tablo kullanımı 1. HTML Hakkında HTML, ya da HyperText Markup Language, bir web browser n multimedya dökümanlar n gösterme yoludur. Dökümanlar aslen ASCII text format nda baz özel tag ler (belirteç) içeren, browserlar n anlayabileceği kodu içerir.

2 Web deki öncelikli amaç, herkesin yay nc l k yapmas n sağlayacak standart ve geliştirilmesi basit bir sistem kurmakt. HTML in özellikleri ilk günlerinden bu yana oldukça uzun bir yol ald. Bugün, HTML için üç ayr standart tan mlanm şt r. Bunlar: HTML 1.0 HTML 2.0 HTML 3.0 Bugün art k genel olarak HTML 2.0 ve HTML 3.0 kullan lmaktad r. HTML 3.0 da eklenen özellikler ise şunlard r: Sayfa düzeni üzerinde ileri derecede kontrol Manşetler Görüntülerdeki popüler noktalar n istemci taraf ndan işlenmesi Ézelleştirilmiş listeler Matematik denklemler Stil yapraklar Form içi tablolar HTML döküman m zda hangi standartlar kulanacağ m z döküman m z n baş nda belirtmemiz gerekir (bir sonraki dersimizde bunu göreceğiz). Bu sayede, döküman görüntüleyen bilgisayar neye göre işlemler yapacağ n bilir. 2. İlk HTML Dökümanınızı Yazmak HTML belirteçleri nedir? Bir web browser bir sayfay görüntülediği zaman, öncelikle normal bir text dosyas ndan sayfa hakk nda bilgileri okur ve < ve > işaretlerinin (tag/belirteç) kullan ld ğ özel kodlara bakar. Bir HTML belirteci için genel format şöyledir: <belirteç_ismi>yaz lacak text</belirteç_ismi>

3 Érnek olarak, bu k s mdaki başl ğ sayfan zda ç karmak için: <h4>html belirteçleri nedir?</h4> Bu belirteç, web browser na HTML belirteçleri nedir? textini 4 lük başl k şeklinde (bunun hakk nda geniş bilgi ileride verilecek) göstermesini söyler. HTML belirteçleri, bir browser a texti koyulaşt rmas n, italik yapmas n, başl k olarak göstermesini ya da bir link olarak göstermesini söyleyebilir. Not edilmesi gereken nokta, bitiş belirtecinin, </belirteç_ismi> şeklinde, bir bölü / işareti ile başlamas d r. Bu bölü işareti, browser a o anki komutun texte uygulanmas n n bitirilmesini söyler. Eğer bölü işaretini unutursan z, browser son texti izleyen texte de ayn komutu uygulamaya devam eder; bu da istenmeyen sonuçlar doğurur. NOT: Bir web browser, büyük ya da küçük harf arasında ayırım yapmaz. Mesela, <h3> </h3> ile <H3> </H3> arasında bir fark yoktur. HTML in, bilgisayar programlar ndan bir fark da, dökümanda bir hata yaparsan z browser ya da bilgisayar n z kilitlenmez, sadece görüntülenen döküman yanl ş görüntülenir; bu durumda döküman aç p yanl şl ğ düzeltirsiniz. Browser n z n küçük bir sözlüğü vard r, ve HTML in ilginç bir yan da bu sözlükte bulamad ğ komutlar sadece gözard etmesidir. Mesela: <ahmet><h4>html belirteçleri nedir?</h4></ahmet> gene ayn başl ğ verir (<ahmet> diye bir komut henüz hiç bir browser taraf ndan desteklenmiyor!); yani browser <ahmet> komutunu gözard eder. HTML Dökümanınızı Oluşturmak

4 Bir HTML döküman iki ayr parçadan oluşur, head ve body (baş ve vücut). Head k sm, döküman hakk nda ekranda görünmeyen bilgileri taş r. Body ise geri kalan tüm bilgileri içerir. Tüm HTML sayfalar n n temel görüntüsü şöyledir: <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN > <html> <head> <!-- bu döküman hakk nda ek bilgilerin bulunduğu başl k k sm, ekranda görünmez -- > </head> <body> <!-- görüntülenen tüm HTML -- > : : : : </body> </html> İlk sat r: <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN > teknik olarak gerekli değildir, fakat browser a o anki sayfan n hangi HTML standard na göre yaz ld ğ n gösterir. Tüm HTML çal şman z <html> </html> belirteçlerinin içine yerleştirin. Web sayfalar n z bu belirteçler olmadan da bir çok bilgisayarda çal şabilir, fakat bunlar kullanarak sayfan z n Uluslararas standartlara tamamen uygun hale gelmesini, ve bu standartlar kullanan her makinada çal şmas n garanti alt na alm ş olursunuz.

5 Ayr ca dikkat ederseniz <!-- -- > aras nda yer alan sat rlar web sayfan zda görünmez, buraya sayfa hakk nda size ya da onu inceleyen başkas na yararl olabilecek bilgileri yazars n z. Web sayfalar n z daha kar ş k hale geldiğinde (tablolar ve çerçevelerle çal ş rken bolca baş n za gelecek) bu komutlar eski bir sayfan z kontrol ya da update ederken oldukça işinize yarayacak. İşte ilk HTML dosyan z oluşturmak için yapman z gerekenler: 1. Énce text editörünüzü aç n (bunun için notepad i kullanman z öneririm). 2. Text editör ekran na gidin. 3. Aşağ daki texti girin: <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN > <html> <head> <title>volkanlar Sayfası</title> </head> <!-- HTML ders notları için yapılmıştır, Ahmet Münir Piroğlu, 3 Eylül, > <body> Bu derste interneti volkanlar hakkında bilgi toplamak için kullanacak ve bulgularınızdan bir rapor hazırlayacaksınız. </body> </html> NOT: <title> </title> belirtecinin bulunduğu yere dikkat edin. <head> </head> belirtecinin içinde bulunuyor ve ekranda görünmüyor. <title> </title> belirteci, dökümanları tanımlamaya yarar ve browserınızın başlık bölümündeki yazıyı belirlemeye yarar. 4. Döküman volkanlar.html isminde kaydedin ve bunun için ayr bir dizin yaratmay unutmay n.

6 NOT: Windows 3.1 kullanıcıları dosya isminin uzantısını.htm yapmak zorundadır. Browserlar.html ya da.htm dosyalarını aynı kabul ederek açarlar. Dökümanınızı bir web browser da görüntülemek 1. Web browser n z aç n. 2. File menüsünden Open File komutunu seçin. 3. yunuslar.html dosyan z bulun ve aç n. 4. Şimdi browser n başl k k sm nda Volkanlar Sayfas yaz s n ve aşağ da web sayfas nda da <body> belirtecinin içine yazd ğ n z yaz y görüyor olmal s n z. Sayfan z şu an aşağ daki gibi görünüyor olmal : Bu derste interneti volkanlar hakk nda bilgi toplamak için kullanacak ve bulgular n zdan bir rapor haz rlayacaks n z. 3. HTML Dökümanınızı Düzenlemek İlk HTML döküman n z yapt ğ n za göre şimdi bir döküman üzerinde nas l değişiklikler yapacağ n z ve nas l yenileyeceğinizi göreceksiniz. Şimdi, 1. Eğer değilse browser n zda döküman n z tekrar aç n. 2. Text editörünüzü tekrar aç n (mesela notepad). 3. Text editöründe volkanlar.html dosyas n aç n. HTML Dökümanınızda Değişiklikler Yapmak 1. Text editör ekran na gidin. 2. Daha önce yazd ğ n z textin alt nda bir kaç kere ENTER a bas n ve aşağ daki texti yaz n:

7 Volkan, bir gezegenden erimiş kaya veya mağmanın yüzeye çıktığı noktadır. Bu çıkış, büyük bir patlama ile olabileceği gibi sessiz ve yavaş bir şekilde de olabilir. Dikkat etmeniz gereken nokta, bu text </body> ve </html> belirteçlerinin üstünde ve HTML dosyan z n en alt k sm nda olmal d r. 3. File menüsünden Save komutunu seçin. Web Browserınızda Dökümanı Tekrar Yüklemek Dosyan z n bir önceki halinin görüntülendiği browsera dönün. Şu an son yazd ğ n z textin ekranda görünmediğine dikkat edin. Değişiklikleri görmek için Reload tuşunu kullan n. Bu komut, browser n za o anki döküman tekrar yüklemesini belirtir. Art k yapt ğ n z değişiklikler ekranda görünüyor olmal. Dikkat ederseniz yaz ekranda yazd ğ n z şekilde görünmez. Browser, normal olarak yazd ğ n z texti tüm ekrana yayacak şekilde görüntüler. İlerleyen derslerde sayfan z istediğiniz şekilde düzenlemeyi öğreneceksiniz. 4. Başlıklar Başl klar, HTML dilinde başl ğa yazmak istediğiniz yaz y başl k belirteçleri aras na yerleştirilerek oluşturulur. HTML format nda başl k belirteci şu şekildedir: <hn>başl kta görünecek yaz </hn> N, 1 den 6 ya kadar başl k boyutlar n belirten bi rakamd r. Değişik boyutlara göre baz başl k örnekleri: 1. Düzey Başlık

8 2. Düzey Başlık 3. Düzey Başlık 4. Düzey Başlık 5. Düzey Başlık 6. Düzey Başlık HTML Başlıklarını Dökümanınıza Yerleştirmek 1. Text editörünü tekrar aç n. 2. volkanlar.html dosyas n aç n. 3. Éncelikle en büyük başl ğ yapmak için <h1> belirtecini kullanacağ z. Aşağ daki yaz y şu anki textin üzerine ve </head><body> belirteçlerinden sonra yerleştirin: <h1>volkanlar Sayfas </h1> 4. Bunun alt na da ileride kullanacağ m z başl klar yaz n. (Baz başl klar n h3, baz lar n n h2 ile yaz ld ğ na dikkat edin, ayn önem derecesine sahip başl klar ayn boyutta kullan rsan z daha düzenli bir sayfan z olur.) <h2>giriş</h2> <h2>volkan Terminolojisi</h2> <h3>st Helen Dağı</h3> <h3>long Valley</h3> <h2>mars ta Volkan Bölgeleri</h2>

9 <h3>araştırma Projesi</h3> <h3>referanslar</h3> 5. Text editöründe değişiklikleri kaydedin. 6. Browser n za geri dönün, döküman Reload edin. Browser n zda sonuç şöyle görünmelidir: Volkanlar Sayfası Bu derste interneti volkanlar hakk nda bilgi toplamak için kullanacak ve bulgular n zdan bir rapor haz rlayacaks n z. Volkan, bir gezegenden erimiş kaya veya mağman n yüzeye ç kt ğ noktad r. Bu ç k ş, büyük bir patlama ile olabileceği gibi sessiz ve yavaş bir şekilde de olabilir. Giriş Volkan Terminolojisi St Helen Dağı Long Valley Mars ta Volkan Bölgeleri Araştırma Projesi Referanslar

10 5. Paragraflara Ayırmak Daha önce browser n z n textinizi yazarken kulland ğ n z ENTER lar gözard ettiğini gördük (browser tüm yaz y boşluklar dolduracak şekilde dağ t yordu). Fakat browser, bir paragraf belirteci gördüğü anda yaz ya bir boşluk koyar ve yeni bir paragrafa başlar. Bir paragraf başlatmak için yaz lmas gereken kod: <p> Not edilmesi gereken nokta bu belirtecin bir bitiş belirtecine ihtiyac yoktur. (Yani </p> belirtecini kullanman za genel olarak gerek yok). Ayr ca başl k belirteçlerinde <p> belirteci haz r olarak vard r, yani <hn> ile <p> belirtecini birlikte kullanman za gerek olmaz. (<h> belirteci kullan ld ğ nda browser otomatik olarak başl ğ n baş na ve sonuna bir sat r boşluk b rak r.) Paragraf Belirtecini kullanmak HTML döküman n za paragraf belirteci koymak için aşağ da anlat lanlar uygulay n. 1. Döküman n z notepad de tekrar aç n (eğer aç k değilse). 2. Éncelikle ( Volkan, bir gezegenden ) cümlesiyle başlayan bölümü yeni bir paragraf yapal m ve ard ndan yeni bir paragraf ekleyelim. Şimdi yaz m z yaklaş k olarak şöyle görünmelidir: Bu derste interneti volkanlar hakkinda bilgi toplamak için kullanacak ve bulgularinizdan bir rapor hazirlayacaksiniz. <h2>giriş</h2> Volkan, bir gezegenden erimiş kaya veya mağmanın yüzeye çıktığı noktadır.

11 Bu çıkış, büyük bir patlama ile olabileceği gibi sessiz ve yavaş bir şekilde de olabilir. <p> Volkanlar, insanlardan çok önce dünya tarihinde yer almışlardır. İnsanların birkaç milyon yıllık tarihini, dört milyar yıl ile karşılaştırın. 3. Döküman kaydedin. 4. Browser n za dönün ve sayfay Reload edin. Yazıyı bölmenin başka yolları Döküman n z bölümlere ay rmak için hard rule/ hr belirtecini kullanabilirsiniz. Bu belirteç dökümana aşağ daki gibi bir çizgi ekler: Şimdi bunu deneyelim. Volkanlar döküman nda ilk paragraftan sonra bir <hr> belirteci kullan n. Döküman n ilgili parças : <h1>volkanlar Sayfası</h1> Bu derste interneti volkanlar hakkında bilgi toplamak için kullanacak ve bulgularınızdan bir rapor hazırlayacaksınız. <hr> <h2>giriş</h2> Volkan, bir gezegenden erimiş kaya veya mağmanın yüzeye çıktığı noktadır. Bu çıkış, büyük bir patlama ile olabileceği gibi sessiz ve yavaş bir şekilde de olabilir <p> Volkanlar, insanlardan çok önce dünya tarihinde yer almışlardır. İnsanların birkaç milyon yıllık tarihini, dört milyar yıl ile karşılaştırın.

12 şeklinde görünmelidir. Son olarak da textin istediğiniz yerinden diğer sat ra geçmesini sağlayan bir belirteç: <br>. Bu belirteci bir liste yaparken, bir şiirin m sralar n yazarken, vb. yerlerde kullanabilirsiniz. İzleyen iki örnekte <br> ve <p> belirteçleri aras ndaki farklar inceleyin: Sadece Paragraf Belirteci HTML Tüm kontrolü bilgisayara onu bırakmaktansa onu istediğiniz şekilde yönlendirmeniz daha iyidir. <p> Devam ediyor <p> Gördüğünüz gibi belirteçler bu iş için var! Sonuç Tüm kontrolü bilgisayara b rakmaktansa istediğiniz gibi yönlendirmeniz daha iyidir. Devam ediyor Gördüğünüz gibi belirteçler bu iş için var! Paragraf <p> ve <br> belirteci HTML Tüm kontrolü bilgisayara<br> bırakmaktansa onu istediğiniz<br> şekilde yönlendirmeniz daha iyidir. <p> Devam ediyor <br> Gördüğünüz gibi belirteçler<br> bu iş için var! Sonuç Tüm kontrolü bilgisayara b rakmaktansa istediğiniz şekilde yönlendirmeniz daha iyidir. Devam ediyor Gördüğünüz gibi belirteçler bu iş için var!

13 6. Dökümana Stil Kazandırmak HTML, textinize stil kazand rmak için size bir çok belirteç sunar. Bunlardan baz lar : HTML <b>bu yaz koyu </b> Stil Belirteçleri Sonuç Bu yazı koyu <i>bu yaz italik </i> Bu yazı italik <tt>bu yaz typewriter </tt> Bu yaz typewriter Bu belirteçleri içiçe kullanabileceğinize dikkat edin. Fakat belirteçleri doğru s ralamaya dikkat etmeniz gerekiyor, mesela ilk açt ğ n z belirteci son olarak kapatman z gerekir. <i><b>bu yaz koyu ve italik</b></i> Bu yazı koyu ve italik <b><i>bu yaz da</i></b> Bu yazı da Ayr ca, bu belirteçleri başl k textinize de uygulayabilirsiniz. <h2><i>yeni</i> ve <tt>gelişmiş!</tt></h2> Yeni ve Gelişmiş HTML Dökümanınıza Eklemeler 1. Döküman n z tekrar aç n (eğer değilse). 2. Text editörünüze dönün (volkanlar.html dosyas na). 3. Giriş bölümündeki ilk kelime olan Volkan kelimesinde bir değişiklik yapacağ z.

14 4. Bu kelimeye şu belirteci ekleyin: <b>volkan </b> 5. Şimdi de ikinci cümledeki milyar kelimesinin önemini art rmak için bu kelimeyi koyu ve italik yapacağ z. Değişiklikten sonra paragraf şöyle gözükmeli: <p> Volkanlar, insanlardan çok önce dünya tarihinde yer almışlardır. İnsanların birkaç milyon yıllık tarihini, dört <b><i>milyar</i></b> yıl ile karşılaştırın. 6. Son olarak, özel bir kelimeyi belirtmek için typewriter belirtecini kullanacağ z Volkan Terminolojisi başl ğ alt nda şu texti girin: Volkan araştırmaları, ya da <tt>volkanoloji</tt>, birçok garip terim içerir. 7. Æal şman z kaydedin ve browser da tekrar yükleyin (Reload). 7. Listeler (lists) Bir çok web sayfas listelenmiş bilgi gösterir. HTML de bu listeleri oluşturmak kolayd r, hatta bu listeler liste içinde liste oluşturabilirler (mesela bir outline oluşturmak için). Listeler ayr ca bir içindekiler bölümü haz rlarken ya da bir seri bilginin bölümlerini göstermek için uygundur. Sırasız (unordered) listeler S ras z listeler ya da ul belirteci, browserda, baş nda noktalarla belirtilen sat rlar oluşturur. Noktalar n şekli, kullan lan browsera ve yap lan ayarlar na göre değişir (tan mlanan font da

15 etkilidir; mesela Macintosh ta bu noktalar option-8 karakter denen bir karakterle, Times fontunda bu küçük bi kare, Genova fontunda ise büyükçe bir nokta). Sırasız listeye bir örnek: birinci parça ikinci parça üçünçü parça Bu listeyi yapmak için HTML kodu: <B>Sırasız listeye bir örnek:</b> <ul> <li> birinci parça <li> ikinci parça <li> üçüncü parça </ul> <ul> belirteci listenin başlang ç ve bitişini belirtir. Sıralı Listeler S ral listeler browser n her parçaya bir numara atad ğ listelerdir (1., 2. gibi). S ras z listeden tek fark <ul> belirteçlerini <ol> haline değiştirmektir. Bir önceki örneği kullan rsak: Sıralı listeye bir örnek: 1. Birinci parça 2. İkinci parça 3. Êçüncü parça Bu listeyi oluşturmak için HTML kodu:

16 <B>Sıralı listeye bir örnek:</b> <ol> <li> Birinci parça <li> ikinci parça <li> üçüncü parça </ul> İçiçe Listeler S ral ve s ras z listeler değişik derecelerde kullan labilir, her biri browser taraf ndan gerektiği gibi işlenecektir. Fakat önem vermeniz gereken nokta her listenin doğru bir bitiş belirteci olmas ve içiçe s ralan ş nda bir hata olmamas d r. Tüm bu <ol> <li> </ul> <li> belirteçleri ile işler biraz kar ş yor gibi görünmeye başlayabilir, fakat öncelikle akl n zda tutman z gereken listelerin temel görünüşüdür. <ul> <li> <li> </ul> <ol> <li> <li> </ol> Başka listelerin içinde kullan lm ş bir s ras z liste: İçiçe Sırasız Liste Bu birinci parça Bu ikinci parça Bu ikinci parçan n ilk alt parças Bu da bir alt parçan n alt parças Bu, alt parçan n ikinci alt parças Bu, ikinci parçan n ikinci alt parças Bu, ikinci parçan n üçüncü alt parças Bu üçüncü parça

17 Liste işaretlerinin her derecede değiştiğine dikkat edin. Bu format oluşturmak için HTML kodu: <B>İçiçe Sırasız Liste</B> <ul> <li>bu birinci parça <li>bu ikinci parça <ul> <li>bu ikinci parçanın ilk alt parçası <ul> <li>bu da bir alt parçanın alt parçası <li>bu, alt parçanın ikinci alt parçası </ul> <li>bu, ikinci parçanın ikinci alt parçası <li>bu, ikinci parçanın üçüncü alt parçası </ul> <li>bu üçüncü parça </ul> İçiçe Listeler Hepsini Kullanmak S ral listelerde sadece s ral listeleri kullanman z gerekmez, liste çeşitlerini birlikte içiçe kullanabilirsiniz. Mesela, bu örnekteki s ral listenin içinde bir s ras z liste kullan l yor: İçiçe sırasız liste 1. Bu birinci parça 2. Bu ikinci parça Bu ikinci parçanin birinci alt parças

18 1. Bu da bir alt parçan n numaral alt parças 2. Bu da bir alt parçan n numaral başka alt parças Bu ikinci parçan n ikinci alt parças Bu ikinci parçan n üçüncü alt parças 3. Bu üçüncü parça Bu ç kt n n sağlanmas için gerekli HTML kodu: <B>İçiçe s ras z liste</b> <ol> <li>bu birinci parça <li>bu ikinci parça <ul> <li>bu ikinci parçanin birinci alt parças <ol> <li> Bu da bir alt parçan n numaral alt parças <li>bu da bir alt parçan n numaral başka alt parças </ol> <li>bu ikinci parçan n ikinci alt parças <li>bu ikinci parçan n üçüncü alt parças </ul> <li>bu üçüncü parça </ol> HTML Dökümanınıza Listeler Yerleştirmek Şimdi, liste belirteçlerini kullanarak Volkanlar Sayfas na s ral ve s ras z listeler koyacaks n z. 1. Aç k değilse çal şman z aç n. 2. HTML döküman n z text editöründe aç n. 3. Volkan terminolojisi başl ğ alt nda teknik kelime örnekleri göstermek için s ras z liste belirteçlerini kullanacağ z. Döküman n zda bu bölüme gidin.

19 4. Énce aşağ daki cümleyi yerleştirin. Ne kadarını biliyorsunuz? 5. Şimdi listeyi oluşturmak için HTML format n kullanacağ z: <ul> <li>kaldera <li>vesikularite <li>pahoehoe <li>reoloji <li>lahar </ul> 6. Şimdi, gerekli k s mlar n yaz lmas için s ral liste kullanacağ z. Araşt rma Projesi k sm alt nda aşağ daki yaz y girin: Göreviniz, yukarıdaki listenin dışında son yüz yıl içinde faaliyete geçmiş bir volkan hakkında bilgi toplayıp rapor etmek. Raporunuzda şunlar olmalı: <ol> <li>volkanın çeşiti <li>jeografik konumu <li>en yakın şehrin ismi, popülasyonu, ve volkana uzaklığı <li>en son faaliyeti ve verdiği hasar. <li>faaliyetle birlikte görülen olaylar (toprak kaymaları, depremler, vs.) </ol> <p> Sonra, bu volkanın yol açtığı genel hasarlar üzerine bir gözlem ve bunların azaltılması için neler gerektiği konusunda bir paragraf yazın.

20 7. HTML dosyan z kaydedin ve browser n zda tekrar yükleyin. 8. Grafikler ve Dosya Biçimleri İnternet üzerinden sadece text göndermek klasik dan farkl değildir. Grafikleri kullanmaya başlad ğ n zda mesajlar n z çok daha çarp c hale gelir. Web in Grafik Biçimleri Bilgisayar grafikleri için bir çok grafik biçimi vard r. PICT. GIF. TIFF. EPS. BMP. JPEG Bir browser n grafikleri gösterme yolu, HTML format nda grafik dosyas n n yerini ve ismini belirtmektir. Bu format birçok browser n tan yabileceği bir format olmal d r. Teknik olarak söylemek gerekirse, resim format n z platform bağımsız olmal d r. HTML in kendisi platform bağ ms zd r, sonuçta text karakterleri tüm bilgisayarlar taraf ndan anlaş labilir. Bir web sayfas nda görüntülenebilen standart format GIF ya da Graphics Interchange Format d r. GIF, resim boyutunu s k şt r r (dolay s yla boyutlar n küçültür) ve sonucu internette gönderilebilecek ikilik (binary) sisteme çevirir. GIF s k şt rmas, grafik büyük boyutlarda tek renk olursa çok etkilidir; ve bir renk yatayda sürekli olursa s k şt rma çok daha iyidir. Web de kullan lan diğer dosya format JPEG dir (ismini bu format dizayn eden gruptan, Joint Photographic Expert Group, al r). Eskiden, JPEG resimleri browserlarda direk olarak gösterilmez, bunun için yard mc bir program kullan l r ve resim ayr bir ekranda görünürdü. Bugün browserlar n tamam na yak n bu format destekler. JPEG s k şt rmas fotoğrafik resimlerde genellikle çok etkilidir. Bazen dosya boyutunu 1/10 a kadar düşürür.

21 Grafik kullanırken akılda tutulması gereken bazı noktalar Art k web sayfan z tasarlamaya başlad ğ n za göre, resimlerinizi GIF ya da JPEG format nda kullanmay öğrenmelisiniz. Büyük ve çok say da resim sayfan z n mükemmel görünmesini sağlayabilir fakat bu resimlerin yüklenmesini bekleyecek kullan c lar için sonuç s k c ve yorucu olur. Bir tavsiye olarak, resimlerinizin boyutlar n 100k dan az tutman z iyidir. Küçük boyutlar her zaman iyidir. Grafik boyutlar n çok büyük tutmaman z (genişlik 480, yükseklik 300 pixeli genelde geçmemeli) iyidir, sonuçta sayfan z görüntüleyenlerin ekran boyutlar her zaman 21 inch olmaz! Verdiğim boyutlar n üzerindeki görüntüleri ekranda görebilmek için genelde ekran sağa-sola ya da yukar -aşağ kayd rmak gerekir. Macintosh bilgisayarlar nda birçok koyu ton Windows bilgisayarlar nda görünmez. Tüm resimleri bir anda göstermek yerine bu resimlere bağlant lar (link) koymak daha iyidir, bazen internete yavaş bağlant s olanlar bu resimleri görüntülemeyerek zaman kazanmak isteyebilirler. Tek bir resim (mesela bir düğme) sayfan n bir çok yerinde kullan labilir. Bu durumda browser her defas nda resimi baştan yüklemek yerine ilk yüklemeden sonra geri kalan yerlerde bunu haf zadan yükler. En önemlisi, kullanacağ n z resimin o sayfa için gerekli olup olmad ğ ndan emin olun. Böylece gereksiz resimlerin yüklemeyi yavaşlatmas n engellemiş olursunuz. Büyük resimlerden oluşmuş ve güzel görünen bir sayfa tasarlam ş olabilirsiniz, fakat sayfan z görüntülüyecek insanlar yavaş bir modemden ve yavaş bir hattan sayfan za ulaşmaya çal ş yor olabilir. Sayfanız için grafikler bulmak Şimdi, tasarlad ğ n z sayfa için bir kaç resim bulman n tam zaman. İnternete girip konuyla ilgili biraz araşt rma yapabilirsiniz. Sayfan z için yararl olabilecek birkaç resim bulmaya çal ş n. Deneyebileceğiniz bir kaç yer:

22 8a. Resim Kullanımı Resimleri Gömmek için HTML Belirteçleri Gömülen resim, bir web sayfas n n texti ile birlikte görülen resimdir. Buradaki Büyük M harfi gibi. Gömülen resim için HTML belirteci: <img src= dosyaismi.gif > Buradaki dosyaismi.gif, HTML döküman n z n bulunduğu dizinde bulunan grafik dosyas d r. gömülen kelimesiyle kast m z, bir browser bu resimi textlerin aras na yerleştirir. Yukar da Büyük M nin yan ndaki yaz yla ayn sat rda olduğuna dikkat edin. Eğer bu resimin kendi baş na bir sat rda olmas n isteseydik ne yapard k? Resmin kendi baş na bir sat rda görünmesini sağlamak için, yanl zca belirtecinin baş na bir paragraf belirteci yerleştirin: <p> <img src= dosyaismi.gif > Text ve Gömülen Resimin Düzeni <img > belirteciyle baz özellikleri kullanarak text ve resim aras nda nas l bir düzen olmas n istiyorsan z ayarlayabilirsiniz. <img> belirtecinin içine yerleştirilen align özelliği sayesinde aşağ daki efektleri yapabilirsiniz:

23 1. align=top <img align=top src= dosyaismi.gif> Yaz buraya gelecek. Dikkat ederseniz, ilk sat rdan sonraki yaz boşluklar dolduruyor. 2. align=middle <img align=middle src= dosyaismi.gif > Yaz buraya gelecek. Bu sefer align=middle yani orta dediğimiz için yaz grafiğin ortas ndan devam ediyor. 3. align=bottom (normal) <img align=bottom src= dosyaismi.gif > Yaz bu sefer buraya gelecek. align=bottom demekle yaz n n en alt k s mda olacağ n belirttik. HTML Dökümanımıza Resim Yerleştirelim Bu çal şmada, üzerinde çal şt ğ m z dökümana bir giriş resmi koyacağ z. 1. Æal şman z, aç k değilse tekrar aç n. 2. Text editörünüzde volkanlar.html dosyas n aç n. 3. <h1>volkanlar Sayfas <h1> başl ğ n n üzerine şunu yaz n:

24 <img src= lava.gif > Bu belirteç, sayfan z n en üstüne daha önce bulduğunuz volkan resimini yerleştirir. lava.gif, bu dosyan z n ismidir; eğer dosyan z n ismi değişikse, lava.gif yerine o ismi yazmal s n z. 4. Dosyan z kaydedin ve browser n zda tekrar yükleyin. NOT: Dikkat etmeniz gereken nokta, lava.gif ya da kullandığınız resim dosyası HTML dökümanınızla aynı dizinde olmalıdır. Eğer değilse, dosyanın bulunabileceği yerin tam yolunu yazmalısınız. Resimi yerleştirdiğinizde akl n za neden resim belirtecinden sonra <p> belirtecini kullanmad ğ n z gelebilir, bunun sebebi resim belirtecinden hemen sonraki belirtecin bir başl k <hn> belirteci olmas yd ; daha önce gördüğümüz gibi bir browser başl k belirteçlerinden önce ve sonra bir sat r boşluk b rak r (paragraf belirtecine gerek kalmaz). Alt= Özelliği Eğer sayfan z yanl zca text tan yan bir browser kullanan kullan c lar taraf ndan görüntülenecekse, bu kullan c lar taraf ndan hiç bir resim görüntülenemez. Ya da bazen, kullan c lar daha h zl erişim için browser n resimleri yükleme özelliğini kapat rlar. Bu durumda <img > belirtecinde kullanacağ n z alt özelliği resimin yerine, orada bir resim olduğunu belirten bir boşluk koyarlar. Bu gibi durumlarda, yanl zca text kullanan bir browser sizin yapt ğ n z sayfan n başlang ç k sm n şu şekilde görürler: [IMAGE] Volkanlar Sayfası Bu derste interneti volkanlar hakkında bilgi toplamak için kullanacak ve bulgularınızdan bir rapor hazırlayacaksınız.

25 Bu sayede kullan c, sayfan n baş nda bir resim olduğunu anlar. Buna ek olarak <img > belirtecini bu gibi durumlarda buraya boşluk gelmesi yerine bir text gösterecek şekilde düzenleyebilirsiniz. Mesela, düzenlediğimiz sayfada bu gibi durumlarda resimin yerine Volkanlar üzerine bir inceleme yaz s n n gelmesini sağlayal m. Bunun için textinizde şu değişikliği yap n: <img alt= Volkanlar üzerine bir inceleme src= lava.gif > Buradaki alt= özelliği gerekli olduğunda resimin yerine verdiğiniz textin yerleşmesini sağlar. Æal şmam z n bu bölümü art k yanl z text özelliği olan browserlarda şu şekilde görünür: Volkanlar üzerine bir inceleme Volkanlar Sayfası Bu derste interneti volkanlar hakkında bilgi toplamak için kullanacak ve bulgularınızdan bir rapor hazırlayacaksınız. Yükseklik (height) ve genişlik (width) özellikleri <img > belirtecinize dahil etmek isteyeceğiniz başka iki özellik de height ve width özellikleridir. Bunlar resimin boyutlar n pixel olarak belirlemenizi sağlar. Neden? Normal olarak browser n z bu boyutlara kendi karar vermek zorundad r, eğer boyutlar siz belirlerseniz sayfan z n yüklenmesi daha h zl olabilir. Ayr ca, bazen HTML 2.0 standratlar n kullanan kullan c lar n baş na gelen browserlar n n çökmesi sorununu engelleyebilirsiniz. Bu özelliği eklemek için gerekli biçim şöyledir: <img src= dosyaismi.gif width=x height=y > Burada X resimin genişliği, Y de yüksekliğidir (pixel cinsinden).

26 Bizim kulland ğ m z lava.gif dosyas n n boyutlar 300 pixel genişlik ve 259 pixel yüksekliktir. Bu durumda son olarak şu değişikliği yağmal y z: <img alt= Volkanlar üzerine bir inceleme src= lava.gif width=300 height=259> NOT: Belirtecin içinde kullanılan özelliklerin sırası önemli değildir. Êzerinde çal şt ğ m z dosyan n son görünüşü şöyle olmal : Volkanlar Sayfası Bu derste interneti volkanlar hakk nda bilgi toplamak için kullanacak ve bulgular n zdan bir rapor haz rlayacaks n z. Giriş Volkan, bir gezegenden erimiş kaya veya mağman n yüzeye ç kt ğ noktad r. Bu ç k ş, büyük bir patlama ile olabileceği gibi sessiz ve yavaş bir şekilde de olabilir Volkanlar, insanlardan çok önce dünya tarihinde yer alm şlard r. İnsanlar n birkaç milyon y ll k tarihini, dört milyar y l ile karş laşt r n.

27 Volkan Terminolojisi Volkan araşt rmalar, ya da Volkanoloji, birçok garip terim içerir. kaldera vesikularite pahoehoe reoloji lahar St Helen Dağı Long Valley Mars ta Volkan Bölgeleri Araştırma Projesi Göreviniz, yukar daki listenin d ş nda son yüz y l içinde faaliyete geçmiş bir volkan hakk nda bilgi toplay p rapor etmek. Raporunuzda şunlar olmal : 1.Volkan n çeşiti 2.Jeografik konumu 3.En yak n şehrin ismi, popülasyonu, ve volkana uzakl ğ 4.En son faaliyeti ve verdiği hasar. 5.Faaliyetle birlikte görülen olaylar (toprak kaymalar, depremler, vs.) Sonra, bu volkan n yol açt ğ genel hasarlar üzerine bir gözlem ve bunlar n azalt lmas için neler gerektiği konusunda bir paragraf yaz n. Referanslar

28 9. Bağlantılar Kullanmak URL Nedir? Web in gerçek gücü istenen yerlere hipertext bağlant lar oluşturabilmektir. Bu istenen yerler başka web sayfalar olabileceği gibi, grafikler, sesler, dijital filmler, animasyonlar, programlar, bir ftp arşivi vb. olabilir. WWW (World Wide Web), URL (Uniform Resource Locators) olarak bilinen bir adresleme sistemi kullan r. Bu hipertext bağlant lar (alt çizgili ve genellikle mavi olarak görünüler) çapa olarak da tan n r. 9a. Yerel Dosyalara Linkler En basit bağlant şekli, ayn dizinde bulunan başka bir HTML dosyas n açmakt r. Bunun için yaz lmas gereken HTML komutu şöyledir: <a href= dosyaismi.html >bağlantıyı sağlayacak yazı</a> a için anchor (çapa) ve href için hypertext reference diyebiliriz. Dosya ismi başka bir HTML dosyas olmal d r. bağlant y sağlayacak yaz, hipertext ve alt çizgili olacak yaz d r. Şimdi, çal şmam zda yerel bir dosyaya bağlant oluşturmak için aşağ dakileri yapacağ z: 1. Volkanlar.html dosyan z text editöründe aç n. 2. St Helen Dağ başl ğ alt nda şunlar yazal m:

29 Mayıs 18, 1980 de, uzun bir dinlenmeden sonra Washington daki bu sessiz dağ büyük patlamalar hakkında bize <a href= msh.html >önemli incelemeler</a> olanağı sunmuştur. 3. Æal şman z kaydedin ve browserda tekrar yükleyin. 4. Şimdi text editörünüzde yeni (New) bir sayfa aç n. 5. Aşağ daki yaz y girin: <html> <head> <title>st Helens Dağları</title> </head> <body> <h1>mount St Helens</h1> Tepesi ağaçlarla kaplı ve bir zamanlar sessiz olan bu dağ faaliyete geçtiğinde etrafını oyuncaklar gibi dağıttı. </body> </html> 6. Bu dosyay msh.html ad nda diğer dosya ile ayn yere kaydedin. 7. Browser n zda Volkanlar.html dosyas n tekrar yükleyin. 8. önemli incelemeler bağlant s n test edin. Buraya kliklediğinizde browser n msh.html dosyas n yüklemesi gerekir. Bir Grafiğe Bağlantı Bir grafiğe bağlant yaparken kullanacağ n z biçim dosyaya bağlant yapma mant ğ yla ayn d r. Bu sefer bağlant y yapan yaz ya kliklediğiniz zaman karş n za başka bir döküman yerine bağlant n n sonundaki grafik gelir.

30 Başka Dizinlere Bağlantı Başka dizinlerdeki dosyalara bağlant kurmak için dosya ad n yazd ğ n z yere dosyan n tam yerini (path) ve dosya ismini yazman z gerekir. Mesela, bundan sonra döküman m zda kullanacağ m z resimleri /resimler adl bir dizine koyal m. Böylece resimlerimizin say s artt kça oluşacak kar ş kl ğ azaltm ş oluruz. Şimdi çal şmam za yeni bir resim ekleyelim: 1. Bilgisayar n zda Volkanlar.html dosyas n n bulunduğu yere resimler ad nda bir dizin açal m. 2. Bu dizinin alt na St. Helens Dağ n gösteren bir resim koyal m. Bizdeki bu resimin ad msh.gif. 3. msh.html dosyas n text editörümüzde açal m. 4. Resime ulaşmak için gerekli yere bir bağlant kural m: Tepesi ağaçlarla kaplı ve bir zamanlar sessiz olan bu dağ faaliyete geçtiğinde <a href= resimler/msh.gif >etrafını oyuncaklar gibi dağıttı</a>. 5. Döküman n z kaydedin ve browser n zda tekrar yükleyin. Son olarak etraf n oyuncaklar gibi dağ tt yaz s na kliklerseniz aşağ daki resimin ekranda görünmesi gerekir:

31 Gördüğünüz gibi başka dizinlere bağlant kurarken tüm yolu yazmak yerine o an bulunduğumuz dizine göre olan konumu yazmam z yeterli olur. Asl nda bu bağlant lar yaparken dosyalar n yolunu root dizininden itibaren yazabilirdik. Fakat kulland ğ m z şeklin bir avantaj, dosyalar m z bilgisayar m zdan başka bir yere taş d ğ m zda (mesela kendi adresine) üzerinde değişiklik yapmam za gerek kalmaz. Aksi taktirde dosyalar n bulunduğu yerleri baştan yazmak gerekirdi. Üst Dizindeki Dosyalara Bağlantı Eğer bir dosya döküman n z n bulunduğu dizinden daha önceki dizinlerde yer al yorsa ne yapacağ z? Gene root tan itibaren dizinleri yazmaktansa başka yollar deneyebiliriz. Mesela şu anki dizin ve dosya s ralamam z şöyle olsun (bundan sonra dosyalar m z bu düzene göre yazacağ z): Bu durumda, msh.html dosyas ndan msh.gif dosyas n görüntülemek için:

32 <img src=../resimler/msh.gif > yazmam z gerekir. Burada kulland ğ m z.. iki nokta bir önceki dizini belirtir. Şimdi dizin ve dosyalar m z n yerinde bir değişiklik daha yapal m. lava.gif dosyas n resimler dizinin alt na yerleştirelim. Bunu yapt ktan sonra döküman m z browserda görüntülersek lava.gif dosyas n n görüntülenmediğini görürüz. Bunun sebebi art k dosyan n, bulunduğunu belirttiğimiz yerde olmamas d r. Şimdi Volkanlar.html dosyam z text editörümüzde tekrar açal m ve lava.gif dosyas n n sayfaya eklendiği yerde şu değişikliği yapal m: <img alt="volkanlar üzerine bir inceleme" src="../resimler/lava.gif" width=300 height=259> Bir değişiklik daha: Art k yapmam z gereken değişiklik Volkanlar.html dosyas n n ismini index.html yapmak. Neden mi? Bu dersleri bitirdiğinizde sayfan z TR-net teki accountunuza atacaks n z. Diyelim ki sayfan z n adresi Son haliyle sayfan za ulaşmak için yazman z gereken adres: dir. Fakat başlang ç dosyan z n ad index.html olsayd adrese yazman z yeterli olacakt. Bunun sebebi, bir standart olarak browserlar, eğer bir dosya ismi belirtilmemişse index.html dosyas n n olup olmad ğ na bakar, varsa bu dosyay görüntüler. 9b. URL ler URL, WWW nin bilgisayarlar ve dosyalar bulmak için kulland ğ yoldur. URL in içerdikleri: İnternet servisçi makinas n n çeşiti bir internet adresi

33 ulaşt ğ dosyan n dizin s ras (path) URL ler nasıl kullanılır? URL lerin kullan lma şekli şudur: şekil://in.ter.net.adresi/dizin/alt-dizin/ /dosyaismi şekil ile belirtilen yer, ulaş lan servisçi makinan n cinsini belirler: http HyperText Transfer Protocol denen dosya aktar m biçimidir. gopher dizinlerin bir menü şeklinde göründüğü bilgi iletim servisi ftp File Transfer Protocol (FTP) denen servisçi dosya aktar m n n gerçekliştiği makinalar için kullan l r. telnet Servisçi makinaya uzaktan erişebilmek için kullan lan bir servistir. Telneti kulland ğ n zda browser n z, bunun için yard mc bir program kullanacakt r. WAIS Wide Area Indexed Server genelde bir konu üzerine anahtar kelimelerden arama yapan servisçi file kendi bilgisayar n zdaki dosyaya ulaşmak için kullan l r. Şekil ile belirttiğimiz yerden sonra hep :// kullan l r. Bunu ise ulaşacağ m z makinan n internet adresi izler.

34 NOT: Bir çok servisçide büyük küçük harf arası fark vardır. UNIX ve LINUX bilgisayarları büyük küçük harf duyarlıdır ve bugün bir çok web sayfası bu bilgisayarlar üzerinden çalışır (TR-net te olduğu gibi). Volkanlar.html dosyası volkanlar.html dosyasından farklıdır. 9c. İnternet e Linkler Oluşturmak Daha önce dosyalara bağlant lar oluşturduk. İnternet teki sayfalara link oluşturmak da ayn yolla yap l r. Yapman z gereken sadece dosya yerine yazd klar n z yerine internet adresini yazmakt r. Yani, yazman z gereken yaklaş k olarak şöyledir: <a href= URL >Bağlantıyı sağlayacak yazı</a> Şimdi, kendi döküman m za, Mars taki volkanlar gösteren bir sayfan n bağlant s n yapacağ z. 1. index.html dosyan z text editörünüzde aç n. 2. Mars ta Volkan Bölgeleri başl ğ n n alt na şunlar yazal m: <a href=" Mars ın</a> kendine özgü volkanik bölgeleri vardır. Bunlardan birinde ise Güneş Sisteminin bilinen en büyük volkanı, <a href=" Olympus Mons</a> yer alır. 3. Æal şman z kaydedin ve browserda tekrar yükleyin. Buna ek olarak, döküman m zdaki referanslar k sm na volkanlarla ilgili bir kaç bağlant daha ekleyelim. Burada listeler ile bağlant lar n birlikte kullan m na dikkat edin: <ul>

35 <li><a HREF=" Alaska Volcano Observatory</A> <li><a HREF=" Cascades Volcano Observatory</A> <li><a HREF=" The Electronic Volcano</A> <li><a HREF=" Michigan Tech Volcanoes Page</a> <li><a HREF=" NASA Earth Observing System (EOS) IDS Volcanology Team</A> <li><a HREF=" Volcano Information Center</a> <li><a HREF=" earth_servers.html"> Volcano/Earth Science-Oriented Servers</A> <li><a HREF=" NGDC Natural Hazards Data</a> <li><a href=" Global Volcanism Program (GVP) </a> <li><a href= " Volcano Watch Newsletter</a> <li><a href=" EXPEDITIONS_JASON_6_home.html"> JASON Project VI: Island Earth</a> <li><a HREF=" VolcanoWorld</A> </ul> Sayfan z n son hali şöyle olmal d r:

36 9d. Bir Sayfanın Bölümlerine Linkler Eklemek İnternetten sayfalara ve istediğiniz dosyaya bağlant lar kurmay öğrendiniz. Eğer bir sayfan n/döküman n belirli bir bölümüne (mesela 80. Sat r na) bağlant kurmak isteseydiniz ne yapard n z? HTML dilinde bu da mümkün. Bu iş için kullan lan belirteçlere named anchor (isimlere bağlant ) deniyor. İsimlere bağlant yapabilmek için aşağ daki örneği inceleyin: <a isim= İSİM >Bağlantının yapılacağı yazı</a>

37 Buradaki İSİM, bağlant y yaparken kullanacağ m z adres yerine gelecek. Bir döküman n kendisinde (sayfan n içinde başka bir yere) bağlant yaparken belirteç: <a href= #xxxx >Hipertext gibi davranacak yazı</a> şeklinde kullan l r. # sembolü browsera döküman n geneline bakmas n ve xxxx isimli bağlant ya gitmesini söyler. Burada Hipertext gibi davranacak yazı ya kliklediğinizde browser #xxxx isminin olduğu yeri ekran n baş na getirir. İsterseniz döküman m zda bu belirteci kullanarak konuyu pekiştirelim: 1. Text editöründe index.html dosyas n aç n. 2. Giriş başl ğ na gelin ve şu şekilde değiştirin: eski hali: <h2>giriş</h2> yeni hali: <h2><a name= başlangıç >Giriş</a></h2> 3. Ayn mant kla, dökümandaki diğer başl klara da birer isim atayal m: <h2><a name= term >Volkan Terminolojisi</a></h2> <h2><a name= mars >Mars ta Volkan Bölgeleri</a></h2> <h3><a name= proje >Araştırma Projesi</a></h3> 4. Şu an döküman n z browserda tekrar yüklerseniz bir fark göremezsiniz, isim bağlant lar kullan c lardan gizlenen belirteçlerdir. Aynı dökümandaki isim bağlantılarına link eklemek

38 Son oluşturduğumuz isim bağlant lar n kullanabilmek için kullan c lar sayfan n bu bölümlerine yönlendirecek hipertext linkleri oluşturmam z gerekir. Döküman m z üzerinde çal şmaya devam edelim: 1. Şu an aç k değilse, index.html dosyas n aç n. 2. Volkanlar sayfas başl ğ n n alt ndaki cümleden sonra aşağ dakileri yaz n: <hr> <B>Bu derste </B> <ul><i> <li><a href= #başlangıç >Giriş</a> <li><a href= #term >Volkan Terminolojisi</a> <li><a href= #mars >Mars ta Volkan Bölgeleri</a> <li><a href= #proje >Araştırma Projesi</a> </ul> 3. Döküman kaydedip browserda tekrar yükleyin. Başka bir dökümana isim bağlantıları koymak Bu yöntemle başka bir sayfan n istediğiniz sat r na (<a name > belirtecini kulland ğ n z yerlere) bağlant yapabilirsiniz. Bu konunun mant ğ da dosyalara ya da internetteki adreslere bağlant yapmakla ayn d r. Bu sefer ek olarak yazman z gereken # işaretidir. Deneme olarak döküman m z n msh.html dosyas na, index.html dosyas na geri dönmek için bir bağlant koyal m. 1. msh.html dosyas n text editöründe aç n. 2. Sayfan n en alt na (</body> belirtecinden hemen önce) takip eden yaz y yaz n: <hr> <a href= index.html#başlangıç >Volkanlar Sayfasına dönüş</a>

39 3. Dosyay save edip browser n zda görüntüleyin. Art k sayfada Volkanlar Sayfas na dönüş yaz s na kliklerseniz index.html sayfas n n başlang ç bölümüne dönersiniz. Bundan sonra önceki bilgilerinizi de kullanarak bilgisayar n zda ya da internette istediğiniz dosyan n istediğiniz bölümüne bağlant koyabilirsiniz. 9e. Hipergrafik Linkleri Buraya kadar bağlant lar yaparken düz text kulland k. HTML de kullanabileceğimiz bir yöntem de hipergrafik bağlant lar d r. Bu bağlant lar kullanarak istediğimiz grafiğe bir bağlant atayabiliriz. Şimdi döküman m za dönüp bir örnek deneyelim: 1. Text editörünüzde index.html dosyan z aç n. 2. Long Valley başl ğ alt na aşağ dakileri yaz n: Bu alan seismometresi volkanların yüzeye yaptığı basınç sonucu oluşan depremlerin kuvvetini ölçer. Bulunduğu yer, 600 bin yıl önce patlamış bir volkanın platosudur. <p> <a href=../resimler/seismo.jpg ><img src=../resimler/stamp.gif > -- [Resimin Büyük Hali] -- </a> <p> 3. Dosyay kaydedin ve browserda tekrar yükleyin. Ekrandaki resime mouse u götürürseniz bir hipertext linki olduğunu göreceksiniz.

40 10. Text Biçimi (<pre> belirteci) Daha önce gördüğünüz gibi, browserlar yaz lar boşluklar dolduracak şekilde ekrana yayar. Fakat yaz lar n z n düzenini kendi isteğiniz doğrultusunda oluşturmak isterseniz <pre> belirtecini kullanman z gerekir. Mesela basit bir tablo oluşturmak istiyorsunuz: <pre> Patlamalar Tarih Alan (km3 cinsinden) Paricutin,Meksika Mt. Vesuvius, Italy MS Krakatoa, Endonezya </pre> Sonuç: Patlamalar Tarih Alan (km3 cinsinden) Paricutin,Meksika Mt. Vesuvius, Italy MS Krakatoa, Endonezya Gördüğünüz gibi browserlar <pre> </pre> belirteci aras nda kalan yaz lar yazd ğ n z şeklin ayn s halinde görüntüler. Bu belirteç çoğu zaman bir kaç sat rl k boşluk gerektiğinde de kullan l r. Mesela sayfan z n bir bölümünde 5 sat rl k boşluk istiyorsunuz. Yapman z gereken: <pre>

41 </pre> Browser n z, pre belirteçlerinin aras ndaki yaz y aynen görüntüleyeceği için bu durumda 5 sat rl k boşluk b rak r. 11. Özel Karakterler >>> òæñæ yaz s n nas l yazars n z? HTML de, ISO özel karakterlerini kolayl kla kullanabilirsiniz. Yazman z gereken sadece : &xxxx; XXXX kullanacağ n z özel karakterin numaras d r. Browser, & işareti ile başlay p ; ile biten rakamlar ya da baz HTML harflerini ekrana bu karakter ya da numaralara karş l k gelen haliyle aktar r. Mesela şimdiye kadar eğer <pre> belirtecini kullanmazsak birden fazla boşluk kullanam yorduk. Ézel karakterler sayesinde bu mümkün. Ekrana bir boşluk ç karmak için: yazman z yeterli. Diğer karakterleri ise aşağ daki listeden bakarak kullanabilirsiniz:

42 Karakter HTML Girişi ISO Latin-1 kod İsim ya da anlam Cent işareti Ters soru işareti " " " T rnak işareti Boşluk Semboller & & Ampersand Copyright Bölme > > Büyüktür < < Küçüktür µ µ Micron Orta nokta Paragraf ± ± Art /eksi Ingiliz Paundu Müseccel marka Bölüm Japon Yeni Diakritikler Á á á Küçük a, dar aksan Á Á Á Büyük a, dar aksan À à à Küçük a, grave accent À À À Büyük a, grave accent  â â Küçük a, belgili vurgu aksan    Büyük a, belgili vurgu aksan Å å å Küçük a, daire Å Å Å Büyük a, daire

43 à ã ã Küçük a, tilde à à à Büyük a, tilde Ä ä ä Küçük a, dieresis veya umlaut işareti Ä Ä Ä Büyük a, dieresis veya umlaut işareti Æ æ æ Küçük ae diphtong (ligatüre) Æ Æ Æ Büyük ae diphtong (ligatüre) Æ ç ç Küçük ç, cedilla Æ Ç Ç Büyük ç, cedilla Ç é é Küçük e, dar aksan Ç É É Büyük e, dar aksan È è è Küçük e, grave accent È È È Büyük e, grave accent Ê ê ê Küçük e, belgili vurgu aksan Ê Ê Ê Büyük e, belgili vurgu aksan Ë ë ë Küçük e, dieresis veya umlaut işareti Ë Ë Ë Büyük e, dieresis veya umlaut işareti Í í í Küçük I, dar aksan Í Í Í Büyük I, dar aksan Ð ì ì Küçük I, grave accent Ð Ì Ì Büyük I, grave accent Î î î Küçük I, belgili vurgu aksan Î Î Î Büyük I, belgili vurgu aksan Ï ï ï Küçük I, dieresis veya umlaut işareti Ï Ï Ï Büyük I, dieresis veya umlaut işareti È ñ ñ Küçük n, tilde È Ñ Ñ Büyük n, tilde Ñ ó ó Küçük o, dar aksan Ñ Ó Ó Büyük o, dar aksan Ó ò ò Küçük o, grave accent Ó Ò Ò Büyük o, grave accent Ò ô ô Küçük o, belgili vurgu aksan Ò Ô Ô Büyük ö, belgili vurgu aksan

44 Ø ø ø Küçük o, eğik çizgi Ø Ø Ø Büyük o, eğik çizgi Õ õ õ Küçük o, tilde Õ Õ Õ Büyük o, tilde É Ö Ö Büyük o, dieresis veya umlaut işareti ß ß ß Küçük keskin s Ô ú ú Küçük u, dar aksan Ô Ú Ú Büyük u, dar aksan Ö ù ù Küçük u, grave accent Ö Ù Ù Büyük u, grave accent Õ û û Küçük u, belgili vurgu aksan Õ Û Û Büyük u, belgili vurgu aksan Ê ü ü Küçük u, dieresis veya umlaut işareti Ê Ü Ü Büyük u, dieresis veya umlaut işareti Ÿ ÿ ÿ Küçük y, dieresis veya umlaut işareti 12. Açıklama Listeleri Daha önce iki çeşit liste gördük- s ral ve s ras z listeler -. Bunlara ek olarak aç klama listesi dediğimiz ve mant k olarak diğer listelere benzeyen bir liste çeşiti var. Bunun diğerlerinden fark, parçalar n baş na numara ya da herhangi bir işaret gelmemesidir. Aç klama listesi belirtecinin kullan l ş şöyledir: <dl> <dt> birinci başlık <dd> birinci açıklama <dt> ikinci başlık <dd> ikinci açıklama : : <dt> N. başlık

45 <dd> N. açıklama </dl> Tüm liste <dl> </dl> belirteçleri aras nda yer al r. Aras nda da başl k parçalar <dt> ve aç klama parçalar <dd> bulunur. Bir browserda denendiğinde yukar daki örnek şöyle görünür: birinci başl k ikinci başl k : : N. başl k birinci aç klama ikinci aç klama N. aç klama 13. Adres Satırları ve Linkleri Sayfan z ziyaret eden insanlar size mail atmak ya da ulaşmak isteyebilirler. Bu durumda adresinizi ve mail adresinizi olduğu gibi yazmak yerine bu işler için kullan lan belirteçlerden faydalanabilirsiniz. Adres belirtecinin HTML şekli: <address> adres bölümüne yazmak istediğiniz yazı </address>

46 Ak lda tutulmas gereken nokta, adres belirteçlerinin içerisinde diğer belirteçler serbestçe kullan labilir. Érnek olarak: HTML <address> <b>sayfa Başlığı</b><br> HTML Notları<br> Hazırlayan:<br> Kutberk Kargın <a href= tr.net > TR.NET</a><br> Sonuç Sayfa Başlığı HTML Notları Hazırlayan: Kutberk Kargın TR.NET Ek olarak, adres k sm na adresini yazmaktan öte mailto komutunu kullanarak mail adresinizin (ya da herhangi bir yaz n n) üzerine kliklendiğinde size mail gelmesini sağlayabilirsiniz. Mesela sayfan zda aşağ daki gibi bir hipertext linki oluşturun: <a href= mailto:kutberk@tr.net >Kutberk e bir atın</a>

47 Hipertext linkinin üzerine kliklendiğinde browser mail yaz labilecek bir ekran yarat r (mesela netscape kullan c lar için netscape mail). Son olarak, adres sat rlar n z n sonuna sayfan z n adresini yazmak iyi bir al şkanl kt r. Neden mi? Diyelim ki birisi sayfan z print etti ve ç kt. Sayfan zda görünen tüm bilgileri print etmiş olmas na rağmen sayfan z n adresi normal olarak kağ d n hiç bir yerinde görünmeyecektir. Tabi, sayfan n herhangi bir yerine yazmazsan z, bunun için en uygun yerlerden birisi de sayfan n en alt k sm, adresin alt d r (tabiki tercih her zaman sizin- sayfan z istediğiniz gibi tasarlamak sizin elinizde, tabi o sayfay görecek insanlar da ak ldan ç karmamak laz m). Şimdi döküman m z tekrar açal m ve sayfan n sonuna adresimizi ekleyelim: 1. index.html dosyas n bir text editöründe aç n. 2. sayfan n sonunda (ama </body> belirtecinin üzerinde), aşağ dakileri yazal m: <HR> <address><b>volkanlar Sayfası</B> <br> HTML Notları, <a href= mailto:ahmet@tr-net.net.tr > ahmet@tr-net.net.tr</a><br> <tt>her Hakkı Saklıdır</tt> </address> <p> <tt>url: Blockquote Belirteci <blockquote> (al nt ) komutu fazla kullan lmayan bir komuttur. Döküman n zda başkalar n n sözlerine yer verdiğinizde bu belirteçlerin aras na yazabilirsiniz. Bu belirteç, aras nda kalan yaz y iki <hr> (hard rule/düz çizgi) aras na al r ve sayfada ortalar.

48 Mesela: <blockquote> Bu bir denemedir. </blockquote> Sonucu: Bu bir denemedir. Görebileceğiniz gibi, asl nda blockquote belirtecinin yapt ğ n diğer belirteçleri kullanarak da yapabiliriz. 15. Renk Kullanımı Arka plan renkleri: Sayfam z n arka plan n renklendirmek için yapmam z gereken <body> belirteciyle birlikte bgcolor özelliğini de kullanmak. <body bgcolor=#xxxxxx> #XXXXXX, arkada belirecek rengin kodudur. Bu renkler RGB şeklinde (Red Green Blue/ K rm z Yeşil Mavi) ve onalt l k sistemdedir. Her iki basamak bir renkten ne kadar yoğun olacağ n belirler (toplam 3 renk 6 basamak). Bu durumda basit bir hesapla kullanabileceğimiz toplam renk say s n n 16.7 milyon renk olduğunu görürüz (genelde bu kadar na ihtiyaç duyulmaz). Say n n baş ndaki # işareti ise say n n Hexadecimal (Onalt l k sistem) olduğunu gösterir.

49 Elde ettiğimiz bilgileri kullanarak üzerinde çal şt ğ m z döküman n arka plan n siyah yapal m (RGB format nda değeri #000000). Yapmam z gereken tek şey <body> sat r n <body bgcolor=#000000> şeklinde değiştirmek. Yaz ya browserda bak n. Evet, art k hiç bir şey göremiyoruz! Bunun sebebi, yaz rengimizin de zaten siyah olmas yd. Neyse ki yaz rengini ayarlayabileceğimiz komutlar HTML de var: <body bgcolor=#xxxxxx text=#xxxxxx link=#xxxxxx vlink=#xxxxxx> xxxxxx renkleri, bgcolor = arkaplan rengi (normali gri) text = sayfan n normal yaz rengi (normali siyah) link = sayfadaki hipertext linklerinin rengi (normali mavi) vlink = daha önce ziyaret edilmiş adreslerin rengi (normali mor) ni belirleyebilir. Şimdi sayfam z n okunabilir hale gelmesi için şöyle bir renk ayar yapacağ z: <BODY BGCOLOR=# TEXT=#EEEEBB LINK=#33CCFF VLINK=#CC0000> Bu bize siyah bir arka plan, sar bir yaz, aç k mavi hipertext, ve k rm z ziyaret edilmiş hipertext sunacakt r. Gerekli değişikliği yapt ktan sonra browserda nas l göründüğüne bak n. Benim browser m sonucu aşağ daki gibi gösteriyor:

50 16. Text Düzenlemeleri Font Büyüklüğü

51 <font>..</font> belirteci yaz fontunun büyüklüğünü ayarlamak için kullan labilir. Font büyüklüğü say sal olarak belirtilir. 1 en küçük ve 7 en büyüktür (normali 3). Hat rlaman z gereken, font büyüklüğü sayfan z n görüntülendiği bilgisayar n ayarlar na bağl d r. Ama sonuçta sayfan zda bir yaz n n diğerinden büyük ya da küçük görünmesi sizin elinizde. NOT: Eğer bir browser <font> belirtecini desteklemiyorsa HTML 3.0 da kullanılan <big>..</big> ve <small>..</small> belirteçlerini kullanabilirsiniz. <font> belirtecinin format : <font size=n>deneme</font> şeklindedir. N, 1 den 7 ye kadar bir say d r. Font boyutlar n kullanman n başka bir yolu da: <font size=+2>deneme</font> <font size=-1>deneme</font> şeklinde göreceli bir font boyu saptamakt r. Burada kulland ğ m z +2, o anki font boyutunun üzerine eklenecek bir say d r (eksi de de ayn mant k). Bu belirteç bir diğer belirteç ile ilişkilidir- <basefont>. <basefont size=5> komutu normal font boyutunu 3 den 5 e değiştirir. <font> belirteci yaz n n sadece boyutunu değiştirmeye yaramaz. Bu belirteç sayesinde yaz n n rengini ve tipini de değiştirebilirsiniz. Döküman m zda Volkanlar Sayfas yaz s n şu şekilde değiştirelim: <b><font face= Arial,Helvetica size=+4 color=#ff66ff>v </font> <font face= Arial,Helvetica size=+3 color=#dd0055>olkanlar SAYFASI</font></b>

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html>

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html> HTML'e Giriş 1. HTML dosyası nedir? HTML'in açılımı Hyper Text Markup Language (Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan metin" denebilir. Bir HTML dosyası bir text dosyası olmakla beraber

Detaylı

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

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci 1 2 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

Detaylı

3. Metin ve Görünüm Etiketleri

3. Metin ve Görünüm Etiketleri 3. Metin ve Görünüm Etiketleri Bu bölümü bitirdiğinizde, Metin biçimlendirme etiketlerinin neler olduğunu ve nasıl kullanıldığını, Yatay çizginin nasıl çizildiğini ve özelliklerinin neler olduğunu, Satır

Detaylı

BQTEK SMS Asistan. Kullanım Kılavuzu. Doküman Versiyon: 1.0 09.05.2016 BQTEK

BQTEK SMS Asistan. Kullanım Kılavuzu. Doküman Versiyon: 1.0 09.05.2016 BQTEK Kullanım Kılavuzu Doküman Versiyon: 1.0 09.05.2016 BQTEK İçindekiler İçindekiler... 2 Genel Bilgi... 3 Uygulamanın İndirilmesi... 3 iphone için... 3 Android için... 3 Windows ve Mac için... 3 Uygulamanın

Detaylı

2. HTML Temel Etiketleri

2. HTML Temel Etiketleri 2. HTML Temel Etiketleri Bu bölümü bitirdiğinizde, HTML ve etiket kavramlarının ne olduğunu, HTML komut yapısını, Örnek bir HTML dosyasının nasıl oluşturulduğunu, Temel HTML etiketlerinin neler olduğunu,

Detaylı

B02.8 Bölüm Değerlendirmeleri ve Özet

B02.8 Bölüm Değerlendirmeleri ve Özet B02.8 Bölüm Değerlendirmeleri ve Özet 57 Yrd. Doç. Dr. Yakup EMÜL, Bilgisayar Programlama Ders Notları (B02) Şimdiye kadar C programlama dilinin, verileri ekrana yazdırma, kullanıcıdan verileri alma, işlemler

Detaylı

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 6. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için kullanılır.

Detaylı

Html temelleri. Ders 4

Html temelleri. Ders 4 Html temelleri Ders 4 1 Giriş World Wide Web (Kısaca web) uygun protokoller kullanarak haberleşen yazılımların çalıştırıldığı internet üzerindeki sistemlerin bir koleksiyonudur. Çoğu sistem gününüzde en

Detaylı

Sevdiğiniz editörü açın, Notepad, vi, pico vb. Daha sonra da aşağıdaki kodu yazın:

Sevdiğiniz editörü açın, Notepad, vi, pico vb. Daha sonra da aşağıdaki kodu yazın: HTML nedir? HTML e GİRİŞ E. Fatih Yetkin HTML Hyper Text Markup Language kısaltmasıdır. Bir HTML dosyası, çeşitli işaretleme etiketleri içeren bir metin dosyasıdır. Bu işaretleme etiketleri (markup tags)

Detaylı

HTML & CSS. Öğr.Gör. M.Ersin AKAY

HTML & CSS. Öğr.Gör. M.Ersin AKAY HTML & CSS Öğr.Gör. M.Ersin AKAY Neler Öğreneceğiz? HTML işaretleme dili CSS stil şablonları HTML Hyper Text Markup Language HTML de Neler Öğreneceğiz? Html işaretleme dili temel yapısı ve kavramları Html

Detaylı

1. RESİM DÜZENLEME. Bir resmin piksel yoğunluğu yani PPI (Pixel Per Inches) 1 inç karede (1 inç = 2.54 cm) bulunan piksel sayısıdır.

1. RESİM DÜZENLEME. Bir resmin piksel yoğunluğu yani PPI (Pixel Per Inches) 1 inç karede (1 inç = 2.54 cm) bulunan piksel sayısıdır. 1.1. Temel Kavramlar 1.1.1. Piksel 1. RESİM DÜZENLEME Ekranda oluşturulan görüntüler noktalardan oluşur. Noktalar kare şeklindedir. Çok yakından bakıldığı veya resim büyütüldüğü zaman bu noktalar fark

Detaylı

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com HTML-2 Tablolar Tablolar sayfaları satırlara ve sütunlara bölmek yada metin veya grafiklerin sayfada istediğimiz yerde durmasını sağlamak için kullanabileceğimiz en önemli elemanlardır. Tablolar satır

Detaylı

3-Hafta Genel Sayfa Yapısı. Semantik Web Nedir? SEO Nedir? Sayfa Başlığı (Title) Konu Başlıkları (Heading) Genel Sayfa Düzeni

3-Hafta Genel Sayfa Yapısı. Semantik Web Nedir? SEO Nedir? Sayfa Başlığı (Title) Konu Başlıkları (Heading) Genel Sayfa Düzeni 3-Hafta Genel Sayfa Yapısı Semantik Web Nedir? SEO Nedir? Sayfa Başlığı (Title) Konu Başlıkları (Heading) Genel Sayfa Düzeni Semantik Web Nedir? Önceki bölümde çok basit bir HTML sayfasının nasıl meydana

Detaylı

MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler

MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2 Konular - Temel HTML etiketleri kullanma, - Resim, arkaplan rengi, arkaplan resmi ekleme, - Link oluşturma ve ekleme, - Maddeleme, numaralandırma,

Detaylı

Baskı Đstemci ve Sunucuları. Sunucu. Đstemci

Baskı Đstemci ve Sunucuları. Sunucu. Đstemci Baskı Đstemci ve Sunucuları En son sabırsızlar için baskı adli yazıda FreeBSD sistemimize nasıl yazıcı yükleyebileceğimize göz atmıştık.bu yazıda ise FreeBSD sistemimizle beraber gelen programlar yardımı

Detaylı

Digifresh Kullanım Kılavuzu

Digifresh Kullanım Kılavuzu DigiFresh programını çalıştırmadan önce bilgisayarınıza Net Framework kütüphanesinin yüklü olması gerekmektedir. Aşağıdaki linkten indirelebilir. http://www.microsoft.com/tr-tr/download/confirmation.aspx?id=17851

Detaylı

4. Bağlantı (Köprü) Oluşturma

4. Bağlantı (Köprü) Oluşturma 4. Bağlantı (Köprü) Oluşturma Bu bölümü bitirdiğinizde, HTML dosyalarında nasıl bağlantı oluşturulduğunu, Bağ etiketinin ne olduğunu, Yerel dosyalara nasıl bağlantı kurulduğunu, İnternet üzerindeki dosyalara

Detaylı

Facebook connect ile kullanıcı giriş çıkış

Facebook connect ile kullanıcı giriş çıkış Facebook connect ile kullanıcı giriş çıkış 12 Mayıs Salı 09 Diğer Dökümanlar http://mfyz.com/facebook-connect-ile-kullanici-giris-cikis Facebook Connect Nedir? Facebook, uzun süredir api'si dışında connect

Detaylı

ÖĞRENME FAALĠYETĠ 7. 7. GELĠġMĠġ ÖZELLĠKLER

ÖĞRENME FAALĠYETĠ 7. 7. GELĠġMĠġ ÖZELLĠKLER ÖĞRENME FAALĠYETĠ 7 AMAÇ ÖĞRENME FAALĠYETĠ 7 Bu faaliyette verilen bilgiler ile hazırlamıģ olduğunuz belgeye uygun baģvuruları (Ġçindekiler Tablosu, Dipnot/sonnot, Ģekil tablosu, resim yazısı vb.) hatasız

Detaylı

Pikatel Airmax Web Arayüzü

Pikatel Airmax Web Arayüzü Pikatel Airmax Web Arayüzü Modemi, kutunun içerisinden ç kan cd ile değil de web arayüzünden kurmak için aşağ daki ad mlar takip ediniz. Önerilen cd ile kurulumdur. Pikatel Airmax web arayüzü, ADSL2+ operatör

Detaylı

Com Donatı v5 Kurulum ve Hata Çözümleri İçindekiler

Com Donatı v5 Kurulum ve Hata Çözümleri İçindekiler Com Donatı v5 Kurulum ve Hata Çözümleri İçindekiler Com Donatı Kurulum İşlemleri Hasp Driver Kurulumu Hasp Hatası Alıyorum - Unable to Access Sentinel Hasp Run-Time Environment (H0033) - Feature Not Found

Detaylı

Temel Bilgisayar Programlama

Temel Bilgisayar Programlama BÖLÜM 9: Fonksiyonlara dizi aktarma Fonksiyonlara dizi aktarmak değişken aktarmaya benzer. Örnek olarak verilen öğrenci notlarını ekrana yazan bir program kodlayalım. Fonksiyon prototipi yazılırken, dizinin

Detaylı

Öncelikle Markamıza göstermiş olduğunuz ilgiden dolayı teşekkür ederiz.

Öncelikle Markamıza göstermiş olduğunuz ilgiden dolayı teşekkür ederiz. Sayın Prefix İş Ortağımız, Öncelikle Markamıza göstermiş olduğunuz ilgiden dolayı teşekkür ederiz. İşletmenize daha fazla kazanç sağlayabilmek, daha kaliteli ve daha süratli hizmet verebilmek için, mevcut

Detaylı

K12NET Eğitim Yönetim Sistemi

K12NET Eğitim Yönetim Sistemi TEOG SINAVLARININ DEĞERLENDİRİLMESİ Yeni sınav sistemi TEOG, yani Temel Eğitimden Orta Öğretime Geçiş Sınavlarında öğrenciler, 6 dersten sınav olacaktır. Öğrencilere Türkçe, Matematik, T.C. İnkılap Tarihi

Detaylı

Evrak Ekle. Kurum İçi Giden Evrak Ekleme. Kırmızı renker; doldurulması zorunlu alanları ifade etmektedir. İleri Geri tarihli işlem yapılamamaktadır.

Evrak Ekle. Kurum İçi Giden Evrak Ekleme. Kırmızı renker; doldurulması zorunlu alanları ifade etmektedir. İleri Geri tarihli işlem yapılamamaktadır. Evrak Ekle Kurum İçi Giden Evrak Ekleme Kırmızı renker; doldurulması zorunlu alanları ifade etmektedir. İleri Geri tarihli işlem yapılamamaktadır. İçyazı No sistem tarafından otomatik verilmekte, müdahale

Detaylı

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 )

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 25.09.2017 METİN VE GÖRÜNÜM DÜZENLEME ETİKETLERİ : etiketleri dökümana başlık eklemek için kullanılır. etiketinde ki x ifadesi 1 den 6 ya kadar

Detaylı

Karadeniz Teknik Üniversitesi Orman Fakültesi. Orman Endüstri Mühendisliği Bölümü PROJE HAZIRLAMA ESASLARI

Karadeniz Teknik Üniversitesi Orman Fakültesi. Orman Endüstri Mühendisliği Bölümü PROJE HAZIRLAMA ESASLARI Karadeniz Teknik Üniversitesi Orman Fakültesi Orman Endüstri Mühendisliği Bölümü PROJE HAZIRLAMA ESASLARI Yrd.Doç.Dr. Kemal ÜÇÜNCÜ Orman Endüstri Makinaları ve İşletme Anabilim Dalı 1. Proje Konusunun

Detaylı

HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır.

HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. HTML Ders 5 HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. Kullanıcı ilgili resim veya yazı üzerine

Detaylı

Турско решение на европейския проблем. Новите български представители в ЕП

Турско решение на европейския проблем. Новите български представители в ЕП НОВИНИ 220 милиона деца по света са жертва на сексуална експлоатация СПОРТ Успехът на Барселона се крие в юношеската школа на отбора 12 ŒÍÓÎÓ 150 ÏÎÌ. ÏÓÏË ÂÚ Ë ÓÍÓÎÓ 73 ÏÎÌ. ÏÓÏ ÂÚ ÔÓ 18 Ó ËÌË ÔÓ Ò ÂÚ

Detaylı

ve Menüleri Özelleştirmek, Sistem Ayarlarını Değiştirmek

ve Menüleri Özelleştirmek, Sistem Ayarlarını Değiştirmek Masaüstünü ve Menüleri Özelleştirmek ve Sistem Ayarlarnıı Değiştirmek 36 4 Masaüstünü ve Menüleri Özelleştirmek, Sistem Ayarlarını Değiştirmek Bu bölümde Görev Çubuğu Özelliklerini kullanarak, Görev Çubuğu

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 2 HTML 2 Hyper Text Markup Language = Yüksek/İleri Metin İşaretleme Dili Web sayfaları oluşturmak için kullanılan içerik biçimlendirme dilidir. Yüksek/ileri metin

Detaylı

DÖNER SERMAYE MALİ YÖNETİM SİSTEMİ

DÖNER SERMAYE MALİ YÖNETİM SİSTEMİ TAŞINIR MODÜLÜ ENVANTER AKTARMA İŞLEMLERİ 1. ENVANTER AKTARMA İŞLEMİ İÇİN EXCEL DOSYASININ İNDİRİLMESİ VE EXCEL FORMATI Envanter aktarma işleminin gerçekleştirilebilmesi için http://www.dmisproje.muhasebat.gov.tr/download.html

Detaylı

DEVLET KATKI SİSTEMİ Devlet katkısı nedir? Devlet katkısı başlangıç tarihi nedir? Devlet katkısından kimler faydalanabilir?

DEVLET KATKI SİSTEMİ Devlet katkısı nedir? Devlet katkısı başlangıç tarihi nedir? Devlet katkısından kimler faydalanabilir? DEVLET KATKI SİSTEMİ Devlet katkısı nedir? Katılımcı tarafından ödenen katkı paylarının %25 i oranında devlet tarafından katılımcının emeklilik hesabına ödenen tutardır. Devlet katkısı başlangıç tarihi

Detaylı

BİT ini Kullanarak Bilgiye Ulaşma ve Biçimlendirme (web tarayıcıları, eklentiler, arama motorları, ansiklopediler, çevrimiçi kütüphaneler ve sanal

BİT ini Kullanarak Bilgiye Ulaşma ve Biçimlendirme (web tarayıcıları, eklentiler, arama motorları, ansiklopediler, çevrimiçi kütüphaneler ve sanal BİT ini Kullanarak Bilgiye Ulaşma ve Biçimlendirme (web tarayıcıları, eklentiler, arama motorları, ansiklopediler, çevrimiçi kütüphaneler ve sanal müzeler vb.) Bilgi ve iletişim teknolojileri, bilgiye

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 4 Sayfalara Resim Eklemek 2 Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler. Sonlandırmalı

Detaylı

PROJE TEKLİF FORMU. Haydi birlikte harika bir iş çıkartalım.

PROJE TEKLİF FORMU. Haydi birlikte harika bir iş çıkartalım. Projeniz için atezer i seçtiğiniz için teşekkür ederiz. Lütfen bu formun içerisinde projenizle ilgili olan kısımları doldurun, bu projenizi daha iyi anlamamıza yardımcı olacaktır. İyi sonuçlar elde etmek

Detaylı

DOKÜMAN YÖNETİM SİSTEMİ KULLANIMI GELEN EVRAK

DOKÜMAN YÖNETİM SİSTEMİ KULLANIMI GELEN EVRAK DOKÜMAN YÖNETİM SİSTEMİ KULLANIMI GELEN EVRAK 1. DYS (Doküman Yönetim Sistemi) nin kullanımı için 3. parti bir programa ihtiyaç yoktur. Tamamen WEB tabanlı çalışmaktadır. 2. Sisteme http://dys.akdeniz.edu.tr

Detaylı

Genel bilgiler Windows gezgini Kes Kopyala Yapıştır komutları. 4 Bilinen Dosya Uzantıları

Genel bilgiler Windows gezgini Kes Kopyala Yapıştır komutları. 4 Bilinen Dosya Uzantıları İÇERİK 2 Dosya ve Klasör İşlemleri 3 Giriş BİLGİ TEKNOLOJİLERİ VE UYGULAMALARI Windows 7 - Devam ÖĞR. GÖR. HASAN ALİ AKYÜREK http://www.hasanakyurek.com Sürümler Sürüm Karşılaştırmaları Masaüstü Görev

Detaylı

Urkund Hızlı Başlangıç Kılavuzu

Urkund Hızlı Başlangıç Kılavuzu Urkund Hızlı Başlangıç Kılavuzu Urkund kullanımının 3 farklı yolu vardır. Urkund genellikle ve özellikle e-mail aracılığı ile kullanılmaktadır fakat eğer kuruluş öğrenme yönetim sistemine(lms) sahipse,

Detaylı

ÖĞRENME FAALĠYETĠ 6 ÖĞRENME FAALĠYETĠ 6. 6. NESNE ĠġLEMLERĠ

ÖĞRENME FAALĠYETĠ 6 ÖĞRENME FAALĠYETĠ 6. 6. NESNE ĠġLEMLERĠ ÖĞRENME FAALĠYETĠ 6 AMAÇ ÖĞRENME FAALĠYETĠ 6 Bu faaliyette verilen bilgiler ile belgeye uygun nesne iģlemlerini (Ģekil, resim, grafik, metin kutusu vb.) planlı ve hatasız yapabileceksiniz. ARAġTIRMA Kelime

Detaylı

Eğitim No/Eğitim Adı: 14-E30-002 Tedarikçi Barkod Uygulaması

Eğitim No/Eğitim Adı: 14-E30-002 Tedarikçi Barkod Uygulaması Amaç: Tedarikçi Firmaların Barkod basabilmesi için Kullanacakları Uygulamanın Tanıtımı ve Kullanılması Eğitim İçeriği 1. Uygulamanın Teknik Özellikleri 2. Uygulamanın Çalıştırılması 3. Kullanıcı Girişi

Detaylı

Tasarım Raporu. Grup İsmi. Yasemin ÇALIK, Fatih KAÇAK. Kısa Özet

Tasarım Raporu. Grup İsmi. Yasemin ÇALIK, Fatih KAÇAK. Kısa Özet Tasarım Raporu Grup İsmi Yasemin ÇALIK, Fatih KAÇAK Kısa Özet Tasarım raporumuzda öncelikle amacımızı belirledik. Otomasyonumuzun ana taslağını nasıl oluşturduğumuzu ve bu süreçte neler yaptığımıza karar

Detaylı

Uzem Eğitmen Girişi. Şekil 1. Sisteme girdikten sonra Şekil 2 deki ekran karşımıza çıkacak. Bu ekrandaki adımları kısaca tanıyalım.

Uzem Eğitmen Girişi. Şekil 1. Sisteme girdikten sonra Şekil 2 deki ekran karşımıza çıkacak. Bu ekrandaki adımları kısaca tanıyalım. Uzem Eğitmen Girişi Sisteme eğitmen olarak giriş yapabilmek için http://uzem.uskudar.edu.tr adresini internet tarayıcımızın adres satırına yazdıktan sonra Şekil 1 deki ekranda ilgili alanlara kullanıcı

Detaylı

in Kullanımı tamamlamış gerçekleştirmiş

in Kullanımı tamamlamış gerçekleştirmiş in Kullanımı u doküman MasteringPhysics sitesine kayıt işlemlerini tamamlamış ve derse kayıt işlemini gerçekleştirmiş olan öğrencilere MasteringPhysics i nasıl kullanacaklarını ayrıntılı olarak açıklamaktadır.

Detaylı

HUZURSOFT GÖRÜŞME TAKİP PROGRAMI

HUZURSOFT GÖRÜŞME TAKİP PROGRAMI HUZURSOFT GÖRÜŞME TAKİP PROGRAMI 1.YENİ MÜŞTERİ EKLE Müşteri bilgilerini bu bölümde gireriz. Müşterilerinizi gruplamak isterseniz sağ tarafta bulunan butona tıklayarak açılan pencere grup ekle diyerek

Detaylı

OFİS 365 ÖĞRENCİ MAİL SİSTEMİ KULLANIM KLAVUZU. Office 365

OFİS 365 ÖĞRENCİ MAİL SİSTEMİ KULLANIM KLAVUZU. Office 365 OFİS 365 ÖĞRENCİ MAİL SİSTEMİ KULLANIM KLAVUZU Office 365 Microsoft Office (Word, Excel vb.) dokümanlarınızı bulut platformuna taşımanızı sağlayan Office 365 ürününe https://portal.office.com/home adresinden

Detaylı

https://intvd.gib.gov.tr/internetvd/html/excelgondermehakkinda_tevkifatlifatura_tr.h...

https://intvd.gib.gov.tr/internetvd/html/excelgondermehakkinda_tevkifatlifatura_tr.h... Page 1 of 7 Tevkifatlı Satış Faturası listesinin excel dosyası olarak oluşturulması için gerekli açıklamalar Oluşturulan excel dosyasının yüklenmesinde karşılaşılan sorunların çözümü (Teknik açıklamalar)

Detaylı

Uzaktan Kumanda (Yalnızca Belirli Modellerde)

Uzaktan Kumanda (Yalnızca Belirli Modellerde) Uzaktan Kumanda (Yalnızca Belirli Modellerde) Kullanıcı Kılavuzu Copyright 2006 Hewlett-Packard Development Company, L.P. Microsoft ve Windows, Microsoft Corporation kuruluşunun ABD'de tescilli ticari

Detaylı

ANALOG LABORATUARI İÇİN BAZI GEREKLİ BİLGİLER

ANALOG LABORATUARI İÇİN BAZI GEREKLİ BİLGİLER ANALOG LABORATUARI İÇİN BAZI GEREKLİ BİLGİLER Şekil-1: BREADBOARD Yukarıda, deneylerde kullandığımız breadboard un şekli görünmektedir. Bu board üzerinde harflerle isimlendirilen satırlar ve numaralarla

Detaylı

META TRADER 4 MOBİL İŞLEM PLATFORMLARI KULLANMA KILAVUZU 1. KURULUM

META TRADER 4 MOBİL İŞLEM PLATFORMLARI KULLANMA KILAVUZU 1. KURULUM META TRADER 4 MOBİL İŞLEM PLATFORMLARI KULLANMA KILAVUZU 1. KURULUM Meta Trader 4 mobil işlem platformunu cihazınıza kurmak için öncelikle uygulama marketine giriş yapmanız gerekmektedir. Girişin ardından

Detaylı

0 dan matematik. Bora Arslantürk. çalışma kitabı

0 dan matematik. Bora Arslantürk. çalışma kitabı 0 dan matematik 0 dan matematik 1 çalışma kitabı Sıfırdan başlanarak matematik ile ilgili sıkıntı yaşayan herkese hitap etmesi, Akıllı renklendirme ile göz yoran değil ayrım yapmayı, istenileni bulmayı

Detaylı

Bülten Başlığı. Birincil Yazı Başlığı. İkincil Yazı Başlığı. İş Adı. İlgi çeken özel konular: Bu sayıda:

Bülten Başlığı. Birincil Yazı Başlığı. İkincil Yazı Başlığı. İş Adı. İlgi çeken özel konular: Bu sayıda: İş Adı Bülten Başlığı Cilt 1, Sayı 1 Bülten Tarihi Birincil Yazı Başlığı İlgi çeken özel konular: Burada ilginizi çeken konuyu kısaca vurgulayın. Burada ilginizi çeken konuyu kısaca vurgulayın. Burada

Detaylı

Kis3 max Cep Telefonu Hızlı Başlangıç Kılavuzu

Kis3 max Cep Telefonu Hızlı Başlangıç Kılavuzu Kis3 max Cep Telefonu Hızlı Başlangıç Kılavuzu 23 YASAL BİLGİLER Telif Hakkı 2014 ZTE CORPORATION. Tüm hakları saklıdır. Bu yayının hiçbir bölümü ZTE Corporation'ın önceden yazılı izni olmadan fotokopi

Detaylı

HTML Sayfaları. Bütün html sayfaları

HTML Sayfaları. Bütün html sayfaları HTML VİZE NOTLARI HTML Sayfaları Bütün html sayfaları tagıyla başlar ve tagıyla biter. tagları arasında ve tagları vardır. Örnek bir html boş sayfası kodları şu şekilde

Detaylı

WEB TASARIMI. Đnternet Nedir?

WEB TASARIMI. Đnternet Nedir? ĐÇĐNDEKĐLER İÇİNDEKİLER... 1 WEB TASARIMI... 2 İnternet Nedir?... 2 HTML (Hypertext Markup Language)... 4 (Hareketli Metin İşaretleme Dili)... 4 KLASÖR VE DOSYA İSİMLERİNDE... 5 STANDART TAKILAR... 5

Detaylı

PROFESSIONAL DEVELOPMENT COLLECTION GAZİ ÜNİVERSİTESİ MERKEZ KÜTÜPHANESİ

PROFESSIONAL DEVELOPMENT COLLECTION GAZİ ÜNİVERSİTESİ MERKEZ KÜTÜPHANESİ PROFESSIONAL DEVELOPMENT COLLECTION 1 KAPSAM Profesyonel eğitmenler e ve araştırmac rmacılar için i in tasarlanmış ıştır. Eğitim ve ilişkili disiplinlerden 350 si hakemli dergi olmak üzere yaklaşı şık

Detaylı

VSG 1200_v2 Kurulum ve Kullanım Kılavuzu

VSG 1200_v2 Kurulum ve Kullanım Kılavuzu VSG 1200_v2 Kurulum ve Kullanım Kılavuzu 1 Kurulum Seçenekleri Aşağıdaki kısım farklı kurulum seçeneklerini tanımlamktadır. Not: Kurulum sırasında kurulum deliklerini kapatmayınız ve VSG nin ön ve arka

Detaylı

Anonim Verilerin Lenovo ile Paylaşılması. İçindekiler. Harmony

Anonim Verilerin Lenovo ile Paylaşılması. İçindekiler. Harmony Anonim Verilerin Lenovo ile Paylaşılması İçindekiler Anonim Verilerin Lenovo ile Paylaşılması... 1 Harmony... 1 Lenovo Companion 3.0... 2 Lenovo Customer Engagement Service... 3 Lenovo Experience Improvement

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 3

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 3 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 3 Etiketi ve Alt Etiketleri 2 Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı etikettir. etiketinin aldığı özellikler: Alink: Aktif bağlantıların

Detaylı

MAKÜ YAZ OKULU YARDIM DOKÜMANI 1. Yaz Okulu Ön Hazırlık İşlemleri (Yaz Dönemi Oidb tarafından aktifleştirildikten sonra) Son aktif ders kodlarının

MAKÜ YAZ OKULU YARDIM DOKÜMANI 1. Yaz Okulu Ön Hazırlık İşlemleri (Yaz Dönemi Oidb tarafından aktifleştirildikten sonra) Son aktif ders kodlarının MAKÜ YAZ OKULU YARDIM DOKÜMANI 1. Yaz Okulu Ön Hazırlık İşlemleri (Yaz Dönemi Oidb tarafından aktifleştirildikten sonra) Son aktif ders kodlarının bağlantıları kontrol edilir. Güz ve Bahar dönemindeki

Detaylı

Topoloji değişik ağ teknolojilerinin yapısını ve çalışma şekillerini anlamada başlangıç noktasıdır.

Topoloji değişik ağ teknolojilerinin yapısını ve çalışma şekillerini anlamada başlangıç noktasıdır. Yazıyı PDF Yapan : Seyhan Tekelioğlu seyhan@hotmail.com http://www.seyhan.biz Topolojiler Her bilgisayar ağı verinin sistemler arasında gelip gitmesini sağlayacak bir yola ihtiyaç duyar. Aradaki bu yol

Detaylı

İSTANBUL TİCARET ÜNİVERSİTESİ BİLGİSAYAR MÜHENDİSLİĞİ BÖLÜMÜ BİLGİSAYAR SİSTEMLERİ LABORATUARI YÜZEY DOLDURMA TEKNİKLERİ

İSTANBUL TİCARET ÜNİVERSİTESİ BİLGİSAYAR MÜHENDİSLİĞİ BÖLÜMÜ BİLGİSAYAR SİSTEMLERİ LABORATUARI YÜZEY DOLDURMA TEKNİKLERİ İSTANBUL TİCARET ÜNİVERSİTESİ BİLGİSAYAR MÜHENDİSLİĞİ BÖLÜMÜ BİLGİSAYAR SİSTEMLERİ LABORATUARI YÜZEY DOLDURMA TEKNİKLERİ Deneyde dolu alan tarama dönüşümünün nasıl yapıldığı anlatılacaktır. Dolu alan tarama

Detaylı

3. HAFTA KBT104 BİLGİSAYAR DONANIMI. KBUZEM Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi

3. HAFTA KBT104 BİLGİSAYAR DONANIMI. KBUZEM Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 3. HAFTA KBT104 BİLGİSAYAR DONANIMI Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 2 Konu Başlıkları Giriş Birimleri Klavye Klavye Tuşlarının Kullanımı BÜYÜK/küçük harf yazma Rakam Yazmak

Detaylı

ENF - 102 TEMEL BİLGİSAYAR BİLİMLERİ. 2014 2015 Eğitim/Öğretim Yılı Bahar Dönemi DÖNEM SONU LAB. ÖDEV TESLİM DUYURUSU

ENF - 102 TEMEL BİLGİSAYAR BİLİMLERİ. 2014 2015 Eğitim/Öğretim Yılı Bahar Dönemi DÖNEM SONU LAB. ÖDEV TESLİM DUYURUSU ENF - 102 TEMEL BİLGİSAYAR BİLİMLERİ 2014 2015 Eğitim/Öğretim Yılı Bahar Dönemi DÖNEM SONU LAB. ÖDEV TESLİM DUYURUSU İÇİNDEKİLER 1. Ön Bilgi... 1 2. Çalışmaları Kimler Teslim Edecekler?... 1 3. Çalışmalar

Detaylı

Bilgisayar Uygulamaları PSİ105

Bilgisayar Uygulamaları PSİ105 Bilgisayar Uygulamaları PSİ105 Yrd.Doç.Dr. Serdar YILMAZ Kaynak: Marmara Üniversitesi Teknik Eğitim Fakültesi Bilgisayar Kursu Ders Notları, Kasım 2007 1 2 3 4 5 6 7 8 9 10 11 12 Başlat Düğmesi Bilgisayarınızı

Detaylı

Linux Sistemlerde Silinmiş Dosyaları. Forensics)

Linux Sistemlerde Silinmiş Dosyaları. Forensics) Kurtarmak (Disk Forensics) Bu yazı Linux sistemlerde temel seviyede dosya sistemleri, özellikleri vedesteklenen dosya sistemleri üzerinde silinen dosyalarin geri getirilmesi ile ilgili bilgiler içermektedir.

Detaylı

K.S.Ü. MÜHENDİSLİK MİMARLIK FAKÜLTESİ TEKSTİL MÜHENDİSLİĞİ BÖLÜMÜ BİTİRME ÖDEVİ / BİTİRME PROJESİ DERSLERİ İLE İLGİLİ İLKELER

K.S.Ü. MÜHENDİSLİK MİMARLIK FAKÜLTESİ TEKSTİL MÜHENDİSLİĞİ BÖLÜMÜ BİTİRME ÖDEVİ / BİTİRME PROJESİ DERSLERİ İLE İLGİLİ İLKELER K.S.Ü. MÜHENDİSLİK MİMARLIK FAKÜLTESİ TEKSTİL MÜHENDİSLİĞİ BÖLÜMÜ BİTİRME ÖDEVİ / BİTİRME PROJESİ DERSLERİ İLE İLGİLİ İLKELER 1- TANIM K.S.Ü. Müh. Mim. Fakültesinin Tekstil Mühendisliği Bölümünde Bitirme

Detaylı

Web Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017

Web Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017 Web Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017 1. Hafta TANIŞMA, İNTERNET, HTML İçerik (Hafta/Konu) 1. Tanışma, İnternet Nedir, Html Nedir, Temel Terim ve Kavramlar 2. İnternete erişim ve İnternet

Detaylı

Yandaki resimlerde Excel Pazartesi den başlayarak günleri otomatik olarak doldurmuştur.

Yandaki resimlerde Excel Pazartesi den başlayarak günleri otomatik olarak doldurmuştur. Otomatik Doldurma; Hızlı veri girişi için Microsoft Excel'in otomatik olarak verileri tekrarlamasını sağlayabilir veya verileri otomatik olarak girebilirsiniz. Excel'in sayı, sayı ve metin birleşimi, tarih

Detaylı

Avaya one-x Masa Telefonu H.323 9608/9611G H zl Ba!vuru K lavuzu

Avaya one-x Masa Telefonu H.323 9608/9611G H zl Ba!vuru K lavuzu Avaya one-x Masa Telefonu H.323 9608/9611G H zl Ba!vuru K lavuzu! LED ler Arama Görünümü Dü"mesi LED leri Sürekli ye!il Yava! yan p sönen ye!il H zl yan p sönen ye!il Sürekli k rm z Arama görünümü, ba!l

Detaylı

Tor Üzerinden VPN Servisi "Privatoria"

Tor Üzerinden VPN Servisi Privatoria Tor Üzerinden VPN Servisi "Privatoria" Geçtiğimiz günlerde ortaya çıkan yeni bir oluşum internette güvenli gezinme yöntemlerimiz arasına bir yenisini daha ekledi. Privatoria adıyla yayın hayatına başlayan

Detaylı

Publication : Techno-labs. Title. Date : 03.10.2012. : WD My Book Live. WD My Book Live

Publication : Techno-labs. Title. Date : 03.10.2012. : WD My Book Live. WD My Book Live WD Publication : Techno-labs Title : WD My Book Live Date : 03.10.2012 WD My Book Live Western Digital in ev içi ağ için geliştirdiği My Book Live ı inceledik. Saatlerimizi bundan 10 yıl öncesine geri

Detaylı

ĐŞKUR sitesine giriş şifremizi hatırlamadığımız için, şifremi unuttum kısmını tıklıyoruz.

ĐŞKUR sitesine giriş şifremizi hatırlamadığımız için, şifremi unuttum kısmını tıklıyoruz. ĐŞKURLULARIN BĐLGĐLERĐ, ŞĐFRELERĐ HERKESE AÇIK ( BEDAVA SMS GÖNDERME SĐTESĐ YAZI SONUNDADIR ) Merhaba, bu bilgilendirici yazıda sizlere ĐŞKURa kayıtlı olanların şifrelerine, kişisel bilgilerine başkalarının

Detaylı

WEB TABANLI PROGRAMLAMA

WEB TABANLI PROGRAMLAMA WEB TABANLI PROGRAMLAMA 6. ve 7. DERS Köprü Ekleme (hyperlinks) ve Map (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için Anchor etiketi kullanılır.

Detaylı

Bölgeler kullanarak yer çekimini kaldırabilir, sisli ortamlar yaratabilirsiniz.

Bölgeler kullanarak yer çekimini kaldırabilir, sisli ortamlar yaratabilirsiniz. Bölge (Zone) Bölge nesnesi kullanılarak tapınak çevresinde gölgeli, ürpertici bir ortam yaratılmış. Yine bölge nesnesi kullanılarak mağara ortamının karanlık olması sağlanmış. Bu da ortamının gerçekliği

Detaylı

WEB TASARIMIN TEMELLERİ

WEB TASARIMIN TEMELLERİ WEB TASARIMIN TEMELLERİ ~ Sunu 2 ~ Öğr. Gör. Mehmet Fatih TAN http://blog.kmu.edu.tr/mftan mftan@kmu.edu.tr Bilgi paylaşıldıkça kıymetlenir.. Kaynak göstermek şartıyla sunu içeriğini çalışmalarınızda kullanabilirsiniz.

Detaylı

Modem ve Yerel Ağ Kullanım Kılavuzu

Modem ve Yerel Ağ Kullanım Kılavuzu Modem ve Yerel Ağ Kullanım Kılavuzu Telif Hakkı 2009 Hewlett-Packard Development Company, L.P. Bu belgede yer alan bilgiler önceden haber verilmeksizin değiştirilebilir. HP ürünleri ve hizmetlerine ilişkin

Detaylı

BİR SAYININ ÖZÜ VE DÖRT İŞLEM

BİR SAYININ ÖZÜ VE DÖRT İŞLEM ÖZEL EGE LİSESİ BİR SAYININ ÖZÜ VE DÖRT İŞLEM HAZIRLAYAN ÖĞRENCİ: Sıla Avar DANIŞMAN ÖĞRETMEN: Gizem Günel İZMİR 2012 İÇİNDEKİLER 1. PROJENİN AMACI.. 3 2. GİRİŞ... 3 3. YÖNTEM. 3 4. ÖN BİLGİLER... 3 5.

Detaylı

BÖL-1B. Fatih University- Faculty of Engineering- Electric and Electronic Dept.

BÖL-1B. Fatih University- Faculty of Engineering- Electric and Electronic Dept. SAYISAL DEVRE TASARIMI EEM122 Ref. Morris MANO & Michael D. CILETTI SAYISAL TASARIM 4. Baskı BÖL-1B Fatih University- Faculty of Engineering- Electric and Electronic Dept. İŞARETLİ SAYILAR Bilgisayar gibi

Detaylı

Setup Yardımcı Programı

Setup Yardımcı Programı Setup Yardımcı Programı Kullanıcı Kılavuzu Copyright 2006 Hewlett-Packard Development Company, L.P. Bluetooth, sahibinin ticari markasıdır ve Hewlett-Packard Company tarafından lisanslı olarak kullanılmaktadır.

Detaylı

Dosya sistemi (File system), dosyaların hard disk üzerinde nasıl yerleşeceğini ayarlayan bir sistemdir. Diğer bir tanıma göre dosya sistemi, bir

Dosya sistemi (File system), dosyaların hard disk üzerinde nasıl yerleşeceğini ayarlayan bir sistemdir. Diğer bir tanıma göre dosya sistemi, bir Dosya Sistemleri DOSYA NEDİR? Dosya;disk üzerinde depolanmışverilerin bütününe verilen isimlendirmedir. İşletim sistemi tipik olarak iki çeşit dosya içerir. Birincisi; bir sistem görevi yerine getirirken

Detaylı

SMART Board EĞİTİMLERİ(sürüm:10) 2. Aşama

SMART Board EĞİTİMLERİ(sürüm:10) 2. Aşama SMART Board EĞİTİMLERİ(sürüm:10) 2. Aşama Bölüm 1:Araç çubuğu Yan sekmeler Yandaki araç çubuğu üzerinde dört adet sekme vardır. Sayfa Düzenleyiciye basarak oluşturduğunuz/oluşturacağınız sayfaları küçük

Detaylı

Etkili PowerPoint Sunusu Nasıl Hazırlanır?

Etkili PowerPoint Sunusu Nasıl Hazırlanır? Etkili PowerPoint Sunusu Nasıl Hazırlanır? Mustafa SÖZBİLİR Atatürk Üniversitesi Kazım Karabekir Eğitim Fakültesi En iyi görünüm için PowerPoint 2001 veya sonrası tercih edilmeli Devam etmek için tıklayınız

Detaylı

SAYI BASAMAKLARI. çözüm

SAYI BASAMAKLARI. çözüm SAYI BASAMAKLARI Sayı Basamakları Günlük hayat m zda 0 luk say sistemini kullan r z. 0 luk say sistemini kullanmam z n nedeni, sayman n parmaklar m zla ba lamas ve iki elimizde toplam 0 parmak olmas olarak

Detaylı

Web Tasarımının Temelleri

Web Tasarımının Temelleri 1. Hafta Web Tasarımının Temelleri Öğr. Gör. Murat YAZICI www.muratyazici.com Artvin Çoruh Üniversitesi, Artvin Meslek Yüksekokulu www.artvin.edu.tr Listeleme Etiketleri Sıralı liste oluşturmak için

Detaylı

İTÜ GELİŞTİRME VAKFI ÖZEL Dr. NATUK BİRKAN İLKOKULU VE ORTAOKULU. OkulNET Kullanım Kılavuzu

İTÜ GELİŞTİRME VAKFI ÖZEL Dr. NATUK BİRKAN İLKOKULU VE ORTAOKULU. OkulNET Kullanım Kılavuzu İTÜ GELİŞTİRME VAKFI ÖZEL Dr. NATUK BİRKAN İLKOKULU VE ORTAOKULU OkulNET Kullanım Kılavuzu EKİM 2012 1 İçindekiler GİRİŞ...3 ANASAYFA...3 EĞİTİM...4 SINAVLAR...6 ŞUBEM...9 KİŞİSEL BİLGİLER...10 AJANDA...10

Detaylı

USB KVM Switch. Ses özellikli ve 2 portlu USB KVM switch. Ses özellikli ve 4 portlu USB KVM switch

USB KVM Switch. Ses özellikli ve 2 portlu USB KVM switch. Ses özellikli ve 4 portlu USB KVM switch USB KVM Switch Ses özellikli ve 2 portlu USB KVM switch Ses özellikli ve 4 portlu USB KVM switch Kullanma Kılavuzu DS-11403 (2 Portlu) DS-12402 (4 Portlu) 1 NOT Bu cihaz FCC kurallarının 15. Bölümü uyarınca,

Detaylı

7. Çerçeveler. Bu bölümü bitirdiğinizde,

7. Çerçeveler. Bu bölümü bitirdiğinizde, 7. Çerçeveler Bu bölümü bitirdiğinizde, Çerçevelerden oluşan bir WEB sayfası tasarlamayı, İç içe çerçeveler oluşturmayı ve Çerçeveleri isimlendirmeyi, Bağ kurulan dosyaları belirtilen çerçeve içerisinde

Detaylı

Internet: Tarihçe ve Kavramlar

Internet: Tarihçe ve Kavramlar Internet: Tarihçe ve Kavramlar Umut Al umutal@hacettepe.edu.tr Internet in Tarihçesi 1945 Vannevar Bush memex 1962 Licklider (MIT) Galaktik Ağ 1969 DARPA ARPANET 1972 İlk e-posta 1983 TCP-IP 1991 Gopher,

Detaylı

AĞ ÜZERİNDEN YAZICI ve TARAYICI TANIMLAMA KLAVUZU

AĞ ÜZERİNDEN YAZICI ve TARAYICI TANIMLAMA KLAVUZU AĞ ÜZERİNDEN YAZICI ve TARAYICI TANIMLAMA KLAVUZU A-) DİKKAT EDİLECEK HUSUSLAR: 1-) Cihazınızın panelinden Sistem Yöneticisi menüsünden ağ ayarlarınızın yapılandırılmış olması gerekmektedir. Kurulumu yapan

Detaylı

MAT223 AYRIK MATEMATİK

MAT223 AYRIK MATEMATİK MAT223 AYRIK MATEMATİK Çizgeler 7. Bölüm Emrah Akyar Anadolu Üniversitesi Fen Fakültesi Matematik Bölümü, ESKİŞEHİR 2014 2015 Öğretim Yılı Çift ve Tek Dereceler Çizgeler Çift ve Tek Dereceler Soru 51 kişinin

Detaylı

İSTANBUL KEMERBURGAZ ÜNİVERSİTESİ BURS YÖNERGESİ. BİRİNCİ BÖLÜM Amaç, Kapsam, Dayanak ve Tanımlar

İSTANBUL KEMERBURGAZ ÜNİVERSİTESİ BURS YÖNERGESİ. BİRİNCİ BÖLÜM Amaç, Kapsam, Dayanak ve Tanımlar İSTANBUL KEMERBURGAZ ÜNİVERSİTESİ BURS YÖNERGESİ BİRİNCİ BÖLÜM Amaç, Kapsam, Dayanak ve Tanımlar Amaç: Madde 1. (1) Bu yönergenin amacı, İstanbul Kemerburgaz Üniversitesinin önlisans, lisans ve lisansüstü

Detaylı

Message Broadcasting. İşletim ortamı. Message Broadcasting'in Yüklenmesi. Mesaj Oluşturma

Message Broadcasting. İşletim ortamı. Message Broadcasting'in Yüklenmesi. Mesaj Oluşturma Message Broadcasting Message Broadcasting, bir EasyMP Monitor eklentisidir. Yöneticiler eklentiyi kullanarak ağ üzerindeki bir veya daha fazla projektöre ya da tüm projektörlere mesaj veya duyuru gönderebilirler.

Detaylı

Hackerlar'ın Gözünden Flash Uygulamaları

Hackerlar'ın Gözünden Flash Uygulamaları Hackerlar'ın Gözünden Flash Uygulamaları Ah o Netsec etkinliğinde bende olsaydım deyipte katılamayanlar için yapmış olduğum sunumu kısaca yazıya dökmeye karar verdim. Ön bilgi olarak Flash kısaca web sayfalarına

Detaylı

TEKNOLOJİ VE TASARIM

TEKNOLOJİ VE TASARIM TEKNOLOJİ VE TASARIM YAPIM KUŞAĞI SINIFLAR ODAK NOKTALARI 7. SINIF Üretiyoruz 8. SINIF Üretelim Tanıtalım Öğrencinin: Adı Soyadı: Aslı KARTAL Sınıf, No: 7/C, 2729 Yahya KARAKURT Teknoloji ve Tasarım Öğretmeni

Detaylı

Avaya one-x TM Deskphone H.323 9621G/ 9641G H zl Ba!vuru

Avaya one-x TM Deskphone H.323 9621G/ 9641G H zl Ba!vuru Avaya one-x TM Deskphone H.323 9621G/ 9641G H zl Ba!vuru Kayd rma ve Gezinme Ça!r görünümleri ve özellikler aras nda geçi" yapmak için, Phone ekran n n sa! üst taraf ndaki Features dü!mesini veya Phone

Detaylı

MikroÖdeme Servis Dökümanı

MikroÖdeme Servis Dökümanı MikroÖdeme Servis Dökümanı 1 TurkcellMobilÖdeme Nedir? TurkcellMobilÖdeme 36 milyonu aşkın Turkcell kullanıcısının cep telefonlarını kullanarak, sadece bir SMS ile, pratik bir şekilde ödeme yapmasına olanak

Detaylı

OPERATÖRLER BÖLÜM 4. 4.1 Giriş. 4.2. Aritmetik Operatörler

OPERATÖRLER BÖLÜM 4. 4.1 Giriş. 4.2. Aritmetik Operatörler BÖLÜM 4. OPERATÖRLER 4.1 Giriş Turbo Pascal programlama dilinde de diğer programlama dillerinde olduğu gibi operatörler, yapılan işlem türüne göre aritmetik, mantıksal ve karşılaştırma operatörleri olmak

Detaylı

İNTERNETE NASIL BAĞLANILIR?

İNTERNETE NASIL BAĞLANILIR? İNTERNET İNTERNET NEDİR? İki veya daha fazla bilgisayarın birbirine bağlanması ile oluşturulan bilgisayar ağına yerel ağ denir. Birden fazla bilgisayarın veya yerel bilgisayarların bağlı olduğu ağların

Detaylı

HTML Etiketleri Genel Özellikler (Global Attributes)

HTML Etiketleri Genel Özellikler (Global Attributes) HTML Yorum Eklemek HTML kodunun içine tarayıcı tarafından gösterilmeyecek yorumlar şu şekilde eklenir. Hatırlatıcı notlar eklemek için de kullanılabilir. HTML Etiketleri Genel

Detaylı