Sql Like, In, Between ve As Komutları

LIKE

Tablodaki belirtilen sütundan, belirtilen değer şartını seçer.

SELECT * FROM tablo adı WHERE sütun adı LIKE ‘değer%‘;

Tablodaki belirtlen sütundan, belirtilen şart olmayan değerleri seçer.

SELECT * FROM tablo adı WHERE sütun adı NOT LİKE ‘değer%‘;

Alabileceği değerler:

Değer% = belirtilen değer ile başlayan.

%değer = belirtilen değer ile biten.

%değer% = içinde belirtilen değer geçen.

_değer = çizgi sayısı kadar karakter, herhangi değer alabilir, diğerleri belirtilen değer ile bitmeli.

_d_g_r= çizgi karakterleri herhangi bir değer alabilir. diğerleri belirtilen değer olmalıdır.

[bsp]%= belirtilen karakterlerin herhangi biriyle başlayan.

[a-d]%=belirtilen karakterlerle  başlayan (a,b,c,d).

[!abc]%= belirtilen karakterle başlayan değerleri seçmez, bu değer istediğiniz sayıda olabilir.

IN

Tabloda belirtilen sütunda, yalnızca belirtilen değerleri seçer, bu değer istediğiniz sayıda olabilir.

SELECT * FROM tablo adı WHERE sütun adı IN (değer, değer);

 BETWEEN

Tablodan belirtilen sütunda, belirtilen sayı aralığını seçer.

SELECT * FROM tablo adı WHERE sütun adı BETWEEN 10 AND 20;

Tablodan belirtilen sütunda, belirtilen sayı aralığı dışında kalan değerleri seçer.

SELECT * FROM tablo adı WHERE sütun adı NOT BETWEEN 10 AND 20;

Tablodan belirtilen sütunda, belirtilen harf aralığını seçer.

SELECT * FROM tablo adı WHERE sütun adı BETWEEN C AND L;

Tablodan belirtilen sütunda, belirtilen tarih  aralığını seçer.

SELECT * FROM tablo adı WHERE sütun adı BETWEEN #01/02/2013#  AND  #01/02/2014#;

  

AS

Tablodan belirtilen sütun içeriğini AS parametresinden sonra gelen sütun adı altında birleştirir.

SELECT sütun adı AS sütun adı, sütun adı AS sütun adı FROM tablo adı;

Tablodan belirtilen sütun adlarını AS parametresinden sonra gelen sütun adı altında birleştirir.

SELECT sütun adı+‘,‘ +sütun adı+‘,‘ +sütun adı AS sütun adı FROM tablo adı;

as between like sql

Sql Order By, Into, Update, Delete ve Select Top Komutları

ORDER BY

talodan belirtilen sütunu referans alarak (sayı veya rakama göre) sıralı listeler.

SELECT * FROM tablo adı ORDER BY sütun adı;

ORDER BY DESC:

tablodan belirtilen sütunu referans alarak (sayı veya rakama göre) tersten listeler.

SELECT * FROM tablo adı ORDER BY sütun adı DESC;

INTO:

Tablodan belirtilen sütunlara belirtilen değerleri atar.

INSERT INTO tablo adı (sütun adı, sütun adı, sütun adı) VALUES ( ‘değer‘,‘değer‘,‘değer‘);

UPDATE

Tablodan belirtilen sütun ve değeri referans alarak güncelleme yapar.

UPDATE tablo adı SET sütun adı =değer, sütun adı =değer WHERE referans sütun adı= referans değer;

DELETE

Tablodan belirtilen sütundaki, belirtilen değeri siler.

DELETE FROM tablo adı WHERE sütun adı=değer;

Tablodan bütün satırları siler.

DELETE * FROM tablo adı;

DELETE FROM tablo adı;

SELECT TOP

Belirtilen sütunun belirtilen değer kadar satırını seçer.

SELECT sütun adı FROM LIMIT değer;

Tablodan belirtilen değer kadar satır seçer.

SELECT TOP değer FROM tablo adı;

Tabloda bulunan kayıt sayısının, belirtilen yüzde değerini seçer.

SELECT TOP değer PERCENT * FROM tablo adı;

delete into order by select top sql update

Sql Select, Distinct, Where, And ve Or Komutları

SELECT:

tablodan bir veya birden fazla sütun listeler.

SELECT sutun adı, sutun adı  FROM tablo adı;

tablodaki bütün sütunları listeler.

SELECT * FROM tablo adı;

DISTINCT:

tablodan belirtilen sütundaki farklı değerleri listeler.

SELECT DISTINCT sütün adı FROM tablo adı;

WHERE:

tablodan belirtilen sütündaki belirtilen değer veya değerleri listeler.

SELECT * FROM tablo adı WHERE sütün adı =değeri;

