Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

WEB TASARIMININ TEMELLERİ HTML. DIV etiketi, isteğe bağlı verilerin gösterilmesi için yapısal ve görsel bir bölüm (division) oluşturulmasını sağlar. DIV.

Benzer bir sunumlar


... konulu sunumlar: "WEB TASARIMININ TEMELLERİ HTML. DIV etiketi, isteğe bağlı verilerin gösterilmesi için yapısal ve görsel bir bölüm (division) oluşturulmasını sağlar. DIV."— Sunum transkripti:

1 WEB TASARIMININ TEMELLERİ HTML

2 DIV etiketi, isteğe bağlı verilerin gösterilmesi için yapısal ve görsel bir bölüm (division) oluşturulmasını sağlar. DIV etiketi bir blok oluşturduğu için bir metnin içinde kullanılması durumunda ilgili metni kesecektir. Örnek: Metin Ortada Metin Sağda

3 BASEFONT VE FONT SEÇİMİ BİR WEB SAYFASINDA BİR YAZININ FONTU BELİRTİLMEMİŞSE ÖNCEDEN TANIMLI OLAN BİR FONT KULLANILIR. EĞER BİZ YAZILARIMIZDA FONT TİPİNİ BELİRTMEZSEK ÖNCEDEN TANIMLANMIŞ FONT KULLANILIR. BASEFONT DEYİMİ İLE BİZ BU FONTU DEĞİŞTİREBİLİRİZ. KULLANIMI = “

4 VE TAGLARI YAZILARIMIZDAKİ BAZI BÖLÜMLERİ DAHA BÜYÜK YAPMAK İSTİYORSAK “ DEYİMİNİ; DAHA KÜÇÜK YAPMAK İSTİYOR İSEK “ ” DAYİMİNİN KULLANIRIZ. YAZIMIZ ARTK DAHA BÜYÜK YAZIMIZ ŞİMDİ KÜÇÜLDÜ

5 ÖRNEK 22 (BIG SMALL) DESEM Bilgisayar Kursları... EĞER EKRANIMIZDA BAZI YAZILARIN DAHA BÜYÜK OLMASINI İSTİYORSAK BİG DEYİMİNİ KULLANIRIM BÖYLECE YAZILAR DAHA BÜYÜK OLUR. AYNI ŞEKİLDE BAZI YAZILARIMIZDA DAHA DA KÜÇÜK YAPABİLİRİZ. BUNUDA SMALL DEYİMİ İLE HALLEDİYORUZ

6 TT DEYİMİ YAZILARIMIZ KULLANDIĞIMIZ YAZI FONTUNA GÖRE KARAKTER ARASI BOŞLUKLAR AYARLANIR. FAKAT “I” İLE “T” AYNI MİKTARDA BOŞLUĞA SAHİP DEĞİLLERDİR. BÜTÜN KARAKTERLER ARASI BOŞLUĞU EŞİT YAPMAK İÇİN “ ” TAGI KULLANILIR.

7 STRIKE DEYİMİ EĞER YAZILARIMIN ORTASINA BİR ÇİZGİ ÇEKMEK İSTERSEM BUNUN İÇİN STRIKE DEYİMİNİ KULLANIRIM YAZI STRIKE DEYİMİNİN YERİNE “ ” DEYİMİNİ DE KULLANABİLİRİM.

8 PRE DEYİMİ EĞER NOT DEFTERİNDE YAZILDIĞI GİBİ YAZILARIMIZIN GÖRÜNMESİNİ İSTERSEK “ ” DEYİMİNİ KULLANABİLİRİZ. BUNUN İÇİN YAZIMIZI “ ” TAGI ARASINDA YAZMAMIZ GEREKİR

9 ÖRNEK 23 (PRE DEYİMİ) DESEM Bilgisayar Kursları... ADI SOYADI ADRESİ TELEFON SEZAİ KARATOZ BORNOVA ŞENOL GÜNGÖRDÜ BAYRAKLI

10 ... METİNLERİ “ALT METİN” YAPMAYA YARAR. PARAGRAF BAŞLADI. BU KISIM ALT TARAFTA. PARAGRAF NORMAL DEVAM EDİYOR.


11 SAYFA BAŞLIĞI SAYFA İLE İLGİLİ BİR TAKIM BİLGİLER VERMEK İÇİN HTML SAYFALARINDA “HEAD” (SAYFA BAŞLIĞI) ŞEKLİNDE ADLANDIRILAN BİR BÖLÜM VARDIR. BU BÖLÜMDEKİ BİLGİLER TARAYICIDAN GÖSTERİLMEZ. BU BÖLÜMDE SADECE AŞAĞIDAKİ TAG’LAR KULLANILABİLİR:,,,, VE

12 ÖZEL HTML KARAKTERLERİ,&, “, ‘ GİBİ KARAKTERLER HTML KOMUTLARI İÇİNDE KULLANILAN ÖZEL KARAKTERLERDİR. BU KARAKTERLER BROWSER’DAN GÖSTERİLMEZLER. EĞER BU TÜR KARAKTERLERİ METİN İÇİNDE KULLANMAK VE BROWSER’DAN GÖSTERMEK İSTİYORSANIZ, BUNLARA VERİLEN ÖZEL KODLARI YAZMALISINIZ.

13 ÖZEL HTML KARAKTERLERİ < İÇİN < > İÇİN > & İÇİN & “ İÇİN " X İÇİN × Boşluk İçin

