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


<html>
<head>
<title>Html Dersleri 4</title>
</head>
<body>

<table align="center" width="800" height="40" background="menu.png">
<tr>

<td>
Ana sayfa
</td>

<td>
Menu 2
</td>

<td>
Menu 3
</td>

<td>
İletişim
</td>

<td align="right">
<input type="text"> <input type="submit" value="Ara">
</td>

</tr>
</table>

</body>
</html>

Gördüğünüz üzere bir tablo oluşturup arkaplanına mavi tonlu bir png resmi atıp içerisinde sütunlar oluşturarak menu elemanlarını oluşturduk ve en son da ise bir arama nesnesi ile buton nesnesi oluşturup bu sütunu sağ tarafa kaydırdık böylelikle html menü örneğimizi tamamlamış olduk. bu menulere link vererek o menüye tıklandığında hangi sayfaya gitmesini istiyorsak oraya yönlendirme işlemini de yapabiliriz link örneğini önceki yazımda zaten göstermiştim.

Kodların Browserde Nasıl Görüntüğüne Bakmak İçin Tıklayın
İlgi gördüğü sürece yazılara devam etmeyi düşünüyorum takıldığınız yerleri yorum bölümünden sorabilirsiniz.

21 Şubat 2015 Saat : 4:20
admin
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

<html>
<head>
<title>Html Dersleri 3</title>
</head>
<body>

<center><b>Html Site Yapımı 3 | Kodların Browser'den Görünümü</b></center>
<p align="left">
Evet Arkadaşlar Html Site Yapımı 3 konumuzun örnek kodlarının browserde
(site üzerinde) görünümünü buradan görüyoruz.<br/> Konuda Verdiğim kodları
bu dosyada kullanıyorum.Html öğrenmek istiyorsanız yapacaklarınız
<ul>
<li>1.) Sabırlı ve azimli olmalısınız.</li>
<li>2.) Kendi kendinize örnekler yaparak pratikte geliştirin</li>
<li>3.) Derslerimi Takip Edin icon smile html ile web site yapımı 3  </li>
</ul>
<hr/>
Dersleri takip etmek için
<a href="http://www.esatalyamac.com.tr/html-ile-web-site-yapimi-3/">Html Dersleri</a>
yazan yere tıklayın. Gördüğünüz gibi link verme işinide hallettik.
Şimdi resim ekleyelim.<br/> <img src="resimadi.jpg"/> Resimde Tamamdır Şimdide
Sağ Alta İmza Atarak Bitiriyorum. Birkaç satır aşşağı indirelim
</p>
<br/><br/><br/><p align="right"><b>Esat Alyamaç</b></p>

</body>
</html>

Kodların Browserde Nasıl Görüntüğüne Bakmak İçin Tıklayın

28 Ekim 2013 Saat : 10:24
admin
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.

<html>
<head></head>
<body></body>
</html>

<title> = sayfanın başlığını bu özellik ile belirteceğimiz
için yani bunun sayfa içeriğiyle ilgisi olmaması nedeniyle bunu <head>
tagı içerisine yazmamız gerekiyor. diğerleri ise sayfa içeriği yani
sitede gözükecek şeyler olduğundan <body> tagları içerisine gelecek.

<html>

<head>
<title>Buraya Sayfa Başlığını Yazıyoruz</title>
</head>

<body>
Buraya ise sayfa içerisinde görünmesini istediğimiz yazı geliyor
yani şuan yazdığım bu yazı site açıldığında gözükecektir.Önemli
yerleri kalın yazmak istiyorsak "b" fonksiyonunu kullanmamız
gerekecek.
<b>Bu tagın içine yazığım herşey kalın olacaktır</b> tagı
kapattım artık normale döndü.

<i>şimdide italik oldu</i> ve tag kapandığı için düzeldi.

Şimdi ise hem kalın hemde italik yapmayı deneyelim
<b><i>işte oldu. ilk yazımızdada belirttiğimiz gibi en
son açılan tag en önce kapanır bizde bu özelliği öyle kapatıcaz 
önce italik sonra kalındır tagı kapatılması gerekir.</i></b> 
evet sorunsuz düzeldi.

<font color="ff0000"> Yazı rengini kırmızı yaptık buradaki 
kırmızı renk kodundan gelmektedir yani ff0000 değilde 000000 
yapsaydık yazı siyah ffffff yapsaydık yazı beyaz olurdu.şimdi 
kırmızı fonksiyonunu kapatana dek kırmızı yazmaya devam 
edecektir.eğer en başa bu fonksiyonu yazsak ve en son kapatsak 
tüm yazılar kırmızı olurdu
</font>

