Var olan bir Photoshop dosyasını nasıl bir internet sitesine çevireceğimizi öğreneceğiz. 11 farklı bölümden oluşan bu tasarımı kodlayalım. Peki, Photoshop'dan HTML'e Web sayfası nasıl hazırlanır? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. Photoshop ile daha fazla soruya yanıt bulmak...
Karakter setlerinden ASCII karakter seti, türkçe karakterleri desteklemez. UTF-8 ise, global bir karakter setidir ve 1 milyona yakın dili destekler. Karakter setimizde UTF-8 kullanmalıyız. Meta bilgilendirme demektir ve ilk kullanacağımız meta tag'imiz karakter setidir. Peki, Karakter setleri ve utf...
Öncelikle Firefox'u açıyoruz ve sourceforge.net'ten komodo edit 8'i indiriyoruz. Peki, Editör nedir, Nasıl İndirilir? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML Başlangıç Video Eğitim Seti ile programla ilgili diğer sorularınıza yanıt bulabilirsiniz. Videmy ile iyi öğrenmeler.
Title, tarayıcıda yazan isimdir. Fakat title, bundan çok daha fazla işe yaramaktadır. Öncelikle arama motorunda arama yaptığımızda çıkan sonuçlar title'a göre belirlenir yani title arama sonuçlarımızda çıkar. O yüzden title'a ne yazdığınız çok önemlidir. Peki, Title ne işe yarar? Bu sorunun yanıtını...
Paragrafı, header'ın altına ekliyoruz. Örnek paragrafı lipsum.com'dan oluşturabiliriz. Paragrafı <p> </p> tag'larının içine giriyoruz. Paragraf tag'ının arasına yazdığımız her şeyi paragraf olarak algılar. Açtığımız tüm tag'ları kapatmamız gerekiyor. Peki, Siteye paragraf nasıl eklenir? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için...
Öncelikle her etiketi, tag'ı "< >" içine yazıyoruz ve "</>" bu şekilde kapatıyoruz. İstediğimiz yazıyı kalın yapmak için "bold" yani <b> etiketini kullanıyoruz. Eğer italik yapmak istiyorsak, <i> etiketini ve alıntı yapmak içinde, <q> etiketini kullanıyoruz. Kelimeler, cümleler arasında...
İnternet sitesinde ki herhangi başlıkları <h> tag'i ile belirliyoruz.  <h> tag'i header yani başlık demektir. Başlık atıyoruz ardından da paragraf giriyoruz ve 6 farklı başlık vardır; <h1>, <h2>, <h3>, <h4>, <h5>, <h6> Aralarında ki fark; <h1> i en büyük alır <h6>  yı...
Resim eklemek için img kodunu kullanıyoruz ama dokümantasyon resmin nerede olduğunu bilmeli eğer bilmezse resmi ekleyemez bunun için bu resmin source'nu (src) belirtmemiz gerekir. Resmin nerede olduğunu, ismini ve uzantısını şu şekilde belirtmeliyiz; <img src="photo.jpg">  Eğer HTML sayfamız ve resmimiz...
Kendi dokümantasyonumuzda dışarda ki bir web siteyi göstermemiz mümkün bunu da "iframe" adlı etiketle yapıyoruz. Göstereceğimiz internet sitesinin linkini belirlememiz gerekiyor. "width" ve "height" ile genişliğini ve yüksekliğini de ayarlayabiliyoruz. Peki, iFrame nasıl kullanılır?  Bu sorunun yanıtını yukarıdaki video eğitim...
Görselimizin boyutunu ayarlamak için width(genişlik) ve height(yükseklik) özelliklerini kullanıyoruz. Align özelliğine; right(sağ), left(sol), center(orta) değerlerini vererek resmimizi sağa, sola ve ortaya yaslayabiliriz. Peki, Sitede görsellerde hizalama işlemi nasıl yapılır? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML Başlangıç Video...
Siteye "<a>" etiketi ile link verilir. <a href="http://videmy.com"> </a> Peki, Siteye link nasıl eklenir?  Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML Başlangıç Video Eğitim Seti ile programla ilgili diğer sorularınıza yanıt bulabilirsiniz. Videmy ile iyi öğrenmeler.
Link'i yeni sayfada açmak için a'nın içine "target" komutunu yazıyoruz. Target'ın değerine de "_blank" değerini veriyoruz. Peki, Link/Bağı yeni sayfada nasıl açılır?  Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML Başlangıç Video Eğitim Seti ile programla ilgili diğer sorularınıza...
Resme link vermek istiyorsak; resmi "a" tag'larının arasına yazıyoruz. Peki, Görsele link / bağ nasıl verilir?  Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML Başlangıç Video Eğitim Seti ile programla ilgili diğer sorularınıza yanıt bulabilirsiniz. Videmy ile iyi öğrenmeler.
Tablomuza başlık eklemek için kullanacağımız etiket "<th>" etiketidir header yani başlık anlamına gelir. İki satırı birleştirmek için "rowspan" kullanıyoruz, iki sütunu birleştirmek için de "colspan" kullanıyoruz. Peki, Tablo çeşitleri nelerdir?  Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML...
ul: unordered list (düzensiz liste) ol: ordered list (düzenli liste) dl: detail list (detaylı liste) dt: detail title (detaylı başlık) dd: detail define (detay belirleme) Peki, Listeleme çeşitleri nelerdir?  Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML Başlangıç Video Eğitim Seti ile programla...
Button'u "input" tag'ıyla ekliyoruz. Ekleyeceğimiz button'un tipini "type" değeri ile belirliyoruz. "Value" değerine ise button'umuzun üzerinde ne yazmasını istiyorsak onu yazıyoruz. Peki, Button nasıl kullanılır?  Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML Başlangıç Video Eğitim Seti ile...
SelectBox eklemek için kullandığımız etiket; "select" etiketidir. Select, ile seçenek hakkı sunuyoruz. Bu seçeneklere "option"lar eklememiz gerekir ve "value" olarakta hangi opsiyonları sunduğumuzu belirtmemiz gerekiyor. Peki, SelectBox nasıl kullanılır?  Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML Başlangıç...
RadioBox'ta ikili değilde cinsiyet tarzında mesela; kadın veya erkek seçimi yapacağımız zaman, eğer kadın seçiliyse erkek seçildiği zaman, kadın seçimi kaybolur yani seçenekler arasında sadece tek birisinin geçerli olduğu yerlerde kullanılır. Peki, RadioBox nasıl kullanılır?  Bu sorunun yanıtını yukarıdaki video...
Web sitemize giren kullanıcılardan herhangi bir bilgi almak istiyorsak bunun için örnek formlar oluşturmamız gerekiyor. Bu formların içine inputbox, listbox, selectbox vb box'lar ekliyoruz. Formda "<form>" etiketi ile kullanılır. inputbox: Giriş anlamına gelir. Yazı alır. Peki, InputBox nasıl kullanılır?  Bu...
CheckBox'ta, RadioBox'un aksine çoklu seçimler yapılabilir. Birden fazla seçeneği aynı anda seçebiliriz. Peki, CheckBox nasıl kullanılır?  Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. HTML Başlangıç Video Eğitim Seti ile programla ilgili diğer sorularınıza yanıt bulabilirsiniz. Videmy ile iyi öğrenmeler.

Son Yazılar

0BeğenenlerBeğen
79TakipçilerTakip Et
0TakipçilerTakip Et
197TakipçilerTakip Et
0AbonelerAbone