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.
|
|
|
- Ekin Özmert
- 7 yıl önce
- İzleme sayısı:
Transkript
1 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
2 HTML - TABLO Genel Bilgi Tablolar, sayfaları satırlara/sütunlara bölmek ya da metin veya grafiklerin sayfada istediğimiz yerde durmasını sağlamak amaçlarıyla kullanabileceğimiz HTML'in en önemli yapıtaşlarındandır HTML metinleri ya da verileri biçimlendirmek, düzenlemek için kullandığımız komutlar dizisidir. Biz görmüyoruz ama web siteleri tablolardan ibarettir. Yoksa düzenli olmaları çok zor. O menü blokları, çerçeveler hep tablodur. Şimdi bu tabloları nasıl oluşturacağımızı, nasıl satır sütun ekleyeceğimizi görelim. Tablo tanımı <table>... şeklinde olur. Biz satır ve sütunları içine koyarız. satır, <td> </td> sütundur.
3 HTML DERSLERİ TABLO Örnek 1: <HTML> <HEAD> <TITLE>Tablo 1 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table> <td>tablo yapmak</td> </BODY> </HTML>!!!! HTML etiketleri için büyük/küçük harf duyarlılığı yoktur. HTML kodlamayı daha rahat takip etmek için girintiler kullanılmıştır. Girinti vermeden de yazabilirsiniz Bu şekilde sayfamızda sadece tablo yapmak yazısını görürüz. Tablo olmasına rağmen tablo yokmuş gibi görünür. Tablomuzda kenarlık olmadığı için, tablo olduğunu fark edemeyiz. Web sitelerindeki onlarca tabloyu bundan dolayı görmüyoruz. Şimdi tablomuzu görmek için 1 piksellik kenarlık koyalım ; (border= 1 )
4 HTML DERSLERİ TABLO Örnek 2: <HTML> <HEAD> <TITLE>Tablo 2 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table border= 1 > <td>tablo yapmak</td> </BODY> </HTML>!!!! HTML etiketleri için büyük/küçük harf duyarlılığı yoktur. HTML kodlamayı daha rahat takip etmek için girintiler kullanılmıştır. Girinti vermeden de yazabilirsiniz Şimdi buna bir satır ekleyelim
5 HTML DERSLERİ TABLO Örnek 3: <HTML> <HEAD> <TITLE>Tablo 3 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table border= 1 > <td>tablo yapmak</td> <td>tablo yapmak</td> </BODY> </HTML>!!!! HTML etiketleri için büyük/küçük harf duyarlılığı yoktur. HTML kodlamayı daha rahat takip etmek için girintiler kullanılmıştır. Girinti vermeden de yazabilirsiniz Şimdi buna bir sütun ekleyelim
6 Örnek 4: HTML DERSLERİ TABLO <HTML> <HEAD> <TITLE>Tablo 4 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table border= 1 > <td>tablo yapmak</td> <td>tablo yapmak</td> <td>tablo yapmak</td> <td>tablo yapmak</td> </BODY> </HTML>
7 Tek satır da iki sütun ; Örnek 5: HTML DERSLERİ TABLO <HTML> <HEAD> <TITLE>Tablo 5 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table border= 1 > <td>tablo yapmak</td> <td>tablo yapmak</td> </BODY> </HTML>
8 HTML DERSLERİ TABLO ÖZELLİKLERİ <table border=".. bgcolor =".." cellpading=".." cellspacing=".." align=".." width="... height="... > border parametresi çerçevenin kalınlığını belirtir. border=0 çerçevenin görünmemesini sağlar. <table border="0"> <td>hücre</td> <table border="2"> <td>hücre</td>
9 HTML DERSLERİ TABLO ÖZELLİKLERİ <table border=".." bgcolor =".." cellpading=".." cellspacing=".." align=".." width="... height="... > align parametresi tabloyu düşey hizalamak için kullanılır, align=left sola, align=right sağa dayalı yapar, align=center ortalar. <table border="1" align="left"> <td>hücre1</td> <td>hücre2</td> <table border="1" align="right"> <td>hücre1</td> <td>hücre2</td>
10 HTML DERSLERİ TABLO ÖZELLİKLERİ <table border=".." bgcolor =".." cellpading=".." cellspacing=".." align=".." width="... height="... > width ve height parametreleri resimler konusunda gördüğümüz gibi tabloda en ve boy uzunluğunu belirtir. Tablonun değer verilmediğinde sahip olduğu normal ölçülerinden küçük değerler verilirse bu değerler dikkate alınmaz, bir başka deyişle tabloyu büyütebiliriz fakat küçültemeyiz. Tablo genişliği ve yüksekliği için (piksel olarak ) yüzde de kullanabilirsiniz. 100% yaparsanız tam genişlik alır <table border="1" width="150" height="200"> <td>hücre1</td> <td>hücre2</td>
11 HTML DERSLERİ TABLO ÖZELLİKLERİ <table border=".." bgcolor =".." cellpading=".." cellspacing=".." align=".." width="... height="... > bgcolor arkaplan rengi cellpadding hücre içi boşluk cellspacing hücreler arası boşluk bir de şunu bilelim background= resim.gif şeklinde arkaplan resmini tanımlıyabiliriz.
12 HTML DERSLERİ TABLO ÖZELLİKLERİ <td> Etiketi için Parametreler <td bgcolor="..." background="..." width="..." height="..." align="..." valign="..."> bgcolor parametresi hücreyi renklendirmede kullanılır. <table border="1" cellpadding="7"> <td bgcolor="#ff0000">hücre1</td> <td bgcolor="#00ff00">hücre2</td> <td bgcolor="#0000ff">hücre3</td> <td bgcolor="#ffff00">hücre4</td>
13 HTML DERSLERİ TABLO ÖZELLİKLERİ background parametresi ile hücreye grafik-artalan yerleştirebiliriz. <table border="1" cellpadding="9"> <td background="resim1.jpg">hücre1</td> <td background="resim2.jpg">hücre2</td> <td background="resim3.jpg">hücre3</td> <td background="resim4.jpg">hücre4</td>
14 HTML DERSLERİ TABLO UGULAMALAR Örnek 6: <HTML> <HEAD> <TITLE>Tablo 6 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table border= 1 align= center bgcolor= #FFFFCC cellpadding= 5 cellspacing= 5 width= 300 > <td>tablo yapmak</td> <td>tablo yapmak</td> </BODY> </HTML>
15 Örnek 7: HTML DERSLERİ TABLO UGULAMALAR <HTML> <HEAD> <TITLE>Tablo 7 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table border= 1 align= right bgcolor= #FFFFCC cellpadding= 5 cellspacing= 5 width= 300 > <td align= right bgcolor= #CCFFCC bordercolor= # valign= top height= 100 width= 200 >tablo yapmak</td> <td bgcolor= #FF9933 align= center valign= bottom >tablo yapmak</td> </BODY> </HTML> bordercolor kenarlık rengi Valign hücre içindeki yazıların dikey hizalaması. (vertical align)
16 HTML DERSLERİ TABLO UGULAMALAR Örnek 8: Tablo Başlığı : yerine <th> kullanılarak tanımlanır. <HTML> <HEAD> <TITLE>Tablo 8 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table border= 1 > <th>tablo başlığı</th> <td>tablo yapmak</td> </BODY> </HTML> Böylece başlık hücresi içindekiler direk header oldu.
17 HTML DERSLERİ TABLO UGULAMALAR Örnek 9: ROWSPAN <HTML> <HEAD> <TITLE>Tablo 9 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table border= 1 > <td rowspan= 2 >tablo yapmak</td> <td>tablo yapmak</td> <td>tablo yapmak</td> </BODY> </HTML>
18 HTML DERSLERİ TABLO UGULAMALAR Örnek 10: COLSPAN <HTML> <HEAD> <TITLE>Tablo 10 </TITLE> <META http-equiv="content-type" content="text/html;charset=windows-1254"> </HEAD> <BODY> <table border= 1 > <td>tablo yapmak</td> <td>tablo yapmak</td> <td colspan= 2 >tablo yapmak</td> </BODY> </HTML> colspan ve rowspan kullanarak sütun yada satırları birleştirirken içine hücre sayısını yazıyoruz. Bu yapılarda birşey kaçırırsanız tablolarınız kayar. Yani yukarda 3 hücre olsaydı biz colspan= 2 yazsaydık olmazdı tabi.
19 HTML DERSLERİ TABLO ÖDEV Ödev 1 Ödev 2
20 HTML DERSLERİ TABLO ÖDEV Ödev 3 Ödev 1 Ödev 2
WEB TASARIMININ TEMELLERİ
WEB TASARIMININ TEMELLERİ Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri 2. Hafta Html Temel Etiketleri
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
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
İNTERNET PROGRAMCILIĞI I
BÖLÜM 10 10- TABLOLAR(TABLE) Metinleri listelerin yanısıra tablolar yardımıyla da düzenleyebiliriz. Sörf yaparken rastladığınız sayfalar çoğunlukla iç içe geçmiş tablolardan oluşur. Bu nedenle iyi bir
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ı
Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz.
HTML Tablolar Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz. Düzgün tanımlanmış tablolar birçok farklı etiketi içerdiği
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
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.
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.
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
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
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ı
İ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.
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
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
Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1
Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1 HTML ( Hyper Text Markup Language ) Html Nedir - Nasıl Hazırlanır? Html (Hypertext Markup Language) web sayfalarının yapımında kullanılan bir dildir. Diğer
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
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 :
08119 Web Tasarımının Temelleri. Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU
Elbistan MYO 2017-2018 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU Resimlerin Kullanımı : Web sayfasının hızlı açılmasınısağlamak için düşük dosya boyutlu resimler kullanılmalıdır. GIF ya da JPG formatındaki
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
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.
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
HTML (Hyper Text Markup Language) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ
1 HTML (Hyper Text Markup Language) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ 2 Bir web sayfası yapmak için tek gereken onu nasıl tasarlayacağımızı bilmektir. Eğer bu işi kod kullanmadan yapacaksanız Frontpage,
ÇALIŞMA SORULARI. 15. Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir?
ÇALIŞMA SORULARI 1. HTML nedir? a) Sayfa içindeki metinlerin tarayıcıda nasıl görüneceğini ve işlevsel olacağını düzenleyen işaret dilidir. b) Diğer sayfaları bağlayan linkler c) Nesneyi bağlayan linkler
<html> <head> </head> <body> </body> </html> METİN BİÇİMLENDİRME ETİKETLERİ Şimdi yukarıda öğrendiklerimizi bir örnek ile uygulayalım.
WEB TASARIMI-1 DERSİ Internet WEB TASARIMI-1 Programcılığı DERSİ -1 Dersi Bir web sayfası yapmak için tek gereken onu nasıl tasarlayacağımızı bilmektir.eğer bu işi kod kullanmadan yapacaksanız Frontpage,
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
HTML WEB TASARIMI-1 DERSİ
WEB TASARIMI-1 DERSİ HTML Bir web sayfası yapmak için tek gereken onu nasıl tasarlayacağımızı bilmektir.eğer bu işi kod kullanmadan yapacaksanız Frontpage, Dreamweaver vs programları kullanabilirsiniz.ama
BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ 5. ve 6. DERS Listeler ve Resim Ekleme (HTML Giriş) YARD. DOÇ. DR.
BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ 5. ve 6. DERS Listeler ve Resim Ekleme (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA LİSTELER HTML de üç tip liste hazırlama vardır Sıralı listeler (orderedlist)
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
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
h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama
HTML Web Tasarımı ve Programlama İ Ç E R İ K // HTML Internet Ortamı ve Web Tasarımı Temel HTML Etiketleri Listeleme Etiketleri Metin Düzenleme Etiketleri Bağlantı (Köprü) Oluşturma Tablolarla Çalışma
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ğ,
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ğ,
WEB TASARIMI VE PROGRAMLAMA DERSİ
WEB TASARIMI VE PROGRAMLAMA DERSİ Dersin Modülleri HTML 1 HTML 2 Web Tasarım Editörü 1 Web Tasarım Editörü 2 Web Tasarım Editörü 3 Web Tasarım Editörü 4 Etkileşimli Web Uygulamaları 1 Etkileşimli Web Uygulamaları
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
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 HTML (HyperText Markup Language) Web sayfaları hazırlamak
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.
İ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,
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:
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
CSS (Stil Şablon) (Cascading Style Sheets) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ
CSS (Stil Şablon) (Cascading Style Sheets) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ 2 CSS, açılımı Cascading Style Sheet olan ve dilimize Stil şablonları olarak yerleşen basit ve kullanışlı bir işaretleme dilidir.
BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11
BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11 Web Tabanlı Teknolojiler ve Uygulamaları (3,0) 3 Temel kavramlar. İnternet. İstemci/sunucu teknolojisi. Internet içerik sunucuları. HTML, Perl, CGI, JavaScript,
Site Temizlik Projesi Kodları. Site Tasarım Çalışması -3
Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5cacfb4a355c5785238607/] İndir (DOCX, 15KB) Site Tasarım
BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1
BMT 202 Web Tasarımı 2016 2017 Bahar Dönemi Yük. Müh. Köksal GÜNDOĞDU 1 HTML 5 Yük. Müh. Köksal GÜNDOĞDU 2 HTML 5 Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda
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
HTML. Doç. Dr. İsmail Rakıp Karaş Dersin Course Page: 3. Bölüm
HTML 3 Bölüm Doç Dr İsmail Rakıp Karaş wwwismailkarascom irkaras@gmailcom (Son Güncelleme: 18022015) Dersin Course Page: wwwismailkarascom/228 Listeler / Lists HTML liste yapısında çoğunlukla sıralı (ordered)
BİLGİ İŞLEM DAİRE BAŞKANLIĞI. HTML Ders Notları
BİLGİ İŞLEM DAİRE BAŞKANLIĞI HTML Ders Notları HTML NEDİR? HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebileceğimiz, internet dökümanları oluşturmaya yarayan
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.
WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI
WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI CSS BACKGROUND ÖZELLİKLERİ background-color Zeminin rengini belirler. #color Renk adı. transparent Zeminin saydam olmasını sağlar. background-image Zemine
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,
2) <head></head> Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır.
> 1) Tüm kodlar bunun arasında çalışır. 2) Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır. 3) Sayfa gövde kısmıdır. Renkler, yazılar
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
İnternet Programcılığı
İnternet Programcılığı 1 Öğr.Gör. Fırat YÜCEL Akdeniz Üniversitesi Enformatik Bölümü Kaynak H.M. Deitel, P.J. Deitel and T.R. Nieto, Internet and World Wide Web: How to Program, Prentice Hall, 2002 2 Web
1.1 Temel bileşenler: html, head, title, meta ve body. Web dizayn yaparken bir WEB sayfasının ilk karşılaşacağımız standart bileşenleri şunlardır:
Web Dizayn ve Html. Temel bileşenler: html, head, title, meta ve body Web dizayn yaparken bir WEB sayfasının ilk karşılaşacağımız standart bileşenleri şunlardır: ve : sayfanın başlangıç ve bitişini
CSS. 1. CSS nin Yapısı Sınıf (Class) Seçicisi
CSS CSS, açılımı (Cascading Style Sheet) olan ve dilimize Stil Şablonları olarak yerleşen bir işaretleme dilidir. Stil Şablonu HTML ögelerine (yazı, paragraf, kenar çizgisi, resim, bağlantı...) stil vermek
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
INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 2. HAFTA HTML KOMUTLARI
INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 2. HAFTA HTML KOMUTLARI HTML Dersler Web sayfası hazırlamak çok zor bir iş değil... Yazdığınız bir yazıyı, o yazıyla ilgili resimler görünebilecek, varsa
Site Tasarım Çalışması -3
Site Tasarım Çalışması -3 Aşağıda adresini verdiğim çalışmayı table kullanarak yapmaya çalışınız., Örnek site div ile yapıldığından bölümler tablo aynı hizada değildir. Sizler eşit bölmeli table kullanacaksınız;
<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
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
Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir?
++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page vii Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir? 6 Web Taray c (Browser)
12. Tanımlama Listeleri <dl> </dl>, <dt> </dt>, <dd> </dd>
12. Tanımlama Listeleri , , Terimler ve açıklamalarını içeren listeler oluşturmakta kullanılırlar. Bir uygulamanın komut satırı seçeneklerini listelemek ve altlarında açıklamalarını
DONATIPRO. Betonarme Donatı Çizim ve Metraj Yazılımı Kullanım Kitapçıkları Eğitim Notları
DONATIPRO Betonarme Donatı Çizim ve Metraj Yazılımı Kullanım Kitapçıkları Eğitim Notları Metraj Tablosu Özelleştirme, Başka Diller Mart 2014 Taliasoft Yazılım Metraj Tablosunu Özelleştirmek DonatıPro özelleştirilebilir
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
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
BİLİŞİM TEKNOLOJİLERİ
T.C. MİLLÎ EĞİTİM BAKANLIĞI BİLİŞİM TEKNOLOJİLERİ HTML İLE BASİT WEB İŞLEMLERİ 482BK0152 Ankara, 2012 Bu modül, mesleki ve teknik eğitim okul/kurumlarında uygulanan Çerçeve Öğretim Programlarında yer alan
İ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
Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri
Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri Hesap Tabloları(Excel 2007) HAFTA 1 1. Hesap Tablolarına Giriş 1.1. Hesap tablosu tanımı, kullanım amacı ve yerleri 1.2. MS Excel Uygulamasına giriş
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
TEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA
TEMEL BİLGİSAYAR Ders Notları Yrd. Doç. Dr. Seyit Okan KARA İÇERİK Excel menü çubuğunda bulunan, Ekle menüsünün içerik ve uygulamaları Biçim menüsünün içerik ve uygulamaları Veri menüsünün içerik ve uygulamaları
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.
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
EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI
2015-2016 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI MİCROSOFT EXCEL PROGRAMI Programın Açılışı: Başlat Tüm Programlar Microsoft Office Microsoft
BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA
BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 5. DERS, YARD. DOÇ. DR. MEHTAP YALÇINKAYA 01.04.2011 RENK 16'lık sayı düzeninde d renk kodu girmek 16'lık sayı sisteminde de toplam 16
WEB TASARIMIN TEMELLERİ
WEB TASARIMIN TEMELLERİ ~ Sunu 4 ~ Öğ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.
İNTERNET TABANLI PROGRAMLAMA- 5.ders
Html nedir? İNTERNET TABANLI PROGRAMLAMA- 5.ders Hareketli metin işleme dili basitce browser larda görebileceğimiz (internet exp.) internet dökümanları olusturmaya yarayan bir cesit dildir html ile oluşturduğumuz
Örnek Ölçülü Site Kodları. Site Temizlik Projesi Kodları. İlk Hafta Sunumu ve Ön Test
Örnek Ölçülü Site Kodları [crayon-5c079862dff41089602577/] Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. [crayon-5c079862e05c5626962251/] İndir (DOCX, 12KB) İlk Hafta Sunumu
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
WEB TASARIMI VE PROGRAMLAMA
WEB TASARIMI VE PROGRAMLAMA MODÜL ADI SÜRESİ TASARIMIN TEMEL İLKELERİ 40/8 HTML İLE BASİT WEB İŞLEMLERİ 40/32 HTML İLE GELİŞMİŞ WEB İŞLEMLERİ 40/32 STİL ŞABLONU (CSS) 40/32 WEB TASARIM EDİTÖRÜNE GİRİŞ
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
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
Site Temizlik Projesi Kodları
Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5c2acf77c2a0b746634170/] İndir (DOCX, 15KB) İlk Hafta Sunumu
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
WEB TASARIMININ TEMELLERİ
WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri
ÖĞRENME-ÖĞRETME YÖNTEM VE TEKNİKLERİ. Anlatım, göstererek yaptırma, uygulamalı çalışma. Anlatım, göstererek yaptırma, uygulamalı çalışma.
EYLÜL EKİM 2.09.2009 25.09.2009 28.09.2009 02.10.2009 05.10.2009 09.10.2009 12.10.2009 16.10.2009 19.10.2009 23.10.2009 İnternet ile ilgili temel kavramları ve İnternet Tarayıcısının işlevini açıklayabilir.
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
HTML Bloklar. CSS Display özelliği
HTML Bloklar Tüm HTML etiketleri için varsayılan bir görünüm değeri vardır ve blok yada satıriçi olarak belirtilir. Blok tipindeki etiketler her zaman yeni bir satırda başlar ve tüm satır boyunca mümkün
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
Yine benzer şekilde hücreler içine yazılan yazıların renklerini değiştirebiliriz. Bunun için tüm satırı veya sütunu yine fareyle seçmek durumundayız.
2. EKLE SEKMESĐ TABLO EKLEMEK: Sayfamıza tablo eklemek için, TABLO butonuna bastıktan sonra açılan pencereden kaç sütün ve kaç satırlık bir tablo oluşturacağımızı belirliyoruz. Fareyi sürüklemek, tablonun
Temel HTML Eğitimi. Erman Yükseltürk
Temel HTML Eğitimi Erman Yükseltürk HTML Nedir? 1980 yılında CERN'de görevli olan Tim Berners-Lee, CERN araştırmacılarının bilgilerini ve dökümanlarını birbirleriyle paylaşabilmeleri için bir sistem olması
İ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
<p> paragraf paragraf paragraf paragraf paragraf paragraf paragraf paragraf paragraf paragraf paragraf </p>
HTML'e Giriş HTML, HyperTextMarkupLanguage ifadesinden oluşturulmuş bir İngilizce kısaltmadır ve Türkçe'ye "Hiper Metin İşaretleme Dili" şeklinde çevrilebilir. Bir işaretleme dilinin temel işlevi, bir
Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri
Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri Zemin Özellikleri Ögelere zemin (background) rengi vermek veya zemin resmi eklemek ile
2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI
2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI İşletim Sisteminde Yapılan Uygulamalar Bir Bilgisayarda Hangi İşletim Sistemi Yüklü Olduğunu
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
JavaScript Örnekleri PDF
5 JavaScript örneği ve bu örneklerin çalışan uygulamaları JavaScript Örnekleri PDF www.yazilimbilisim.net.. İçindekiler Tablosu Javascript Text Kutusuna Sadece Sayı Girdirme... 2 PROGRAM KODU... 3 Javascript
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
Web Teknolojileri ve Programla
Web Teknolojileri ve Programla 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 neler yapılabileceğiz?
HTML' e Giriş. Windows kullanıyorsanız Notepad'i, Macintosh kullanıyorsanız SimpleText'i çalıştırın.
HTML Dersleri HTML' e Giriş Html Nedir? HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir dilidir. HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer
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,