TEMEL HTML DERS NOTLARI -

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

Download "TEMEL HTML DERS NOTLARI -"

Transkript

1 HTML Nedir? HTML (HyperText Markup Language / Hareketli-Metin Isaretleme Dili) basitçe, browserlarla görebilecegimiz, internet dökümanlari olusturmaya yarayan bir çesit dildir. Tanimda geçen "internet dökümani" ifadesinin yanisira HTML ile olusturdugunuz belgeleri harddiskinize kaydedebilir ve internet baglantiniz olmasa bile bu belgeleri görüntüleyebilirsiniz. HTML, programlama dilleri (pascal, basic,..) gibi bir programlama mantigi tasimadigindan ögrenilmesi gayet kolay bir dildir. Dilden ziyade kabaca metinleri ya da verileri biçimlendirmek, düzenlemek için kullandigimiz komutlar dizisi bile diyebiliriz HTML için. HTML nispeten kolay bir dildir. Bu dilde binary veya hexadecimal kodlar yok. Hersey metin tabanli ve bir HTML dökümani olusturmak için ihtiyaciniz olan sey bir editör. Hatta sizde herhangi bir HTML editörü bulunmuyorsa bu isi Windows'un Notepad'i ile dahi halledebilirsiniz. Piyasada iki tip editör bulunuyor. Birisi metin tabanli, kod yazmayi gerektiren fakat bunun yanisira rutin bazi islemleri kolaylastiran editörler (HotDog, HomeSite..) digeri WYSIWYG (What You See Is What You Get / Ne görürsen onu alirsin) tarzi denen kısaca görsel, kodlamayla uğraştırmayı gerektirmeyen editörler (FrontPage, Dreamweaver, NetObjects Fusion,..). Benim yeni baslayanlara tavsiyem Windows'un Notepad'i. Bu islerin nasıl yapıldığını öğrendikçe ilerde siz de görsel editörlere geçebilirsiniz. Çünkü bir yerde istenmedik sonuçlar çikabilir ve kodlara müdahele etmeniz gerekebilir. Üstelik görsel editörler bazen istenmeyen kodlar ekliyorlar, bu da döküman boyutunun büyümesi demek. HTML'de Temel Unsurlar Burada sunu da belirtmek gerekiyor; browserlar arasindaki yorum farklarindan dolayi sayfaniz bir browser'da iyi görünürken bir baska browser'da hiç istemediginiz bir sekilde görüntülenebilir. Hele yeni bazi teknikleri (css, dhtml gibi) sadece MS Internet Explorer 4 ve üstü desteklerken Netscape henüz bu teknikleri tam olarak desteklemiyor. Yine de piyasayi neredeyse yari yariya paylasan bu iki browser'in birbirlerine üstün oldugu yönleri var. Sonuçta, ne kadar fiyakali bir sayfa da yapsaniz elde ettiginiz basari sayfanizi ziyaret eden kisinin kullandigi browser'a mahkum. Hatta ziyaretçiniz browser'ina verdigi bir talimatla "yalniz su fontu kullan", "grafikleri görüntüleme" seklinde bir ayar yapmissa emekleriniz bosa gitti demektir. Yine de bu kadar karamsar olmayalim. Bu kadar genel bilgi yeter. Bir sonraki konuda ilk HTML sayfamizi yapiyoruz. Ilk sayfam Iste ilk HTML sayfamizi yapiyoruz. Öncelikle çalismalarinizi saklamak için kullanacaginiz bos bir klasör olusturup uygun bir ad verin, mesela html_ders olsun. Daha sonra bu ad bize lazim olacagindan kolaylik olmasi için siz de yeni klasöre bu adi verebilirsiniz. Simdi de bu klasörü açip yeni bir metin belgesi olusturun (sag fare/yeni/metin belgesi). Dosyayi çift tiklayarak açin ve sunlari yazin: <title>ilk Sayfam</title> Sayfama Hosgeldiniz Simdi dosyayi kaydedin (Dosya/Farkli Kaydet...). Dosya adi kismina söyle yazin: "sayfa1.htm" (tirnaklar dahil) ve Tamam'a basin.

