22
1 ‹NTERNETE MERHABA 1 ‹nternetin Tarihçesi 2 ‹nternetin Altyap›s› 3 A¤ (Network) 3 TCP/IP Aktarma Denetim Protokolü/‹nternet Protokolü (Transmission Control Protocol/Internet Protocol) 4 HTTP Hiper Metin Transferi Protokolü (Hyper Text Transfer Protocol) 4 FTP Dosya Aktarma Protokolü (File Transfer Protocol) 5 SMTP Basit Mesaj Aktarma Protokolü (Simple Message Protocol) 5 Web Sunucular› (Web Servers) 5 Alan Adlar› (Domain) 5 Taray›c›lar (Browsers) 6 Neden Web Tasar›m&Programlama? 7 2 XHTML 9 XHTML Nedir? 11 Neden XHTML? 11 XHTML Belge Yap›s› 12 Metin Biçimlendirme 16 Bafll›k Etiketleri 16 Kal›n ve ‹talik Biçimlendirme 18 Listeler 20 S›ral› ve S›ral› Olmayan Listeler Oluflturma 20 ‹ç ‹çe Listeler 21 Köprüler: Web Ba¤lant›lar› 22 Resimler 24 Resim Ekleme 24 Resimlere Link Vermek 25 Resimlere Aç›klama Ekleme 25 Tablolar 26 Tablo Oluflturmak 26 ‹Ç‹NDEK‹LER WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xiii

Web Tasarim Icindekiler

Embed Size (px)

Citation preview

Page 1: Web Tasarim Icindekiler

1 ‹NTERNETE MERHABA 1

‹nternetin Tarihçesi 2

‹nternetin Altyap›s› 3

A¤ (Network) 3

TCP/IP Aktarma Denetim Protokolü/‹nternet Protokolü (Transmission

Control Protocol/Internet Protocol) 4

HTTP Hiper Metin Transferi Protokolü (Hyper Text Transfer Protocol) 4

FTP Dosya Aktarma Protokolü (File Transfer Protocol) 5

SMTP Basit Mesaj Aktarma Protokolü (Simple Message Protocol) 5

Web Sunucular› (Web Servers) 5

Alan Adlar› (Domain) 5

Taray›c›lar (Browsers) 6

Neden Web Tasar›m&Programlama? 7

2 XHTML 9

XHTML Nedir? 11

Neden XHTML? 11

XHTML Belge Yap›s› 12

Metin Biçimlendirme 16

Bafll›k Etiketleri 16

Kal›n ve ‹talik Biçimlendirme 18

Listeler 20

S›ral› ve S›ral› Olmayan Listeler Oluflturma 20

‹ç ‹çe Listeler 21

Köprüler: Web Ba¤lant›lar› 22

Resimler 24

Resim Ekleme 24

Resimlere Link Vermek 25

Resimlere Aç›klama Ekleme 25

Tablolar 26

Tablo Oluflturmak 26

‹Ç‹NDEK‹LER

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xiii

Page 2: Web Tasarim Icindekiler

Tablo Boyutunu Ayarlamak 28

Sütun Geniflliklerini Ayarlamak 29

Hücreleri Birlefltirmek 29

Tablolarla Sayfa Tasar›m› 31

Bölümleme Yöntemi (div) ile Sayfa Tasar›m› 34

Formlar 36

Form Oluflturma 36

Metin Kutular› 36

Butonlar 38

Onay Kutular› 39

Radyo Dü¤meleri 40

Aç›l›r Seçenek Kutular› 41

Çoklu Ortam (Ses &Video) 43

3 CSS 45

CSS’i Belgelere Ekleme 48

CSS’in Yap›s› 50

Aç›klama Sat›r› 51

Seçiciler 51

S›n›f Seçicisi (Class Selector) 51

Tekil Seçiciler (Id Selector) 53

Seçici Uygulama Hiyerarflisi 54

