Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

Öğr. Gör. Mustafa YAVAŞ Öğr. Gör. Murat HACIMURTAZAOĞLU EĞİTMENLER Uzm. Murat YAZICI.

Benzer bir sunumlar


... konulu sunumlar: "Öğr. Gör. Mustafa YAVAŞ Öğr. Gör. Murat HACIMURTAZAOĞLU EĞİTMENLER Uzm. Murat YAZICI."— Sunum transkripti:

1 Öğr. Gör. Mustafa YAVAŞ Öğr. Gör. Murat HACIMURTAZAOĞLU EĞİTMENLER Uzm. Murat YAZICI

2 EĞİTMENLER  Öğr. Gör. Murat HACIMURTAZAOĞLU e-posta : web :  Öğr. Gör. Mustafa YAVAŞ e-posta : web :  Uzm. Murat YAZICI e-posta : web : 2

3 Kursta Neler Öğreneceğiz? HTML CSS Dreamweaver Photoshop PHP + MySql + Apache Wordpress 3

4 TEMEL İNTERNET KAVRAMLARI 4

5 İnternet Nedir? İnternet: Dünya üzerinde bulunan birbirinden farklı büyüklükteki yerel bilgisayar ağlarını birbirine bağlayan bilgisayar ağıdır. Kısaca ağların ağı olarak tanımlanmaktadır. İnternet dünyadaki bilgisayarların telefon kabloları aracılığıyla birbirine bağlandığı ağdır. İşlevi, üretilen her türlü bilginin saklanması, paylaşılması ve kolay erişimidir. İnternet teknolojisi yardımıyla bilgiler insanlara kolay, ucuz, hızlı ve güvenli bir şekilde erişebilmektedir.  Dünya çapında bir kütüphanedir.  Büyük bir bilgisayar ve iletişim ağıdır.  Fikirlerin paylaşıldığı bir demokrasi platformudur.  İnsan hayatını kolaylaştırıcı (banka, alışveriş, dergi, gazete, TV hizmetleri)  yönleri vardır.  Çift yönlü bilgi aktarımı yapılabilmektedir.  İnternet birbirinden çok farklı donanım (PC, Macintosh,…) ve yazılım (İşletim Sistemleri: UNIX, LINUX, DOS, WINDOWS, MOS, OS/2… ) özelliklerine sahip olan bilgisayarların birbiriyle iletişim içinde bulunmasını sağlamaktadır. 5

6 İnternetin Tarihçesi  1970 yılında Amerikan Savunma Bakanlığı tarafından, araştırma kuruluşları ve üniversiteler arasındaki bilgi alışverişlerini sağlamak amacıyla kuruldu. O zamanki adı ile ARPANET kurumlar arasındaki haberleşmeyi ve dosya transferlerini sağladı.  1980 yılının başlarında Amerikan Ulusal Bilim Vakfı (NSF), beş üniversitenin bünyesinde bulunan süper bilgisayarları birbirine bağlamak amacıyla, aralarında 56 Kbps hızında ve TCP/IP protokolüyle konuşacak bir ağı devreye soktu.  1989 yılının başlarında, NSF giderek artan yükü kaldırmak amacıyla ağın 45 Mbps hızına yükseltilmesi gündeme geldi. (Bu bağlantıya ise T3 adı verildi)  1991 yılının Kasım ayında omurga T1 'den T3 'e, merkez sayısı 16 'ya, merkeze bağlı ağ sayısı ise 3500 'e çıkartıldı. İşte bu omurga bugün İnternet dediğimiz yapıdır. 6