2 Notepad'i kapatin, metin dosyasini silin ve olusan yeni dosyayi açin. Dosya varsayilan browser'iniz (Internet Explorer, Netscape Navigator gibi) tarafindan açilacaktir. Tebrikler ilk HTML sayfanizi yaptiniz. Simdi de bu belgeyi nasil olusturdugumuzu birlikte inceleyelim. Birsey dikkatinizi çekti mi? Ingilizce bir takim kelimeler var ve bu kelimeleri küçük < ve büyük > sembolleri arasina yazdik. Bu ifadelere tag (etiket) deniyor. [ Etiket=Element=Label]. Etiketler etki etmesi istenilen metnin önüne ve arkasina yaziliyor. Önce etiketi yaziyoruz, sonra metni yaziyoruz daha sonra ayni etiketi önüne bir bölü isaretiyle tekrar yaziyoruz. Bu son yaptigimiz etiketi sonlandiriyor. Bir kaç istisna disinda tüm etiketler belge içerisinde sonlandirilmak zorunda. Burada kullandigimiz etiketler ve anlamlari söyle: html>... : Tarayiciya HTML dosyasinin basladigini ve bittigini belirtiyor. Diger tüm kodlar bu iki etiket arasina yazilir Bir HTML belgesi iki bölüme ayriliyor: head(baş ve body(gövde).... etiketleri arasina sayfa hakkinda bilgiler yaziyoruz. meta ve title gibi etiketler burada yeraliyor. Meta etiketlerine ileride deginecegiz.... arasi ise sayfamizin gövde bölümü. Ekranda gösterilecek kisimlar bu tagler arasinda yeraliyor. <title>...</title> : Title sayfanin basligini belirtiyor. Burada yazilanlar browser'in üst tarafinda (title bar) browser adiyla beraber gösteriliyor. Hazirladigimiz sayfada dikkat ederseniz sadece temel etiketleri kullandik. Yani metin biçimlendirmeye yarayan hiçbir etiket kullanmadik. Bu yüzden... arasina yazdigimiz Sayfama Hosgeldiniz yazisi browser'in varsayilan metin ayarlariyla gösteriliyor. Isin ilginç tarafi hiçbir kod yazmadan sadece Sayfama Hosgeldiniz yazip kaydetsek ve browser'da böyle görüntülesek de ayni neticeyi elde edecektik. Sonraki bölümde metin biçimlendirmeye yarayan etiketleri ögrenecegiz. Bir Web Dökümaninin ana çatisi ve kodlar(tag) Bir web sayfasinin ana çati olarak adlandirabilecegimiz iskelet yapisini asagidaki sekilde görüyorsunuz. Web sayfasi yapmaya baslarken önce bu çatiyi olusturun ve sonra içeriyi doldurmaya baslayin... < > Bir Web Sayfasinin Ana Çatisi < > Sayfa Hakkinda Bilgilerin Tanimlandigi Yer. Sayfanin Ana Gövdesi.. Hersey Burda Yapilyor.

3 1.KURAL: Bir web sayfasi kodlamasi ile baslar, ile biter... ( ilk TAG'imiz(komutumuz)... Ileriki sayfalarda bu TAG denilen kodlarin tam listesini ve ne ise yaradiklarini bulabilirsiniz...) 2.KURAL: Bir web sayfasi kaynak kodunda; ve ve isaretleri ile tanimlanmis 2 ana bölge vardir... ( ve ile sinirlanan bölgede sayfanin basligi, yazari, arama motorlarinin kullanacagi bilgiler, JavaScriptler vs. gibi bilgiler kodlanir. Bu bölüm sayfanin genel görünüsüne direkt olarak etki etmez.(javascript vb. hariç...) ve ile sinirlanan bölge ise sayfanin içerigi ve görünüsü ile ilgili olarak bütün herseyin yeraldigi bölgedir. Tasarimcilik burada gerçeklesir...) 3.KURAL: Adina TAG dedigimiz bütün komutlar "küçüktür" ve "büyüktür" isaretleri arasina yazilir. (Bu taglerin olmazsa olmaz kuralidir. Bütün browserler "<" ve ">" isaretleri arasindaki yazilanlari komut olarak algilar. bu isaret olmadiginda yazilanlar ya oldugu gibi görüntülenir yada HATA meydana gelir.) 4.KURAL: Sayfa kodlamasinda kullanilan TAG dedigimiz komutlarin büyük çogunlugu "/" isareti ile kapatilmak zorundadir. Bunun bazi istisnalari da vardir tabi... (Asagidaki sekilde bir örnek görüyorsunuz) (Örnegin <table> tablo açma komutu </table> tag'i ile kapatilmak zorundadir. Eger bu yapilmazsa sayfa dogru görüntülenmez, hata olusur. Istisna olarak bazi komutlari kapatmaya gerek yoktur. Örnegin <br> satir atlatma komutu...) <center>... Yazi,Resim vs.... Nesnelerin Ortalanmasini... Saglayan Kod </center> 5.KURAL: Bazi TAG lerin "parametreleri" vardir. Verdigimiz komutun aktivitesini arttirir... (Örnegi asagida görüyorsunuz... Bunlari kullanmak tamamen tasarimcinin keyfine kalmistir. Birbaska ifadeyle komutunu kullanmak zorunlu iken, parametrelerini kullanmak tercihe baglidir.) <body bgcolor="#ffffff" text="#000000"> / Body Komutunun Parametreler UZUN LAFIN KISASI: Bir web sayfasinin görünüsü 2 ye ayriliyor. Birisi browserler ile gördügümüz gerçek yüzü, digeri ise kelime islem programlari ile gördügümüz kaynak kodlari... Tasarimcilik bu kaynak kodlarda vücut buluyor. Herhangi bir web sayfasini "kaynak kodlari" açisindan ele alirsak temelde 2 ana bölümden (ana çati) meydana geldigini görüyoruz. Kaba tabiri ile bunlar; ve komutlari ile sinirlanan bir "bas" bölümü ve birde ve komutlari ile sinirlanan "gövde" bölümü. Sayfanin

4 görünüsü ve içerigi ile ilgili olarak hersey bu gövde dedigimiz alanda kodlanmakta ve bu kodlama için kullanilan komutlar adina TAG dedigimiz isaretlerden olusmakta... DIKKAT: Konuyu anlatirken simdilik teknik terimlere ve isin ayrintilarina girmiyoruz. Bu noktada hatirlatalim ki; yukarida kodlama yaparken kullandigimiz ve TAG diye adlandirdigimiz web sayfasi kodlama biçimi tek degildir. VRML, SGML, ASP gibi sözcükler duymussunuzdur. Yani web sayfasi hazirlamakta kullanilan birden fazla kodlama biçimi vardir. Biz burada HTML (HyperText Markup Language) HiperMetin Anlamlandirma Dili olarak adlandirilan biçimi görmekteyiz. Web'te en çok kullanilan dil de budur zaten... Metin Biçimleme Bu bölümde ögrenecegimiz etiketler: Baslik etiketleri: <h1>...<h6> Metni yazıldığı biçimde gösteren: <PRE> </PRE> Metni alınıt haline getirir (girintili). <BLOCKQUOTE> </BLOCKQUOTE> Metni bölümlere ayırır:<div> </DIV> Paragraf etiketi: <p>...</p> Ortalama: <center>...</center> Diger etiketler: <b>...</b>,<i>...</i>,<u>...</u>,<tt> </t>, <sub> </sub>, <sup> </sup>, <s> </s> HTML'de metin stillerini üç sekilde belirleyebiliriz: Düzenlemek istedigimiz metnin hemen önüne koyacagimiz bir etiketle biçimleme stili. Buna in-line (satir içi) biçimlendirme denir. Sayfanin head (bas) kismina koyulan stillere body (gövde) bölümden atif yapilarak metin biçimleme. (Embedded-Gömülü biçimlendirme) HTML dosyasinin disinda baska bir stil dosyasi olusturarak stil için bu dosyayi kullanma. Buna Cascading Style Sheets-Yigilmali Stil Kagitlari deniyor. Kisaca CSS. Bu teknik bize örnegin yüzlerce sayfanin stilini tek bir stil dosyasi ile belirleme gibi genis imkanlar veriyor. Birinci metotta her metin için ayri ayri stil belirtirken ikinci ve üçüncü metodlarda stil bir defa belirleniyor ve bu stilleri istedigimiz metne uygulayabiliyoruz. Burada önemli olan bir diger husus da ilk metodu tüm browserlar sorunsuz yorumlayabiliyor fakat 2. ve 3. metodu Internet Explorer ve Netscape'in son sürümleri (yorum farkliliklari ile beraber) destekliyorlar. Burada konumuz birinci metoda göre biçimlendirmeyi ögrenmek. Baslik etiketlerinden basliyoruz. Notepad'i açiyor ve su kodlari yaziyoruz; <title>baslik Etiketleri</title> <h1>baslik 1</h1> <h2>baslik 2</h2> <h3>baslik 3</h3> <h4>baslik 4</h4> <h5>baslik 5</h5> <h6>baslik 6</h6> Sayfanin isleyisine baktigimizda, önce her zaman yapmamiz gerektigi gibi,, <title> etiketlerini yerlestirdik. Sayfa basligi olarak "Baslik Etiketleri"ni seçtik ve sayfanin

5 gövde kismina istedigimiz metinleri yazdik ve bu metinleri <h1>'den <h6>'ya kadar olan biçimlendirme etiketlerinin arasina aldik. Browser metin biçimleme etiketleri olan <h1>...<h6> etiketleri arasindaki kelimelere belirli büyüklükler verdi. Simdi de kendiniz <h1>...<h6> etiketlerinin yerlerini degistirerek alistirma yapin ve tam olarak bu isin nasil oldugunu kavrayin. Hatta iyi bir deneme-yanilma olmasi açisindan örnegin her seferinde degisik bir etiketi veya sonlandirma etiketini HTML kodundan silerek ne gibi etkiler olusturdugunu gözlemleyin. Denemelerinizin bir kisminda hiçbir degisiklik olmadigini gözlemleyeceksiniz bunun sebebi, browser'inizin otomatik olarak hatayi algilayip düzeltmesidir. Diger etiketleri toplu olarak kullanarak yeni bir HTML dosyasi olusturalim. Kodlar su sekilde olsun: <title>baslik Etiketleri-2</title> <h1><center>sayfama Hosgeldiniz</center></h1> <p>html etiketleri ile, </p> Yazilari <b>koyu </b> <i>italik </i> ve <u>alti çizili </u> olarak yazabiliyorum Etiketleri kullanma mantigini anladiniz herhalde. Biçimlendirmek istedigimiz metnin basina ilgili etiketi yaziyoruz ve metnin sonunda da ilgili etiketi sonlandiriyoruz. Etiket biz sonlandirmadigimiz müddetçe etkisini göstermeye devam ediyor. Eger hala tereddütleriniz varsa örnekler üzerindeki kodlarin yerlerini degistirerek kaydedin ve diger taraftan browser'inizin reload/yenile tusuna basarak degisiklikleri gözlemleyin. Yeni ögrendigimiz kodlara bir göz atalim: <center>...</center> Aradaki metinleri sayfaya göre ortalar. (center) <b>...</b> Aradaki metni koyu (bold) yazar. <i>...</i> Aradaki metni egik (italic) yazar. <u>...</u> Aradaki metni alti çizili (underline) olarak yazar. <h1>...<h6> Baslik (heading) etiketi. h1 en büyük, h6 en küçük. <p>...</p> Aradaki metin paragraf özelligi kazanir. Sonlandirildiginda, takib eden metin bir satir bosluk birakilarak ve satir basina yazilir. Burada bilmeyenler için küçük bir bilgi; bir html dökümanini açtigimizda ve ekran üzerinde farenin sag tusuna tiklayip kaynagi görüntüle/view source'u seçtigimizde Internet Explorer için Notepad, Netscape için kendi Source Viewer'i açilacak ve bize o sayfanin kodunu gösterecektir. Su ana kadar yazilarimizin font ayarini browser'in 'varsayilan fontu'na biraktik. Bir sonraki konuda, metinlerde istedigimiz fontu nasil kullanacagimizi görecegiz Yatay Çizgi: <HR> Nitelikleri:

6 Width: yatay uzunluğu belirler. Pixel ve % cinsinden değer alır. Size: Dikey büyüklüğünü belirler. Align: Yatay hizalamasını yapar. Center/left/right değerleri alır. Noshade Gölgesiz yapar. Color: rengini ayarlar.

görüntüleyebilirsiniz. HTML, programlama dilleri bir programlama mantığı taşımadığından öğrenilmesi gayet kolay bir dildir.

görüntüleyebilirsiniz. HTML, programlama dilleri bir programlama mantığı taşımadığından öğrenilmesi gayet kolay bir dildir. 1. HTML NEDİR? HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili)basitçe, browserlarla görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit dildir. Örneğin okuduğunuz bu

