CSS Buton Yapımı Ve CSS İle Resmi Ovalleştirme

Merhabalar, önceki html site yapımı konulu ders serisinde standart HTML ve CSS kodlarını kullanarak basit bir web sitesi yapmıştık. Bu dersimizde ise CSS bilgisini biraz daha ilerletmek amacıyla CSS Buton Yapımı nasıl olur ve siteye eklediğimiz fotoğrafların kenarlarını nasıl ovalleştirebileceğimizi göstereceğim. Bu konuları öğrendikten sonra ise bir sonraki dersimiz HTML Üye Kayıt Sayfası nasıl yapılır onu öğreneceğiz.   Resmi oval yapma ile başlayalım;   Komutumuz: border-radius: 10%; Stil satırları arasına ekleyeceğimiz bu komut ile yüzde değerini belirlediğimiz ölçüde resmin kenarlarını yuvarlayabiliyoruz. Şimdi bunu bir class’a atayarak örnek kodumuzu yazalım. ovalyap1 ve ovalyap2 adında 2 adet class oluşturarak %10 ve %50

Devamını Oku

Html Dersleri 9 – Sayfa oluşturma ve link verme

Html sayfa oluşturma ve link verme Merhaba arkadaşlar, Html site yapımı dersimizde html sayfa oluşturma ve html sayfalara link verme işlemlerini anlattım. Daha önceki derslerde oluşturduğumuz basit html sayfasını geliştirmeye devam ederek menüde var olan diğer sayfaları da oluşturarak tıklandığında o sayfalara nasıl ulaşabiliriz, link verilen yazılarda css ile nasıl düzenleyebiliriz gibi sorulara yanıt bulabileceğiniz bir ders videosu daha çektim. “Html dersleri” 9 kodlarının browserde görünümü için tıklayın

Devamını Oku

html dersleri 4 – menü yapımı

Merhaba arkadaşlar, uzun süredir yeni yazı yazmamıştım ama yorumlar gelince  yeniden yazmaya başlamayı düşünüyorum. daha önceki html konularında bazı fonksiyonları göstermiştim ilk 3 dersi inceleyerek bunları görebilirsiniz 4. dersimizde ise örnek olarak html menü‘nün nasıl yapılacağını göstereceğim. Yalnızca html kullanacağım için biraz basit olacak ancak bu yazı html dersi olduğu için html imkanlarını kullanacağız. Notlar; width   = Genişlik height  = Yükseklik background = Arka plan <table>  = Tablo oluştur <tr>         = Tabloda satır oluştur <td>        = Tabloda sütun oluştur <input>  = nesne oluştur [php] <html> <head> <title>Html Dersleri 4</title> </head> <body> <table align="center" width="800" height="40" background="menu.png"> <tr> <td> Ana sayfa

Devamını Oku

html ile web site yapımı 3

Html Site Kodları ile web site yapımı konumuza devam ediyoruz Bir önceki yazımıza html site yapımı 2  isimli konuya bakabilirsiniz. Bu konumuzda direk kodları vericem fazla açıklama yapmadan sizlerde kullanabilirsiniz biraz kurcalayarak tabi önceki yazılarımı okumayı unutmayın. <p></p>   = Paragraf tagı ( istediğiniz tagları bir arada tutmaya yarar ) <lu></lu> = Maddeleştirme <li></li>  = listeleme <a></a>   = Link Vermeye Yarar <center>   = Hizalamayı Ortalar align=”left”     = Hizalamayı Sol yapar align=”right”  = Hizalamayı sağ yapar <img/>  = Resim eklemenize yarar <br/>     = Alt Satıra Geçirir <hr>       = Yatay çizgi çekmek [php] <html> <head> <title>Html Dersleri 3</title> </head> <body> <center><b>Html Site

Devamını Oku

html ile web site yapımı 2

Bir önceki yazımızda html site yapımı hakkında bilgiler vermiştik bu yazımızda ise html site kodları na giriş yapıcaz ve temel kodları incelicez böylelikle html ile site yapımı hakkında bilginiz olmuş olacak. Fazla uzatmadan kodlara geçiyorum önceki yazımızı okumayanlar mutlaka okusunlar aynı şeyleri anlatmadan direk açıklamaya geçiyorum. Şuan için sizin kullanabileceğiniz işinize yarayacak  fonksiyonları kullanmayı göstericem. Peki nedir bunlar ? ( <title>,<b>,<i>,<u>,<font> ) fonksiyonlarıyla basit bir sayfa hazırlicaz. html site yapımı 1. yazımızdada belirttiğimiz ana şablonu oluşturalım. [sourcecode language=”plain”] <html> <head></head> <body></body> </html> [/sourcecode] <title> = sayfanın başlığını bu özellik ile belirteceğimiz için yani bunun sayfa içeriğiyle ilgisi olmaması nedeniyle bunu

Devamını Oku

html ile web site yapımı 1

Daha önceki yazımızda html site yapımı konusunda bilgiler vermiştik o yazımıza buraya tıklayarak ulaşabilirsiniz. Bu yazımızda ise html kodlarıyla site yapımı hakkında bilgi vericem. Her yazılımda başlangıç ve bitiş fonksiyonları vardır buradaki amaç tarayıcılara bu sayfayı hangi dille okuyacağını belirtmektir. html in başlangıç ve bitiş tagları şu şekildedir. <html> </html> Gördüğünüz üzere / işareti html de bitirmek anlamına gelir ve html de hemen hemen her fonksiyon bu işaretle bitirilir. Şimdi sizlerle html in kemik yapısını yani ana şablonunu oluşturalım. [sourcecode language=”plain”] <html> <head></head> <body></body> </html> [/sourcecode] Evet tüm web siteleri bu ana şablon üzerine kuruludur dikkat ederseniz en son açılan

Devamını Oku