Çocuk Seçicileri (Direct Child Selectors) 55

Torun Seçicileri (Descendant Selectors) 56

Bitiflik Kardefl Seçiciler (Adjacent Sibling Selector) 58

Evrensel Seçiciler (Universal Selector) 58

Öznitelik Seçicileri (Attribute Selectors) 61

Basit Öznitelik Seçicisi 61

Öznitelik De¤eri Seçicisi 62

K›smi Öznitelik De¤eri Seçicisi 63

Ayr›ml› Öznitelik De¤eri Seçicisi 65

Artalan (Background) Biçimlendirme 65

Artalan Rengi (background-color) 65

WEB TASARIM REHBER‹xiv

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xiv

Page 3: Web Tasarim Icindekiler

Artalan Resmi (background-image) 66

Artalan Resim Yenileme (background-repeat) 67

Artalan Resim Sabitleme (background-attachment) 69

Artalan Resmini Konumland›rma (background-position) 69

Artalan (background) 71

Yaz›tipi (Font) Biçimlendirme 72

Yaz›tipi Ailesi (font-family) 72

Yaz›tipi Boyutu (font-size) 73

Yaz›tipi Kal›nl›¤› (font-weight) 76

Yaz›tipi Stili (font-style) 76

Yaz›tipi (font) 77

Metin (Text) Biçimlendirme 78

Renkler (colors) 78

Metin Hizalama (text-alignment) 79

Metin ‹flaretleme (text-decoration) 81

Metin Girintileme (text-Indentation) 82

Sat›rlar Aras› Yükseklik (line-height) 83

Sözcükler Aras› Mesafe (word-spacing) 85

Harfler Aras› Mesafe (letter-spacing) 86

Harf Boyutlar› (Text Transformation) 87

Kutu Modeli (Box Model) 88

Kenarl›k Çizgisi (Border) 90

Kenar Çizgisi Stili (border-style) 90

Kenar Çizgisi Geniflli¤i (border-width) 93

Kenar Çizgisi Rengi (border-color) 95

Kenar Çizgisi (border) 97

D›fl-Çizgi (outline) Özellikleri 97

D›fl-Çizgi stil (outline-style) Özelli¤i 97

D›fl-Çizgi Renk (outline-color) Özelli¤i 98

D›fl-Çizgi Eni (outline-width) Özelli¤i 99

D›fl-Çizgi (outl›ne) Özelli¤i 101

Border D›fl (margin) Alan› 101

‹Ç‹NDEK‹LER xv

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xv

Page 4: Web Tasarim Icindekiler

‹çerik D›fl (padding) Alan› 103

Liste (List) Biçimlendirme 104

Liste ‹mleme Tipi (list-style-type) 104

Liste ‹mleri Konum (list-style-position) 107

Liste ‹mleme Resmi (list-style-image) 108

Liste Biçimleme (list-style) 109

Tablo (table) Özellikleri 110

S›n›r ‹ndirgeme (border-collapse) Özelli¤i 110

S›n›r Aral›¤› (border-spacing) Özelli¤i 111

Bafll›k Yan› (caption-side) Özelli¤i 113

Bofl Hücreler (empty-cells) Özelli¤i 115

Tablo Yap›s› (table-layout) Özelli¤i 116

Boyut (dimension) Özellikleri 118

Yükseklik (height) ve Genifllik (width) Özelli¤i 118

Azami Yükseklik (max-height) ve Azami Genifllik (max-width) 119

Asgari Yükseklik (min-height) ve Asgari Genifllik (min-width) 120

S›n›fland›rma (classification) ve Konumlama (positioning) Özellikleri 121

Görüntüleme (display) Özelli¤i 121

Gezinme/Kayma (float) Özelli¤i 122

Silme (clear) Özelli¤i 124

Konum (position) Özelli¤i 125

Z-dizin (z-index) Özelli¤i 128