Detaylı

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir?

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir? HTTP & HTML Seval ÖZBALCI Bilgisayar Programcılığı Bölümü Ders 3 HTTP ve HTML Kullanarak İlk Web Sayfasının Oluşturulması BİRİNCİ BÖLÜM HTTP Nedir? HTML Nedir? Temel Unsurlar Editör Türleri İlk Sayfanın

Detaylı

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU Elbistan MYO 2016-2017 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU Web Sayfasını Kayıt Etmek : Share point designer ya da Notepad de oluşturduğumuz HTML kodunu kaydetmek için File Save As komutunu seçiniz. Kayıt

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ı

TAG NEDĠR? WEB SAYFASI OLUġTURMAK ĠÇĠN KULLANILAN KOMUTLARA TAG DENĠR. ... ġeklġnde KULLANILIRLAR.

TAG NEDĠR? WEB SAYFASI OLUġTURMAK ĠÇĠN KULLANILAN KOMUTLARA TAG DENĠR. <TAG>...</TAG> ġeklġnde KULLANILIRLAR. HTML WEB NEDĠR? WORLD WIDE WEB E KISACA WEB DENĠR. WEB, INTERNET'E BAĞLANAN TÜM BĠLGĠSAYARLARIN OLUġTURDUĞU BĠR AĞDIR. BU AĞDAKĠ TÜM BĠLGĠSAYARLAR BĠRBĠRĠYLE HTTP ĠLETĠġĠM STANDARDI NI KULLANARAK KONUġUR.

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ı

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU Elbistan MYO 2016-2017 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU HTML Nedir? HTML, Hyper Text Markup Language sözcüklerinin baş harflerinden oluşan bir kısaltmadır ve Web in temel dilidir. Html dökümanları

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ı

