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
Alıntı:
<b>Sayfama Hoşgeldiniz</b>
gördüğünüz gibi yazmış olduğumuz metnin hemen yanına ekledik komutu
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
Kayıt: Nov 01, 2006 Mesajlar: 2412 Konum: izmirimi özledim
Tarih: 2007-07-22, 22:27:38 Mesaj konusu:
H tagını çok iyi kavradığımızı düşünerek diğer kodlar ile örnek verelim...
Şİmdi site ziyaretçileri için karşılama mesajı hazırlayalım ancak bu mesaj ne yaptığımızıda anlatsın
Alıntı:
Sayfama Hoşgeldiniz
Çok Basit bir şekilde
HTML etiketleri ile,
Yazıları koyu italik ve altı çizili olarak yazabiliyorum
sizce iyi bir mesaj yazdık mı? şimdi kodumuzu hep berabaer yazalım...
ana kalıbı yazıyoruz
<html>
<head>
</head>
<body>
</body>
</html>
şimdi ilk önce sayfa başlığı lazım "polibo06 netopsiyon özel anlatım" yazalım
başlık <title> komutu ile yazılıyordu...
<html>
<head>
<title>polibo06 netopsiyon özel anlatım</title>
</head>
<body>
</body>
</html>
şimdi geldik mesajı yazmaya.burada tüm tagları kullanacaz ama anlatmıyacağım kopyala yapıştır uzantı değiştir hepsinin ne anlama geldiğini görürsünüz
Kod:
<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;
Alıntı:
<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....
Kod:
h1
h1 başlık düzeninde olacağı i,çin ilk önce h1 tagımızı ekledik .css mize
Kod:
h1 { color:white}
gördüğünüz gibi yazının özelliğini (renk) {} işaretleri içerisinde kullanıldı.Bunu unutmamanız gerekiyor. .css de kullanılan az özelliklerden biridir.
Kod:
h1 { color:white; font: italic 11px Arial;}
burada gördüğünüz gibi özelliklerini yazarken
renk: xxx ; font: yyyy
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
Alıntı:
color: white
color=renk
white=beyaz
yazımızın rengini ayarladıktan sonra fontunu ayarladık aynı şekilde.
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?
Kayıt: Nov 01, 2006 Mesajlar: 2412 Konum: izmirimi özledim
Tarih: 2007-08-05, 13:43:36 Mesaj konusu:
Renk Kodları
Kod:
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
Kayıt: Nov 01, 2006 Mesajlar: 2412 Konum: izmirimi özledim
Tarih: 2007-08-05, 14:10:19 Mesaj konusu:
Arkadaşlar metin stilleri bu kadar basit ve kolaydır. Şİmdi sizden bir istekte bulunacağım umarım bu isteğimle uğraşırsınız
Kod:
ÇANAKKALE ŞEHİDLERİNE
Şu Boğaz Harbi nedir? Var mı ki dünyada eşi?
En kesîf orduların yükleniyor dördü beşi,
- Tepeden yol bularak geçmek için Marmara'ya -
Kaç donanmayla sarılmış ufacık bir karaya,
Ne hayâsızca tahaşşüd ki ufuklar kapalı!
Nerde - gösterdiği vahşetle "Bu: bir Avrupalı"
Dedirir - yırtıcı, his yoksulu, sırtlan kümesi,
Varsa gelmiş, açılıp mahbesi, yahut kafesi!
Eski Dünya, Yeni Dünya, bütün akvâm-ı beşer,
Kaynıyor kum gibi, tûfan gibi, mahşer mahşer.
Yedi iklîmi cihânın duruyor karşında;
Ostralya'yla beraber bakıyorsun: Kanada!
Çehreler başka, lisanlar, deriler, rengârenk.
Sâde bir hâdise var ortada: Vahşetler denk.
Kimi Hindû, kimi Yamyam, kimi bilmem ne belâ...
Hani tâûna da züldür bu rezil istîlâ!
Ah o yirminci asır yok mu, o mahlûk-u asil,
Ne kadar gözdesi mevcûd ise hakkıyla sefil,
Kustu Mehmed'ciğin aylarca durup karşısına;
Döktü karnındaki esrârı hayâsızcasına.
Maske yırtılmasa hâlâ bize âfetti o yüz...
Medeniyet denilen kahpe, hakîkat, yüzsüz.
Sonra mel'undaki tahrîbe müvekkel esbâb,
Öyle müthiş ki: eder her bir mülkü harâb.
Öteden sâikalar parçalıyor âfâkı;
Beriden zelzeleler kaldırıyor a'mâkı:
Bomba şimşekleri beyninden inip her siperin;
Sönüyor göğsünün üstünde o arslan neferin.
Yerin altında cehennem gibi binlerce lâğam;
Atılan her lâğımın yaktığı: yüzlerce adam.
Ölüm indirmede. gökler, ölü püskürmede yer;
O ne müthiş tipidir: Savrulur enkaaz-ı beşer...
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ş