Görsel Sonuçlar 131

Taflma (overflow) Özelli¤i 131

K›rpma (clip) Özelli¤i 133

Görünülebilme (visibility) Özelli¤i 135

‹mleç (cursor) Özelli¤i 136

Sözde S›n›flar (pseudo-classes) 138

Linkli Sözde-s›n›flar (Anchor Pseudo-classes) 138

‹lk-çocuk (f›rst-child) Sözde S›n›f› 139

Dil (lang) Sözde S›n›f› 141

Sözde-Ö¤eler (pseudo-elements) 143

WEB TASARIM REHBER‹xvi

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xvi

Page 5: Web Tasarim Icindekiler

‹lk Sat›r (first-line) Sözde Ö¤esi 144

‹lk Harf (first-letter) Sözde Ö¤esi 146

Before Sözde Ö¤esi 147

After Sözde Ö¤esi 147

Stillerde Öncelik Hakk› 148

Nokta (.) Özelli¤i 148

4 XML 149

Neden XML 149

Tarihçesi 150

HTML 151

XML Belge Yap›s› 152

XML Belgesinin Bölümleri 154

XML Bildirimi 154

‹fllem Yönergeleri 154

Ö¤eler (Elements) 154

CDATA Bölümleri 155

Yorumlar 156

Öznitelikler (Attribute) 156

‹yi Oluflumlu XML Belgeleri (well-formed) 157

Geçerli XML Belgesi (Valid Document) 159

Belge Tipi Tan›mlamas› (Document Type Definition-DTD) 159

DTD Genel Yap›s› 160

Ö¤e (element) Bildirimi 161

Öznitelikler 165

Öznitelik Türleri 166

CDATA 166

ENTITY-ENTITIES 166

Enumarated (S›ral›) Öznitelikler 167

ID Öznitelikleri 167

IDREF-IDREFS Öznitelikleri 167

NMTOKEN-NMTOKENS Öznitelikleri 168

NOTATION Özniteli¤i 168

‹Ç‹NDEK‹LER xvii

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xvii

Page 6: Web Tasarim Icindekiler

Varsay›lan De¤erler 169

#REQUIRED 169

#IMPLIED 169

#FIXED 169

Varl›klar 169

XML fiemalar› (XML SCHEMA) 171

Basit Tipteki fiemalar 172

fiema Yap›s› 172

Basit Tip Tan›mlama 173

Sabit Tan›ml› Tipler 173

Özel Tip Oluflturma 174

Karmafl›k Tipteki fiemalar 176

XML Belgelerini Biçimlendirme (CSS-XSL) 178

CSS ile Biçimlendirme 179

XSL Kullan›m› 183

5 DREAMWEAVER 187

Dreamweaver Çal›flma Alan› 188

Menüler 191

File/Dosya 191

Edit/Düzen 192

View/Görünüm 192

Insert/Ekle 193

Modify/De¤ifltir 193

Format/Biçimle 193

Command/Komutlar 193

S›te/Site 194

Window/Pencere 194

Dreamweaver Çal›flma Alan›n› Özellefltirme 194

Dreamweaver Tercihleri 195

General (Genel Dreamweaver Tercihleri) Kategorisi 195

Code Coloring (Kod Renklendirme) Kategorisi 198

Code Format (Kod Biçimlendirme) Kategorisi 199

WEB TASARIM REHBER‹xviii

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xviii

Page 7: Web Tasarim Icindekiler

Code Hints (Kod Tamamlama) Kategorisi 201

Code Rewriting (Kod Yeniden Düzenleme) Kategorisi 202

Copy/Paste (Kopyala/Yap›flt›r) Kategorisi 203

F›le types/Editors Kategorisi 204

New Document (Yeni Belge) Kategorisi 205

Site Kategorisi 206

Yeni Bir Site Oluflturmak 207

Yeni Bir Sayfa Oluflturmak 212

Varl›klar 214