2-Hafta Temel İşlemler

2-Hafta Temel İşlemler 2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar * Htm Sayfasının Oluşturulması * Temel Html Komutları * Html Sayfalarının Düzenlenmesi * Html Sayfalarının İncelenmesi Html Komutlarının

Detaylı

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML 5 ve CSS 3 Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML HTML web sayfalarını tanımlayan bir işaretleme dilidir. HTML (Hyper Text Markup Language) açılımı Hiper Metin İşaretleme Dili HTML dosyaları HTML etiketleri

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ı

Web Programlama Kursu

Web Programlama Kursu Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz? Örnek siteler Örnek Projeler

Detaylı

Css Stillerinin Nesneyi Etkileme Yolları Ve Sırası, Diez, Nokta, Yıldız, Class Css De Neyi İfade Eder.

Css Stillerinin Nesneyi Etkileme Yolları Ve Sırası, Diez, Nokta, Yıldız, Class Css De Neyi İfade Eder. Ve Sırası, Diez, Nokta, Yıldız, Class Css Css stillerinin nesneyi etkileme yolları ve sıraları: (#), (.), (*), (class) CSS de nasıl kullanılır bu başlık altında bulabilirsiniz. Css Nedir? HTML bize metin

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ı

HTML (Hyper Text Markum Language)

HTML (Hyper Text Markum Language) HTML (Hyper Text Markum Language) HTML nedir? Hyper Text Markup Language'in kısaltması olan HTML; anlamı hiper metin işaretleme dilidir, bir programlama dili değildir. Metin, resim ve diğer nesnelerin

Detaylı

2. BÖLÜM TEMEL HTML DERS NOTLARI

2. BÖLÜM TEMEL HTML DERS NOTLARI Listeler HTML bize üç tip liste hazirlama imkani veriyor. Bunlar; 1. Sirali listeler (ordered list) 2. Sirasiz listeler (unordered list) 3. Tanimlama listeleri (definition list) Sirali listeler rakam veya

Detaylı

5-Hafta Genel Sayfa Yapısı

5-Hafta Genel Sayfa Yapısı 5-Hafta Genel Sayfa Yapısı Paragraf Oluşturma Metin Biçimlendirme Referans ve Alıntıların Belirlenmesi Metinlerin Vurgulanması Kısaltma ve Terimlerin Belirtilmesi Alt ve Üst Simge Kullanımı Uİ-UX NEDİR?

Detaylı

İNTERNET PROGRAMLAMA II. Tanımlar

İNTERNET PROGRAMLAMA II. Tanımlar İNTERNET PROGRAMLAMA II Tanımlar WWW( World Wide Web) Dünya üzerindeki bütün bilgisayarların bağlı olduğu bir ağdır. Çoğunlukla Web olarak adlandırılır. Web üzerindeki bilgisayarlar standart protokolleri

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ı

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

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 18.03.2011, 25.03.2011 BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 3. ve 4. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA 18.03.2011, 25.03.2011 HTML DERSLERİ 1 Bir Web Sayfasının Genel Yapısı Burada

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ı

sayfa Başlığı Bu benim ilk sayfam bu metin koyu

<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ı

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ı

Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1

Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1 Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1 Son Teslim Tarihi: 5 Mayıs 2014-09:00 (ÖRGÜN) - 19:00 (İKİNCİ) Ödevi Teslim Alacak Olan Asistan:

Detaylı

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz.

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Mahmut BORA KARAKUŞ İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Peki internet nasıl çalışıyor ve internet

Detaylı

4 Front Page Sayfası Özellikleri

4 Front Page Sayfası Özellikleri 4 Front Page Sayfası Özellikleri İsterseniz Frontpage penceresinin sağ tarafından, isterseniz araç çubuklarından faydalanarak yeni bir sayfa açın. Frontpage te çeşitli sayfa şablonları bulunmaktadır. Ancak

Detaylı

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) CSS, bir HTML elemanının nasıl görüneceğini belirleyen kurallar tanımlamamızı sağlayar. Örneğin: Sayfanın arka planının

Detaylı

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML Nedir? İşaretleme dili (HyperText Markup Language) Web sayfalarında gösterim işini sağlamak için kullanılan bir işaretleme dilidir. İşaretleme dili, metinlerin

Detaylı

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek STİLLER CSS NEDİR? CSS (Cascading Style Sheet) Stiller, HTML elemanlarının nasıl gösterileceğini tanımlar. Stiller HTML de karşılaşılan bazı problemleri çözmek için HTML 4.0 a eklenmiştir. HTML, web

Detaylı

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

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ 2. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ 2. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA HTML NEDİR? HTML (Hyper Text Markup Language / Köprü Metni (Hareketli Metin) İşaretleme Dili) Web sayfası hazırlama

Detaylı

ASP.NET ile Bir Web Sitesi Oluşturma

ASP.NET ile Bir Web Sitesi Oluşturma 29,30 Eylül 2011 ASP.NET ile Bir Web Sitesi Oluşturma ASP.NET sitesi oluşturmak için File menüsündeki, New açılır listesindeki, Web Site komutuna tıklıyoruz Açılan pencereden C# içindeki ASP.NET Web Site

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ı

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız.

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız. 1.1 Web Kavramlar 117 Anahtar 7erim/er 1.1.1.1 Web ve Internet terimlerini tanımlayınız. Her birinin anahtar özelliklerini tanımlayınız. Web bir Internet hizmetidir. Web Internet üzerinde bağlantılı html

Detaylı

WEB TASARIM. Öğr.Gör. Ruhsar KAVASOĞLU

WEB TASARIM. Öğr.Gör. Ruhsar KAVASOĞLU WEB TASARIM Öğr.Gör. Ruhsar KAVASOĞLU İNTERNET NEDİR? İNTERNET, İKİ YA DA DAHA FAZLA BİLGİSAYAR AĞININ ROUTER VE HUB/SWITCH LERLE BİRBİRİNE BAĞLANMASI İLE OLUŞAN YAPIDIR. HER PC NİN EŞSİZ BİR IP NUMARASI

Detaylı

Dersin Konusu ve Amaçları: Ders P lanı: Bölüm 1: Bilgi Teknolojilerinde Temel Kavramlar

