HTML 5 Nedir?
HTML5; HTML, XHTML ve HTML DOM için yeni bir standarttır.
Önceki HTML versiyonu 1999 çıkmıştır. Fakat o zamandan beri web çok değişti.
HTML5'in üzerinde hala çalışılmaktadır. Fakat bir çok modern tarayıcılar az da olsa HTML5 desteğine sahiptir.
HTML5 Nasıl Başladı?
HTML5 World Wide Web Consortium (W3C) ve Web Hypertext Application Technology Working Group (WHATWG) ortaklığıdır.
2006 yılında WhATWG web formları ve uygulamaları üzerine ve W3C'de XHTML 2.0 üzerine çalışıyorlardı. Daha sonra bir anlaşmaylar yeni bir HTML versiyonu çıkarmaya karar verdiler.
HTML5 için alınan bazı kararlar
Yeni Özellikler
Tarayıcı Desteği
HTML5 daha resmi olarak çıkmadığı için tarayıcıların henüz tam HTML5 desteği bulunmamaktadır.
Fakat bazı büyük tarayıcılar(Firefox, Chrome, Safari ve Internet Explorer gibi) kısmen de olsa son sürümlerinde HTML5 desteği sağlamaktadır.
Kendi Düşüncelerim
HTML5 gerçekten oldukça gelişmiş bir HTML sürümü. Sitelerimizde özellikle formlarda yaptığımız neredeyse bütün JavaScript işlemlerimizi birkaç yeni parametre (attribute) ile halletmemizi sağlıyor.
Harici eklenti desteğini minimuma indirmek için ellerinden geleni yapmışlar.
Merhaba arkadaşlar,
LaTeX'i ben de yeni yeni öğreniyorum. Fakat zevkli bir dil.. Neyse lafı hiç uzatmayalım. Bu yazıda LaTeX'de nasıl slayt yapılacağını anlatıyorum.
LaTeX'de varsayılan sayfa düzeni "portrait" dir. Fakat bu bazen problem olabilir özellikle slaytlarda. Bunun için biz sayfa düzeni olarak "landscape" kullanacağız. Bunu yapmak geometry paketine ihtiyaç duyacağız.
documentclass[landscape]{slides}
usepackage[landscape]{geometry}
documentclass'ımızı "landscape" sayfa düzenli slayt olarak belirlemiş olduk. LaTeX'de slaytlar şu şekilde hazırlanır:
begin{document}
begin{slide}
Burası 1...
end{slide}
begin{slide}
Burası 2...
end{slide}
end{document}
Şimdi slaydımızın içeriğini belirleyelim ve hazırlamaya başlayalım. Lorem Ipsum Nedir? yazısını slayt olarak hazırlayalım: http://www.trkodlama.com/lorem-ipsum-nedir-337.html
Öncelikle sayfamızın başına eklememiz gereken documentclass ve usepackage komutlarının neler olduğuna bakalım:
documentclass[landscape]{slides}
usepackage[turkish]{babel} %türkçe karakterler için
usepackage[latin5]{inputenc} %türkçe karakterler için
usepackage[T1]{fontenc} %türkçe karakterler için
usepackage{color} %renkli yazabilmek için
usepackage[landscape]{geometry} %sayfa düzenini landscape yapmak için
Burdan sonra begin{document} ile içeriğimize geçiyoruz. Her bir bölümümüzü begin{slide}....end{slide} arasına yazıyoruz. Bu sayede slaytların nerden nereye geçeceğini belirliyoruz. Hemen başlayalım:
begin{document}
begin{slide}
textcolor{blue}{Lorem Ipsum Nedir?}
begin{itemize}
item{textbf{Lorem Ipsum}, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.}
end{itemize}
end{slide}
begin{slide}
textcolor{blue}{Nereden Gelir?}
begin{itemize}
item{Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz. Kökleri M.Ö. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir geçmişi vardır. Virginia'daki Hampden-Sydney College'dan Latince profesörü Richard McClintock, bir Lorem Ipsum pasajında geçen ve anlaşılması en güç sözcüklerden biri olan 'consectetur' sözcüğünün klasik edebiyattaki örneklerini incelediğinde kesin bir kaynağa ulaşmıştır. Lorm Ipsum, Çiçero tarafından M.Ö. 45 tarihinde kaleme alınan "de Finibus Bonorum et Malorum" (İyi ve Kötünün Uç Sınırları) eserinin 1.10.32 ve 1.10.33 sayılı bölümlerinden gelmektedir. Bu kitap, ahlak kuramı üzerine bir tezdir ve Rönesans döneminde çok popüler olmuştur. Lorem Ipsum pasajının ilk satırı olan "Lorem ipsum dolor sit amet" 1.10.32 sayılı bölümdeki bir satırdan gelmektedir.}
item{1500'lerden beri kullanılmakta olan standard Lorem Ipsum metinleri ilgilenenler için yeniden üretilmiştir. Çiçero tarafından yazılan 1.10.32 ve 1.10.33 bölümleri de 1914 H. Rackham çevirisinden alınan İngilizce sürümleri eşliğinde özgün biçiminden yeniden üretilmiştir.}
end{itemize}
end{slide}
begin{slide}
textcolor{blue}{Neden Kullanırız?}
begin{itemize}
item{Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum kullanmanın amacı, sürekli 'buraya metin gelecek, buraya metin gelecek' yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak okunurluğu artırmasıdır. Şu anda birçok masaüstü yayıncılık paketi ve web sayfa düzenleyicisi, varsayılan mıgır metinler olarak Lorem Ipsum kullanmaktadır. Ayrıca arama motorlarında 'lorem ipsum' anahtar sözcükleri ile arama yapıldığında henüz tasarım aşamasında olan çok sayıda site listelenir. Yıllar içinde, bazen kazara, bazen bilinçli olarak (örneğin mizah katılarak), çeşitli sürümleri geliştirilmiştir.}
end{itemize}
end{slide}
end{document}
Yukarıdaki örnekte başlıkları renkli yazdık. Bunu daha önce LaTeX'de Yazıyı Renklendirme yazımızda anlatmıştım. Ayrıca burda yabancı olduğumuz diğer komut ise textbf{} dir. Bu da yazıyı kalın yazmamızı sağlar. Şimdi sizlere son halini verelim:
documentclass[landscape]{slides}
usepackage[turkish]{babel}
usepackage[latin5]{inputenc}
usepackage[T1]{fontenc}
usepackage{color}
usepackage[landscape]{geometry}
begin{document}
begin{slide}
textcolor{blue}{Lorem Ipsum Nedir?}
begin{itemize}
item{textbf{Lorem Ipsum}, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.}
end{itemize}
end{slide}
begin{slide}
textcolor{blue}{Nereden Gelir?}
begin{itemize}
item{Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz. Kökleri M.Ö. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir geçmişi vardır. Virginia'daki Hampden-Sydney College'dan Latince profesörü Richard McClintock, bir Lorem Ipsum pasajında geçen ve anlaşılması en güç sözcüklerden biri olan 'consectetur' sözcüğünün klasik edebiyattaki örneklerini incelediğinde kesin bir kaynağa ulaşmıştır. Lorm Ipsum, Çiçero tarafından M.Ö. 45 tarihinde kaleme alınan "de Finibus Bonorum et Malorum" (İyi ve Kötünün Uç Sınırları) eserinin 1.10.32 ve 1.10.33 sayılı bölümlerinden gelmektedir. Bu kitap, ahlak kuramı üzerine bir tezdir ve Rönesans döneminde çok popüler olmuştur. Lorem Ipsum pasajının ilk satırı olan "Lorem ipsum dolor sit amet" 1.10.32 sayılı bölümdeki bir satırdan gelmektedir.}
item{1500'lerden beri kullanılmakta olan standard Lorem Ipsum metinleri ilgilenenler için yeniden üretilmiştir. Çiçero tarafından yazılan 1.10.32 ve 1.10.33 bölümleri de 1914 H. Rackham çevirisinden alınan İngilizce sürümleri eşliğinde özgün biçiminden yeniden üretilmiştir.}
end{itemize}
end{slide}
begin{slide}
textcolor{blue}{Neden Kullanırız?}
begin{itemize}
item{Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum kullanmanın amacı, sürekli 'buraya metin gelecek, buraya metin gelecek' yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak okunurluğu artırmasıdır. Şu anda birçok masaüstü yayıncılık paketi ve web sayfa düzenleyicisi, varsayılan mıgır metinler olarak Lorem Ipsum kullanmaktadır. Ayrıca arama motorlarında 'lorem ipsum' anahtar sözcükleri ile arama yapıldığında henüz tasarım aşamasında olan çok sayıda site listelenir. Yıllar içinde, bazen kazara, bazen bilinçli olarak (örneğin mizah katılarak), çeşitli sürümleri geliştirilmiştir.}
end{itemize}
end{slide}
end{document}
Bu TeX dosyasının PDF'ini görmek için tıklayın.
Kolay gelsin,
Bu dersimizde sizlere asp ile tablo, sütun, blok oluşturmayı öğreteceğim. Bunlar ilerde sizlerin çok kullanacağı temel bilgilerdendir. Eğer bunları öğrenmez veya tam öğrenemezseniz asp kullanmayı bilseniz bile bunu sayfaya yansıtamaz ve görsellik/ tasarım adına hiçbirşeyi yapamazsınız.
Tablo nedir ? Tablo web sitenizi oluşturmak için ana hatları ile arayüzü belirlemeye yarar. Tablo oluşturmadan ne sütun ne de blok oluşturabilirsiniz. Önce basit bir tablo oluşturalım.
Örnek :
<table border="1" height="100" width="100"> <tr> <td> Örnek bir tablo, sütun ve blok </td> </tr> </table>
- Yukarda "border" tablonun çerçevesini, "height" uzunluğunu, "width" ise enini belirliyor. Bunları "<tr>" veya "<td>" yani blok ve sütun içinde girebilirsiniz. Yani sütunun ve blokun boyunu, enini örnek tablodaki gibi belirleyebilirsiniz. Örnek verecek olursak...
Örnek :
<table border="1" height="200" width="200"> <tr> <td width="100"> Örnek tablo, blok ve sütundur. Bu sütunun eni 100'dür </td> <td width="100"> Örnek tablo, blok ve sütundur. Bu sütunun eni 100'dür </td> </tr> </table>
- Burada 200 birimlik bir tablo ve içerisinde 1 blok, 2 sütun (100 birimlik, tablo 2 eş sütuna bölünmüş) göreceksiniz. Sütunlar blokla beraber kullanılır. Bir blokta hiç sütun kullanmayabilirsiniz. Yani "<td>" ve "</td>" kısımlarını çıkarabilir sadece bloka veri koydurabilirsiniz. Bu sadece bloku 1 parça olarak gösterecek ve herhangi bir bloku bölme/sütunlama yapmayacaktır.
- Sütunların enini ve boyunu değiştirdik. Blokların enini ve boyunu değiştirmemiz de mümkün. "height" ve "width"'i kullanarak blokun görsel yönden ayarlarını yapmak mümkün. Örnek verecek olursak eğer :
Örnek :
<table border="1" height="200" width="200"> <tr width="100" height="100"> <td> Örnek tablo, blok ve sütundur. Bu blokun eni 100'dür </td> </tr> <tr width="100" height="100"> <td> Örnek tablo, blok ve sütundur. Bu blokun eni 100'dür </td> </tr> </table>
- Burada 2 adet blok oluşturduk. Bu blokların her biri 100 birim eninde ve 100 birim genişliğinde. Kodları *.html dosyası olarak kaydedip tarayıcınızla çalıştırdığınızda tablonun 2 bloktan oluştuğunu görebilirsiniz. Bu blokların içerisinde 1'er adet sütun var. Dilerseniz bunları 2'şer sütun veya istediğiniz kadar sütun şeklinde göstertebilirsiniz. Size 2'şer sütunlu olanını da göstereyim haydi
Örnek :
<table border="1" height="200" width="200"> <tr width="100" height="100"> <td width="50"> Bu blokun eni 100'dür ve sütunlar 50 birimdir </td> <td width="50"> Bu blokun eni 100'dür ve sütunlar 50 birimdir </td> </tr> <tr width="100" height="100"> <td width="50"> Bu blokun eni 100'dür ve sütunlar 50 birimdir </td> <td width="50"> Bu blokun eni 100'dür ve sütunlar 50 birimdir </td> </tr> </table>
- Şimdi tablo, blok ve sütun oluşturmayı öğrendiğimize göre sırada bunları görsel olarak iyileştirme yani süsleme/şekillendirme var. Bunları nasıl yapacağız sorularını şimdiden duyar gibiyim. Acele etmeyin geliyoruz yavaş yavaş. Önce tablonun arka plan rengini belirleyelim. Beyaz değilde kırmızı olsun. Örnek aşağıda hemen gözatalım
Örnek :
<table bgcolor="red" border="1" height="100" width="100"> <tr> <td> Bu bir bgcolor örneğidir</td> </tr> </table>
- Yukarıda "height" ve "width"'e ek olarak "bgcolor" özelliğini ekledik. Bu özellik sayesinde tablomuzun içerisine renk verebiliyoruz. Ben kırmızı rengini seçtim. Sizler ise daha farklı renkler deneyebilirsiniz. "red" yerine "blue", "green" vb. yazabilirsiniz. Ama genel olarak daha fazla renk istiyorsanız, html'de renk kodlarından yararlanmalısınız. Örnek olarak "#FFFFFF" başına işareti gelecek şekilde renge ait kod numarasını giriyoruz. "FFFFFF" 6 haneli, bu beyaz renk kodudur öte yandan "#000000" ise siyah renk kodudur. Eğer dreamweaver gibi web tasarım programları kullanıyorsanız size ufak bir ekranda renkler ve üzerine geldiğiniz rengin kodu çıkacaktır. Rengi mouse ile tıkladığınız takdirde "bgcolor" kısmına renk kodunu otomatik olarak girecektir.
- Tablomuz değilde sütunumuz ya da blok'a renk vermek istiyorsan "bgcolor" özelliğini blok veya sütun için girmemiz gerekecek. Şimi size bir örnek yazalım
Örnek :
<table border="1" height="100" width="100"> <tr> <td bgcolor="blue" width="50"> Bu bir backcolor örneğidir </td> <td bgcolor="green" width="50"> Bu bir backcolor örneğidir </td> </tr> </table>
- Örnekteki 2 sütuna farklı renkler verdim. Baştakine mavi sondakine ise yeşil renk. Bu sütunları renklendirdi. "bgcolor" kullanarak bloklarınıza da renk verdirebilirsiniz.
- Bir başka komut/özellik ise "style"'dir. "style" sayesinde css ayarları vermeniz mümkün. Tabii css işinizi kolaylaştırmak için var "style" hakkında hiçbirşeye değinmiyorum çünkü css'ye geçtiğimizde css komutlarını/özelliklerini "style"'da kullanabileceksiniz.
- Öğrenmeniz gerek diğer bir özellik "bordercolor" özelliğidir. Bu özellik ile oluşturduğunuz tablonun "border" değeri 0'dan farklıysa, çerçeve yani border'in rengini belirlemek mümkün. "bordercolor" özelliği ile dilediğiniz renkte çerçeve oluşturabilirsiniz. Renk kodları html'de hep aynıdır değişmez, "#renkkodu" şeklinde kullanılır, bu daha doğrudur.
Örnek :
<table border="1" height="100" width="100" bordercolor="red"> <tr> <td> Bu bir bordercolor örneğidir </td> </tr> </table>
- Tablomuzun "border" değeri 0'dan farklı 1'dir. Böylece çerçevenin rengini değiştirebileceğim. Ben kırmızı yaptım. Sizde deneyip kırmızı olduğunu görebilirsiniz. Farklı renkler kullanmanız mümkün.
- Tablomuza ek bir başka özellik olarak "align"'i kullanabiliriz. Tablomuzun konumunu belirlememizde bize yardımcı olacaktır. Sağa yaslama, sola yaslama ve ortalama gibi biçimleri mevcut. Sağa yaslamak isterseniz "align="Right"", sola yaslamak isterseniz "align="Left"" ve ortalamak isterseniz "align="Center"" yapmanız yeterli olacaktır. Örneğimizi inceleyelim
Örnek :
<table border="1" height="100" width="100" align="center"> <tr> <td> Bu bir align örneğidir </td> </tr> </table>
- Yukardaki örnekte tablomuzun ortaladık. Peki sütunumuzu veya blokları ortalayamaz mıyız ? Tabii ki bunlarda mümkün. Sütunu ortalarsanız içindeki veriler ortalanacaktır, blok ortalandığında ise sütunlarda ortalanacağından bloktaki tüm veriler ortada hizalanacaktır. Örneğe bakalım
Örnek :
<table border="1" height="100" width="100"> <tr align="center"> <td> Bu bir align örneğidir </td> </tr> </table>
- Burda blok ortaladık ama eğer 2 sütun oluşturup birini ortalayıp diğerini ortalamadan aradaki farkı görmek isterseniz size bu örneğide gösterelim.
Örnek :
<table border="1" height="100" width="100"> <tr> <td width="50" align="center"> Bu bir align örneğidir </td> <td width="50"> Bu bir align örneğidir </td> </tr> </table>
- Örnekte ilk sütun ortalandı ve içindeki verilerde ortalandı ama ikinci sütunda ortalama yapmadığımızdan sola yaslanmış bir hal aldı. Şimdi her iki sütunuda ortalayalım.
Örnek :
<table border="1" height="100" width="100"> <tr> <td width="50" align="center"> Bu bir align örneğidir </td> <td width="50" align="center"> Bu bir align örneğidir </td> </tr> </table>
*Not: Unutmayınız, tablosuz blok ve bloksuz sütun olmaz!
- İşte bu kadar basit. 2 sütunda ortalandı. Ne kadar kolay değil mi ?
Şimdilik size aktarmam gerektiğini düşündüklerim bunlar. Diğer derslerde gene beraber asp yolunda ilerlemek üzere hoşçakalın.
Html dosyalarını incelediğinizde her zaman <>, </> gibi karakterler ve bazı terimlerle karşılaşırsınız. Bunun nedeni html bilgilerinde bu karakterler arası yazılan yazıların "TAG" olmasıdır. Örnek olarak <html>, </html> bir tag'dır. Bu taglar arası tag ne özellik içeriyorsa o özelliği yaptırabilirsiniz.
<head>, </head> tagı arasında yer alan Başlık bölümüdür.
<title>, </title> tagı <head> tagı arasında bulunur ve web sitenizin başlığını bu tagın arasına yazarak belirleyebilirsiniz.
<body>, </body> tagı arasında yer alan Gövde bölümüdür.
Örnek :
<html> <head> <title>Trkodlama.com</title> </head> <body> Trkodlama programcılarına ... . . . </body> </html>
Yukarıdaki örneği not defterine yazıp *.txt olarak değilde, *.html olarak kaydeder ve açarsanız sayfanın başlığının "Trkodlama.com" olduğunu ve sayfada "Trkodlama programcılarına ..." altında ise "..." yazdığını göreceksiniz.
Unutmayınız ki <..> açılan her tag (etiket) </..> olarak kapatılmalıdır. Yani eğer bir tag başlatıyorsanız o tagı kullandıktan sonra kapatmalısınız. Aksi halde istemediğiniz görsel/şekilsel bozukluklar meydana gelebilir.
Eğer özel Türkçe karakterler kullanmak istiyorsanız web sayfanızda (ç,ı,ş,ğ,ö,ü) sayfanızın <head>, </head> tagı içine ve en başa şu kodu yazarsınız ;
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">
Bu kod sayesinde özel Türkçe karakterleri (ç,ı,ş,ğ,ö,ü) kullanabilirsiniz. Sunucudan gelen verileri gösteren web sayfanız tamamıyla html'dir. Asp olarak çalışır web tarayıcınıza html olarak gözükür. Bunu denemek için istediğiniz bir web sayfasını açın ve tarayıcınızda o sayfaya fare yardımıyla "Sağ Tuş" ile bir kere tıklayın. Ardından "Kaynağı Görüntüle/View Source" tıklayın ve karşınıza açılan not defterini inceleyin. Herşeyin html bilgisi olduğunu göreceksiniz.
<b>, </b> tagı, arasına yazılan yazıları kalın yapar.
<u>, </u> tagı, arasına yazılan yazıları altı-çizili yapar.
<i>, </i> tagı, arasına yazılan yazıları italik yapar.
<marquee>, </marquee> tagı, arasına yazılan yazıları sağdan-sola doğru kaydırır.
<br> tagı, yazınızda bir alt satıra geçmenize olanak tanır.
<p>, </p> tagı, arasına yazılan yazının altına bir boş satır bırakır.
Aşağıda kullanabileceğiniz 6 tane başlık tagı yer alıyor. En büyükleri <h1>, en küçükleri ise <h6>'dır.
<h1>, </h1> tagı, arasına yazılan yazının html dilinde hazır en büyük yazı olmasına olanak tanır.
<h2>, </h2> tagı, arasına yazılan yazının html dilinde <h1>'e göre biraz daha küçük olmasına olanak tanır.
<h3>, </h3> tagı, arasına yazılan yazının html dilinde <h2>'ye göre biraz daha küçük olmasına olanak tanır.
<h4>, </h4> tagı, arasına yazılan yazının html dilinde <h3>'e göre biraz daha küçük olmasına olanak tanır.
<h5>, </h5> tagı, arasına yazılan yazının html dilinde <h4>'e göre biraz daha küçük olmasına olanak tanır.
<h6>, </h6> tagı, arasına yazılan yazının html dilinde hazır en küçük yazı olmasına olanak tanır.
<sup>, </sup> tagı, arasına yazılan yazının üst simge içermesine olanak tanır.
<sub>, </sub> tagı, arasına yazılan yazının alt simge içermesine olanak tanır.
<code>, </code> tagı, arasına yazılan yazının bilgisayar kodu biçiminde yazılmasına olanak tanır.
<blockquote>, </blockquote> tagı, arasına yazılan yazının alıntı biçiminde yazılmasına olanak tanır.
<font>, </font> tagı, arasına yazılan yazının her türlü özelliğinin belirlenmesine olanak tanır (renk, boyut, yazı şekli vb.). Bu özellikler <font color="#000000"> gibi yazılarak yapılır tek başına bir işe yaramaz.
Şimdilik en basitinden size aktaracaklarım bunlar. Diğer derslerde görüşürüz.
Asp dilinde veritabanına bağlanmayı, veri çekmeyi ve güncellemeyi öğrenmeden önce bazı temel bilgileri daha öğrenmeniz gerekecek.
Başlıyoruz ...
- Asp dilinde yaşanılan zamanın sadece yıl kısmını almak için (Örnek : 2009) kod olarak şu yazılmalıdır "<%=year(date)%>".
Yukarıdaki kodda asp dilinde zamanın yılını alma anlamına geliyor. Eğer tek bir veri çekecek veya işlem yaptıracak isek "<%=" kullanılır ve kod yazıldıktan sonuna "%>" yazılır.
- "Now()" kodu yaşanılan zamanın gününü, ayını, yılını, saatini, dakikasını ve saniyesini belirtir. Bu kod ile tarih hakkında ayrıntılı bir bilgiye sahip olmak mümkün. Bu kod "<%=Now()%>" şeklinde kullanılabilir.
- "FormatDateTime" fonksiyonu ile yaşanılan zamanı veya veritabanından çekilen bir tarihi verinin sadece gün,ay ve yıl olarak yazılmasını sağlayabilirsiniz. Bu kod "<%=FormatDateTime(tarih)%>" şeklinde kullanılabilir.
- "Response.write" komutu ile sunucudan tarayıcınıza kodlar yazdırabilirsiniz. Kodu yazdıktan sonra "" satırlarını ekleyerek arasına yazmak istediğin metinleri yazabilirsiniz. Bu kod "<% response.write "Metin" %>" şeklinde kullanılabilir.
- "Response.redirect" komutu ile sayfa yönlendirmesi yapabilirsiniz. Örnek olarak kayıt tamamlandıktan sonra veye üye girişi gerçekleştikten sonra anasayfaya yönlendirebilirsiniz. Kodu "Response.redirect" yazdıktan sonra "" satırlarını ekleyerek arasına yönlendireceğiniz sayfayı ve uzantısını yazabilirsiniz. Bu kod "<% Response.redirect "default.asp" %>" şeklinde kullanılabilir.
- "<a href="" target="">" komutu ile "href" yazan kısma yönlendirilecek sayfayı "target" kısmına ise "_blank" yeni sayfa ve "_self" aynı sayfada yönlendirme gibi bazı ayarları yapabilirsiniz. Daha sonra komut sonuna "</a>" yazmanız gerekecek. Bu kodun arasına resim, metin tıklandığında yönlendirmesini istediğiniz herşeyi yapabilirsiniz. Kodu "<a href="default.asp" target="_self">Anasayfaya Git</a>" şeklinde kullanabilirsiniz.
- Resim eklemek için "<img src="" border="" height="" width="" alt="" align="">" komut satırını kullanabilirsiniz. "src" kısmı resmin bulunduğu yol, "border" çerçeve kalınlığı, "height" resmin boyu, "width" resmin eni, "alt" resme gelince çıkacak metin ve "align" ise resmi hizalamak için kullanılır. "border" sayıdır, "align" ise "absmiddle, right, left" gibi değerler alır. Bu kod örnek olarak "<img src="images/logo.gif" width="468" height="60" border="0" alt="Pckoruma Logo" algin="absmiddle">" şeklinde kullanılabilir.
- "<font color="" style="">" komutu ile yazınızın sitilini belirleyebilirsiniz. "<font>" şeklinde kullanırsınız. Komut satırı sonuna ise "</font>" yazmanız gerekmektedir. Asp dilinde açılan her tag kapatılmalıdır. "color" ile karşınıza çıkan listeden renk seçebilir veya renk kodlarını biliyorsanız (Örnek : #000000 -> siyah) kendiniz de yazabilirsiniz. Css bilgisi olanlar "style" özelliğini rahatlıkla kullanacaklardır. Her bir özellik sonunda ek özellik ekleyecek iseniz ";" kullanmalısınız. Mesela font büyüklüğünü belirledikten sonra ";" yazıp sonra font türünü belirlersiniz. Bu kod örnek olarak "<font color="#000000" style="font-family:Arial; font-size:9px">Metin</font>" şeklinde kullanabilirsiniz.
Merhaba arkadaşlar,
Önceki yazımda bir yazıyı nasıl renklendireceğimizi anlattım. Şimdi ise LaTeX'de nasıl resim ekleyeceğimizi anlatıyorum. Ve yazımızın sonunda ortalanmış bir resim altına da farklı renklerle yazılmış Eskisehir Osmangazi Universitesi yazalım.
Paketi Ekleme
LaTeX'de resim ekleme işlemleri için bir paket eklemeniz gerekiyor. documentclass'dan hemen sonra aşağıdaki satırı ekleyin:
usepackage[pdftex]{graphicx}
Bu sınıf sayesinde resim ekleyebileceksiniz.
Resim Ekleme
Resim eklemek için aşağıdaki kodu kullanıyoruz:
includegraphics{resim}
{resim} kısmına resim adını yazıyoruz.
Şimdi hemen bir örnek yapalım. Öncelikle şu resmi indirin. Daha sonra bu resmi LaTeX dosyanızı kaydedeceğiniz klasörün içine atın. Şimdi yeni oluşturduğunuz tex dosyasının içine aşağıdaki kodu ekleyin:
documentclass{article}
usepackage[pdftex]{graphicx}
begin{document}
begin{center}
includegraphics{ogu.jpg}
end{center}
end{document}
Şimdi sayfanızı ogu.jpg dosyasıyla aynı klasör olmak şartı ile kaydedin. Sonra PDF olarak görüntüleyin. PDF çıktısı aşağıdaki gibi olacaktır:
Şimdi de bu yazının altına renkli halde Eskisehir Osmangazi Universitesi yazalım. Daha önceki yazımızda(LaTeX'de Yazıyı Renklendirme) yazıyı nasıl renklendireceğinizi anlatmıştım. Renkleri siz kendinize göre düzenlersiniz:
documentclass{article}
usepackage{color}
usepackage[pdftex]{graphicx}
begin{document}
definecolor{renkbir}{RGB}{255,222,111}
definecolor{renkiki}{RGB}{0,222,111}
definecolor{renkuc}{RGB}{140,80,255}
begin{center}
includegraphics{ogu.jpg}
textcolor{renkbir}{Eskisehir} textcolor{renkiki}{Osmangazi} textcolor{renkuc}{Universitesi}
end{center}
end{document}
Bu kodu derlediğiniz zaman PDF çıktısı aşağıdaki gibi olacaktır:
Eskisehir Osmangazi Universitesi
Bu da bizim tam olarak istediğimiz olaydır. Umarım açıklayıcıdır arkadaşlar. Takıldığınız yerleri forumdan veya yorum olarak aşağıdaki formdan sorabilirsiniz. Hepinize kolay gelsin,
Güncel Programlama Makaleleri by TR Kodlama © 2009 is licensed under a Creative Commons Alıntı-TicariOlmayan 3.0 Unported License.