14 HTML LİNKLERİ HTML SAYFALARINDAKİ BİR SAYFADAN BAŞKA BİR SAYFAYA GİTMEK İÇİN “HYPERLINK”LERİ KULLANMALISINIZ. BUNUN İÇİN TAGI KULLANILIR.

15 ... (ANCHOR) KULLANIMI AŞAĞIDAKİ GİBİDİR. GÖRÜNTÜLENECEK METİN tıklayınız... HEMEN HEMEN TÜM NESNELERİ KULLANARAK LİNKLER OLUŞTURABİLİRSİNİZ. RESİMLER, SES DOSYALARI, GÖRÜNTÜ DOSYALARI, METİNLER V.B.

16 Örnek 24 DESEM DEU Sürekli Eğitim Merkezi.... Dokuz eylul Üniversitesi web sayfası için tıklayın Benim Sayfam

17 Örnek 25 DESEM DEU Sürekli Eğitim Merkezi.... Dokuz eylul Üniversitesi web sayfası için tıklayın Benim Sayfam Sona Git

18 Örnek 26 DESEM DEU Sürekli Eğitim Merkezi.... SD Üniversitesi web sayfası için tıklayın Benim Sayfam Sona Git

19 Örnek 27 DESEM DEU Sürekli Eğitim Merkezi.... Dokuz eylul Üniversitesi web sayfası için tıklayın Benim Sayfam mail yolla Sona Git

20 HTML LİSTELERİ WEB SAYFALARINDA NESNELERİNİZİ LİSTELER HALİNDE SIRALAYARAK DAHA DÜZENLİ GÖRÜNMELERİNİ SAĞLAYABİLİRSİNİZ. HTML LİSTELERİ SIRALI, SIRASIZ VEYA TANIMLI OLABİLİR.

21 SIRASIZ LİSTELER (UNORDERED LIST) SIRASIZ LİSTELERDE NESNELER MADDE İMLERİ İLE LİSTELENİR. KAHVE ÇAY ŞEKER SONUÇ: ÇAY KAHVE ŞEKER

22 SIRALI LİSTELER (ORDERED LIST) ELEMANLAR NUMARALANDIRILARAK LİSTELENİR. ÇAY KAHVE ŞEKER SONUÇ 1. ÇAY 2. KAHVE 3. ŞEKER

23 TANIM LİSTELERİ NESNELERİ LİSTELEMEK İÇİN DEĞİL DE, BAŞLIK/ALT BAŞLIK ŞEKLİNDE SIRALAMAK İÇİN KULLANILIRLAR. KAHVE SİYAH VE SICAK İÇECEK SÜT BEYAZ VE SOĞUK İÇECEK

24 TANIM LİSTELERİ SONUÇ: KAHVE SİYAH VE SICAK İÇECEK SÜT BEYAZ VE SOĞUK İÇECEK

25 Örnek 28 DESEM DEU Sürekli Eğitim Merkezi.... KAHVE ÇAY ŞEKER ÇAY KAHVE ŞEKER KAHVE SİYAH VE SICAK İÇECEK SÜT BEYAZ VE SOĞUK İÇECEK

26 HTML TABLOLARI HTML DİLİNDE TABLO OLUŞTURMAK İÇİN TAGI KULLANILIR. İYİ BİLİNMESİ GEREKEN KONULARDAN BİRİDİR ÇÜNKÜ SAYFA İÇİNDEKİ NESNELER TABLOLARLA DÜZENLENİR VE HİZALANIR.

27 TABLOLAR TAGIYLA SATIRLARA VE HER SATIR DA TAGIYLA SÜTUNLARA BÖLÜNÜR. BU İŞLEM SONUNDA OLUŞTURULAN HÜCRELERDE METİNLER, LİSTELER, RESİMLER, PARAGRAFLAR, FORMLAR VE BAŞKA DİĞER NESNELER DE OLABİLİR.

28 ... DESEM DEU Sürekli Eğitim Merkezi.... Hücre 1

29 BORDER ÖZELLİĞİ ŞEKLİNE TABLONUN SINIRLARININ KALINLIĞI BELİRTİLİR.

30 TABLODA BAŞLIKLAR İSİM Dokuz Eylül

31 BOŞ HÜCRELİ TABLOLAR BOŞ HÜCRELER ÇOĞU BROWSER'DA KÖTÜ BİR ŞEKİLDE KENARLARI OLMADAN GÖRÜNÜRLER. HÜCRE 1 HÜCRE 2 HÜCRE 3

32 BOŞ HÜCRELİ TABLOLAR BU SORUNDAN KURTULMAK İÇİN BOŞ HÜCRELERE ( ) KOYULUR VE BU ŞEKİLDE HÜCRE KENARLIKLARININ GÖRÜNMESİ SAĞLANIR. HÜCRE 1 HÜCRE 2 HÜCRE 3

33 ÖRNEK 29 DESEM DEU Sürekli Eğitim Merkezi.... ÜLKE ADI NÜFUSU BULUNDUĞU KITA AVUSTURYA 8,000,000 AVRUPA

34 ÖRNEK 29 (devam) ALMANYA 80,000,000 AVRUPA TÜRKİYE 70,000,000 AVRUPA


"WEB TASARIMININ TEMELLERİ HTML. DIV etiketi, isteğe bağlı verilerin gösterilmesi için yapısal ve görsel bir bölüm (division) oluşturulmasını sağlar. DIV." indir ppt

Benzer bir sunumlar


Google Reklamları