Dersin Konusu ve Amaçları: Ders P lanı: Bölüm 1: Bilgi Teknolojilerinde Temel Kavramlar Bilgi Teknolojileri ve Uygulamalarına Giriş Dersin Konusu ve Amaçları: Bu dersin amacı daha önce bilgisayar ve bilgi teknolojileri alanında herhangi bir bilgi ve/veya deneyime sahip olmayan öğrenciye bilgi

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com FIREWORKS (MENU OLUŞ TURMA) 1 Önce Başlat menüsü Programlar Adobe Web Premium CS3 Adobe Fireworks CS3 kısayol simgesi ile Fireworks programı açılır. 2 Fireworks programı açıldığında Karşımıza gelen Yeni

Detaylı

MICROSOFT OFFICE WORD 2010 ÖRNEK TEST SORULARI

MICROSOFT OFFICE WORD 2010 ÖRNEK TEST SORULARI MICROSOFT OFFICE WORD 2010 ÖRNEK TEST SORULARI 1-) Word 2010 nedir? A-) Hesap Programıdır B-) Tablo - Grafik Programıdır C-) Kelime İşlem Programıdır D-) İşletim Sistemidir 2-) Microsoft Word 2007 programında

Detaylı

Web sayfalarında yapılan her çalışma ve düzenleme tablolar aracılığı ile yapılır. Dolayısıyla çoğu web sayfalarında tablo kullanmak zorunluluktur.

Web sayfalarında yapılan her çalışma ve düzenleme tablolar aracılığı ile yapılır. Dolayısıyla çoğu web sayfalarında tablo kullanmak zorunluluktur. Yazı Tipi Stili HTML kodları 47 Kalın İtalik Altı Çizili 9.2.6 Metin yükseltme veya alçaltma 1. Sayfa görünümünde, belge penceresinin altındaki Tasarla düğmesini tıklatın. 2.

Detaylı

Metin Tabanlı İçerik Oluşturma Araçları

Metin Tabanlı İçerik Oluşturma Araçları Metin Tabanlı İçerik Oluşturma Araçları Microsoft Office Word Kelime işlemci, görsel nesnelerin veya çizimlerin resim ya da arka plan olarak kullanıldığı metinler oluşturabilen, harita ve tablo gibi şekiller

Detaylı

MICROSOFT OFFİCE WORD PROGRAMI DOSYA İŞLEMLERİ

MICROSOFT OFFİCE WORD PROGRAMI DOSYA İŞLEMLERİ MICROSOFT OFFİCE WORD PROGRAMI Ms Word bir kelime işlemci programıdır. İçinde bulunan detaylı metin biçimlendirme seçenekleri, ayrıntılı tablo, şekil ve grafik oluşturma başarıları nedeniyle, kendi türünde

Detaylı

5. Tablo İşlemleri. Bu bölümü bitirdiğinizde,

5. Tablo İşlemleri. Bu bölümü bitirdiğinizde, 5. Tablo İşlemleri Bu bölümü bitirdiğinizde, Tablonun nasıl oluşturulduğunu, Satır ve hücrelerin ne olduğunu ve nasıl oluşturulduğunu, Tablonun ve hücrelerin nasıl hizalandığını, Satır veya sütunların

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ı

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME Büro Yönetimi Öğretmeni Fatma GEZ BİÇİMLENDİRME Yazmış olduğumuz metinleri farklı boyut, renk, yazı tipi vb. özelliklerde yazabilmek için biçimlendirme işlemi

Detaylı

PHP 1. Hafta 2.Sunum

PHP 1. Hafta 2.Sunum PHP 1. Hafta 2.Sunum Hello World Bu derste görülecekler WAMP ve PHP Hosting kavramı ve bizi neden ilgilendirmediği Domain ve localhost kavramları www klasörü İlk PHP kodunun

Detaylı

İNTERNET PROGRAMCILIĞI

İNTERNET PROGRAMCILIĞI İNTERNET PROGRAMCILIĞI Konular Vize Hazırlık 1 İnternet Programcılığı 1. TEMEL HTML ETİKETLERİ 1.1. HTML etiketi HTML etiketi, tarayıcınıza, dosyanın HTML kodu ile yüklenmiş bilgi içerdiğini bildirir.

Detaylı

İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI

İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI WEB TASARIMI VE PROGRAMLAMA DERSİ TEMEL KAVRAMLAR Bilişim Teknolojileri Web Tasarımı ve Programlama Dersi Durhan GABRALI

Detaylı

Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama

Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama Word Dokümanı - Yapılandırma Web Sayfası - Yapılandırma What You See Is What You Get (WYSIWYG) Zengin Metin İşaretleme Dili (HTML) HTML: Web sayfalarının

Detaylı

Bo lu m 7: Hesap Tabloları

Bo lu m 7: Hesap Tabloları Bo lu m 7: Hesap Tabloları Konu 1: Dosya, Tablo ve Grafik Oluşturma Hazırlayan: S.Engin Koç Bu konu bittiğinde; Dosya oluşturma ve tabloya şekil verme Tabloya sütun, satır ekleme ve hücreleri biçimlendirme

Detaylı

HTML. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228. 2. Bölüm

HTML. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228. 2. Bölüm HTML 2. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com (Son Güncelleme: 18.02.2015) Dersin Course Page: www.ismailkaras.com/228 HTML ile Metin Biçimlendirme / Styles - Formatting

Detaylı

Uluslararası arası ağ (International Network) bağlanan tüm bilgisayarların ortak bir dil konuşur ortak iletişim diline TCP/IP

Uluslararası arası ağ (International Network) bağlanan tüm bilgisayarların ortak bir dil konuşur ortak iletişim diline TCP/IP INTERNET 3 INTERNET Internet, Uluslararası arası ağ (International Network) demektir. Web, Internet'e bağlanan tüm bilgisayarların oluşturduğu bir ağ sistemidir. Internet, binlerce omurgalar arası bağ,

Detaylı

Arayüz Geliştirme Dokümantasyonu

Arayüz Geliştirme Dokümantasyonu Arayüz Geliştirme Dokümantasyonu Proje: İş: Müşteri: Nosab Web Sitesi Arayüz Geliştirme Aeronorm Index 1. Sayfalar 2. Renk Paleti 3. Tipografi 4. Kutu Modeli 5. Bileşenler 6. Kod ve Sayfa Yapısı 7. Responsive

