Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

WEB TASARIMININ TEMELLERİ HTML. SAYFALARA YAZI VEYA METİN GİRMEK İKİ “BODY” DEYİMİ ARASINA YAZILARIMIZI YAZARIZ. BİR WEB SAYFASININ İÇERİĞİNİ İNTERNET.

Benzer bir sunumlar


... konulu sunumlar: "WEB TASARIMININ TEMELLERİ HTML. SAYFALARA YAZI VEYA METİN GİRMEK İKİ “BODY” DEYİMİ ARASINA YAZILARIMIZI YAZARIZ. BİR WEB SAYFASININ İÇERİĞİNİ İNTERNET."— Sunum transkripti:

1 WEB TASARIMININ TEMELLERİ HTML

2 SAYFALARA YAZI VEYA METİN GİRMEK İKİ “BODY” DEYİMİ ARASINA YAZILARIMIZI YAZARIZ. BİR WEB SAYFASININ İÇERİĞİNİ İNTERNET EXPLORER PROGRAMIYLA GÖREBİLİRİZ. YAZILARIMIZI BİÇİMLEME DEYİMLERİ KULLANARAK DÜZENLERİZ.

3 ÖRNEK 6 (YAZI GİRME) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi...

4 DEYİMİ BİR ÖNCEKİ ÖRNEĞİMİZDE “DESEM” YAZISINDA SONRA YAZIYA BİR ALT SATIRDAN BAŞLAMAK İNTERNET EXPLORER PROGRAMINDA HİÇBİR DEĞİŞİKLİĞE YOL AÇMADI.. BİR ALT SATIRDAN YAZIYA DEVAM ETMEK İÇİN DEYİMİ KULLANILIR.

5 ÖRNEK 7 (BR DEYİMİ) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi...

6 YAZILARIN ORTALANMASI SAYFA İÇİNDE ORTALANMASINI İSTEDİĞİM YAZILAR İÇİN... DEYİMİNİ KULLANABİLİRİM. ORTALAMAK İSTEDİĞİM METNİN BAŞINA “ ” BAŞLATMA DEYİMİNİ, SONUNA İSE “ DEYİMİNİ YERLEŞTİRECEĞİM. BU İKİ DEYİM ARASINDA KALAN YAZI ORTALANIR.

7 ÖRNEK 8 ( ) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi...

8 YAZI BÜYÜKLÜĞÜ WEB SAYFAMIZDA KULLANDIĞIMIZ YAZILARIMIZIN FARKLI BÜYÜKLÜKTE OLMASI GEREKEBİLİR. BÜYÜKLÜK AYARI İÇİN DEYİMİ İÇİNDE KULLANILAN “SIZE” PARAMETRESİ KULLANILIR...YAZIMIZ.. BURADA “X” HARFİ YAZIMIZIN BÜYÜKLÜĞÜDÜR.

9 ÖRNEK 9 (YAZI BÜYÜKLÜĞÜ) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi...

10 ÖRNEK 10 (H1,H2,...,H6) Bu başlık 1 dir Bu başlık 2 dir Bu başlık 3 dür Bu başlık 4 tür Bu başlık 5 dir Bu başlık 6 dır

11 KALIN, İTALİK VE ALTI ÇİZGİLİ YAZI BİR ÖNCEKİ ÖRNEĞİMİZDE YAZIMIZIN İSTEDİĞİMİZ BÜYÜKLÜKTE OLMASINI SAĞLAYABİLİYORDUK. BENZER ŞEKİLDE METİNLERİN KALIN, İTALİK VE ALT ÇİZGİLİ OLMASINI DA SAĞLAYABİLİRİZ. KALIN İÇİN..YAZI İTALİK İÇİN..YAZI.. ALT ÇİZGİ İÇİN..YAZI.. KULLANILIR

12 ÖRNEK 11 (K, İ,ALT) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi...

13 ÖRNEK 11 (DEVAM) Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü...

14 , DEYİMLERİ YAZIMIZI KALIN YAPMAK İÇİN “ ” DEYİMİ YERİNE “ ” DEYİMİNİ KULLANABİLİRİZ. AYNI ŞEKİLDE YAZIMIZI İTALİK YAPMAK İÇİN “ ” DEYİMİ YERİNE “ ” DEYİMİNİ KULLANABİLİRİZ.

15 ÖRNEK 12 (STRONG, EM) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi...

16 ÖRNEK 12 (DEVAM) Mühendislik Fakültesi Bilgisayar Mühendisliği

17 YAZI RENGİNİ AYARLAMAK YAZI RENGİ AYARI İÇİN DAHA ÖNCE BİR YOL TANIMLAMIŞTIK. FAKAT SADECE TÜM SAYFAMIZIN YAZI RENGİNİ DEĞİŞTİREBİLİYORDUK. BELLİ YAZILARIMIN RENGİNİN FARKLI RENKTE OLMASINI İSTİYORSAM “ ” DEYİMİNİN “COLOR” PARAMETRESİNİ KULLANIRIM. YAZIM KULLANILIR

18 ÖRNEK 13 (YAZI RENGİ) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi... Mühendislik Fakültesi

19 FONT DEĞİŞİKLİĞİ YAZILARIMIZI WORD PROGRAMINDA OLDUĞU GİBİ BİR FONT BELİRTEREKTE BİÇİMLENDİREBİLİRİZ. ÖRNEĞİN “Arial”,”Times New Roman”,”Technical” vs.. HEP FONT ÇEŞİTLERİDİR. WİNDOWS İŞLETİM SİSTEMİ BU FONTLARDAN BİR ÇOĞUN DESTEKLER.

