Sayfamızda kullandığımız metinleri 3 farklı yol ile şekillendirebiliriz.
1.) In-Line(Satır İçi)= bu metot daha çok html yeni başlayanlar tarafından kullanılır.Front page vs. gibi programlarda satır içi kod oluşturmaktadır.
Satrı içi demek yazılan yazının hemen yanında şeklini yazı boyutunu rengini belirtmektir. Yukarıda bulun örnekteki yazıyı satır içi şeklinde şekillendirmek istersek
bu verdiğim kodu yukarıda yaptığımız gibi html çevirirseniz eğer farkı göreceksinizdir.
<b> komutu tahmin ettiğinzi gibi BOND kelimesinin kısaltılmışıdır.word kullanıcıları bile B harfinin ne işe yaradaığını bilmektedir detaylı anlatmaya lüzum görmüyorum.Burada anlatmak istediğim
Kayıt: Nov 01, 2006 Mesajlar: 2412 Konum: izmirimi özledim
Tarih: 2007-07-22, 20:28:01 Mesaj konusu:
2.)Embedded(Gömülü Biçimlendirme): Sayfanın head (baş) kısmına koyulan stillere body (gövde) bölümden atıf yapılarak metin biçimleme şeklidir.Detaya inmeyecem çünkü pek kullanışlı değildir...daha çok in line kullanılmaktadır veya css tercih edilmektedir...
3.)CSS:
HTML dosyasının dışında başka bir stil dosyası oluşturarak stil için bu dosyayı kullanma. Buna Cascading Style Sheets-Yığılmalı Stil Kağıtları deniyor. Kısaca CSS. Bu teknik bize örneğin yüzlerce sayfanın stilini tek bir stil dosyası ile belirleme gibi geniş imkanlar veriyor.
daha detaylı bir şekilde açıklayacak olursak sitemizdeki arka plandan tutunda yazının renkleri ebatları kısacası tema ile ilgili herşeyi (kod anlamında) bir editöre yazıyoruz.bunu xxx.css adında kaydediyoruz.sitemizde ise temayı xxx.css çağırıyoruz.
Kayıt: Nov 01, 2006 Mesajlar: 2412 Konum: izmirimi özledim
Tarih: 2007-07-22, 22:07:34 Mesaj konusu:
css uzmalar için dedik...eğer html anlatıyorsak 0 dan başlayıp uzmanlığa doğru gitmeliyiz. hem in-line örnekleyelim hemde css arasındaki farkı görür iken ikisinide anlamış olursunuz umarım.
bunları tek tek açıklamıyacaz...çünkü okursunuz ama sonra unutursunuz eğer sizde benim gibi bu kodları kullanarak kod yazarsanız hangi tagın hangi işlevi olduğunu gözlem yaparak öğrenebiliriz.
ekran görüntüsü verirdim ancak sitede tartışılan hazıra konmak meselesi yüzünden ss koymuyorum öğrenmek isteyen bi zahmet bu kodları boş bir yazı editörüne kopyalasın sonra uzantısnı html yapsın ve incelesin
kodu incelersek
ana gövde mecburi oalrak yazıldı.title ile sayfa hbaşlığını yazdık ve body yani kişisel bilgilerimiz içine ziyaretçiye göstermek istediğimiz yazıyı yazdık.
yazımız 6 kere başlık...h tagı ne işe yarıyor diye sormayın yapın bakın göreceksiniz
En son polibo06 tarafından 2007-07-23, 01:03:59 tarihinde değiştirildi, toplam 1 kere değiştirildi
<html>
<head>
<title>polibo06 netopsiyon özel anlatım</title>
</head>
<body>
<h1>
<center>Sayfama Hoşgeldiniz</center>
</h1>
Çok Basit bir şekilde <p>HTML etiketleri ile, </p> Yazıları <b>koyu </b>
<i>italik </i>
ve
<u>altı çizili </u>
olarak yazabiliyorum
</body>
</html>
body arasındaki kişisel bilgiler sayfa önizlemesi;
<h1>
<center>Sayfama Hoşgeldiniz</center>
</h1>
Çok Basit bir şekilde <p>HTML etiketleri ile, </p> Yazıları <b>koyu </b>
<i>italik </i>
ve
<u>altı çizili </u>
olarak yazabiliyorum
Kayıt: Nov 01, 2006 Mesajlar: 2412 Konum: izmirimi özledim
Tarih: 2007-07-26, 22:40:08 Mesaj konusu:
şimdi yazacağımız meini önce in-line yöntemi ile sonra css yöntemi ile hazırlayalım...Ancak burada söylemem gereken hussus .css anlatımı çok uzun sürmektedir onu başka bir başlık altında her açıdan inceleyeceğiz şimdilik bzie .css de metinleri nasıl biçimlendiririz bu öenmli...Şimdi kendimize diğer örnekteki gibi bir fikir hazırlayalım sonra onun kodunu yazalım hep beraber
büyük başlık olsun(h1) metin rengi beyaz olsun, italic ve arial yazı şeklinde 11 puntoluk olsun başka neler yapabiliriz? altı da çizili olsun. arka zeminde sarı olsun hatta bizim önceden hazırladığımız bir resim olsun arka plan.... ekleyelim yine aklımıza göre....
kalıbı kullanıldı. o zaman {} işaretini açacağız içinde özelliğini yazacağız tabi ki ingilizce iki noktayı üst üste yerleştirdikten sonra özelliğin değerini yazıyoruz...beyaz renkte yazı yazmak istemiştik o yüzden
Kayıt: Nov 01, 2006 Mesajlar: 2412 Konum: izmirimi özledim
Tarih: 2007-08-05, 13:39:17 Mesaj konusu:
Dikatinizi çekmiştir genelikle in-line metodunu anlatıyorum çünkü en çok ve sık kullanılan metottur.Bu yöntemi bilmeyen biri css kulanamaz. O yüzden cümle cümle biçimlendirmeyi çok iyi öğrenmeliyiz zaten en sonda .css çok geniş ve detaylı bir şekilde anlatmaya çalışacağım...
diğer konularda anlattığımı yaptığınızı umarak işi biraz daha ileriye götürüyoruz ve font komutunu incelemeye alıyoruz....
font metinlerin tek bir komut içerisinde özelliklerini belirtmek için kullanılır bu şekilde kod yazarının işini kolaylaştırır.
font face ile dedik ki tüm biçimlendirme işlemlerini tek komuta kullanabiliriz...
tahoma ile yazı şeklini(tahoma) belirledik size(5) ile büyüklüğünü belirledik ve en sonunda rengini yazdık (#008000)
Burada iki husus dikkatimi çekti...
1. renklerin kodları
2. kodları yazarken alt alta yazmamıza rağmen tarayıcıda yan yana çıktı..Hep bu şekilde yan yana mı çıkar? <p> komutu paragraf açmaya yarıyordu alt satıra geçmek için bir komut kullanamam mı? yani worda yazı yazarken enter ile yaptığım işlemi nasıl yapabilirim?
siyah #000000
gümüş #c0c0c0
bordo #800000
kırmızı #ff0000
lacivert #000080
mavi #0000ff
mor #800080
pembe #ff00ff
yeşil #008000
çimen #00ff00
kahve #808000
sarı #ffff00
turkuaz #008080
cyan #00ffff
gri #808080
beyaz #ffffff
Kayıt: Nov 01, 2006 Mesajlar: 2412 Konum: izmirimi özledim
Tarih: 2007-08-05, 13:47:59 Mesaj konusu:
Şimdi bu yazıyı görünce hemen korkmayın. "Ben Bunların hepsini ezberlemek mi zorundayım!" gibi bir düşünceye kapılmayın...Bunun daha basit bir yöntemide var elbette...
(color="red") şeklindede bunu yapabilirsiniz ancak tüm renklerin ingilizcesini bilme olsaılığınız nedir onu bilemiyeceğim.ben daha bir çok rengin türkçe karşılığını bile bilmiyorum.Genelikle kullanılan renklerin ingilizcesi
Kafa, göz, gövde, bacak, kol, çene, parmak, el, ayak,
Boşanır sırtlara, vâdîlere sağnak sağnak.
Saçıyor zırha bürünmüş de o nâmerd eller,
Yıldırım yaylımı tûfanlar, alevden seller.
Veriyor yangını, durmuş da açık sînelere,
Sürü hâlinde gezerken sayısız tayyâre.
Top tüfekten daha sık, gülle yağan mermiler...
Kahraman orduyu seyret ki bu tehdîde güler!..
Ne çelik tabyalar ister, ne siner hasmından;
Alınır kal'a mı göğsündeki kat kat imân?
Hangi kuvvet onu, hâşâ, edecek kahrından râm?
Çünkü te'sis-i ilâhî o metîn istihkâm.
Sarılır, indirilir mevki-i müstahkemler,
Beşerir azmini tevkîf edemez sun'-ı beşer;
Bu göğüslerse Hüdâ'nın ebedî serhaddi;
"O benim sun'-ı bedîim, onu çiğnetme!" dedi.
Âsım'ın nesli... Diyordum ya... Nesilmiş gerçek:
İşte çiğnetmedi nâmûsunu, çiğnetmeyecek.
Şühedâ gövdesi, baksana, dağlar, taşlar...
O, rükû olmasa dünyâda eğilmez başlar,
Vurulup tertemiz alnından uzanmış yatıyor;
Bir hilal uğruna, yâ Rab, ne Güneşler batıyor!
Ey, bu topraklar için toprağa düşmüş, asker!..
Gökten ecdâd inerek öpse o pâk alnı değer.
Ne büyüksün ki kanın kurtarıyor Tevhîd'i...
Bedr'in arslanları ancak, bu kadar şanlı idi...
Sana dar gelmeyecek makberi kimler kazsın?
"Gömelim gel seni târîhe!" desem, sığmazsın.
Herc ü merc ettiğin edvâra da yetmez o kitâb.
Seni ancak ebediyyetler eder istiâb.
"Bu, taşındır" diyerek Kâbe'yi diksem başına;
Rûhumun vahyini duysam da geçirsem taşına;
Sonra gök kubbeyi alsam da, ridâ nâmiyle,
Kanayan lâhdine çeksem bütün ecrâmiyle,
Ebr-i nîsânı açık türbene çatsam da tavan,
Yedi kandilli Süreyyâ'yı uzatsam oradan;
Sen bu âvizenin altında, bürünmüş kanına,
Uzanırken, gece mehtâbı getirsem yanına,
Türbedârın gibi tâ haşre kadar bekletsem;
Gündüzün fecr ile âvizeni lebrîz etsem;
Tüllenen mağribi, akşamları, sarsam yarana...
Yine birşey yapabildim diyemem hâtırana.
Sen ki, son ehl-i salîbin kırarak savletini;
Şarkın en sevgili sultânı Selâhâddîn'i,
Kılıç Arslan gibi iclâline ettin hayrân...
Sen ki, İslâmı kuşatmış, boğuyorken husran;
O demir çemberi göğsünde kırıp parçaladın;
Sen ki rûhunla berâber gezer ecrâmı adın;
Sen ki a'sâra gömülsen taşacaksın... Heyhât!
Sana gelmez bu ufuklar, seni almaz bu cihât...
Ey şehîd oğlu, şehîd isteme benden makber,
Sana âğûşunu açmış duruyor Peygamber.
çanakkale şiirini öğrenmiş olduğumuz kodları kullanrak yazmaya çalışalım.Resimdeki gibi yapmaya çalışırsak sevinirim.Daha doğrusu uğraşırtsanız bu işi öğrenirsiniz sadece okursanız unutursunuz
arkadaşım ellerine sağlık html ile aram baya iyidir ama yinede zevkle okuyorum bu başlığı, devamını beklerim, inan vaktim olsa bende değişik örnekler eklemek isterim ama
Bu forumda yeni başlıklar açamazsınız Bu forumdaki başlıklara cevap veremezsiniz Bu forumdaki mesajlarınızı değiştiremezsiniz Bu forumdaki mesajlarınızı silemezsiniz Bu forumdaki anketlerde oy kullanamazsınız
Arama
Rütbeliler
Profil
Giriş