Detaylı

CSS(CASCADING STYLE SHEETS)

CSS(CASCADING STYLE SHEETS) CSS(CASCADING STYLE SHEETS) CSS NEDİR NE İŞE YARAR? Sıralı Sitil Şablonları olarak bilinen CSS Web sayfalarının biçimsel özelliklerini düzenlediğimiz ve yönettiğimiz kodlar bütünüdür. CSS kodları ile sayfamızdaki

Detaylı

http://www.microsoft.com/visualstudio/eng/downloads

http://www.microsoft.com/visualstudio/eng/downloads Visual Studio 2012'nin kurulumunu, Visual Studio'nun kullanımını ve Windows Store'da basit bir proje hazırlanmasını anlatacağım. Hepsinden önce Visual Studio ortamından biraz bahsedelim. Visual Studio

Detaylı

INTERNET. Fırat Üniversitesi Enformatik Bölümü

INTERNET. Fırat Üniversitesi Enformatik Bölümü INTERNET 3 INTERNET Internet, Uluslararası arası ağ (International Network) demektir. Web, Internet'e bağlanan tüm bilgisayarların oluşturduğu bir ağ sistemidir. Internet, binlerce omurgalar arası bağ,

Detaylı

Temel Bilgi Teknolojileri - I Ayrıntılı Ders İçerikleri

Temel Bilgi Teknolojileri - I Ayrıntılı Ders İçerikleri Temel Bilgi Teknolojileri - I Ayrıntılı Ders İçerikleri Bilgi Teknolojileri (IT) Kavramları, Bilgisayar Kullanımı ve Dosyaların Yönetimi, Bilgi ve İletişim HAFTA 1 1. Genel Kavramlar(Bilgisayarın tanımı,bilgi

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ı

İNTERNET PROGRAMLAMA 2 A S P. N E T. Marmara Teknik Bilimler MYO / Hafta 9 Tema Kullanımı

İNTERNET PROGRAMLAMA 2 A S P. N E T. Marmara Teknik Bilimler MYO / Hafta 9 Tema Kullanımı İNTERNET PROGRAMLAMA 2 A S P. N E T Marmara Teknik Bilimler MYO / Hafta 9 Tema Kullanımı Web sitemizin görünümünde değişiklikler yapmak istediğimizde tüm sayfalar ile tek tek uğraşmayız. Tüm sayfaların

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 5

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 5 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 5 Stil Oluşturmak/CSS 2 CSS, Cascading Style Sheets = Katmanlı Biçim Sayfaları HTML nesnelerini biçimlendirmek için kullanılır. CSS Bileşenleri CSS yapısı 3 ana bileşenden

Detaylı

Columns : * Next Text Query veri tabanındaki urunler tablosu görülüyor. Finish, çalıştırınca direk veri tabanındaki bilgileri alıyor.

Columns : * Next Text Query veri tabanındaki urunler tablosu görülüyor. Finish, çalıştırınca direk veri tabanındaki bilgileri alıyor. Masa üstünde webvturunler adlı klasör var, bunu web sitemiz olarak açacağız. File Open Web Site açılan pencerede masa üstü webvturunler 13 Ocak 2012 / Cuma Master Page den urunler adlı yeni bir sayfa oluşturup,

Detaylı

İNTERNET PROGRAMCILIĞI - II

İNTERNET PROGRAMCILIĞI - II 0 İÇİNDEKİLER Bölüm 1 PHP İle Web Programlamaya Giriş 1 Bölüm 2 PHP Kodlama Standartları 5 Bölüm 3 PHP Değişken Kullanımı 17 Bölüm 4 IF Yapısı 32 Bölüm 5 Döngüler ve Diziler 64 1 BÖLÜM 1 PHP İLE WEB PROGRAMLAMAYA

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ı

WEB TABANLI PROGRAMLAMA

WEB TABANLI PROGRAMLAMA WEB TABANLI PROGRAMLAMA 3. ve 4. DERS HTML YARD. DOÇ. DR. MEHTAP YALÇINKAYA HTML DERSLERİ 1 1 HTML DERSLERİ 1 1 RENK 16'lık sayı düzeninde renk kodu girmek 16'lık sayı sisteminde de toplam 16 rakam var

Detaylı

BİLİŞİM TEKNOLOJİLERİ DERSİ WORD 2007 SORULARI

BİLİŞİM TEKNOLOJİLERİ DERSİ WORD 2007 SORULARI 1-) Word nedir? Hesap Programıdır Tablo - Grafik Programıdır Kelime İşlem Programıdır İşletim Sistemidir BİLİŞİM TEKNOLOJİLERİ DERSİ WORD 2007 SORULARI 9-) Yandaki butonun görevi nedir? Kes Kopyala Yapıştır

Detaylı

Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz

Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz 9 Şubat 2012 / Perşembe Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz 1) emlakkategorisi adlı tabloyu oluşturuyoruz 1 2) ilanlar adlı tabloyu

Detaylı

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman 7. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com Hazırlayan: İdris Kahraman Dreamweaver Dreamweaver en iyi web editör yazılımlarından biridir. Biz tasarım modunda çalışırken,dreamweaver

Detaylı

1-) Word 2007 nedir? A-) Hesap Programıdır B-) Tablo - Grafik Programıdır C-) Kelime İşlem Programıdır D-) İşletim Sistemidir

1-) Word 2007 nedir? A-) Hesap Programıdır B-) Tablo - Grafik Programıdır C-) Kelime İşlem Programıdır D-) İşletim Sistemidir 1-) Word 2007 nedir? A-) Hesap Programıdır B-) Tablo - Grafik Programıdır C-) Kelime İşlem Programıdır D-) İşletim Sistemidir 2-) Microsoft Word 2007 programında kağıt boyutu, kenar boşlukları ile ilgili

Detaylı

WEB KULLANICI KONTROLLERİ ve ANASAYFA KULLANMA(Master Page)

WEB KULLANICI KONTROLLERİ ve ANASAYFA KULLANMA(Master Page) WEB KULLANICI KONTROLLERİ ve ANASAYFA KULLANMA(Master Page) WEB KULLANICI KONTROLLERİ Kullanıcı kontrolleri bir içeriğin birden fazla sayfada kullanılmasına olanak sağlar. Bir web sayfasına eklenerek içerik