kapatma fonksiyonu ile yazı normale döndü.
</body>

</html>

evet gördüğünüz gibi fonksiyonlar başlangıç tagının sadece
önüne / işareti konmuş haliyle kapatılıyor bu şekilde kafanıza
göre örnek şeyleri html ile kodlayarak daha iyi kavrayabilirsiniz mantığını.

Dosyanın tarayıcıdaki halini görmek için Tıklayın

Bir sonraki yazımda html kodları ile yapılmış daha gelişmiş bir
örneği direkt olarak paylaşıcam artık birşeyleri kavradığınızı
düşünüyorum kendiniz kurcalayarak anlarsınız.

21 Ekim 2013 Saat : 1:58
admin
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.

<html>
<head></head>
<body></body>
</html>

Evet tüm web siteleri bu ana şablon üzerine kuruludur dikkat ederseniz en son açılan tag en önce bitirilir.

Peki head ve body ne işe yarıyor ?

<head> </head> tagları arasına genellikle dosya dışından siteye entegre edeceğimiz stil ve js dosyaları için kullanılır ve site başlığı gibi ayarlar bu kısımdan verilir. Bu alana site içeriği girilmez

<body> </body> tagları ise site içerisinde görünmesini istediğiniz herşeyin kodlarını yani site içeriğini buradan belirlersiniz.

Bir sonraki yazımda html ile web site yapımı kodları hakkında örnekler vererek açıklıcam.Örnek web sitesi kodları yazarak html’in mantığını kavramanıza yardımcı olacak olan Html Site Kodları Yazımızı Okuyun

20 Ekim 2013 Saat : 8:47
admin
devamını oku

web sitesi kurmak için gerekenler

Bir Önceki Yazımızda Html Site Yapımı Konusunda Bilgiler Verdik. Html’in yetersiz kalacağını ve gerçek yazılım dillerine ihtiyaç duyulduğunu söyledik. Bu konumuzda ise detaylara giriyorum.

Web sitesi yapmak için gerekenler nelerdir ?

Gerçek bir yazılım dili yani asp veya php gibi bir yazılım dili öğrenmeniz gerekecek ki bana sorarsanız birçok yerde inatla asp & asp.net öğretilmesine karşın php tek geçerim icon smile web sitesi kurmak için gerekenler

Web sitesi kurmak için gerekenler sadece bu kadar mı ?

Evet normal bir site kurmak için html ve bir yazılım dili bilmeniz kafidir tabi tasarımınız var ise, yoksa tasarım bambaşka bir derttir yazılımcılar için.Yani ya tasarım/css işinide öğreneceksiniz yada bir ortağınız olacak.

Peki gelişmiş bir web sitelesi kurmak istersem ?

O vakit işler değişir sadece html ve bir yazılım dili yetmez. Sitenizi zenginleştirmek için çok gelişmiş güzel diller iyice popüler olmaya başladı artık hemen hemen her normal üstü siteye bunlardan biraz serpiştiriliyor. Bunlar nelerdir derseniz jquery, ajax , flash , javascript , html5 gibi dillerdir. Bu diller flash hariç bir web sitesi kurmak için değilde var olan bir yazılım ile birleşerek mesela php ile birleşerek siteyi zenginleştirecek türden şeylerdir.

Örnek verecek olursak facebook php dilini kullanmıştır. Ancak sadece php ile yazılmış olsaydı inanın kullanımı çok zor olurdu. php dilini ajax/jquery gibi diller ile destekleyerek birçok insanın farketmediği birçok kolaylık sağlamıştır bizlere.

Konuyu toparlamak gerekirse normal bir web sitesi kurmak için gerekenler html ve php‘dir. Ancak sitede birçok kolaylık ve şıklık kazandırmak istiyorsanız üstte saydığım diğer dillerinde yardımına ihtiyacınız olacaktır.

16 Ekim 2013 Saat : 8:04
admin
devamını oku

Web Sitesi Yapmak İçin Html Yeterli midir ?

HTML SİTE YAPIMI VE KODLARI HAKKINDAKİ YAZIMIZI OKUMAK İÇİN HTML SİTE YAPIMI SAYFAMIZA BAKINIZ.

 

Web Sitesi Yapmak İçin Html Yeterli midir ?

