Html-Üye Girişi

HTML KODLARI-TEMEL DÜZEY-Üye Girişi 

Birçok sitede üye girişini görmüşsünüzdür. Üye girişlerinde, üye bilgileri girildiğinde bilgiler veri tabanından çağrılır. Örneğin çok sık kullandığımız facebook sosyal ağı buna bir örnektir. Herkesin kullanıcı bilgileri birbiri ile aynı değil. Bilgilerimizi girdiğimizde facebook bizim bilgilerimize göre sayfamızı veri tabanından çağırır. Bu şekilde çok fazla kişi farklı bilgilerle girse bile herkesin sayfası farklı olarak karşımıza gelir. 
Şuan anlatacağım bu kadar karmaşık ve ileri düzey olmayacak. Temel niteliğinde basit bir şekilde anlatmaya çalışacağım.
Önceki yazılarımdan farklı olarak bu kısımda <form> tagını kullanacağız. Öncelikle bu kısımda kullanacağımız tagları tanıyalım.
<form> =  HTML formu oluşturmak için kullanılır.
<input> =  Veri girebilmek için kullanılan kod'dur.
</br> = Bulunduğumuz satırdan bir satır aşağı geçmek için kullanılır.
<select> = Açılır liste oluşturmak için kullanılır.
Hadi başlayalım.
Basit bir kodla form
"action" girişe bastığımızda bizi yönlendireceği sayfanın ismini girdiğimiz kısımdır. 
Kullanıcı girişinin ekran görüntüsü
Kodların tarayıcı halindeki şekli bu biçimde gözükmekte. Aşağıdaki resim girişe tıklandıktan sonraki hali. Girişe tıkladığımızda aşağıdaki gibi action="giris.html" kodundaki giris.html adresine yönlendirdi. 




Kullanıcı girişinin ekran görüntüsü

Form Yapma

Bu kısımdaki kodları üst kısımdaki anlattığım kodlarla beraber kullanacağım. Aslında bu kısımda kısa bir form oluşturacağız. 
Form'un kod kısmı
"radio" tekli seçim yapmamızı sağlar. Yani seçeneklerden sadece birini işaretleyebiliriz. "checkbox" çoklu seçim yapmak için kullanılır. Birden fazla seçeneği işaretleyebiliriz."select" açılır list yapmak için kullanırız. Tarayıcı halindeki görünümü de aşağıdaki gibi.
Formun son ekran görüntüsü

Html-Liste Oluşturma

HTML KODLARI- TEMEL DÜZEY- Liste Oluşturma

Hayatımızın bir çok yerinde listeleme yapıyoruz. Bunu kodlarla neden yapmayalım değil mi ? Html kodlarımızı not defteri üzerinde yaptığımızı önceki paylaşımlardan biliyoruz. Not defterini açtıktan sonra belirli kodları kullandığımızda listeleme yapabiliriz. Gelin şimdi bu kodlara bir göz atalım.
Listeleme yaparken iki tip liste biçimini kullanıyoruz. Birinci sıralı liste ikincisi ise sırasız liste. 


Sıralı liste için  <ol>  </ol> tagını ( etiketini) kullanıyoruz. Sırasız liste için ise <ul>  </ul> tagını kullanıyoruz. Bu tagları yazdıktan sonra listelemeyi yapacak tagımızı yazmaya geliyor. Bu  <li> </li> tagıdır. <ol> ya da <ul> tagları nasıl bir liste yapacağımızı belirlemek içindir. <li> tagı iste neyi listeleyeceğimizi yazmak için kullandığımız tagdır. İki tagımızına kullanımını basitçe bir kodla örnekleyelim.


Listelemenin Kod Formatı
Bu not defterinde bulunan kod kısmı. Şimdide tarayıcı formatında nasıl göründüğüne bakalım.
Sırasız listenin ekran görüntüsü

Bu sırasız liste örneğiydi. Sıralı liste içinde bir örnek verelim.
Sıralı listenin kod bölümü
Bakın burda önceki kodda kullandığım <ul> tagının yerine <ol> yazdım. Farkı şu <ol> kullandığımızda 1),2) şeklinde sıralıyor. Aşağıdaki ekran görüntüsünde olduğu gibi.
Sıralı listenin ekran görüntüsü


Html-Giriş

HTML'YE GİRİŞ

Html Nedir?























Html web sayfaları hazırlamak için kullanılan bir işaretleme dilidir. Not defteri üzerinde yazdığımız kodları; Internet Explorer, Firefox, Chrome v.b. üzerinde görüntülenecek web sayfası formatına dönüştürür.
Html bir programlama dili değildir.
Html ile web sayfası hazırlamak için bilgisayarınıza herhangi bir program yüklemenize gerek yoktur. Herhangi bir metin editörü (not defteri, word, wordpad gibi) html sayfaları oluşturmak için yeterlidir.Hazırlamış olduğunuz web sayfalarını kaydederken html, htm, xhtml gibi tarayıcıların anlayabileceği bir uzantı ile kaydetmeniz gerekir.<html>,<head>,<body> gibi büyüktür (<…>) içerisine yazılan kodlara etiket (tag) adı verilir.
Gelin not defterinde basit bir kod yazalım,