Detaylı

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir.

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir. 12 DÜZEN TABLOLARI Microsoft Office FrontPage 2003 programında düzen tabloları ve hücrelerini kullanarak, profesyonel görünümlü Web sayfası düzenleri oluşturabilirsiniz. Düzen tablosu, sayfa düzeni için

Detaylı

ÖNDER BİLGİSAYAR KURSU. Microsoft Office Kursu Eğitim İçeriği

ÖNDER BİLGİSAYAR KURSU. Microsoft Office Kursu Eğitim İçeriği ÖNDER BİLGİSAYAR KURSU Microsoft Office Kursu Eğitim İçeriği Microsoft WORD 1. PENCERE ELEMANLARI VE GÖRÜNTÜLEME BİÇİMLERİ 1.1. Genel Bilgiler 1.2. Ekran Görünümleri 1.3. Metin Sınırları ve Basımda Çıkmayan

Detaylı

Kolay Kullanım Rehberi

Kolay Kullanım Rehberi - Sadece bir kaç dakikada yeni ve etkileyici bir web sitesine sahip olabilirsiniz. Kolay Kullanım Rehberi Bu rehberi yeni ve etkileyici bir web sitesine sahip olmak isteyen herkesle paylasın. 1 Sadece

Detaylı

BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015

BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015 BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015 Ders- 13 World Wide Web (WWW) Yrd. Doç. Dr. Burcu Can Buğlalılar Bilgisayar Mühendisliği Bölümü Bilgisayar Katmanları İçerik World Wide Web (WWW) Anlık Mesajlaşma

Detaylı

Hazırlayan Mustafa ULAŞ mulas@firat.edu.tr

Hazırlayan Mustafa ULAŞ mulas@firat.edu.tr HTML ve Uzaktan Eğitim Materyali Hazırlama Teknikleri Hazırlayan mulas@firat.edu.tr INTERNET 3 INTERNET Internet ağlar arası ağ demektir. Web, Internet'e bağlanan tüm bilgisayarların oluşturduğu bir ağdır.

Detaylı

WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL

WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL WEB TASARIM CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL İçindekiler Konular Sayfa Slice 2 Iframe 12 CSS 16 Include (php komutu) 20 1 Slice Fireworks te yapacağımız sitenin boyutuna göre

Detaylı

HTML Ders Notları.

HTML Ders Notları. HTML Ders Notları HTML nedir? Hyper Text Markup Language'in kısaltması olan HTML; anlamı hiper metin işaretleme dilidir, bir programlama dili değildir. Metin, resim ve diğer nesnelerin bir web sayfası

Detaylı

Web Tasarımının Bugünü ve Geleceği

Web Tasarımının Bugünü ve Geleceği Efe ÇİFTCİ Çankaya Üniversitesi Bilgisayar Mühendisliği Bölümü Ocak 2011 www.efeciftci.com Dünya tarihinde yayınlanan ilk web sayfaları, olabildiğince basit tasarımlara sahipti ve ağırlıklı olarak metin

Detaylı

Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1

Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1 Öğr. Gör. Serkan AKSU http://www.serkanaksu.net http://www.serkanaksu.net/ 1 JavaScript JavaScript Nedir? Nestcape firması tarafından C dilinden esinlenerek yazılmış, Netscape Navigator 2.0 ile birlikte

Detaylı

Samsun Çocuk Hizmetleri İ l Koordinasyon Sekretarya Birimi

Samsun Çocuk Hizmetleri İ l Koordinasyon Sekretarya Birimi Samsun Çocuk Hizmetleri İ l Koordinasyon Sekretarya Birimi Veri Giriş Sistemi Klavuzu Amaç Veri Giriş Sistemi, koruyucu ve destekleyici tedbir kararlarının takibinde ve uygulamasında ilgili kurumları daha

Detaylı

11 Ocak 2012 / Çarşamba. Spry menü aktifken, açılır menu ekleyebiliyoruz. Spry Menu Bar OK

11 Ocak 2012 / Çarşamba. Spry menü aktifken, açılır menu ekleyebiliyoruz. Spry Menu Bar OK 11 Ocak 2012 / Çarşamba Spry menü aktifken, açılır menu ekleyebiliyoruz. Spry Menu Bar OK Bunlar link, onların arka plan rengini, yazı rengini değiştirebiliriz. Sağdan, ul.menubarhorizontal a üzerine gelip

Detaylı

WEB'DE NASIL YER ALIRIM?

WEB'DE NASIL YER ALIRIM? TASRIMIN TEMELLERİ Internet Servis Sağlayıcısı (ISS) nedir? Internet Servis Sağlayıcısı (ISS), genellikle bir ücret karşılığı Internet'e erişiminizi sağlayan bir şirkettir. Birçok ISS e-posta hesapları,

Detaylı

BİL435 LATEX ile Doküman Hazırlama

BİL435 LATEX ile Doküman Hazırlama BİL435 L A TEX ile Doküman Hazırlama Bölüm 1 Emrah AKYAR eakyar@anadolu.edu.tr Anadolu Üniversitesi Fen Fakültesi Matematik Bölümü, ESKİŞEHİR 2004-2005 Öğretim Yılı Bahar Dönemi 1 2 3 Neden L A TEX? L

Detaylı

TEMEL HTML DERS NOTLARI - Table-Form

TEMEL HTML DERS NOTLARI - Table-Form Tablolar ... Tablolar, sayfalari satirlara/sütunlara bölmek ya da metin veya grafiklerin sayfada istedigimiz yerde durmasini saglamak amaçlariyla kullanabilecegimiz HTML'nin en önemli yapitaslarindandir.

Detaylı

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ Web Sitesi Yönetim Paneli, Üniversitemiz web sitesinde, birimlerimize ait web sitelerindeki içerikler üzerinde ekleme, silme, değiştirme gibi güncelleme işlemlerini,

Detaylı

İmleci yazıya getirip tıklayınca aşağıda hangi tag ler içinde olduğunu gösterir.

İmleci yazıya getirip tıklayınca aşağıda hangi tag ler içinde olduğunu gösterir. 21 Aralık 2011 / Çarşamba Önce bir site tanımlayacağız, yani önce çalışacağımız klasörü oluşturacağız. Bunun içinde, bir de resim klasörünü oluşturacağız. Görünüm : Classic Site Manage Site sitede düzenleme