7 Türkiye’de İnternet Türkiye İnternet’e Nisan 1993'ten beri bağlıdır. İlk bağlantı ODTÜ'den gerçekleştirilmiştir. 64kbit/san hızında olan bu 2 hat, çok uzun bir süre, tüm ülkenin tek çıkışı olmuştur; Ege Üniversitesi'nden olan bağlantı ise, 1994 başlarında, 64kbit/san. hızı ile gerçekleştirilmiştir. Ardından sırayla, Bilkent Ün.(1995 Eylül), Boğaziçi Üniv. (1995 Kasım) ve İTÜ (1996 Şubat) bağlantıları gerçekleşmiştir. İnternet'in avantajları aşağıdaki biçimde sıralanabilir.  Fiyat açısından uygundur.  Yerel ya da uluslararası kullanıma açıktır.  Özel yazılım veya donanıma fazla masraf yapılmasına gerek yoktur.  Basit bir network olmamakta, buna karşın farklı network gruplarının birleşimi olmaktadır.  Sadece akademisyenler, işadamları veya askeri amaçlı değil, özel ya da ticari amaçlarla da kullanılabilir. 7

8 Network (Ağ Bağlantıları) NETWORK (Ağ) Farklı mekanlardaki bilgisayarların özel hatlar ya da telefon şebekesi aracılığıyla birbirlerine bağlanmaları. Network yapıları ikiye ayrılmaktadır :  LAN (Local Area Network) :Yakın mesafelerde (en fazla bin metre) iletişim sağlanan network türüdür.  WAN (Wide Area Network) : LAN ‘ların birleşmesinden oluşan, yüzlerce veya binlerce kilometre mesafeler arasındaki iletişimin sağlandığı networktür. TCP/IP Transmission Control Protocol/Internet Protocol kelimelerinin baş harflerinden oluşmuştur. Bilgisayarlar arası iletişimi sağlayan, veri aktarımını kontrol eden ve bilgisayarlar arası organizasyonu düzenleyen veri iletişim protokollerine verilen genel addır. Örnek olarak FTP, ve Telnet verilebilir. INTRANET İnternet ortamına bağlı olmayan, şirket içi kurumsal haberleşme ve dosya yazıcı paylaşımları için oluşturulmuş networklerdir. Temel olarak Intranet, dış ortama kapalı bir LAN (ya da WAN) şebekesi olarak düşünülebilir. 8

9 IP, DOMAİN, HOST, DNS?  IP (Internet Protocol) Numarası IP (Internet Protocol), bilgisayarların iletişim kurmasını sağlayan standart bir protokoldür. Bilgisayarın iletişim adresidir. Örn:  İnternet Alanı (Domain) İnternete sürekli bağlı olan her bilgisayarın bir IP numarası vardır ( gibi). Bu numaraları akılda tutmak ve herhangi bir anda yazmak zor olduğundan, alan adı (domain name) sistemi adını verdiğimiz bir isimlendirme oluşturulmuştur. Herhangi bir bilgisayara (ve o bilgisayar üzerinde yayınlanan WEB sitelerine) bağlanmak için karmaşık IP numaralarını akıldatutmakyerine,hatırlanması ve yazılması kolayalan adlar kullanılmaktadır ( gibi).www.rize.edu.tr  Host(Alan Yeri) Site dosyalarının tutulduğu yerdir. Her domain adresinin bir host alanı vardır.  DNS (Domain Name System; Çözümleyici) İnternette bilgisayarları tanımlama amacıyla isimlerin organize edildiği ve dağıtıldığı sistemdir. Gelen istekleri DNS IP olarak çözümleyip Domaine ulaşmamızı sağlar. 9

10 WEB SAYFASI NASIL AÇILIR? 1. İstemci makinenin kullanıcısı Web tarayıcısında bir hyperlink ’e tıklar. 2. Browser DNS (Domain Name Server) a bağlanıp istemde bulunduğu sayfanın server IP sini alır. 3. Ardından Aldığı IP ye bir çağrı gönderir ve sayfayı ister. 4. Web Server da bu isteğe cevap verir ve http üzerinden sayfayı Web Browser a gönderir. 10