Kitapl›k 215

Belge Oluflturmak 215

Madde ‹mleri Eklemek (Listeler) 224

Önizleme 225

Link (Ba¤lant›) Eklemek 226

Dahili Link Eklemek 226

E-posta Linki Eklemek 227

Harici Sayfalara Ba¤lant› Vermek (Hyperlink) 227

Resim Eklemek 228

Sayfaya Arkaplan Eklemek 229

Image Map (Resim Haritas›) Oluflturmak 229

Rollover Image Eklemek 230

Tablolar 231

Tablo ‹çeriklerini S›ralamak 234

Çoklu Ortam Dosyalar› 235

Formlar 236

fiablonlar 237

Spry Kullan›m› 241

Efektler 242

Menüler 243

Dreamweaver ile Ziyaretçi Defteri 245

Test Sunucusu Oluflturma 245

MySQL Ba¤lant›s› 247

‹Ç‹NDEK‹LER xix

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xix

Page 8: Web Tasarim Icindekiler

Formlar ile Veritaban›na Veri Girifli 250

Veritaban›ndaki Bilgileri Yazd›rma 253

Dreamweaver ile Üyelik Sistemi 257

Üyelik Formu 258

Üyelik Kontrolü 259

Üye Girifl (Login) 260

Ç›k›fl (Logout) 261

6 PHP 263

PHP’nin Yap›s› 268

PHP Nas›l Çal›fl›r? 268

Temel Sözdizimi 269

De¤iflkenler 270

Veri Tipleri 271

De¤iflken Tipleri 272

Tip De¤ifltirmek 273

De¤iflken De¤erlerinden Boflluk Kald›rma 273

Süper Global De¤iflkenler 274

Sabitler 275

Operatörler 276

String Operatör 276

Atama Operatörleri 276

Karfl›laflt›rma Operatörleri 277

Mant›ksal Operatörler 277

Aritmetik Operatörler 277

PHP’de Program Denetimi 279

Kontrol Yap›lar› 280

if Deyimi 280

Switch Deyimi 281

Döngüler 282

While Döngüsü 282

While Döngüsü 283

For Döngüsü 283

WEB TASARIM REHBER‹xx

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xx

Page 9: Web Tasarim Icindekiler

continue 284

Fonksiyonlar 285

Fonksiyon Tan›mlama 285

Geriye De¤er Döndüren Fonksiyonlar 286

Global De¤iflkenli Fonksiyonlar 288

Statik De¤iflkenli Fonksiyonlar 288

mail Fonksiyonu 290

Tarih-Zaman Fonksiyonlar› 292

getdate() Fonksiyonu 292

date() Fonksiyonu 293

time() Fonksiyonu 295

Diziler 295

Foreach() Fonksiyonu 297

sort()-rsort() Dizileri S›ralama 298

asort()-ksort() ‹liflkili Dizileri S›ralama 299

array_push() Dizilere De¤iflken Ekleme 300

array_merge() Dizileri Birlefltirme 300

array_slice Dizinin Bir K›sm›n› Alma 301

array_sum() Toplama 301

Formlar 302

‹çerik Kontrolü 304

If ( ) Komutu 305

Isset ( ) Komutu 305

Empty ( ) Komutu 305

Strlen( ) Komutu 306

Ereg( )-eregi( ) Komutu 307

ereg_replace()-eregi_replace() Komutu 307

split() Komutu 308

substr() Komutu 309

chr() Komutu 309

ord() Komutu 310

printf()-sprintf() Komutu 310

‹Ç‹NDEK‹LER xxi

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxi

Page 10: Web Tasarim Icindekiler

Düzenli ‹fadeler Regular Expressions) 311

preg_match() 313

Dosya ve Dizin ‹fllemleri 313

include-require Komutu 314

file_exists 315

is_readable 315

is_writable 316

filesize 316

touch 316

Unlink 317

fopen() 317