AND:

tablodan belirtilen sütundaki, belirtilen değerlerin, aynı satırda olan değerleri listeler

SELECT * FROM tablo WHERE sütün adı =değer AND sütün adı=değer;

OR:

tablodan belirtilen sütundaki, belirtilen değerleri listeler.

SELECT * FROM tablo WHERE sütün adı=değer OR sürun adı=değer;

AND, OR:

tablodan belirtilen sütundaki belertilen değerlerin, aynı satırda olan dğerlerini listeler.

SELECT * FROM tablo WHERE sütun adı=değer AND (sütun adı=değer OR sütun adı=değer);

and or distinct select sql where

Temel Sql Komutları

SELECT: veritabanından veri seçer

UPDATE: veritabanını günceller

INSERT INTO: veritabanına yeni veri ekler

CREATE DATABASE: yeni veritabanı oluşturur

ALTER DATABASE: veritabanını değiştirir

CREATE TABLE: yeni tablo oluşturur

ALTER TABLE: tabloyu değiştirir

DROP TABLE: tabloyu siler

CREATE INDEX: dizin oluşturur

DROP INDEX: dizin siler

sql temel sql momutları

Hakkımda

EML Bilgisayar/y bölümünü bitirdiğimde başlayan bilgisayar yazılım, tasarım ve donanım merakım zamanla meslek aşkına dönüşünce 2004 yılında A.Ü BMYO Bilgisayar Teknolojileri ve Programlama bölümünü bitirerek mesleki hayatıma yeniden yön verdim.

Şuanda Grafik Tasarım Uzamanı, Front End & PHP Developer olarak mesleğime devam etmekteyim.

Ayrıca yılların tecrübesi ve mesleğime olan ilgim nedeniyle uzmanı olmadığım birçok grafik tasarım programını rahatlıkla kullanabildiğim gibi web tasarım konusunda da yeniliklere hemen adapte olabilmekteyim. Ve yine web programlama konusunda uzmanı olmadığım dillerde bilgi sahibiyim.

Uzman Olduğum Konular

Grafik Tasarım: CorelDraw, Illustator, Photoshop, 3ds max

Tasarımdan baskıya kadar tüm aşamalar

Web Tasarım: Html, html5, css, java script,  jquery, bootstrap, less, photoshop

Psd tasarımdan responsive tasarıma kadar tüm aşamalar

Web Programla: PHP, SQL

Kodlama ve yayınlamaya kadar tüm aşamalar

blogum dışında  www.nurcanyurttas.com ile bilgilerimi paylaşmaya devam etmekteyim.

hakkımda

phpMyAdmin Tablo Düzenleme

1-Düzenleme : bulunduğu satıra ait düzenlemeyi, yeni bir sayfa açarak  yapar.

2-Sıralı düzenleme: bulunduğu satıra ait düzenlemeyi yine bulunduğu satırda yapar.

3-Kopyala: bulunduğu satıra ait bilgilerin bir kopyasını oluşturup bir alt satıra ekler.

4-Sil : bulunduğu satırı siler.

Yukarıda, düzenleme sayfasına ait örnek resim bulunmakta.

Yukarıda, sıralı düzenleme sayfasına ait örnek resim bulunmakta.

Yapı:

1-Değiştir: seçili satıra ait değişiklikleri yeni bir sayfa açarak yapar.

2-Birincil anahtar: seçili satıra birincil anahtar ataması yapar.

Yukarıda, değiştir sayfasına ait örnek resim bulunmakta.

Sql sorgu komutları: select, insert, update ve delete sql sorgu komutlarını verir.

Ekle: yeni bir boş satır açar, yeni bir satır ekleme olanağı tanır.

Dışa aktar: mevcut veritabanını veya tabloyu dışa aktarır. (Bu durum bize local sunucudan hosting sunucumuza veritabanını veya tabloları taşırken gerekir.)

Dışa aktarım: aktarmak istediğimiz sql dosyamızı göz attan seçerek, yeni bir veritabanı veya tabloyu local sunucumuza aktarır.

İşlemlerden genel ayarları yapabiliriz.

1-tablonun yeni adı

2-karakter uyum ayarları gibi

phpmyadmin sql tablo düzenleme

phpMyAdmin Veritabanı ve Tablo Oluşturma

Web programcılığı ile yeni ilgilenen arkadaşlara phpMyAdmin veritabanı ve tablo oluşturma hakkında detaylı anlatım.

Veritabanı oluşturma

1-veritabanı adı: bağlantıda kullanacağımız veritabanı adı.

2-dili: ülkelere göre dil seçeneği, Türkiye için utf8_turkish_ci (Türkçe karakter sorununu kaldırır).

3-oluştur: oluştur ile veritabanımızı oluşturmuş oluruz.