Detaylı

WEB TASARIMI. c) Çeviriciler: Kullanıcının değişik biçimlerde hazırladığı belgeleri HTML biçimine dönüştürmeye sağlayan programlardır.

WEB TASARIMI. c) Çeviriciler: Kullanıcının değişik biçimlerde hazırladığı belgeleri HTML biçimine dönüştürmeye sağlayan programlardır. WEB TASARIMI 1) HTML (Hyper Text Markup Language-Hiper Metin işaretleme Dili): HTML bitr metin işaretleme dilidir. HTML kodları < ve > işaretleri arasına yazılır. Ör: : Açılış belirteci :

Detaylı

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

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 11.03.2011 BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 1. ve 2. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA 11.03.2011 İNTERNET NEDİR? İnternet,, birçok bilgisayar sisteminin birbirine bağlığ olduğu,

Detaylı

http://alikoker.name.tr

http://alikoker.name.tr HTML Dokümanlarının Yapısı HTML (HyperText Markup Language) dokümanlarında baslıkların, paragrafların, "link"lerin (bağlantı) vb.nin başlangıcını ve sonunu "tag"ler belirler. HTML elemanlarının çoğu bir

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVER DA TABLOLAR KULLANARAK İNDEX SAYFASI HAZIRLAMAK Günümüzde web siteleri Frameset yapısı ve Tablo yapısı kullanarak yapılmaktadır. Frameset (Çerçeve) yapılı web sitelerinde index sayfaları oluşturulduğunda

Detaylı

Ekran 1 : Font Komutları Dosyası ekranı

Ekran 1 : Font Komutları Dosyası ekranı 27 Ekim 2010 Đlgili Versiyon/lar : ETA:SQL, ETA:V.8-SQL Đlgili Modül/ler : ETASQLFORM DĐZAYNLARDA FARKLI FONT LU YAZI TĐPĐ KULLANIMI ETASQL Doküman Düzenleyicisi olan ETASQLFORM.EXE ile Fatura, Sipariş,

Detaylı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 11 11- ÇERÇEVELER (FRAME) Çerçeve tekniği, bir web sayfasını istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç sayfa birden görüntülenmesine olanak verir. Bu tekniğin en çok kullanılan varyasyonu,

Detaylı

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR.

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR. BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA HTML - TABLO Genel Bilgi Tablolar, sayfaları satırlara/sütunlara bölmek

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ı

Microsoft Word 2010 ara yüzündeki bölümler aşağıda gösterilmiştir.

Microsoft Word 2010 ara yüzündeki bölümler aşağıda gösterilmiştir. Başlangıç Bu dersin amacı, öğrencilerin çalışma hayatlarında Microsoft Word programını daha etkili ve verimli kullanmalarını sağlamak ve karşılaştıkları sorunların çözümlerine ulaşma konusunda deneyim

Detaylı

Programlama Yazılımı ile Web Sitesi Oluşturma

Programlama Yazılımı ile Web Sitesi Oluşturma Hafta- 2 Programlama Yazılımı ile Web Sitesi Oluşturma Programlama yazılımı, bir web projesi oluşturmak için alternatif birkaç yol sunar. Buyollardan bir tanesi ihtiyaca uygun olarak seçilebilir. Programlama

Detaylı

HTML. HTML tagleri bir çok farklı şekilde sınıflandırıalabilir. Bir sınıflandırma şu şekildedir:

HTML. HTML tagleri bir çok farklı şekilde sınıflandırıalabilir. Bir sınıflandırma şu şekildedir: HTML HTML nedir? Herşeyden önce bazen yanlış anlaşıldığı gibi HTML bir programlama dili değildir. HTML bir mark-up (~işaretleme) dilidir, yani tag denen özel işaretlerle bir yazının tümünü ya da sadece

Detaylı

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ Web Sitesi Yönetim Paneli, Üniversitemiz web sitesinde, birimlerimize ait web sitelerindeki içerikler üzerinde ekleme, silme, değiştirme gibi güncelleme işlemlerini,

Detaylı

Ders Tanıtım Sunumu. Internet Programming II. Elbistan Meslek Yüksek Okulu 2012 2013 Bahar Yarıyılı. 26 Şub. 2013 Öğr. Gör.

Ders Tanıtım Sunumu. Internet Programming II. Elbistan Meslek Yüksek Okulu 2012 2013 Bahar Yarıyılı. 26 Şub. 2013 Öğr. Gör. Ders Tanıtım Sunumu Internet Programming II Elbistan Meslek Yüksek Okulu 2012 2013 Bahar Yarıyılı 26 Şub. 2013 Öğr. Gör. Murat KEÇECİOĞLU PHP Nedir? Platformdan bağımsız (işletim Sistemi) dinamik web sayfaları

Detaylı

A1FX MT4 İşlem Platformu Kullanma Kılavuzu

A1FX MT4 İşlem Platformu Kullanma Kılavuzu A1FX MT4 İşlem Platformu Kullanma Kılavuzu İçindekiler: 1- Demo Hesap Açılışı (Gerçek Hesap Girişi) 2- Genel Görünüm 3- Alım-Satım İşlemleri 4- Stop-Limit İşlemleri 5- Pozisyon Kapatma 6- Grafiklerin Kullanımı

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ı

Cite While You Write özelliği

Cite While You Write özelliği ResearchSoftware.com 1 Cite While You Write özelliği Atıflar & Şekiller Ekleme EndNote, makalelerinizi yayımcılara elektronik olarak sunmanızı kolaylaştıran daha önceden tanımlanmış birçok Microsoft Word

Detaylı

Hizalama Word dokümanlarınızda oluşturduğunuz veya oluşturacağınız metinlerin hizalamasını yapabilirsiniz. Bu işlem için:

Hizalama Word dokümanlarınızda oluşturduğunuz veya oluşturacağınız metinlerin hizalamasını yapabilirsiniz. Bu işlem için: Biçimleme Metin biçimleme Hizalama Word dokümanlarınızda oluşturduğunuz veya oluşturacağınız metinlerin hizalamasını yapabilirsiniz. Bu işlem için: 1. Hizalamak istediğiniz metni seçin. 2. Giriş sekmesini

Detaylı