Merhaba, web site işine merak salmış birkaç ufak şey öğrenmiş çoğu insan web sitelerini statik olarak düşünür. Yani hemen hemen herkes bu işe html öğrenerek başlar ki bende öyle başladım lakin sadece html ile site yapılmayacağını kısa sürede farkettim çünkü site her saniye değişebilen dinamik birşeydir oysa html de herşeyi sen dosyaya yazarsın bunu basit olarak şöyle düşünelim bir haber sitesi yaptın ve her haber ekleyeceğin zaman index dosyasını editör yardımı ile açıp haberini html kodlar ile ekleyip tekrar sunucuya atman gerekecek. Ben uğraşırım sıkıntı yok derseniz eyvallah html ile yapabilirsiniz ancak site sahibi olmak için satın alan insanlar bunu yapamazlar zaten yapabilseler size ihtiyaçları kalmaz öyle değilmi ? Bu sebeple html için pekte yazılım dili denemez daha çok yardımcı bir dil görevi görür ve sitede tasarım açısından kullanılır yani cevabımız hayır olacaktır html tek başına yeterli değildir. Lakin birkaç insan ile tanıştım ısrarla şu hazır html site yapan programlar aracılığıyla site yaptıklarını iddia ediyorlar.

Bir sonraki yazımda sizlere web sitesi kurmak için neleri bilmek gerektiğini anlatıcam.

 

14 Ekim 2013 Saat : 1:56
admin
devamını oku

7 Ekim Pazartesi Reytingleri Ve Fatih Dizisi

Merhabalar, Dizilerin fazlasıyla önem kazandığı ve rekabetin arttığı şu günlerde yeni bir dizi daha bu reyting rekabetine dahil oldu. Aslında birden çok dizi katıldı bu sezon çok bereketli anlaşılan birsürü yeni dizi başladı ancak benim dikkatimi çeken Kanald’de yayınlanan Fatih Sultan Mehmet Han‘ın hayatını anlatacak olan Fatih Dizisi oldu.

Malumunuz Muhteşem Yüzyıl sayesinde herkes osmanlıyı haremden ibaret bildi ( benim görüşümdür ) ama Fatih, hernekadar tam yansıtmasada diğer diziye göre kat kat daha doğru yansıtmakta.Tabi şu haremdeki dekolte olayını ortadan kaldırması şart zira bırak dekolteyi yüzlerine kadar kapalıydı oradaki kadınlar.

Umarım Hak Ettiği Yeri Alırda Yapımcıları Bu Konuya Çekip Daha Doğru Birçok Osmanlı Dizisinin Çıkmasına Vesile Olur.

Neyse lafı fazla uzatmadan Fatih’in reytinglerine geçelim;

7 ekim reytingleri

 

20:00 – 20:15 SBT Reytingleri
1) STAR: 6.04
2) FOX: 4.92
3) SMNYL TV: 4.8
4) ATV: 3.03
5) KANALD: 2.36

 

20:15 – 20:30 SBT Reytingleri
1) STAR: 6.9
2) SMNYL TV: 5.29
3) ATV: 4.29
4) FOX: 3.22
5) KANALD: 2.98

 

20:30 – 20:45 SBT Reytingleri
1) ATV: 5.88
2) SMNYL TV: 5.62
3) STAR: 4.57
4) FOX: 4.17
5) KANALD: 3.59

 

20:45 – 21:00 SBT Reytingleri
1) STAR: 9.74
2) ATV: 4.45
3) KANALD: 4.2
4) TRT1: 3.84
5) SMNYL TV: 3.47

 

21:00 – 21:15 SBT Reytingleri
1) STAR: 10.91
2) ATV: 8.08
3) KANALD: 3.59
4) TRT1: 3.38
5) FOX: 2.65

 

21:15 – 21:30 SBT Reytingleri
1) STAR: 12.42
2) ATV: 7.55
3) KANALD: 2.95
4) KANAL7: 2.6
5) SHOW: 2.14

6 Ekim 2013 Saat : 7:33
admin
devamını oku

Facebook Kendine Kullanıcı Bilgilerini Paylaşma Yetkisi Verdi

İnsanlara facebook’un çok tehlikeli bir sistem olduğunu bir türlü anlatamadım. Her hareketi her adımı düşünerek yapmalıyız her bilgiyi vermememiz gerekir.

Facebook, Hak ve Sorumluluklar Bildirimi’nde değişiklik yaparak, üyelerinin sosyal ağdaki bilgilerini kullanabilmek adına kendisine yeni yetkiler verdi.

Facebook, bundan böyle kullanıcıların bilgilerini sunduğu hizmetleri denemek ve geliştirmek bahanesi ile üçüncü kişilerle paylaşabilecek.Geçmişte de sıkça gizlilik konusunda tartışma konusu olan facebook, yeni bir tartışmayı daha başlatacak anlaşılan.

Bu değişiklik ile, Facebook’un tüm bilgilerinizi kullanmasına izin verecek. Facebook’tan yapılan açıklamada, üçüncü şahısların da bilgilerinize erişebileceği şu sözler ile açık bir dille ifade edildi:

“Sosyal medya ağı üzerinde paylaşılan kamu bilgisine veya hizmet sağlayıcıların bilgilere erişim sağlamasına izin verebiliriz. Böylece, bizlere hizmet sunabilirler.”

PROFİL FOTOĞRAFLARINIZ YÜZ TANIMA TEKNOLOJİSİNDE KULLANILACAK !
Facebook, profil fotoğrafınızı ‘yüz tanına teknolojisi için kullanabilir.Söz konusu teknolojinin, fotoğraflarda insanları etiketlemenin ötesinde başka amaçlar için kullanılabileceği öne sürülüyor. Ayrıca yüz tanımanın profil fotoğraflarını kapsamaya başlaması halinde, etiketlenmemiş insanların bile tanınabileceğini ortada.

Facebook yetkilileri, yüz tanına teknolojisinin sadece fotoğraf etiketleriyle sınırlı kalacağı konusunda söz veremeyeceğini belirtirken, bu konudaki gelişmelerden kullanıcıları haberdar edeceklerini söyledi.

Bu gelişmenin ardından Facebook kullanıcılarına gizlilik ayarlarını birkez daha gözden geçirmelerini öneriyorum. Açıkça ortadadır ki facebook sanıldığı kadar masum değildir. kanunlar çerçevesinde bunu yapabilen gizli kapaklı neler neler yapar tahmin dahi edemezsiniz.

5 Ekim 2013 Saat : 5:30
admin
devamını oku

Web Sitesinin Önemi ?

Önceki yazılarımda E-Ticaretin önemi ve E-Ticaretin zorlukları konusuna değindim. Peki ya e-ticaret değilde normal Web Sitesi önemsiz mi ? tabikide hayır.

 

Web Sitesinin Önemi Nedir ?

Günümüz çağında internet kullanımı bir hayli arttı ve bu beraberinde bir iş yerinin web sitesinin önemi‘ni arttırdı çünki web sitesi olan bir iş yeri, web sitesi olmayan bir iş yerine göre en az 1-0 önde başlar. Bunun sebebide insanların internetten araştırma isteğidir. şöyle düşünün müşteri 2 firma (işyeri,şirket vs.) buldu bunları internetten aratır ve eğer birinin web sitesi yok diğerinin var ise o çok daha cazip gelecektir işin daha profosyonelce olduğunu, bu firmanın işe daha fazla önem verdiğini düşünecektir.

Web Sitesi sahibi olmanın bir diğer avantajı ise insanlara kendinizi çok daha iyi tanıtabilmenizdir.İş ile ilgili bilgi almak isteyen her bir müşteri için telefonda 5 ile 10 dakika konuşarak anlatmaktansa web sitesi ile siz hiç uğraşmadan bu işi profosyonelce yapabilirsiniz ve müşteri web sitesini inceledikten sonra kafasında soru işaretleri kalmaz.

 

Web Sitesi Maddi Yarar Sağlar mı ?

Hep manevi yararlardan bahsettik. Peki web sitesi para kazandırırmı ?

doğru şekilde yapıldıktan sonra neden olmasın ki. Sadece E-Ticaret ile değil normal web sitesi ile para kazanmak ta mümkün. Şöyle düşünelim mesela siz bir hizmet veriyorsunuz ve bir müşteride hizmet almak istiyor ama size nasıl ulaşabilir ki ? tabikide internet sayesinde. internet sitenizin olması durumunda doğru hamleler ile istediğiniz kadar müşteriye ulaşabilir, birçok kişiye hizmet verebilirsiniz böylelikle müşteri portföyünüzü çoğaltarak daha sonraki aşamalarda da hizmet verir ve böylelikle maddi bir kaynak daha elde etmiş olursunuz. Artık Web Sitesinin Önemi‘ni anladığınızı düşünüyorum.Tabi tüm bunları doğru bir kişiye doğru bir şekilde yaptırır iseniz sorun yaşamazsınız çoğu insan web sitesi konularından anlamadığı için kandırılabiliniyor bu konuda dikkatli olunuz yoksa yaptıracağınız web sitesinin önemi kalmaz.

Selametle…

4 Ekim 2013 Saat : 2:09
admin
devamını oku

E-Ticaretin Zorlukları

Web Sitelerinin Önemi Ve E-Ticaret Sitelerinin Zorlukları Nelerdir ?

Bir önceki yazımda E-Ticaretin önemi konusuna değinmiştim ve e-ticaret karlı bir iştir fakat zordur demiştim. Bu yazımda ise e-ticaretin zorlukları konusuna değineceğim.

 

E-Ticaret’in Gücünü Göremediğimiz Dönemler

Yaklaşık 5-6 yıl önce e-ticaret böylesine gelişmiş bir noktada değilken şimdi herkesin uğraştığı bir hal aldı. Yani 7-8 yıl önce bu işe girenler parayı vurdular tabi o zamanlar kimsenin umrunda olmazdı internet dolayısıyla rakip yok denecek kadar az olunca köşeyi dönmemek kaçınılmaz. Şöyle düşünebilirsiniz mesela siz elbise mağazası işletiyorsunuz ve istanbul’da sadece 2 tane var elbise mağazası ne olur ? hayali bile müthiş birşey değilmi şehrin en az yarısı size geliyor paraya para demezsiniz işte o dönemin e-ticaretide böyle müthiş bir durumdaydı çünki kimse önemsemiyordu sanal ortamı, bilmiyordu deli paralar döndüğünü.

 

Günümüzde E-Ticaret’in Durumu

Yakın zaman önce insanlar artık uyandı ancak geç kaldı çünki birçok alanda e-ticaret çalışmaları yapılmış, ilerletilmiş ve internet siteleri markalaştırılmıştı.

Olumsuz bir tarafıda herkesin aynı zamanda uyanmış olmasıdır çünki herkes aynı anda bu işe girince çoğunluğu büyük hüsran yaşadı. Artık markalaşmış sitelerle yarışmaya çalışan yüzlerce e-ticaret sitesi vardı ve neredeyse tamamı çöp halindeydi çünki markalaşmak eskisi gibi kolay olmayacaktı.

 

Ne Yapalım Peki Artık Geçti Deyip Uzakmı Duralım ?

Aslında birşeyin geçtiği yok ben sadece eskisi gibi kolay olmadığını belirttim imkansız demedim. Markalaşmış sitelerin rahat dönemde çok ucuza kapattığı bu dönem sizlere pahalıya patlayacaktır. Yani orta ölçekli bir işletmenin kaldırabileceği yük değildir artık e-ticaret heleki tekstil,ayakkabı,çanta vb. alanlarda ise çok fazla bütçe gerekecektir.

Tabi siz markalaşma değilde küçük çaplı veya kendi özel ürünlerinizi satmak isterseniz tüm okuduklarınızı yok sayabilirsiniz.

 

E-Ticaret İçin Bütçem Yeteri Kadar Var, Bu Yeterli midir ?

Tabikide hayır sadece bütçe ayırma ile bitecek bir iş değildir. Aynı zamanda işin altından kalkabilecek elemanlar bulmanız gerekecektir. İnternet Dünyasında aldatmaca bi hayli fazladır yazılım,seo vb. alanlarda aslında işten pek anlamayan ama siz de hiç anlamadığınız için sizi rahatlıkla kandırabilecek insanlar oldukça fazladır bunlar ile çalışmanızın sonucu gene hüsran olacaktır.

Çevrenizde güvenebileceğiniz sizi kandırmayacağına inandığınız insanlar ile yapmanız çok daha iyi olacaktır sizin açınızdan.

Yani uzun lafın kısası eğer yüksek bütçeniz yok ise ve bu işi başarıyla yapabilecek birilerini bulamayacaksanız hiç girmeyin derim. Ben az bütçeyle yapabilecek birilerini buldum, ben ucuza kapatırım bu işi die düşünenler için söylüyorum pirinç almaya giderken evdeki bulgurdan olursunuz. En güzeli işin hakkını vererek işin ehli insanlara bu işi yaptırmaktır.

3 Ekim 2013 Saat : 5:09
admin
devamını oku
jquery kodları Son Yazılar