SlideShare a Scribd company logo
WEB TASARIM-icindekiler    9/19/09    12:56 AM   Page xiii




             ‹Ç‹NDEK‹LER

          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
WEB TASARIM-icindekiler      9/19/09   12:56 AM   Page xiv




        xiv WEB TASARIM REHBER‹

                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-icindekiler    9/19/09      12:56 AM    Page xv




                                                                      ‹Ç‹NDEK‹LER xv

                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
WEB TASARIM-icindekiler    9/19/09       12:56 AM      Page xvi




        xvi WEB TASARIM REHBER‹

                    ‹ç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-icindekiler     9/19/09    12:56 AM      Page xvii




                                                                     ‹Ç‹NDEK‹LER xvii

                ‹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
WEB TASARIM-icindekiler    9/19/09     12:56 AM   Page xviii




       xviii WEB TASARIM REHBER‹

             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-icindekiler    9/19/09    12:56 AM    Page xix




                                                                    ‹Ç‹NDEK‹LER xix

                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
WEB TASARIM-icindekiler    9/19/09   12:56 AM    Page xx




        xx WEB TASARIM REHBER‹

                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-icindekiler      9/19/09      12:56 AM   Page xxi




                                                                ‹Ç‹NDEK‹LER xxi

                       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
WEB TASARIM-icindekiler       9/19/09   12:56 AM   Page xxii




       xxii WEB TASARIM REHBER‹

                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-icindekiler      9/19/09   12:56 AM       Page xxiii




                                                                   ‹Ç‹NDEK‹LER xxiii

                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
WEB TASARIM-icindekiler   9/19/09      12:56 AM   Page xxiv




       xxiv WEB TASARIM REHBER‹

                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-icindekiler    9/19/09    12:56 AM   Page xxv




                                                            ‹Ç‹NDEK‹LER xxv

                    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
WEB TASARIM-icindekiler     9/19/09     12:56 AM     Page xxvi




       xxvi WEB TASARIM REHBER‹

                 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-icindekiler    9/19/09    12:56 AM     Page xxvii




                                                                ‹Ç‹NDEK‹LER xxvii

                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
WEB TASARIM-icindekiler    9/19/09    12:56 AM   Page xxviii




      xxviii WEB TASARIM REHBER‹

                    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-icindekiler     9/19/09      12:56 AM   Page xxix




                                                                ‹Ç‹NDEK‹LER xxix

                 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
WEB TASARIM-icindekiler     9/19/09      12:56 AM   Page xxx




       xxx WEB TASARIM REHBER‹

                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-icindekiler    9/19/09     12:56 AM   Page xxxi




                                                              ‹Ç‹NDEK‹LER xxxi

                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
WEB TASARIM-icindekiler    9/19/09   12:56 AM   Page xxxii




       xxxii WEB TASARIM REHBER‹

                   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-icindekiler   9/19/09     12:56 AM   Page xxxiii




                                                                        ‹Ç‹NDEK‹LER xxxiii

                   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
WEB TASARIM-icindekiler   9/19/09     12:56 AM   Page xxxiv




      xxxiv WEB TASARIM REHBER‹

                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

More Related Content

Featured

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 

Featured (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 

Web Tasarim Icindekiler

  • 1. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xiii ‹Ç‹NDEK‹LER 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
  • 2. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xiv xiv WEB TASARIM REHBER‹ 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
  • 3. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xv ‹Ç‹NDEK‹LER xv 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
  • 4. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xvi xvi WEB TASARIM REHBER‹ ‹ç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
  • 5. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xvii ‹Ç‹NDEK‹LER xvii ‹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
  • 6. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xviii xviii WEB TASARIM REHBER‹ 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
  • 7. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xix ‹Ç‹NDEK‹LER xix 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
  • 8. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xx xx WEB TASARIM REHBER‹ 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
  • 9. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxi ‹Ç‹NDEK‹LER xxi 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
  • 10. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxii xxii WEB TASARIM REHBER‹ 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
  • 11. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxiii ‹Ç‹NDEK‹LER xxiii 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
  • 12. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxiv xxiv WEB TASARIM REHBER‹ 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
  • 13. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxv ‹Ç‹NDEK‹LER xxv 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
  • 14. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxvi xxvi WEB TASARIM REHBER‹ 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
  • 15. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxvii ‹Ç‹NDEK‹LER xxvii 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
  • 16. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxviii xxviii WEB TASARIM REHBER‹ 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
  • 17. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxix ‹Ç‹NDEK‹LER xxix 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
  • 18. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxx xxx WEB TASARIM REHBER‹ 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
  • 19. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxxi ‹Ç‹NDEK‹LER xxxi 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
  • 20. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxxii xxxii WEB TASARIM REHBER‹ 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
  • 21. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxxiii ‹Ç‹NDEK‹LER xxxiii 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
  • 22. WEB TASARIM-icindekiler 9/19/09 12:56 AM Page xxxiv xxxiv WEB TASARIM REHBER‹ 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