20 FONT DEĞİŞTİRME WİNDOWS İŞLETİM SİSTEMİNİN DESTEKLEDİĞİ FONTLARI RAHATLIKLA WEB SAYFALARIMIZDA KULLANABİLİRİZ. BU FONTLARI KULLANMAK İÇİN “ ” DEYİMİNİN “FACE” PARAMETRESİNİ KULLANIRIZ. DESEM

21 ÖRNEK 14 (FACE PARAMETRESİ) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi... Mühendislik Fakültesi

22 ÖRNEK 15 (FACE PARAMETRESİ) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi... Mühendislik Fakültesi

23 HTML RESİMLERİ ÖZELLİKLE BANT GENİŞLİĞİNİN ARTMASIYLA WEB SAYFALARINDA ÇOK FAZLA RESİMLER KULLANILMAYA BAŞLANDI. BUNUN SONUCU OLARAK TAGININ İYİ BİLİNMESİ GEREKMEKTEDİR.

24 VE “SRC” ÖZELLİĞİ TAGININ BİTİŞ TAGI YOKTUR, SADECE ÖZELLİKLERİ VARDIR. BİR SAYFADA RESİM GÖRÜNTÜLEYEBİLMEK İÇİN TAGININ “SRC” ÖZELLİĞİ KULLANILIR. YANİ;

25 HTML RESİMLERİ BİR RESMİ WEB SAYFAMIZA YERLEŞTİRMEK İSTİYORSAK İLK OLARAK RESİM DOSYAMIZ HARD DİSKİMİZ ÜZERİNDE OLMALIDIR. AYNI ŞEKİLDE İNTERNET ÜZERİNDEN YAYINLAYACAĞIMIZ RESME AİT DOSYA DA İNTERNET’TE OLMALIDIR.

26 RESİM TİPLERİ İNTERNET ÜZERİNDEN YAYINLAYACAĞIMIZ RESİMLERİN FORMATI: JPEG, JPG BMP GIF XBM PNG

27 Örnek16 (Resim Ekleme) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi... Mühendislik Fakültesi

28 Örnek 17(Resim ekleme) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi... Mühendislik Fakültesi

29 Resim Biçimleme WEB SAYFASINA EKLEDİĞİMİZ RESİMLERİ “BORDER” ÖZELLİĞİ İLE RESİM ÇERÇEVE KALINLIĞI BELİRTİLEBİLİR. “ALİGN” ÖZELİĞİ İLE RESMİN KONUMU BELİRTİLEBİLİR LEFT,RIGHT,CENTER,TOP,BOTTOM “HEIGHT” İLE RESİM YÜKSEKLİĞİNİ VE “WIDTH” İLEDE RESİM GENİŞLİĞİNİ BELİRTEBİLİRİZ.

30 ÖRNEK18 (Resim özellikleri ) DESEM Bilgisayar Kursları... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi... Mühendislik Fakültesi

31 Resim özellikleri “ALT” RESİM GÖRÜNTÜLENEMEDİĞİ ZAMAN VEYA BELİRTİLEN TİPTEKİ RESMİ GÖRÜNTÜLEME İMKANI OLMAYAN TARAYICILAR İÇİN RESMİMİZ YERİNE BİR METİNDE HAZIRLANABİLİR BUNUN İÇİN KULLANILIR

32 ÖRNEK 19 (ALT ÖZELLİĞİ) DESEM Bilgisayar Kurslary... DESEM Dokuz Eylül Üniversitesi Sürekli Eğitim Merkezi... Mühendislik Fakültesi

33 SAYFALARDA YATAY ÇİZGİ SAYFALARIMIZA YATAY BİR ÇİZGİ EKLEMEK İSTİYORSAK “ ” TAGINI KULLANMAMIZ GEREKİR. SAYFANIZIN İSTEDİĞİNİZ BİR YERİNE DEYİMİNİ EKLERİZ. KAPANIŞ TAGI YOKTUR.

34 ... PARAGRAFLARI BELİRTMEK İÇİN KULLANILIR. BURASI BİR PARAGRAFTIR.

35 ÖRNEK 20 ( ) DESEM Bilgisayar Kurslary... BURASI İLK PARAGRAF BURASI DA İKİNCİ PARAGRAF Paragrafın devamıda aynı özellikte olur BURASI ÜÇÜNCÜ VE SAĞA DAYALI Özellik Muhafaza ediliyor VE DE İKİ KENARA DAYALI

36 KENAR BOŞLUKLARI İNTERNET EXPLORER SAYFALARIMIZI GÖRÜNTÜLERKEN KENARLARDA BİR MİKTAR BOŞLUK BIRAKMAKTADIR. EĞER BOŞLUK MİKTARINI KENDİMİZ BELİRTMEK İSTERSEK “BODY” DEYİMİ İLE KULLANILAN TOPMARGIN LEFTMARGIN ÖZELLİKLERİNİ KULLANIRIZ...

37 ÖRNEK 21 (TOPMARGIN,LEFTMARGIN) DESEM Bilgisayar Kursları... BURASI İLK PARAGRAF BURASI DA İKİNCİ PARAGRAF BURASI ÜÇÜNCÜ VE SAĞA DAYALI VE DE İKİ KENARA DAYALI


"WEB TASARIMININ TEMELLERİ HTML. SAYFALARA YAZI VEYA METİN GİRMEK İKİ “BODY” DEYİMİ ARASINA YAZILARIMIZI YAZARIZ. BİR WEB SAYFASININ İÇERİĞİNİ İNTERNET." indir ppt

Benzer bir sunumlar


Google Reklamları