Web Teknolojileri Murat Olcay ÖZCAN.

Slides:



Advertisements
Benzer bir sunumlar
HTML.
Advertisements

Web uygulamalarında yeni bir yaklaşım AJAX
E-posta Forum Sohbet Sesli Görüntülü Konferans
HTML e GİRİŞ Temel HTML etiketleri.
HTML
Yazılım Geliştirme ve Java
İNTERNET.
WEB SERVİCE İDRİS YÜRÜK MAHMUT KAYA.
Bir hedefi ve amacı olan bir bilgi sunumudur.
WEB Tasarımı & .NET Bolum 1
WEB TASARIM TEKNİKLERİ
WEB TASARIMI HTML.
MIT505 İnternet ve Web Programlama: Web Şablonları ve Web düzenleme
İnternet Programcılığı
Bilgisayar Dosya Uzantıları
Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir?
WEB TASARIM TEKNİKLERİ
BTEP 203 – İnternet ProgramcIlIğI - I
Javascript Oğuz İNAL.
İNTERNET TARAYICILARINDA YENİ NESİL GRAFİK TEKNOLOJİLERİ
Görsel Okur-Yazarlık *
Çerez(Cookie) Kullanımı Oturum Yönetimi
XML Genişletilebilir İşaretleme Dili (eXtensible Markup Language), hem insanlar hem bilgi işlem sistemleri tarafından kolayca okunabilecek dokümanlar oluşturmayı.
Temel HTML Eğitimi Erman Yükseltürk.
IT 504 İnternet ve Web Programlama Tanıtım Yrd. Doç. Yuriy Mishchenko.
HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ
WEB TASARIMININ TEMELLERİ
İnternet Teknolojisi Temel Kavramlar
WEB TASARIMINDA TEMEL KAVRAMLAR
CONTENT MANAGEMENT SYSTEM (İÇERİK YÖNETİM SİSTEMLERİ)
HTML HYPER TEXT MARKUP LANGUAGE Burcu Yılmaz – İ brahim Mert Bilişim Teknolojileri Ö ğ retmeni.
İnternet Programlama PHP.
Web Sitesi Hazırlama.
KOBİ – ŞİRKET PORTALI BİTİRME PROJESİ EMRE UYUMAZ & ANIL GÜR.
Cascading Style Sheets (Stil Şablonları)
Quest Atlantis Dünya Üzerine Yayılmış Çok-Kullanıcılı Çevrim-İçi Eğitsel Bir Bilgisayar Oyununun Teknik Yapısı.
Mobil Web XHTML-MP .NET ve Mobil Web Uygulamalar
EĞİTİMDE BİLİŞİM TEKNOLOJİLERİ
WEB TASARIMININ TEMELLERİ
İNTERNET TARAYICI (WEB BROWSER) PROGRAMLARI
İnternet Teknolojisi Temel Kavramlar
HTML (Hyper Text Markup Language) İnternet dökümanları oluşturmaya yarayan işaretleme dilidir.
Web Araçları Web Teknolojileri ve Programlama ODTÜ-SEM.
İKMAP İnternet 1 Ders Notu
HTML HYPER TEXT MARKUP LANGUAGE Ayşe AK İ DA Ğ I Bilişim Teknolojileri Ö ğ retmeni.
Hazırlayan: Yrys Moidin kyzy. 1) html; 1. html (hypertext markup language ): hipermetin işaretleme dili. 2) Bu tag wep sayfasında bulunan ilk tagdır.
Web Tasarımı ve Adobe Muse
WEB2.0 ARAÇLARI Gökçe Hanım EMİR K ONULAR : ajax, rss, css, vidcast, podcast podcast.
Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+’da.
2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar
Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Mühendisi? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda.
Yrd. Doç. Dr. Murat Olcay Özcan
Web Tasarım Nedir? Web tasarımı, bir ürünü ya da hizmeti veya bir bireyin reklam ve tanıtımını yapmak üzere veyahutsa toplumu eğitici ve öğretici çalışmalarla.
KIRKLARELİ ÜNİVERSİTESİ
Ahmet Keleşoğlu Eğitim Fakültesi
NOT: Bu slayt üzerindeki resmi değiştirmek için resmi seçin ve silin. Ardından, kendi resminizi eklemek için yer tutucudaki Resimler simgesini tıklatın.
İÇERİK YÖNETİM SİSTEMİ Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu.
HTML HTML Nedir? HTML Ne İşe Yarar?. HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili) basitçe, tarayıcılarla görebileceğimiz, internet.
Web Tasarımı 2.Hafta. HTML Nedir  Hyper Text Markup Language (Hiper Metin İşaretleme Dili) web sayfalarını oluşturmak için kullanılan standart metin.
Metadata, z39.50, FRBR, ve RDA. Ders içeriği Web kaynakları ve web kaynaklarında kimlikleme Derin web – Yüzeysel web Arama Motorları Metadata Kopya Kataloglama.
Server Yönetim Programları
WEB TASARIMI – HTML BİLGİSİ SAVAŞ TUNÇER
İNTERNET PROGRAMCILIĞI 2
Web Teknolojileri ve Programlama ODTÜ-SEM
Amazon Web Servisleri ve Javascript Dilinin Birlikte Kullanımı
Bu sununun aynısını (Animasyonlar vb
Bu sununun aynısını (Animasyonlar vb
Dünya Üzerine Yayılmış Çok-Kullanıcılı Çevrim-İçi Eğitsel
Genel PHP Akademik Bilişim 2003 Adana, Şubat 2003 Hidayet Doğan
Sunum transkripti:

Web Teknolojileri Murat Olcay ÖZCAN

Temel Gereksinimler Sayfa tasarımı için: 􀂄 HTML editörü/editörleri 􀂄 Grafik tasarım ve gerekirse animasyon programı/programları Sayfaları web’de yayınlamak için: 􀂄 Sayfaların barındırılacağı (ücretli/ücretsiz) bir web alanı 􀂄 Sorunsuz bir Internet bağlantısı 􀂄 Dosya transfer (FTP) programı 􀂄 Sayfaların farklı çözünürlükler ve farklı browserlar’da test edilmesi

Bir web sayfası hazırlamak Öncelikle bir HTML editörü yani web sayfalarını hazırlayacağınız bir program gerekir. HTML editörü ile site içinde yer almasını istediğiniz resimleri, yazıları ve bağlantıları istediğiniz biçimde tasarlayarak bir araya getirebilirsiniz En çok kullanılan HTML Editörleri: Microsoft Frontpage, Visual Web Developer Express, Macromedia DreamWeaver, Amaya, BlueFish

Neden HTML öğrenmeliyim? İncelediğimiz editörlerden WYSIWYG özelliğine sahip olanlar, HTML dilini bilmeden kodları düzenleme ve web sitesi yapma imkanı vermektedir. Bu tip editörler sayfada yapılan her adımı, otomatikman HTML koduna çevirir. HTML bilmeden sadece bu tür programları kullanmayı düşünüyorsanız, muhtemelen programın verdiği en küçük bir hatada eliniz kolunuz bağlı kalacaktır. HTML öğrenilmesi ve kullanılması son derece kolay bir dildir. Internet programları HTML içine gömülerek kullanıldıkları için mutlaka HTML okumayı bilmeyi gerektirirler.

Nereden başlanır? Internet programcılığının birleştirici unsuru HTML’dir. HTML; tek başına bir programlama dili olmamakla birlikte, sayfalarımızın web ortamında görüntülenmesini sağlayan (HTTP) protokole bağlı çalışır. Çünkü programlarımızın çıktıları, HTML ile web sayfalarına dönüştürülerek browserlar’da görüntülenir. Sadece HTML bilgisi ile işlevleri sınırlı web siteleri hazırlamak mümkün olsa da Internet Programcılığına başlangıç olarak mutlaka HTML’i öğrenmek gerekir.

HTML nedir? HTML, Hyper Text Mark-up Language'ın kısaltılmışıdır. Türkçe karşılığı Hiper Metin İşaretleme Dili'dir HTML browserlar tarafından tanınıp yorumlanabilen metin tabanlı bir dildir ve metnin browser tarafından yorumlanması sonucu da web sayfaları elde edilir. Yazdığınız kodların browser tarafından alınıp yorumlanabilmesi için, dosyalarınızın uzantısının ".htm" veya ".html" olması gerekir.

HTML işaretleri HTML de her işaretleme dilindeki gibi komutlardan oluşur, bu komutlara tag veya mark-up denir. Tag'ler herhangi bir metinden ayrılıp browser tarafından anlaşılabilsin diye "<“ ve ">" işaretlerinin arasına yazılır. Her tag'in bir başlangıcı ve bitişi vardır. Bitiş tag'lerinde, "<" işaretinden sonra tag'in bitiş tag'i olduğunu belirtmek için "/" işareti kullanılır. Bir örnek ile göstermemiz gerekirse; <P>Bu bir HTML paragrafıdır.</P>

Web grafiklerinin hazırlanması Zor olan işlem, HTML bilmek ve sayfaların içine içeriğin yerleştirilmesi değil, bu içeriğin hazırlanması, yani tasarım aşamasıdır. Sayfalarda yer alan grafikler genellikle metinlerden daha da zor hazırlanırlar. Çünkü sayfada yer alacak renkler ve grafik tasarımları sitenin genel çizgisini belirleyeceği için, özenle ve uyumlu bir şekilde hazırlanmalıdır. Grafik tasarım programları (Corel Draw, Photoshop, Paint Shop Pro, Flash…) ile hazırlanacak site grafiklerinde görselliğin yanında dikkat edilecek bir başka unsur da grafik dosyalarının boyutlarının küçük olmasıdır. Çünkü ne kadar fazla grafik kullanılırsa, site o kadar yavaş açılacaktır ve bir site ne kadar görsel olursa olsun, eğer yavaş açılıyorsa pek de cazip olmayacaktır. Bu tür programlar ile arka fonlar, butonlar, başlıklar ve bannerlar gibi sabit grafikleri oluşturabilirsiniz.

Web alanı ve adresi almak Grafikleri ve metinleri hazır hale getirdikten sonra bunları bir HTML editörü ile web sayfası haline getirebiliriz. Hazırladığımız web sayfalarını kullanıcılara ulaştırabilmeniz için bunları yerleştireceğiniz Internet üzerinde bir disk alanına yani web alanına ihtiyacınız olacaktır. Web alanına Internet erişimini, direkt web sitemizin alanını aldığımızda bize verilen adresten ya da daha kolay hatırlanabilir ve kalıcı bir yönlendirme (domain) adresi alarak bu adresi web alanımıza yönlendirerek sağlayabiliriz.

Web alanı seçimi ve dosya aktarımı Web alanı konusunda en iyi çözüm yine Internet üzerinde (bedava/ücretli) sabitdisk alanı (host) sağlayan bir sunucu bulup sayfalarınızı oraya yerleştirmektir. Web alanı kapasitesi ihtiyaçlara göre belirlenmelidir. Örneğin; sunucunun kullanılan veri tabanını ve programlama dilini desteklemesi gerekir. Son olarak, eğer alacağınız alanın FTP desteği varsa, sayfaları FTP programları ile sunucu üzerindeki alana gönderebilirsiniz. FTP kullanamıyorsanız ya da FTP desteği yok ise web üzerinden dosya transferi yapabilmelisiniz.

İstemci Taraflı Teknolojiler Web sayfalarına görsel ve işlevsel zenginlik katmak için geliştirilmiş küçük programcıklardan oluşan scriptler ve HTML’i destekleyen ve tasarımı zenginleştiren teknolojilerdir. Örneğin: DHTML, XML, CSS, JavaScript, Flash uygulamaları vb.

DHTML ne değildir? Kendine özgü bütünlüğü ve kuralları olan bir kodlama ya da program dili değildir. HTML’in bir alternatifi değildir. Sunucu-tarafı teknolojisi değildir. Eski model web tarayıcılarının da halen kullanıldığını düşünürsek her tarayıcıda aynı şekilde çalışan bağımsız bir uygulama değildir. Geliştirme ve çalıştırma için ekstra bir yazılıma ihtiyaç yoktur. Hiç bir firmanın tekelinde değildir.

DHTML nedir? Belirli teknolojilerin birbirleriyle dayanışma içinde kullanıldığı bir yöntemdir. Geleneksel HTML sayfalarına görsel ve işlevsel açıdan zenginlik katan bir metoddur. Bizzat normal HTML sayfalarına eklenirler. Kullanıcı-tarafı teknolojilerini (HTML, CSS ve JavaScript) kullanır. İstemci taraflı çalışır. Bedavadır.

XHTML XHTML, açılımıyla Extensible HyperText Markup Language türkçesi Genişletilebilir Büyütülmüş Metin İşaretleme Dili istemci taraflı bir metin işaretleme dilidir. XHTML 26 Haziran 2000'den beri bir web standartıdır. Kodlama olarak oldukça büyük farklar yaratan bu dil için:'XML sözdiziminin HTML içinde kullanılması.' diyebiliriz. HTML dilinin farklı tarayıcılarda (bknz. Internet Explorer, Firefox, Opera) farklı yorumlanması ve sözdiziminde fazla düzensizlik ve hata olduğu için XHTML W3C(World Wide Web Consortium - WWW) tarafından önerilmiştir.

XHTML HTML dilinin 4. sürümünü temel almaktadır. HTML dilinin aksine sıkı kurallara sahiptir. Önemli avantajları: Genişleyebilir olması, daha standart bir yapıya sahip olması, daha temiz bir HTML yazımı gerektirmesi, bilgisayarlar haricinde mobil telefonlar ve XML uyumlu birçok cihaz tarafından da desteklenmesi

XHTML

HTML 5 HTML5, HTML4 ve XHTML sürümlerine göre daha stabil ve sade bir yapıdadır. Önceki sürümlerde olmayan bir çok yeni yapıya sahiptir.

XHTML ve HTML5

Tarih özelliği örneği <input type=date>

XML nedir? XML(Extensible Markup Language) HTML ile pek çok açıdan benzerlik gösteren bir işaretleme dilidir. HTML için bir alternatif değildir. XML işaretler içine gömülü olan verilerin yapılandırması için kurallar tanımlar. Kendi terimlerimizi (vocabulary) tasarlamayı ve kendi verilerimizi temsil etmeyi, web verisinin depolanmasını ve iletilmesini sağlar. Verinin tanımlanması ve tarif edilmesi için kullanılır. HTML’deki yapının aksine XML’de kullanılacak olan tag’ler önceden tanımlı değildir.

Java Script nedir? Java Script Netscape tarafından geliştirilmiş bir script dilidir. Düz yazı formundadır. Browserlara bağlıdır ve yorumlanır. HTML'nin içine gömülür. Etiketi <script>...</script> şeklindedir. Java Script; etkileşimli web sayfası yapımında HTML'nin yetersiz kalması nedeniyle C/C++ dilleri baz alınarak geliştirilen, "düz yazı" formunda bir script (komutlar dizisi) dilidir. Java Script kodları herhangi bir metin editörü (Win 95/98 Not defteri vb.) ile düz yazı formunda yazılabilir.

Java Script nasıl çalışır? Java Script kodları istemci tarafında, yani ziyaretçinin web tarayıcısı tarafından yorumlanır ve yaptırılmak istenen işlemler gerçekleşir. Ama bu işlemlerin gerçekleşmesi için mutlaka bir olay gereklidir. Örneğin; sayfanın açılması kapanması, ziyaretçinin sayfada herhangi bir yeri tıklaması veya klavyede herhangi bir tuşa basması gibi... Java Script kodlarını web sayfası içerisinde 2 şekilde tanımlayabiliriz; HTML kodları içerisinde <SCRIPT>....</SCRIPT> etiketleri arasında yazarak, Düz yazı formunda ve .js uzantısı ile farklı bir dosya oluşturup, bu dosyaya HTML içerisinde link vererek: <SCRIPT LANGUAGE="javaScript" src=“dosyaadi.js"> </SCRIPT>

Ajax (Asynchronous JavaScript ve XML) Sunucuda çalışan bir kodun çıktılarının postback (sayfanın yeni verilerle yeniden yüklenmesi) olmadan istemciye ulaştırılmasıdır. Sayfanız yüklendikten sonra sayfanızın hala veri alıyor ya da gönderiyor olmasıdır. Ajax yeni bir dili programlama değildir, mevcut dilin farklı şekillerde kullanılmasıdır. Ajax iyidir çünkü web site trafiğini düşürür, tüm sayfanın yeniden yüklenmesi yerine sadece gerekli yerler değiştirilerek trafikten kazanılır. Ajax, javascript ile yazılır onu ASP, PHP, ColdFusion gibi diller ile zengin ve aktif olarak kullanabilirsiniz.

AJAX Bir Ajax uygulamada işler şöyle yürür; Yüklenmiş sayfa istenen içeriğe göre javascript yardımıyla başka bir sayfaya string gönderir ki bu opsiyonel olarak session bilgisi, string ya da form verisi olabilir. (get / post) Javascript kodumuz bu sırada verinin gelip gelmediğini kontrol edebilir. Yani işlem başladığında loading.gif i bir yerlere yazdırıp işlem tamamlandığında silebilirsiniz. Gelen veri bir değişkene atanır (responseText) Artık buradan sonrası bildiğimiz javascript innerHTML kullanarak id'sini bildiğimiz bir alana veriyi yazdırabilir, ya da herhangi bir formun value'suna eşitleyerek form kutusu içine yazdırabiliriz. İşte bu kadar artık elimizde başka bir sayfa üzerinden alınmış bir data var.

CSS nedir? CSS (Cascading Style Sheets), Bir HTML dökümanındaki HTML takılarının sitillerini belirleyen tekniktir. CSS kodlarını web sayfası içerisinde 3 şekilde tanımlayabiliriz; 1. HTML takılarının sitillerini, takıların içinde(Local) <h1 style= font-family:Verdana,Arial> CSS öğreniyorum </h1> 2. Sayfanın başında "" takıları arasında (Global) <style> h1.buyukyazilar {font-family:verdana; color:yellow} h1.digerleri {font-family:arial; color:black} h2 {font-family:verdana; color:pink} </style> 3. Link olarak başka bir dosyadan alarak <link rel="stylesheet" type="text/css" href="sitillerim.css">

CSS ile sayfalarınızı yönetin! CSS, HTML takılarına, HTML ile yapılamayacak fakat işinizi kolaylaştıracak bir çok özellik katabilir. Örneğin; hemen hemen tüm web sayfalarında gördüğünüz değişik link sitilleri, CSS kullanılarak yapılmıştır. CSS ile sayfalarınızı daha hızlı hale getirebilir ve dosyanın yükünü hafifletebilirsiniz. Sayfalarınız için hazırlayacağınız bir CSS dosyasını kullanarak tüm sayfalarınıza aynı özellikleri verebilir, dolayısıyla hız ve tutarlılık sağlamış olursunuz.

Flash Flash, Macromedia tarafından geliştirilmiş Internet'te etkileşimli vektörel grafik ve animasyon hazırlanmasında kullanılan bir standarttır. Flash içerisinde bulunan bütün görüntü, ses, text elemanları flash'a özgü bazı sıkıştırma teknikleri sayesinde çok küçük boyutlara sıkıştırılabilir. Bu sıkıştırma oranları program içerisinden kalitelerini değiştirmek suretiyle ayarlanabilir. Örneğin; 1 birim tutan bir ses/görüntü dosyası 0.1 ile 0.9 arasında boyutlarda son kullanıcıya ulaştırılabilir.

Flash nasıl kullanılır? Flash ile en küçük reklam pankartından (banner), en karmaşık animasyonun yapılması, hatta bütün bir web sitesinin oluşturulması mümkündür. Interaktif CD'lerin hazırlanması, oyunlar, veritabanı uygulamaları, PHP ve XML gibi birçok dil ile kullanılabilme, Flash'ın ileri düzey maharetleri arasında sayılabilir. Flash ile ses ile biteşlemler (bitmap) birleştirilebilir. Yani bir dosyanın içine müzik yada ses efekti rahatlıkla gömebiliriz. Bu bize etkileşim daha üst seviyelere çekebilme şansını verir. Web tasarımcıları Flash'ı çekici, ölçümlendirilebilir, çok az yer kaplayan gezinilebilir yüzeyler, teknik canlandırmalar, uzun süreli animasyonlar ve diğer şaşırtıcı efektleri yapmak amacıyla kullanırlar.

Sunucu Taraflı Teknolojiler Genel olarak Common Gateway Interface adı da verilen bu teknolojilerin temel avanjatları: web tarayıcılarından bağımsız olmaları (platform bağımsızlığı), Kullandığınız teknolojilerin, scriptlerin sunucu tarafında saklı kalması, Kaynakların yönetimi, kontrolü ve uzaktan sistem yönetimi olanağı sağlamaları, Şirketler arası bilgi paylaşımı için ideal bir ortam oluşturmalarıdır. Günümüzde yaygın olarak kullanılan başlıca sunucu taraflı teknolojiler: PHP ve ASP.NET, JSP’dir.

PHP (Personal Home Page) HTML’in geliştirilmesinden sonra ihtiyaçların ve web olanaklarının çeşitlenmesi ile bazı eksikliklerinin tamamlanma ihtiyacı doğmuştur. Programlama PHP mantığı; web sayfası isteminde bulunan kullanıcılara, adres satırından çağırılan dosya içerisindeki PHP ile ilgili satırları işleyerek dosya içeriğini kullanıcının browserının anlıyabileceği HTML formatında sunar. PHP genel anlamda Server-Side (Sunucu-Taraflı) bir dildir.

PHP’nin avantajları Rakipleri ile arasında performans ve fiyat açısından açık farklılar vardır. Fiyatı: Php ücretsiz dağıtılmaktadır. Hız: İlk zamanlarda 5000 satırlık bir bilgiyi veritabanına aynı makina üzerinde PHP+MySQL 3 (üç) saniyede girerken, ASP+MsSQL 28 saniyede girmekte idi. Hala da PHP-MySQL daha hızlıdır. Açık kaynak kodu: Hataların veya yeni özelliklerin güncellenmesi/eklenmesi gibi olaylarda büyük avantajlar sağlamaktadır. Kütüphane: Php ile web sayfalarında daha çok kullanıcı etkileşimli kodlar kullanmaktadır. Örnek olarak; Ziyaretçiler için oluşturulan, forum, sayaç, anket gibi kodlarda Php çok rağbet görmektedir.

ASP (Active Server Pages) Yine sunucu taraflı bir teknoloji olan ASP, (Active Server Pages/Aktif Sunucu Sayfaları) kullanıcı tarafına etkileşimli, dinamik web sayfaları göndermek için kullanılır. Çok geniş bir kullanım alanı olan ASP, scripting diye tabir edilen VBScript, JavaScript gibi her türlü ham kodu kullanabilir, sunduğu kolay anlaşılır doğal dili ile orta derece HTML bilen kimseler tarafından bile kolayca kavranabilir.

ASP-PHP rekabeti Günümüzde büyük şirketlerde Internet ve Intranet uygulamalarda, Microsoft firması kendi ürünü olan ASP için büyük çabalar sarfetmektedir. Yeni teknolojiler (.Net ) ile ASP için yeni zeminler hazırlayarak iş istihdamı konusunda ASP yi bir adım öne taşımaya çaba göstermektedir. Sunucu fiyatları olarak PHP'ye göre üç kat daha fazla oranda olmasına rağmen, büyük şirketler tarafından tercih edilmektedir.

JSP JSP (Java Server Pages), Java Servlet teknolojisinin bir uzantısıdır. HTML ve sunucu taraflı Java progamlarının birlikte çalışmasını sağlar. JSP sayfaları .jsp uzantısı taşır. Apache's Tomcat (JSP) Sun Microsystems JSP betik dilini daha popüler hale getirmek için JSP ve Java Servlet kodlarını Apache Group'a verdi . Apache de Tomcat adlı uygulama sunucusunu piyasaya sürdü.

Java nedir? Java (yani Java Applet), Sun Microsystems tarafından geliştirilmiş nesneye yönelik programlama dilidir ve işletim sistemlerinden bağımsız olarak çalışır. HTML'nin bir parçası olamaz. Etiketi <applet>...</applet> şeklindedir. Java Applet hazırlayabilmeniz için Sun firmasının ücretsiz olarak dağıttığı JDK (Java Development Kit – Java Geliştirme Ortamı) programını download etmeniz gerekmektedir. <APPLET code=hotbutton.class height=20 width=122> <PARAM NAME="clip" VALUE=""> <PARAM NAME="activeshadow" VALUE="fff9e3"> <PARAM NAME="shadowcolor" VALUE="ffedaf"> <PARAM NAME="align" VALUE="icon"> </APPLET>