fclose() 318

fwrite() 318

fgets()-feof() 318

fread() 319

fgetc() 319

flock() 320

opendir()-readdir() 320

mkdir()-rmdir() 321

Yönlendirme (Location ve Refresh) 321

Dosya ve Dizin ‹zinleri (CHMOD) 322

Veritaban› ‹fllemleri 324

mysql_connect() 325

mysql_select_db() 325

phpMyAdmin ile Yedek Alma ve Yede¤i Geri Yükleme 336

Oturum Yönetimi (Session) 338

Oturumu Açmak 339

PHP ve XML 342

7 JAVASCRIPT 345

JavaScript’in Yap›s› 346

Belirleyiciler (Identifier) 348

Anahtar Kelimeler (Keyword) 349

WEB TASARIM REHBER‹xxii

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxii

Page 11: Web Tasarim Icindekiler

De¤erler (Literals) 349

Tamsay› De¤erler (Integer L›terals) 349

Kesirli De¤erler (Floating-Point Literals) 349

Mant›ksal Literaller (Boolean Literals) 349

Karakter Dizisi (String Literals) 350

De¤iflkenler (Variable) 350

Dizi-De¤iflkenler (Array) 351

Uygulama: Bilgi Girifl Penceresi 353

Kontrol Yap›lar› 354

Operatörler 354

Atama (Assignment) Operatörü 354

Artt›rma ve Azaltma Operatörleri 355

Mant›ksal Operatörler 356

String Operatörleri 356

Karfl›laflt›rma Operatörleri 356

›f (e¤er) Deyimi 357

›f ... Else (e¤er ... di¤er) Deyimi 357

›f else ›f 358

Koflullu Operatör 358

Switch Deyimi 359

Döngüler 360

Wh›le Deyimi 360

do...while Deyimi 360

for Deyimi 361

Yuvalanm›fl Döngü 362

Continue 363

Fonksiyonlar 364

Nesneler 365

JavaScript Haz›r Nesneleri 367

Nesnelere Ait Özellikler 368

Document Nesnesine Ait Özellikler 368

Form Nesnesine Ait Özellikler 369

‹Ç‹NDEK‹LER xxiii

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxiii

Page 12: Web Tasarim Icindekiler

Nesnelere Ait Metotlar 370

Document Nesnesine Ait Metotlar 370

Form Nesnesine Ait Metotlar 370

Date Nesnesine Ait Metotlar 370

Window Nesnesine Ait Metotlar 371

String Nesnesine Ait Metotlar 371

Math Nesnesine Ait Metotlar 372

Olay Yöneticileri (Event Handlers) 372

onLoad-onUnLoad 372

onSubmit Olay› 373

onMouseOver Olay› 374

onClick Olay› 374

onFocus-onBlur 376

onChange Olay› 376

8 FIREWORKS 379

Fireworks 379

Neler Yap›l›r? 379

Bitmap ve Vektörel Grafikler 380

Fireworks Çal›flma Alan› 381

Bafllang›ç Sayfas› 381

Fireworks Arayüzü 382

Tools (Araçlar) Paneli 382

Properties (Özellikler) Paneli 383

Panel Gruplar› 384

Optimize Paneli 385

History Paneli 386

Align Paneli 386

Pages Paneli 387

States Paneli 387

Layers Paneli 388

Styles Paneli 388

Color Palette Paneli 389

WEB TASARIM REHBER‹xxiv

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxiv

Page 13: Web Tasarim Icindekiler

Swatches Paneli 390

Path Paneli 390

Image Editing Paneli 391

Special Characters Paneli 391

Document Library Paneli 392

Common Library 392

Symbol Properties Paneli 393

Tool Bar (Araç Çubu¤u) 393

Belgeler ve Belge ‹fllemleri 393

Yeni Belge Açma ve Kaydetme 393

Dosya ‹thal Etme 395