11 İnternette Kullanılan Protokoller  TCP/IP İnternet üzerinde data iletişimi TCP/IP protokolüyle sağlanır. Bu protokolün temel mantığı kullanıcının network ortamındanbağımsız haberleşme yapması ve iletişim kurmasına dayanmaktadır.  HTTP HTTP sunucusu ile haberleşmenin, veri akışının sağlanmasında kullanılan HTTP (Hyper Text TWWW (Web) sayfalarının görüntülenmesinde kullanılan bir protokoldür. WWW ise HyperText tabanlı bilgi sistemidir, ve siteleri görmemizi sağlar.  FTP FTP (File Transfer Protocol) İnternete bağlı bir bilgisayardan diğerine (her iki yönde de) dosya aktarımı yapmak için geliştirilen bir İnternet protokolü ve bu işi yapan uygulama programlarına verilen genel addır. (Cute FTP, Filezilla gibi )  SMTP/POP Elektronik Posta ( ) alışverişi için SMTP ( Simple Mail Transfer Protocol ) ve POP ( Post Office Protocol ) protokolleri kullanılır. SMTP, gönderilmesinde, POP ise gelen maillerin alınmasında kullanılır.  TELNET/SSH Telnet, İnternet ağı üzerinde uzak bilgisayara bağlanmak için geliştirilmiş bir TCP/IP protokolü olup, aynı zamanda bu işi yapan programlara verilen genel addır. 11

12 İnternet Araçları Web Browserler; İnternette gezinmemizi sitelere giriş yapmamızı ve siteler arası gezintileri sağlar. Örn; İnternet Explorer, Firefox, Opera, Google Chrome, Netscape vs… İnternet adres grupları;  gov: Hükümet kurumları (government)  edu: Eğitim kurumları (education)  org: Ticari olmayan kuruluşlar (organization)  com: Ticari kuruluşlar (company)  mil: Askeri kurumlar (military)  net: Servis sunucular (network)  ac: Akademik kuruluşlar (academic)  int: Uluslararası kuruluşlar (international)  Bunun yanında kullanılan ülke kısaltmaları da vardır. Bazıları; tr:Türkiye, jp:Japonya, uk:İngiltere, it:İtalya, ch:Isviçre gibi. 12

13 Arama Motorları İnternet büyük miktarda bilgi içerir, ancak en büyük sorun ihtiyacınız olan bilginin yerini tespit etmektir. Arama motoru, WEB sitelerini dolaşarak içeriklerini inceleyen ve bu içerikleri sizin arama yapabilmeniz için uygun şekilde indeksleyen programlara verilen isimdir. Arama Motorlar;  Google.com, Yahoo.com, Hotmail.com, Astalavista.com,Hemenbul.com, Arama.com, AdanZeye.com Arama Teknikleri  "..." : Tırnak içine yazdığınız değerlerin aynı sayfada olduğu sonuçları gösterir. Örn: "araba kiralamak istiyorum“  ….. + ….. : yazılan kelimelerin 2 sininde listelenen sitelerde yer almasını sağlar. Örn: rize + yayla  allintitle: bu kullanım ile site başlıklarında arama yapabilirsiniz. Örn: allintitle: araba kirala  site: Bu operatörü kullanarak, herhangi bir web sitesi içerisinde arama yapabilirsiniz. Örn: [site:www.rize.edu.tr.com Rize MYO]  AND ve OR ile arama yapılabilir. 13

14 İnternet Araçları  Yeni Hesabı Açma(hotmail, yahoo, gmail)  Hesap Kullanımı  Outlook Express kurulumu  MSN kurulumu ve kullanımı  Yahoo Messenger  Facebook kullanımı  Forum sitlerine üyelik  Upload/Download yapma  İnternet Explorer Kullanımı Bilgisayar Güvenliği  İnternette çıkış yapan yada yapmayan her Pc de güvenlik sorunu mevcuttur. Güvenli olarak internette gezinmek için mutlaka PC ye anti-virüs programları yüklenmesi gerekmektedir. Bunlar, Nod32, Avira, Kaspersky, Norton gibi anti virüs ve anti spam yazılımlarıdır. Unutmayınki anti-virüs programları 100% güvenlik sağlamaz, bu yüzden kullanıcıların internette bilinçli gezinmeleri gerekir. 14

15 Bilgisayar Ağ Bağlantı Ayarları 1. Ağ bağlantılarım kısmından, ağ bağlatıları görüntüle simgesine sağ tıklanıp Özellikler sekmesine tıklanarak verilen sayfa açılır burada bilgisayarın internet durumu görüntülenir. Burada gelen ve gönderilen paketlerin istatistiği mevcuttur. 2. Ayrıntılara tıklanarak IP adreslerini görebiliriz. 3. Özelliklere tıklanarak IP değerleri atanabilir ve değiştirilebilir. 15

16 Şema olarak İnternet 16

17 Dreamweaver Editörü ile HTML, CSS, JavaScript kullanarak Web Sayfası Oluşturma 17

18 Kavramların Tanımı HTML = Hypertext Markup Language (Hareketli Metin İşaretleme Dili) CSS = Cascading Style Sheets (Geçişli Stil Kağıtları) Dreamweaver : Web Sayfası kodlama ve tasarım yapmayı sağlayan editör programıdır. 18

19 HTML ? HTML = Hypertext Markup Language (Hareketli Metin İşaretleme Dili)  HTML dokümanları metin ve etiketlerden meydana gelir. HTML etiketleri açılır parantez içerisinde yazılır. HTML etiketlerinin çoğu slash / karakteri ile biten etiket ile kapatılarak bloklar halinde kullanılır. (açılış) …… (kapanış) 19

20 HTML’de Yapısal Etiketler Yapısal etiketler web sayfasında farklı bölümler tanımlamak için kullanılır. Bunlar; 20

21 Örnek HTML Sayfası! İlk Web Sayfamın Başlığı Buraya Sayfada görünecek metinler,resimler, şekiller, kodlamalar gelecek Farklı kaydet ile ilk_sayfa.html olarak kayıt edilir. 21

22 Etiket Özellikleri(Tag Attributes) Etiketi Bu etiket içerisinde yazılanlar sayfada gözükmezler. Bu etikette ; ….,, (CSS) (JavaScript, VBScript) mevcuttur. Etiketi etiketleri ile tanımlanan bölümüne sayfamızda görünmesini istediğimiz bilgileri yazarız. etiketi birçok özelliğe sahiptir. Bunların çok sık kullanılanları; • BACKGROUND (Arka plana resim ve renk yerleştirme) • BGCOLOR (Arka planı renklendirir) • TEXT: Metin rengi • LINK: Ziyaret edilmemiş link rengi • VLINK: Ziyaret edilen link rengi (vizited link) • ALINK: Kullanıcı Mouse ile linke tıkladığında Mouse basılı iken gözükür. olan renktir. • BGPROPERTIES: Bu özelliğe Fixed değeri atandığında arka plan resmi sabit olup kaydırma çubuğu ile arka plan resmi hareket etmeyecektir. 22

23 Etiket Özellikleri(Tag Attributes) WEB SAYFAMA HOŞGELDİNİZ WEB SAYFAMA HOŞGELDİNİZ RÜ Web Sayfası Rize Üniversitesinin Sayfasına Gitmek İçin Tıklayınız Karadeniz Teknik Üniversitesinin Sayfasına Gitmek İçin Tıklayınız Farklı kaydet ile deneme.html olarak kayıt edilir. 23

24 Belge Biçim Etiketleri HTML çok sayıda biçimlendirme etiketi sunar. Bu etiketlerle belgede başlık oluşturur, metni kalın, italik, altçizgili yapar, madde imlerini oluşturur ve yatay çizgiler oluşturabilirsiniz. Bunlardan bazıları aşağıdaki tablodadır. 24

25 Belge Biçim Etiketleri 25

26 Başlık Etiketlerinin (Header Tags) Kullanımı Bu etiketin başında ve sonunda Web Browser otomatik olarak satır kırma karakteri kullanır. Örnek: header.html Header Etiketleri Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 26

27 META Etiketlerinin HEAD İçinde Kullanımı Yada 27

28 Metin Biçimlendirme Etiketlerinin Kullanımı Farklı metin biçimleri kullanmak için bu etiketleri kullanırız. HTML satır kırmalarını, sekme karakterlerini, sıralı duran boşluk karakterlerini tek bir boşluk karakteri olarak algılar. Bu yüzden satır kırma(alt satır) için ve etiketlerini kullanırız. Metin Biçimleri Güçlü Vurgu STRONG (Strong Emphasis) Metni Kalın B (Bolt) Gibi Gözüküyor. Vurgu EM (Emphasis) Metni İtalik I (Italic) Gibi Gözüküyor. Bu Metin PRE (Preformatted) Etiketi Kullanılarak Yazılan Metindir. Başka Bir Satır ve biraz boşluk Birkaç Metin Yazalım. 12 Bu Satırdan Önce Bir BR etiketi Var. Bu Satırdan Önce P Etiketi Var. Birkaç Metin Daha Bu Satırdan Önce DIV Etiketi Var. Bu Kadar Metin Yeter. 28

29 Etiketi Kullanımı Bu etiketler arasında bulunan metnin font ayarlarının yapıldığı etiketidir. Bu etiketin bazı özellikleri; • Size: Yazı boyutunu temsil eder. • Color: Yazı rengi Örnek: font1.html Kaptanın Seyir Defteri Bu metin SMALL etiketi ile yazılmıştır. Bu metin iki tane BIG etiketi ile yazılmıştır. Buradaki metin özellikleri size="3" ve color="#FF0000" dir. 29

30 Listeler Oluşturmak Listeler oluşturmak için aşağıdaki iki seçenekten birini kullanabilirsiniz. • : Unordered (Madde İmli) Listeler • : Ordered (Otomatik Numaralı) Listeler ; etiketinin TYPE özelliğine 1, a, A, I ya da i değerlerini atayarak numaranın stilini değiştirebilirsiniz. Varsayılan değeri “1” dir. Kullandığınız stil hangisi olursa olsun. Maddelere ile işaret ederiz. Aşağıdaki örnekte olduğu gibi bir liste içinde alt listeler de oluşturabiliriz. Karadeniz Bölgesi Rize Trabzon Sürmene Araklı Of Karadeniz Bölgesi Rize Trabzon Sürmene Araklı Of Samsun Sinop Artvin Güney Doğu Bölgesi Gaziantep Şanlıurfa Diyarbakır Adıyaman Samsun Sinop Artvin Güney Doğu Bölgesi Gaziantep Şanlıurfa Diyarbakır Adıyaman 30

31 Hyperlink (Köprü veya link atama) Sayfalara link (bağlantılar) oluşturmak için Anchor etiketi kullanılır. etiketini kullanarak; • Kendi Web Sitenizde başka bir Web Sayfasına http hyperlinki, • Başka bir Web Sitesinin bir sayfasına http hyperlinki, • Dosya download etmek için bir ftp linki, • Mail mesajı oluşturmak için bir mailto linki oluşturabilirsiniz. • etiketinin TARGET özelliğine “_blank” değerini atayarak linkin yeni bir Web Tarayıcısı penceresinde açılmasını sağlayabiliriz ve “_self”, “_parent” kullanınız. RMYO Lİnk Sayfası Bazı Sık Kullanılan Linkler Anasayfa İletişim Sayfası Web Sayfam Resim Görüntüle  Ders Notu İndir! Mail Gönder >> 31

32 Etiketinin Kullanımı Sayfaya ekleyeceğimiz resmin kaynağını özelliği ile, resim göstermeyi desteklemeyen tarayıcılarda resim yerine gösterilecek olan metin de özelliği ile belirtilir Resim Formatları Web de kullanılan iki resim formatı vardır. Bunlar; GIF, JPEG/JPG, PNG vs… Rize MYO Rize Üniversitesi Rize Meslek Yüksekokulu 32

33 Etiketinin Özellikleri HTML ’nin çoğu taglarından farklı olarak etiketinin kapama etiketi yoktur. Bazı özellikleri şunlardır; src: Resmin bulunduğu dosya ve yol ismi alt: Resim göstermeyi desteklemeyen tarayıcılar ya da resim yüklenirken resmin yerinde gözükecek olan metindir. align: Resmin sayfada farklı hizalamada kullanılır. Left, right, top, middle veya bottom olabilir. hspace: Resmin etrafındaki yatay boşluk vspace: Resmin etrafındaki dikey boşluk height: Pixel olarak resmin yüksekliği width: Pixel olarak resmin genişliği border: Resmin etrafındaki çerçeve kalınlığıdır. “0” değeri verilerek çerçeve kaldırılabilir. Align Özellikleri Sayfadaki diğer elemanlarla resmin nasıl hizalanacağını kontrol etmek için bu özelliği kullanırız. Varsayılan olarak tarayıcı resmi sola hizalar ve resimden sonra gelen eleman resmin yanına yerleşir. Top: Resimden sonra gelen metinlerin üst satırı resmin üstü ile hizalanır. Middle: Resimden sonra gelen metinlerin üst satırı resmin ortası ile hizalanır. Bottom: Resimden sonra gelen metinlerin üst satırı resmin altı ile hizalanır. Left: Resim sayfanın soluna hizalanır. Resimden sonra gelen metnin tümü üstten itibaren resmin sağına yerleşir. Right: Resim sayfanın sağına hizalanır. Resimden sonra gelen metnin tümü üstten itibaren resmin soluna yerleşir. 33

34 Etiketinin Özellikleri Örneği Rize MYO Resmin Align Özelliği Bakalım resimden sonra yazmış olduğumuz metinler nereye yerleştiriliyor. Bakalım resimden sonra yazmış olduğumuz metinler nereye yerleştiriliyor. Bakalım resimden sonra yazmış olduğumuz metinler nereye yerleştiriliyor. Bakalım resimden sonra yazmış olduğumuz metinler nereye yerleştiriliyor. Bakalım resimden sonra yazmış olduğumuz metinler nereye yerleştiriliyor. 34

36 Height ve Width Özellikleri Resmin boyutlarını pixel olarak biçimlendirmede kullanılır. Rize MYO Orantılı Olarak Küçültülürse Orantısız Olarak Küçültülürse 36

37 Resim ve Hyperlink’ler Bir resme hyperlink eklemek için ve etiketlerini birlikte kullanırız. Karasu MYO (015_images.htm) Resim 1 Örneği Resmin 2 Align Özelliği Resim 3 - BR etiketinin clear özelliği
Sayfa 4 -- Width ve Height Özelliği Anasayfa -- Sayfanın Kendisi 37

38 Özel Karakterler HTML metin içerisine özel karakterleri yazmak için aşağıdaki format kullanılır. xxx ISO karakter kodu olmak üzere; &#xxx; şeklindedir. Örneğin copyright sembolü için “©” yazılır. Buna ilaveten HTML çok sık kullanılan bazı özel karakterler için aşağıdaki gibi kısa yola sahiptir. non-breaking space(boşluk) ( ) " quote character (“) < less-then charakter (<) > greater-then charakter (>) & ampersand charakter (&) © copyright symbold charakter (©) 38

39 Tablo Oluşturma Tablo oluşturmak için HTML de beş etiket vardır. Bu etiketler; 39

40 Tablo Örnek! Ürünler Sayfası Kampanya Ürünlerimiz Ürünler Açıklama Fiyatı 17“ LG (Goldstar) Monitör Peşin Fiyatına 5 taksit $300 HP Dijital Fotoğraf Makineleri Dijital sözlük hediyeli $200 Sony Hi8 Kamera Kampanyada son 10 gün $700 40

41 Etiketi etiketi kullanmak zorunda olmadığımız birkaç özelliğe sahiptir. 41

42 Etiketi etiketi iki tane özelliğe sahiptir. Bunlar; ALIGN : Satırdaki hücrelerin içeriğinin yatay hizalamasını kontrol eder. left, right, center olabilir. VALIGN : Satırdaki hücrelerin içeriğinin dikey hizalamasını kontrol eder. top, middle, bottom olabilir. ve Etiketleri ALIGN : Hücre içeriğinin yatay hizalamasını kontrol eder. VALIGN : Hücre içeriğinin dikey hizalamasını kontrol eder. NOWRAP : Kelime aralarında satır sonu kırmalarını pasif yapar. (Word Wrapping) ROWSPAN : Bir hücrenin genişletileceği satır sayısını belirtir. Varsayılanı 1 dir. COLSPAN : Bir hücrenin genişletileceği sütun sayısını belirtir. Varsayılanı 1dir. WIDTH : Hücrenin pixel olarak genişliği HEIGHT : Hücrenin pixel olarak yüksekliği 42

43 Örnek! Fiyat Listesi Ürünler Fiyat Toptan Perakende HP Dijital Fotoğraf Makineleri $500 $600 Goldstar (LG) 17" Monitör $250 $300 43

44 Frame (Çerçeve) Kullanımı HTML çerçevelerini (frame) kullanarak çok pencereli sayfalar oluşturabiliriz. Çerçeveler HTML 3.2 nin bir standardı değildir. Fakat web tarayıcılarının hemen hemen hepsi destekler. Aşağıdaki etiketleri kullanarak ana frame penceresini oluştururuz. 44

45 Etiketi Çerçeveli belge oluşturacağımız zaman, çerçevenin yapısını belirtmek için ve etiketlerini kullanırız. i kullanarak çerçeveleri satırlar ve sütunlar olarak ya da her ikisini kullanacak şekilde tanımlayabilirsiniz. etiketi iki tane özelliğe sahiptir; • COLS: Sütun çerçevenin sayısını ve büyüklüğünü belirler • ROWS: Satır çerçevenin sayısını ve büyüklüğünü belirler. Aşağıdaki tabloda bir web sayfasının çerçevesinin nasıl tanımlanacağının birkaç örneği vardır. Üç sütunlu çerçeve; ilk ikisi 100 piksel genişliğinde, üçüncüsü ise kalan boşluğun tamamı büyüklüğünde. Üç sütunlu çerçeve; birincisi 100 piksel, ikincisi browserın %30 u ve üçüncüsü de kalan boşluğun tamamı büyüklüğünde. Dört satırlı çerçeve; birincisi web tarayıcısının %20 si yüksekliğinde, ikincisi kullanılabilecek alanın tamamı, üçüncüsü ise tarayıcının %30 u yüksekliğindedir. 45

46 Etiketi ile çerçeve sayfası tanımlandıktan sonra her bir çerçeve penceresinin kaynağını belirtmeliyiz. Bunu da etiketi ile yaparız. Özellikleri; 46

47 FRAME Örnek! Örnek: 021_frame1.htm Frameset Örneği Web Tarayıcınız Frame i Desteklemiyor... Örnek: 021_frame1.htm Frameset Örneği Web Tarayıcınız Frame i Desteklemiyor _page2.htm Kırmızı Çerçeve Kırmızı Çerçeve 021_page2.htm Kırmızı Çerçeve Kırmızı Çerçeve 021_page1.htm Sol Çerçeve Sarı Çerçeve 021_page1.htm Sol Çerçeve Sarı Çerçeve 021_page3.htm Untitled Çerçeve Mavi Çerçeve 021_page3.htm Untitled Çerçeve Mavi Çerçeve 47

48 Etiketi Bu ağ ile HTM kodları arasına bir çerçeve açılıp bu çerçevede başka bir sayfa gösterilebilir. Özellikleri ; Örnek:

';
Google Reklamları