Not defterini kaydederken dosya adı kısmına adı yazdıktan sonra sonuna .html yazıyoruz ( deneme.html ).Kodu kaydettikten sonra internet logosu şeklini alan dosyamızı açıyoruz ve görüntü aşağıdaki gibi oluyor:




Html kodlarını yazarken açmış olduğumuz her etiketi mutlaka kapatmalıyız.Aksi halde kodlarımız çalışmaz. Açılan etiketi </...> şeklinde kapatıyoruz (</html>). Taglar büyük veya küçük harfle yazılabilir.Lakin genel olarak küçük harfle yazılır.

Html Etiketleri

Html= Html diliyle kodlama yapılacağını belirtir.
Head= Hazırladığımız sayfa ile ilgili bilgiler ve tanımlamaların yer aldığı bloktur. Bu kısımdaki kodlar web sayfasında görüntülenmezler.
Title= Web sayfasının başlığı anlamına gelmektedir.
Body= Sayfanın tüm içeriğinin yer aldığı bölümdür. Arka planı değiştirmek gibi bir çok kısımda kodları bu kod içine yazarız.
p= Bu tag paragraf oluşturmak için kullanılır.
h1= Konu başlığı kısmıdır. h6 ya kadar yazılabilir. 
En basit anlamda ki taglar bunlardır. Diğer tagları diğer yazılarımda ya da videolarım da bulabilirsiniz.

Algoritma

ALGORİTMA

Algoritma nedir?

Bir sorunun çözümü için izlenecek yol demektir. Bu sorunun çözümünün adım adım yazılmasıyla algoritma oluşturulur.Bir başlangıcı ve sonu vardır. Alt alta basamaklar şeklinde yazılır. Yazılırken emir kipi kullanılır.

Algoritma da 3 temel bileşen;
1. Değişkenler: Dışarıdan girilen ve bizim oluşturduğumuz değerleri tutan elemanlardır.
2. Algoritma:  Gerekli adımların mantıksal bir sıra ile yazılmasıdır.
3. Akış Diyagramı: Oklarla şemaları birbirine bağlayan kutulara denir.


Tüm algoritma aşağıdaki kriterleri sağlamak durumundadır.
1. Girdi : Sıfır veya daha fazla değer dışarıdan verilmeli.
2. Çıktı : En azından bir değer üretilmeli.
3. Açıklık : Her işlem (komut) açık olmalı ve farklı anlamlar içermemeli.
4. Sonluluk : Her türlü olasılık için algoritma sonlu adımda bitmeli.
5. Etkinlik : Her komut kişinin kalem ve kağıt ile yürütebileceği kadar basit olmalıdır.

















Not: Bir program için 4. özellik geçerli değil. işletim sistemleri gibi program sonsuza dek çalışırlar .
Not: Algoritma bir programlama dili değildir.  (Programlama dillerine yol gösteren bir yöntem dizisidir.)

Algoritmada Şekillerin Anlamı

Algoritma Nasıl Oluşturulur?

Öncelikle algoritmanın kullanıldığı bir yere örnek verelim. Örneğin bir cep telefonunun el kitapçığında yazan, rehber kaydı girmek için izlenecek yollar, o işin algoritması'dır. Üstelik günlük hayatımızda o gün içersin de ne yapacağımızı zihnimizde oluşturmak ve bunu bir kağıda dökmek de algoritma'dır.
Şimdide algoritmanın kağıt üzerinde nasıl oluşturulacağına bakalım. Bu kısmı örnekler üzerinde görelim.
1) Örneğin markete gidip muz ve elma alacak bir insan kafasında şöyle bir algoritma kurar;
A1. Dışarı Çık
A2. Markete git ve içeri gir
A3. Marketin meyve reyonuna ulaş
A4. Muzları istenilen ağırlıkta poşete doldur
A5. Elmaları istenilen ağırlıkta poşete doldur
A6. Muz ve Elmayı tarttır
A8. Eve Git
A7. Kasaya git ve ödemeyi yap
2) Örneğin 1 den 100 e kadar olan sayıların toplamını bulup sonucu ekrana yazan işlemin  algoritmasını ve akış diyagramını tasarlayınız.
Değişkenler
sayıcımız: x
toplam değeri :t
Algoritma
A1. Başla
A2. Döngüyü başlat (x=1 den 100 e kadar)
A3. t=t+x işlemini yap.
A4. Döngüyü sonlandır.(x değeri 100 e ulaştığı zaman)
A5. Toplam değerini yaz.
A6. Bitir.


















3) Örneğin klavyeden girilen 3 (bu değer değişebilir) yazılının ortalamasını bulup kalıp-geçtiğini hesaplayan programın algoritmasını yapınız.
Adım -Başla
Adım -1. yazılıyı giriniz(y1)
Adım -2. yazılıyı giriniz(y2)
Adım -3. yazılıyı giriniz(y3)
Adım -toplam=y1 + y2
Adım -ortalama=toplam + y3
Adım -ortalama= ortalama / 3(sınav sayısına göre değişkenlik gösterir)
Adım -Eğer ortalama 45'ten küçük ise(ortalama < 45)
Adım -kaldı
Adım -Eğer ortalama 45'ten büyük ise(ortalama > 45)
Adım -geçti
Adım -Dur(Stop)