Büyütme ve Kayd›rma ‹fllemleri 395

Tuval (Canvas) De¤ifliklikleri 396

Cetvel, K›lavuz ve Izgara Kullan›m› 396

Klavye K›sayollar› 398

Nesnelerle Çal›flmak 400

Nesneleri Seçme 400

Nesneleri Kesme-Kopyalama 405

Nesneleri Döndürme 406

Nesneleri Ölçeklendirme 407

Nesneleri Gruplama 408

Nesneleri ‹stifleme 408

Nesneleri Hizalama 409

Bitmap Grafikler 409

Bitmap Nesnesi Oluflturma 409

Bitmap Nesnesi Çizme 409

Boyama 410

Gradient 410

Renk Örnekleme 410

Klonlama 411

Bulan›kl›k ve Keskinlik Verme 411

Renkleri Kat›flt›rma 411

‹Ç‹NDEK‹LER xxv

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxv

Page 14: Web Tasarim Icindekiler

Ayd›nlatma ve Karartma 411

Renk Kaplama 412

K›rpma ‹fllemi 412

Filtreler 412

Levels Özelli¤i ile Renk Ayarlar› 412

Curves Özelli¤i ile Renk Ayarlar› 413

Brightness (Parlakl›k) ve Contrast (Karfl›tl›k) Ayarlar› 414

Renk De¤ifltirme 415

Renkleri Tersine Çevirme 415

Renkleri Bulan›klaflt›rma 415

Renkleri Keskinlefltirme 415

Vektörel Nesneler 415

Vektörel Nesne Çizme 416

Çizgiler Oluflturma 416

Serbest Çizimler 417

Rectangle ve Ellipse Araçlar› ile Geometrik fiekiller 417

Otomatik fiekiller 418

Metinlerle Çal›flmak 422

Text Arac›n›n Özellikleri 422

Özel Karakterler Kullanma 424

Metni Farkl› Hatlara Yerlefltirme 424

Metinleri Vektörel Yollara ‹lifltirme 424

Renkler 426

Color Palette Paneli 427

Sayfalar 428

Katmanlar 429

Maskeler 431

Dilimler 432

Rollover’lar 433

Resimlerle Toplu ‹fllemler 435

Aç›l›r Menü 440

Animasyonlar 443

WEB TASARIM REHBER‹xxvi

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxvi

Page 15: Web Tasarim Icindekiler

Tween Animasyon 446

Slideshow 447

Optimizasyon 454

Fireworks Tercihleri 456

General Kategorisi 457

Edit Kategorisi 458

Guides And Grids Kategorisi 459

Type Kategorisi 460

Photoshop Import/Open Kategorisi 461

Lunch And Edit Kategorisi 462

Plug-ins Kategorisi 463

Uygulamalar 463

Yaz›ya Yans›ma Efekti Verme 464

Küre Yap›m› 465

Türk Bayra¤› Yap›m› 466

9 PHOTOSHOP 469

Photoshop Çal›flma Alan› 470

Photoshop Araçlar› (Tools) 470

Haz›r Ayarlar 471

Görüntüyü Sürükleme ve Büyütme 472

Durum Çubu¤u Kullan›m› 472

Cetvel, Izgara ve K›lavuz Kullan›m› 473

Yap›lan ‹fllemleri Geri Almak 474

Yeni Belge Açma ve Kaydetme 474

Zevkler ve Renkler 476

Renk Seçme 480

Tools Panelinden Renk Seçme 480

Damlal›k Arac› ile Renk Seçme 481

Renk Seçim Penceresi 481

Seçim ‹fllemleri 482

Marquee Araçlar› ile Seçim 482

Seçimi Tafl›mak 483

‹Ç‹NDEK‹LER xxvii

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxvii

Page 16: Web Tasarim Icindekiler

Seçimi Kaydetmek 484

Maskeler 485

Kanallar 486

Temel Rötufl ‹fllemleri 486