Tablo oluşturma

1-tablo adı: bağlantıda kullanacağımız tablo adı.

2-sütun sayısı: tabloda kullanacağımız alanlar.

3-git: tabloyu oluştur.

Tablo sütunlarını oluştur

1-sütun adı: veritabanında kullanacağımız alan adları (id, ad, soyad, adres)

2-veri türü: a) int: sayı b) varchar: sayı ve metin c) text: metin d) date: tarih (not: genellikle metin alanı için varchar seçilir).

3-içerik uzunluğu: veritabanında bu alana girilecek, en fazla karakter sayısı.

4-varsayılan: veritabanında bu alan boş bırakıldığında, varsayılan alanına yazılan değer görünecektir.

5-boş: bu alanın boş bırakılıp bırakılmayacağını belirler.

6-indeks: bulunduğu alanın birincil anahtar olup olmayacağını belirtir. Genelliklere veritabanı işlemleri buna göre yapılır.

7-otomatik sayı (A_I): sayının otomatik olarak artmasını sağlar. (girilen bilgilerin sıra numarasını bir artırarak listeye ekler).

8-kaydet: tablo içeriğini kaydediyoruz.

phpmyadmin sql tablo oluşturma veritabanı oluşturma

CSS3 Hazır Menüler

CSS3 ile yapılmış sayfa boyutuna göre şekil alan 5 adet  menü. CSS'e yeni başlayan arkadaşlar kolayca düzenleme yapabilirler.

Menüleri Buradan İndirebilirsiniz

css download dss3 menü menü

Photoshop Hazır Resim Çerçeveleri

Photoshop'ta hazırlanmış 12 adet hazır resim çerçeveleri. Fazla photoshop bilgisi olmayan arkadaşlar için; istedikleri resmi sayfaya attıktan sonra, resmin bulunduğu layer'i en alt katmana taşımaları yeterli olacaktır.

Resim Çerçevelerini Buradan İndirebilirsiniz.

download photoshop psd resim çerçeveleri

CSS Hazır Üst Menüler

CSS'e yeni başlayan arkadaşların kolayca düzenleme yapabilecekleri, dört adet hazır css-jquery üst menü. 

Menüleri Buradan İndirebilirsiniz

css css menü download jquery menü

CSS Hazır Açılır Menüler

CSS'e yeni başlayan arkadaşların kolayca düzenleme yapabilecekleri, beş adet hazır css-jquery açılır menü. 

Menüleri Buradan İndirebilirsiniz

css css menü download jquery menü

Photoshop Manipülasyon Örneğim

manipulation manipülasyon photoshop

HTML Form Button Özellikleri

Form button özellikleri

Disabled: tıklanamayan buton

disabled: <button type="button" disabled>button</button>

Button form özelliği

form: button tagında form etiketine verilen isin, form tagının id etiketine verilerek taglar arası ilişkilendirme yapılır.

<form action="index.php" method="get" id="deneme">

<input type="text" name="bir" ><br>

<input type="text" name="iki"><br>

</form>

<button type="submit" form="deneme" value="Submit">submit</button>

Button formaction özelliği:

formaction: formun tagında bulunan action etiketi ile sayfaya gönderilen verileri, button tagında bulunan  formaction etiketiyle başka sayfaya gönderir.

<form action="index.php" method="get">

<input type="text" name="bir" ><br>

<input type="text" name="iki"><br>

<button type="submit">Submit</button><br>

<button type="submit" formaction="deneme.php">formaction submit</button>

</form>

Button formenctype özelliği:

formenctype: verileri sayfaya kod yerine metin olarak  gönderir.

<form action="index.php" method="post">

<input type="text" name="bir" value="bir"><br>

<button type="submit">submit</button>

<button type="submit" formenctype="text/plain">button formenctype</button>

</form>

Button formmethod özelliği:

formmethod: form tagında bulunan method etiketinde belirtilen get veya post methodunun, formmethod etiketinde tam tersini kullanma imkanı sağlar. Bu şekilde aynı verileri ister get ister post yöntemi ile gönderebilirsiniz

<form action="index.php" method="get">

<input type="text" name="fname"><br>

<input type="text" name="lname"><br>

<button type="submit">Submit</button>

<button type="submit" formmethod="post" formaction="index.php">button formethod</button>

Button formnavalidate özlliği:

formnavalidate: kontrol edilmesi gereken verileri, kontrol etmeden gönderilmesini sağlar.

<form action="index.php" method="get">

E-mail: <input type="email" name="numara"><br>

<button type="submit">Submit</button><br>

<button type="submit" formnovalidate>formnovalidate</button>

</form>

Button formtarget özelliği:

Formtarget : alabileceği değerler.

_blank: bağlantıyı yeni sayfada açar

_self: bağlantıyı aynı pencerede açar

_parent: bağlantıyı ana frame’de açar

_top: bağlantıyı pencerenin gövdesinde açar

Framename: ismi belirtilen frame içinde açar

<button type="submit" formtarget="_blank">yeni sayfaya git</button>

Button type: alabileceği değerler.

Button: tıklanabilir düğme, Submit: formdan veri gönderir, Reset: formdan gönderilecek verileri siler.

Form button diğer özellikleri

Name: isim

Value: değer

çalışmalara ait örnek link:

button form özellikleri html

HTML Form Özellikleri Devamı 2

Label for özelliği

For : for tagına atanan isim, diğer tagların id numarasında kullanıldığında. Label, id numarası kullanılan tagla aynı özelliği alır.

 

<form>

  <label for="etiketbir">etiket bir</label>

  <input type="radio" name="etiket" id="etiketbir" value="etiketbir"><br>

  <label for="etiketiki">etiket iki</label>

  <input type="radio" name="etiket" id="etiketiki"value="etiketiki" ><br><br>

  <input type="submit" value="Submit">

</form>

Fieldset özelliği

Fieldset: hazır form tasarımı, legend: form başlığı. Alabileceği değerler.

Disabled: yalnızca okunabilir text alanı, Form: form işlemleri, Name: isim

<fieldset>

<legend>başlık:</legend>

 bu alana istediğiniz etiketi tanıtabilirsiniz   </fieldset>

Fieldset - legend özelliği

Lengend: fieldset başlık alanı. Alabileceği değerler.

Aling etiketi ile kulanılır = Left: sol, fight: sağ, top: üst, bottom: alt

<fieldset>

    <legend align="right">Başlık:</legend>  

 bu alana istediğiniz etiketi tanıtabilirsiniz   </fieldset>

 Select  özelliği

select : açılır liste alanı. Alabileceği değerler.

Disabled: müdahale edilemeyen alan, yalnızca okunabilen alan.

Form: select tagında bulunan form etiketine verilen isim, form tagında bulunan id etiketine de verilerek, select  tagı ile form tagı arasında ilişkilendirme yapılır.  

Multiple: çoklu seçim yapma imkanı sunar. Shift tuşu yardımı ile birden fazla seçim yapabilirsiniz.

Name: select tagına isim vermenize imkan tanır.

Required: boş geçilemeyecek, mecburi alan.

Size: sayfa yüklendiğinde listede görünecek eleman sayısı.

<select>

  <option value="mavi">Mavi</option>

  <option value="mor">Mor</option>

  <option value="beyaz">Beyaz</option>

</select>

Select - Optgroup özellikleri:

Optgroup : açılır liste iç başlık alanı. Alabileceği değerler

Label : metin alanı, disabled : müdahale edilemeyen alan.

<select>

  <optgroup label="başlık etiketi">

    <option value="bir">bir</option>

    <option value="iki">iki</option>

  </optgroup>

  <optgroup label="başlık etiketi iki" disabled>

    <option value="tekrarbir">tekrarbir</option>

    <option value="tekrariki">tekrariki</option>

  </optgroup>

</select>

Select - Option özellikleri: 

Select – option:  açılır liste de, seçenek tanımlama alanı. Alabileceği değerler.

Disabled: yalnızca okunabilir alan.

Label: metin alanı.

Selected: seçili olarak gelen alan.

Value: option değeri.

çalışmalara ait örnek link:

form özellikleri html

HTML Form Textarea Özellikleri

Form textarea özellikleri

Rows: satır genişliği, cols: sütun genişliği

Örnek: <textarea  rows=”5” cols=”10”> örnek </textarea>

Disabled: metin girilmesini engeller

Örnek: <textarea disabled> örnek </textarea>

Maxlength: maksimum girilebilecek sayı girilir.

Örnek: <textarea maxlength=”10”> örnek </textarea>

Name : etikete verilen isim.

Örnek: <textarea name=”deneme”> örnek</textarea>

Placeholder: text alanına açıklama metni girilmesini sağlar.

<textarea rows="5" cols="10" placeholder="örnek"></textarea>

Readonly: yalnızca okunabilir metin alanı.

Örnek: <textarea teadonly> örnek </textarea>

çalışmalara ait örnek link:

form özellikleri html textarea

HTML Form Type Özellikleri

Form özellikleri devamı  type

Button :  tıklanabilir düğme

Örnek: <input type=”button” value=”button”>

Checkbox: bir veya birden fazla seçim hakkı sunar.

Örnek: <input type=”checkbox” value=”kırmızı”>

           <input type=”checkbox” value=”mavi”>

Color: renk seçimi sağlar

Örnek: <input type=”color”>

Date: tarih seçimi suna.

Örnek: <input type=”date” name=”tarih”>

Datetime-local: o an ki tarihi verir.

Örnek: <input type="datetime-local">

email: yalnızca email adresi girmeye izin verir

Örnek: <input type=”email”>

Hidden: gizli değer döndürür.

Örnek: <input type=”hidden”>

İmage: resim atama etiketi

Örnek: <input type=”image” src=”resim.jpg” alt=”resim” width=”50” height=”50”>

Month: seçtiğiniz ay ve yılı gösterir.

Örnek: <input type=”month”>

Number: minimum ve maximum girilecek değeri belirler

Örnek: <input type=”numbr” min=”1” max=”3”>

Password: girilen değeri gizler, şifre amaçlı kullanılır.

Örnek: <input type="password">

Radio: tek seçim hakkı sunar.

Örnek: <input type=”radio” value=”mavi”>

           <input type=”radio” value=”mor”>

Range: minimum ve maximum verilen değer ile kaydırma çubuğu oluşturur.

Örnek: <input type=”range” min=”1” max=”10”>

Reset: form içerisinde kullanılan etiketlerin kullanıcı taraflı içeriğini temizler.

Örnek: <input type=”reset”>

Search: arama etiketi

Örnek: <input type=”search”>

Submit: gönder butonu

Örnek: <input type=”submit”>

Text: metin alanı

Örnek: <input type=”text”>

Time: saat

Örnek: <input type=”time”>

url : yalnızca url adresini tanır.

Örnek: <input type=”url”>

Week: hafta sayısını verir.

Örnek: <input type=”week”>

çalışmalara ait örnek link:

form özellikleri html type

HTML Form Özellikleri Devamı 1

Form özellikleri devamı

List : alabileceği değerler

List etiketi ile tanımlanmış isim, datalist id etiketine de tanımlanmalıdır.

<input list=”listele”>

<datalist id=”listele”>

<option value=”kırmızı”>

<option value=”mavi”>

<option value=”sarı”>

<option value=”yeşil”>

</datalist>

Max, min : alabileceği değerler

Tarih cinsinden, max: en fazla girilecek tarih değeri, min : en az girilecek tarih değeri

Örnek : <input type=”date” max=”2014-12-31”>

Multliple: alabileceği değerler

Çoklu dosya yükleme etiketi

<input type=”file” name=”resim” mutliple>

Name: alabileceği değerler

Etiketle ilgili işlemlerde, etiketi belirten isimdir

<input type=”text” name=”etiketimsi”>

Placeholder : alabileceği değerler

Text alanı içerisine açıklayıcı metin girilmesini sağlar.

<input type=”text” placeholder=”adres giriniz”>

Readonly: alabileceği değerler

Text alanına, sadece okunabilen alan özelliği verir.

<input type=”text” name=”oku” readonly>

Requred: alabileceği değerler

Boş bırakılmayacak, mecburi girilecek alandır.

<input type="text" name="usrname" required>

Size : alabileceği değerler

Text alanının, görünen karakter alan sayısı

<input type=”text” size=”2”>

Value : alabileceği değerler

Etiketlerin sayfada görünen ismi.

<input type=”text” value=”görünen ismi”>

<input type=”submit” value=”görünen ismi”>

çalışmalara ait örnek link:

form özelikleri html

HTML Form Özellikleri

Form özellikleri:

<form></form> kullanıcıya ait bilgileri seçmek ve veritabanına göndermek amacı ile kullanılır.

<input> : kullanıcı bilgi girişi için kullanılır. Alabileceği değerler

Accept : Alabileceği değerler

  audio/* :  ses, video/* : video, image/* : resim,

 örnek : <input type=”file” accept=”image/*”>

Align : alabileceği değerler

 left: sol, right : sağ, top  : üst, middle: orta, bottom : alt

 örnek:  <input type=”image” src=”resim.jpg” align=”right”>

Alt: alabileceği değerler

 işlem yapılacak dosya adı kullanılır

 örnek : <input type=”image”  alt=”resim” src=”resim.jpg”>

Autocoplete : alabileceği değerler

 on : otomatik tamamlamaya açık, off : otomatik tamamlamaya kapalı

 örnek : <input type=”email” name=”email” autocoplete=”off”>

 checked : alabileceği değerler

 checkbox etiketinin seçili olarak gelmesini sağlar

 örnek : <input type=”checkbox” name=”click” value=”red” checked> kırmızı

                <input type=”checkbox” name=”click” value=”blue”> mavi

 Disabled : alabileceği değerler

 Eklendiği etiketlere müdahaleyi önler, kapalı olarak gelir

 Örnek : <input type=”text”  disabled>

Form id : alabileceği değerler

Form’a verilen id ismidir, ingilizce karakterler kullanılır, veri alış verişi için kullanılır.

Örnek: <form action="yeni.php" id="formid">

Form action : alabileceği değerler

 Form’un yapacağı eylemdir, yapılacak eylemin url yolu ile tanımlanır.

Örnek:  <form action="deneme.php">

Form method : alabileceği değerler.

 Get: verileri adres çubuğundan gönderir. Post : verileri gizli gönderir.

 Örnek: <form action=”deneme.php” method=”post”>

Form target : alabileceği değerler

_black : bağlantıyı yeni sayfada açar

_self: bağlantıyı aynı pencerede açar

_parent : bağlantıyı ana frame’de açar

_top :  bağlantıyı pencerenin gövdesinde açar

Framename : ismi belirtilen frame içinde açar

Örnek: <input type="submit" formtarget="_blank" value="www.google.com">

çalışmalara ait örnek link:

form özellikleri html

HTML Listeleme Özellikleri

Listeleme özellikleri

<ul> </ul> :  listeleme kodu, <li> </li> kodu ile kullanılır.

Type : tip tanımlama, alabileceği değerler, Disc : daire, Square : kare, Circle: halka

<ul type=”disc”>

<li> 1.li  </li>

<li> 2.li  </li>

</ul>

<ul type=”square”>

<li> 1.li  </li>

<li> 2.li  </li>

</ul>

<ul type=”circle”>

<li> 1.li  </li>

<li> 2.li  </li>

</ul>

çalışmalara ait örnek link:

<ol></ol> : listeleme kodu, <li></li> kodu ile kullanılır.

Reverse : tersten sıralar.

Start: belirttiğimiz numaradan başlar.

Type : tip tanımlama, alabileceği değerler, Disc : daire, Square : kare, Circle: halka

<ol reversed>

<li> 1.li  </li>

<li> 2.li  </li>

</ol>

<ol start=”10”>

<li> 1.li  </li>

<li> 2.li  </li>

</ol>

<ul type=”disc”>

<li> 1.li  </li>

<li> 2.li  </li>

</ul>

çalışmalara ait örnek link:

 <li></li> : listeleme iç kodu.

Type: tip tanımlama.

Value: belirtilen sayıdan başlar.

<dl></dl> : listeleme kodu, <dt></dt> ve <dd></dd> kodu ile kullanılır.

<dt></dt> : sola sıfır olarak başlar.

<dd></dd> : bir tab vererek başlar.

 <dl>

  <dt> 1.dt </dt>

  <dd> 1.dd </dd>

  <dt> 2.dt </dt>

  <dd> 2.dd </dd>

</dl>

çalışmalara ait örnek link:

html listeleme özellikleri

HTML Tablo Özellikleri

Tablo özellikleri :

<table></table>  : tablonun başlangıç ve bitiş kodu

<tr> </tr> : satır kodu

<td> </td> : sütun kodu

<th> </th>: tablo başlığı

<colspan> : hücre birleştirme, yan yana

<rowspan>: hücre birleştirme, alt alta

<cellspacing> : hücreler arası boşluk

<cellpadding> : hücre içindeki bilgiler ile hücre arasındaki boşluk

<width> genişlik

<heigth> yükseklik

<border> : çizgi kalınlığı
<bgcolor> : arkaplan rengi

<bordercolor> : kenar çizgi rengi

Örnek :

<table bgcolor="yellow" bordercolor="pink" border="1" width="500px" heigth="100px" cellspacing="5" cellpadding="50" >

 <tr> <td>   tablo örnek  </td><tr>

 </table>

    </br> </br>

<table bgcolor="yellow" bordercolor="pink" border="1" width="100px" heigth="100px" cellspacing="5" cellpadding="25" >

<tr>  <td> hücre 1  </td> <td colspan="2">  hücre 2 </td>  <td>  hücre 3 </td> </tr>

 <tr>  <td> hücre 4  </td> <td rowspan="2">  hücre 5 </td>  <td>  hücre 6 </td> <td>  hücre 7 </td></tr>

 <tr>  <td> hücre 8   </td> <td>  hücre 9 </td>  <td>  hücre 10 </td> </tr>

çalışmalara ait örnek link:

html tablo özellikleri

HTML Resim Özellikleri

Resim özellikleri :

<img border=”1” src=”resim.jpg” alt=”resim” width=”100” height=”100”>

Border : çerçeve

src : resim yolu

alt : konum ismi

 width : genişlik

height : yükseklik

Resim hizalama  özellikleri :

<img src=”resim.jpg” align=”left”>

Align=”left” : sol

Align=”right” : sağ

Align=”middle” : orta

Align=”top” : üst

Align=”bottom” : alt

Resim harita özelliği :

Resmin belirlediğiniz bölgelerine link yolu ile resim atama, belirlediğiniz bölgeye tıkladığınızda o bölgeye atadığınız resmi açar.

İmg src tagına görünen resmi, map (area) href  tagına atanacak resmi tanımlarız. Görünen resme birden fazla harita tanımlayabiliriz.

Shape :harita olarak belirtilen alan şekli, alabileceği değerler, default: varsayılan, circle: daire, poly: çoklu, rect.

Coords: harita olarak belirtilen alanın boyutu ve konumunu belirtir.

<img src=”resim.jpg” usemap=”#harita”>

<map name=”harita”>

<area shape=”rect” coords=”0,10,25,100” href=”yeniresim.jpg”>

</map>

html resim özellikleri

HTML Link Tagı Özellikleri

Link tagları : <a> </a>

Başka siteye link verme :  <a href=”http://wwww.google.com">google arama</a>

Site içi link verme :  <index.html”> anasayfa </a>

Sayfa içi link verme : <a name=”ust”> <a href=”#ust”> başa dön </a>

Boş link verme : <a href=”#”>..</a>

Link download özelliği: href  = resim yolu , download = resme uygulanacak özellik.

<a href=”image/resim.jpg” download>

<img border="1" src="image/resim.jpg" alt="resimindir" width="100" height="150">

</a>

Target özelliği

<a href=”http://wwww.google.com” target=”_black”>google arama</a>

_black : bağlantıyı yeni sayfada açar

_self: bağlantıyı aynı pencerede açar

_parent : bağlantıyı ana frame’de açar

_top :  bağlantıyı pencerenin gövdesinde açar

Framename : ismi belirtilen frame içinde açar

html link özellikleri

Photoshop Yazım Araçları

Horizontal type tool (T): Yatay yazım = yatay alanda yazım olanağı sağlar. Tıklayarak yazı  ekleyebileceğiniz gibi, alan açarak ta yazı ekleyebilirsiniz. Tıklayarak eklediğiniz yazıya ait metin kutusu alanının kenarından tutarak büyütüp küçültme imkanı sağlar, ayrıca ister tıklayarak ister metin alanı açarak yazdığınız yazıya ait alan transform özelliği ile birlikte açılacaktır.

Vertical type tool : dikeyde yazım = dikey alanda yazım olanağı sağlar. Horizontal type tool aracına ait tüm özellikler geçerlidir.

Horizontal type maks tool: yatay yazım maskesi = yatay alanda kenar seçim çizgileri ile yazar, bu alana ctrl + backspace veya alt + backspace tuşları ile seçili renk atayabileceğiniz gibi, add layer mask ile üzerinde bulunduğu objeyi de yazıya gömme imkanı sağlar. 

Vertical type mask tool :  dikey yazım maskesi =  dikey alanda kenar seçim çizgileri ile yazar. Horizontal type maks tool aracının sahip olduğu tüm özelliklere sahiptir.

photoshop yazım araçları

CorelDraw Yazım Araçları

Text tool (F8): tıklayarak veya alan açarak metin girme imkanı sağlar. Tıklayarak yazılan metinler, metin alanı kenarından çekerek yazı büyütüp küçültme imkanı tanır. Araca ait üst menüden Font list (CTRL + SHİFT + F) : font ayarlarını, Font size (CTRL + SHİFT + P): karakter boyutunu, Bold(CTRL+B) : kalın, Italic (CTRL+I): italik,  Underline (CTRL+U): altı çizili, Horizontal alignment: yatayda metin hızalama yazım özelliklerine ulaşabileceğiniz gibi Charecter formatting (CTRL+T) : daha detaylı özelliklere ulaşma imkanı sağlar.  

CorelDRAW yazım araçları

CorelDraw Hazır Şekiller

Hazır şekiller:

Polygon (Y) : çokgen çizim aracıdır, araca ait üst menüden Points or sides: kenar sayısını belirler.

Star : yıldız aracıdır, araca ait üst menüden Points or sides: çizgi sayısını belirler,  sharpness : derinliği belirler.

Complex Star : perfects shapes ile aynı özelliklere sahiptir.

Graph paper (D): tablo oluşturur, araca ait üst menüden Columns and rows : satır ve sütun sayısını belirler.

Spiral (A) : spiral çizim yapar, araca ait üst menüden Spiral Revalutions : spiral sayısını verir, Spiral exponsion factor : spiral sıklığını verir.

Mükemmel şekiller:

Basic shapes : basit şekiller, araca ait üst menüden Perfect shapes : ile diğer şekillere ulaşabilirsiniz.

Arrow shapes : ok şekilleri, araca ait üst menüden perfect shapes: ile diğer şekillere ulaşabilirsiniz.

Flowchart shapes : akış şeması şekilleri, araca ait üst menüden perfect shapes : ile diğer şekillere ulaşabilirsiniz.

Banner shapes : afiş, pankart vb. şekilleri, araca ait üst menüden perfect shapes : ile diğer şekillere ulaşabilirsiniz.

Callout shapes : konuşma kutusu şekilleri, araca ait üst menüden perfect shapes: ile diğer şekillere ulaşablirsiniz.

akıllı şekiller CorelDRAW hazır şekiller

CorelDraw Dikdörtgen ve Elips Araçları

Dikdörtgen araçlar :

Rectangle tool (F6) : dörtgen çizim aracı, sol menüde bu araç üzerine çift tıkladığınızda otomatik olarak sayfa boyutunuz kadar alan açar. Araca ait üst menüden, Mirror horizontolly : yatarda aynalama yapar, Mirror vertically : dikeyde aynalama yapar, Round corner : oval köşe, Scalloped conner : içe oval köşe, Chamfered corner : düz köşe, Conner radius : köşe ölçülerini tek tek girme imkanı verir, outline whidth : kenar çizgisi kalınlığını verir.

3-point rectangle tool : rotation özelliğini kullanarak çizim imkanı verir, araca ait diğer özellikler rectangle tool ile aynıdır.

Elips araçlar:

Elipse tool (F7): elips çizim yapar, araca ait üst menüden Elipse: kapalı çizim, Pre:  yarım, çeyrek vb kapalı dilim şeklinde çizim imkanı verir, Arc : pre ile aynı özelliğe sahiptir aralarındaki fark dilim kapalı değil, çizgi şeklindedir.

3-point elipse tool : rotation özelliğini kullanarak çizim imkanı verir, araca ait diğer özellikler elipse tool ile aynıdır.

CorelDRAW dikdörtgen ve elips araçları

CorelDraw Akıllı Araçlar

Smart fiil tool : birbirinden bağımsız objelerin üst üste gelerek oluşturduğu kapalı alanları boyar. Araca ait üst menüden Fill options : boyayacağınız alanın iç rengini seçebilirsiniz, Outline options : boyayacağınız alanın çizgi rengini ve çizgi kalınlığını seçebilirsiniz.

Smart drawing tool (shift + S) : akıllı çizgi aracı, araç ile çizdiğiniz serbest çizginin çizim bittikten sonra otomatik olarak düzenler.

akıllı araçlar CorelDRAW

CorelDraw Çizim Araçları

Freehant tool (F5) : kalem ile çizer, çizdiği şekle vektör özelliği verir.

2-point line : iki nokta arası vektörel çizgi çizer.

Bezier : bağlantı noktalarını baz alarak çizer. Araca ait üst menüden, clase curve: açık bıraktığınız çizimi otomatik  birleştirme imkanı sağlar.

Artistic media (I) :  fırça şeklinde çizim yapar, araca ait üst menüden, Brushstroke : fırça ucu seçenekleri sunar,  yine üst menüden, aracı sprey şeklinde kullanmak için,  Sprayer seçeneği bulunmaktadır,  bu araca ait, spray pattern: seçeneği sprey modelleri sunar.

Pen tool : vektörel çizim aracı.

B-spline : referans çizgisi ile çizer. Araca ait üst menüden, Clamp control tool : referans çizgisinin bağlantı noktalarına  yapışarak çizer, float control : referans çizgisinin bağlantı noktalarını oval olarak geçer.

Polyline tool : vektörel çizim aracı.

3-point curve tool : 3-point ile çizdiğiniz düz hatta yay şekli verir, araç kullanımı : başlangıç noktasında mause un sol tuşuna tıkladıktan sonra, bitirmek istediğiniz noktada mause un sol tuşundan parmağınızı kaldırın, parmağınızı kaldırdığınızda aradaki çizgiye yay özelliği verecektir, açıyı mause u takip ederek yapar,  mause un takibini bırakmasını istediğiniz noktada tekrar mause un sol tuşuna tıklamanız yeterlidir.

CorelDRAW çizim araçları

CorelDraw Gezinme Araçları

Zoom tool (Z): yakınlaştırma aracı, araç seçili iken yakınlaştırmak istediğiniz alana tıklamanız yeterlidir. 

Uzaklaştırmak için aynı işlemi shirft tuşuna basarak yapabilirsiniz. Araca ait üst menüden zoom to all objects (F4) : çalışma alanındaki tüm objeleri gösterir. Zoom to page (shift + F4) : çalışma sayfasındaki tüm objeleri gösterir.  Zoom to page width : çalışma sayfasının yatayda boyutunu ekrana sığdırır. Zoom to page height : çalışma sayfasının dikeyde boyutunu ekrana sığdırır.

Pan tool (H) : çalışma alanını tutarak sürüklemeye imkan verir.

CorelDRAW gezinme araçları