K›rpma ‹fllemi 489

Perspektif Dönüfltürme 489

Döndürme ‹fllemleri 490

K›rm›z› Göz Giderme 491

Renk De¤ifltirme 491

Lekeleme ‹fllemi 491

Bulan›klaflt›rma ‹fllemi 491

Keskinlefltirme ‹fllemi 492

Soldurma, Yakma ve Doygunluk ‹fllemleri 492

Katmanlar 492

Arkaplan ve Katman Dönüfltürme 493

Yeni Grup-Katman Oluflturma ve Silme 494

Katmanlar› Ço¤altmak 494

Katmanlar› Ba¤lama 495

Katman Stilleri 495

Yeni Bir Katman Stili Oluflturmak 496

Katman Maskeleri 497

Maske Oluflturma 497

Maske Düzenleme 498

F›rçalar 498

Boyama Araç Seçenekleri 499

Desenlerle Boyama 500

Silgiler 500

Eraser Tool 500

Background Eraser Tool 500

Magic Eraser Tool 500

Brushes Paneli 501

Brush Tip Shape 502

WEB TASARIM REHBER‹xxviii

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxviii

Page 17: Web Tasarim Icindekiler

Blend Mode 504

Gradient ‹fllemleri 505

Boya Kovas› 508

Desenler 509

Filtreler 509

Filtre Galerisi 510

Artistic Filtre Grubu 510

Blur Filtre Grubu 511

Brush Strokes Filtre Grubu 512

Distort Filtre Grubu 513

Noise Filtre Grubu 513

Pixelate Filtre Grubu 514

Render Filtre Grubu 514

Sharpen Filtre Grubu 515

Sketch Filtre Grubu 515

Stylize Filtre Grubu 515

Texture Filtre Grubu 516

Çizim 516

Çizim Modlar› 516

Kalem Arac› 518

Metinler 519

Web Sayfalar› 524

Sayfalar› Dilimleme 524

Görüntüleri En ‹yilefltirme 526

Görüntüyü Kaydetme 527

Photoshop CS4 Automate 528

Automate>Batch 528

Automate>Creat Droplet 533

Uygulamalar 534

Gölge Efekti 534

Resmi Karakaleme Çevirmek 537

Metni Resimle Doldurmak 538

‹Ç‹NDEK‹LER xxix

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxix

Page 18: Web Tasarim Icindekiler

Animasyon Uygulamas› 539

Metin Düzenleme 541

Web 2.0 Badge Yap›m› 545

Web Site Tasar›m› 548

10 FLASH CS4 557

Çal›flma Alan› 557

Çal›flma Sahnesi 560

Cetvelleri Kullanma 561

K›lavuzlar› Kullanma 562

Izgara Kullanma 563

Dosya ‹thal Etme 563

Yay›nlama Ayarlar› 564

Paneller 565

Properties Paneli 565

Library Paneli 566

Actions Paneli 567

Color Paneli 568

Align Paneli 568

Info Paneli 569

Transform Paneli 569

History Paneli 570

Scene Paneli 570

Klavye K›sayollar› 571

T›me Line 571

Grafikler 576

Pencil Tool 576

Rectangle Tool & Oval Tool 577

Free Transform 579

Pen Tool 581

Seçim ‹fllemleri 582

Semboller 584

Yeni Sembol Oluflturma 584

WEB TASARIM REHBER‹xxx

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxx

Page 19: Web Tasarim Icindekiler

fiekilleri Sembole Dönüfltürme 585

Sembol Özellikleri 586

Semboller ve Time Line 588

Animasyonlar 588

Classic Tween 589

Test ve Ön ‹zleme 590

Maske Uygulama 590

Parlakl›k Uygulamas› 590

fiekil Animasyonlar› 593

Motion Tween 594

Metinler 595

Metinlere Maske Uygulama 596

Ses & Video 597

Ses Dosyalar› ile Çal›flmak 597

Nesnelere Ses Ekleme 598

Videolar ile Çal›flmak 599

CS4 Yenilikler 600

Deco Tool 600

3D Rotation Tool 603

3D Translation Tool 603

Motion Editor Paneli 603

Motion Presets Paneli 605

Spray Brush Tool 607

Bone Tool 607

11 ‹ÇER‹K YÖNET‹M S‹TELER‹ 611

CMS Nedir? 611

CMS Türleri ve Örnek Baz› CMS Uygulamalar› 612

E-Ticaret Sistemleri 612

Oscommerce 612

Zen-cart 613

Prestashop 614

Forum Sistemleri 614

‹Ç‹NDEK‹LER xxxi

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxxi

Page 20: Web Tasarim Icindekiler

PhpBB3 615

MyBB 616

SMF 616

Blog Sistemleri 618

b2evolution 618

Nucleus CMS 618

Serendipity 618

WordPress 619

Portal Sistemleri 620

Elxis 620

Drupal 621

Örnek CMS ‹ncelemesi: Joomla 623

Tarihçe 623

Genel Terimler 624

Bileflen (Component) 624

Modül (Module) 624

Uyumlu Ek (Plug-in) 624

Tema-fiablon (Template) 624

Pozisyon-Yerleflim 624

Cpanelde Veritaban› Oluflturma 625

Uzak Sunucuda (Cpanel) Joomla Kurulumu 630

Joomla Genel Ayarlar 639

Joomla 1.5.x Genel Yap›land›rma Ayarlar› (Site Sekmesi) 640

Site Ayarlar› 641

Meta Veri Ayarlar› 641

SEO Ayarlar› 641

Joomla 1.5.x Genel Yap›land›rma Ayarlar› (Sistem Sekmesi) 642

Sistem Ayarlar› 643

Üye Ayarlar› 643

Medya Ayarlar› 644

Hata Ay›klama Ayarlar› 644

Önbellek Ayarlar› 645

WEB TASARIM REHBER‹xxxii

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxxii

Page 21: Web Tasarim Icindekiler

Oturum Ayarlar› 645

Joomla 1.5.x Genel Yap›land›rma Ayarlar› (Sunucu sekmesi) 646

Sunucu Ayarlar› 646

Yerel Ayarlar 647

FTP Ayarlar› 647

Veritaban› Ayarlar› 647

Posta Ayarlar› 648

Joomla’da ‹çerik Planlamas› (Bölüm Kategori ‹çerik Mant›¤›) 648

Bölüm Oluflturma 649

Kategori Oluflturma 650

‹çerik Oluflturma 650

Genel ‹çerik Ayarlar› 651

‹çerik Ekleme 654

Sayfa Bilgileri 654

Resim, Ek Sayfa, Devam›n› Oku... Tufllar› ve ‹fllevleri 655

Ek Sayfa 656

Devam›n› Oku... 656

TinyMCE editör 657

Menüler ve Menü Yönetimi 658

Menüler 658

Menü Ö¤eleri 659

Menü Ö¤e Parametreleri 662

Bileflen Ayarlamalar› 663

Menü Ö¤e Çeflitleri 664

‹çerikler 665

Üye Yönetimi 666

Üye Yönetimi ve Üyelik Ayarlamalar› 666

Üye Detaylar› 667

Ayarlamalar 668

Eklenti ve Tema Yöneticisi 669

Kur/Kald›r ‹fllemleri 669

Tema Yönetimi 671

‹Ç‹NDEK‹LER xxxiii

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxxiii

Page 22: Web Tasarim Icindekiler

Joomla 1.5.x Temalar›ndaki Ana Dosyalar 673

templateDetails.xml 673

index.php 673

template_thumbna›il.png 673

css/template.css 673

index.php 673

SONSÖZ 678

WEB TASARIM REHBER‹xxxiv

WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxxiv