Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan kapsamlı bir web programlama ve sunucu kurulumu eğitim içeriğidir. Eğitmen, öğrencilere hitap ederek konuları adım adım açıklamaktadır.
- Video, IIS kurulumu ve ASP programlama dili ile başlayıp, HTML form elemanlarının kullanımı, web tasarımı temelleri, CSS stillendirme ve son olarak iOS kurulumu konularını kapsamaktadır. İçerikte web sunucusunun çalışma prensipleri, request-response mekanizması, GET ve POST metotları, tablo yapısı kullanarak web tasarımı ve CSS stillendirme yöntemleri detaylı olarak anlatılmaktadır.
- Eğitim, web geliştirme temellerini öğrenmek isteyenler için hazırlanmış olup, hem teknik kurulum adımları hem de kodlama örnekleri içermektedir. Ayrıca Photoshop ve Dreamweaver gibi araçların web tasarımında nasıl kullanılabileceği de gösterilmektedir.
- 00:19Internet Information Services Kurulumu
- Windows'da Internet Information Services (IIS) kurulumu için Program Ekle/Kaldır'dan Windows Özelliklerini açıp "İnternet Information Servisi" kısmına gelerek web yönetim araçları ve World Wide Web Hizmetleri (WWW Servisi) işaretlenmelidir.
- Uygulama geliştirme özellikleri arasında ASP (Active Server Pages) ve ASP.NET gibi seçenekler bulunur.
- Web sayfaları genellikle 80 port üzerinden çalışır ve bu portu dinleyen bir Windows hizmeti (World Wide Web Publishing Service) çalışmalıdır.
- 04:07ASP Nedir?
- ASP, Active Server Pages'in kısaltması olup Microsoft'un Internet Information Services altında çalışan bir programdır.
- ASP, HTML'de programatik işlemler yapabilmemizi sağlayan bir teknolojidir.
- ASP sayfaları .asp uzantılı olup, HTML sayfaları gibi kullanılabileceği gibi özel ASP tagleri ile programatik işlemler de yapılabilir.
- 05:10ASP Sayfası Oluşturma
- ASP sayfaları genellikle C:\inetpub\wwwroot klasörüne kaydedilmelidir çünkü bu, IIS'in varsayılan web içerik dizinidir.
- ASP sayfaları doğrudan tarayıcıda açılamaz, web sunucusu üzerinden erişilmelidir.
- ASP kodları <% %> tagları arasına yazılır ve Response.Write komutu ile ekrana yazı yazdırılabilir.
- 12:26ASP ile Programatik İşlemler
- ASP'de döngüler (örneğin for döngüsü) kullanılabilir ve programatik olarak veriler ekrana yazdırılabilir.
- ASP'de değişken tipi tanımlama zorunluluğu yoktur, istenirse tanımlanabilir.
- ASP ile web sayfasına dinamik içerik (örneğin tarih ve saat) eklenebilir.
- 15:41Web Sunucusu Çalışma Prensibi
- Web sunucusu (IIS), 80 portunu dinleyen bir uygulama olarak çalışır ve bu uygulama durduğunda web sitesi erişilemez hale gelir.
- Web sitelerinin çökmesi, genellikle bu hizmetin durması veya donanımsal kaynakların yetersiz olması sonucu gerçekleşir.
- 17:11ASP ile Kategoriler Yönetimi
- HTML sayfalarında her kategori için ayrı link ve sayfa oluşturmak yerine, ASP kullanarak kategorilerin listesini bir şablona yerleştirebiliriz.
- ASP ile kategorilerin hepsini teker teker uğraşmadan, şablonu çalıştırarak otomatik olarak oluşturabiliriz.
- ASP sayesinde kategorilerin linkleri ve detay sayfaları dinamik olarak oluşturulabilir.
- 19:43HTML Formları
- Web sayfalarında kullanıcı tarafından bilgi girilen formlar bulunur ve bu formlar textbox, combobox, radyo buton, memo edit gibi bileşenlerden oluşur.
- Form bileşenleri "form" tag'inin altına yazılır ve kullanıcı tarafından bilgi girilebilir.
- TextBox'lar "input" tag ile oluşturulur ve "type=text" özelliği ile belirtilir, her bileşene bir isim verilerek sonraki sayfada bilgileri almak mümkün hale gelir.
- 22:24Form Bileşenleri
- Radyo butonlar "input" tag ile oluşturulur, "type=radio" özelliği ile belirtilir ve aynı grup içindeki butonlara aynı isim verilir.
- CheckBox'lar da "input" tag ile oluşturulur ancak "type=checkbox" özelliği ile belirtilir ve radyo butonlardan farklı olarak birden fazla seçim yapılabilir.
- Butonlar "input" tag ile oluşturulur ve "type=button" özelliği ile belirtilir, "value" özelliği ile buton üzerinde görünecek metin belirlenir.
- 25:11ComboBox ve Form Gönderimi
- ComboBox'lar "select" tag ile oluşturulur ve seçenekler "option" tag ile eklenir, "value" özelliği ile arka tarafta gönderilecek değer belirlenir.
- Form gönderimi için "form" tag'inin "action" özelliği kullanılır ve butona basıldığında gideceği sayfa belirlenir.
- HTML statik bir sayfa olduğu için gönderilen değerleri yakalayabiliriz ancak bunları işlemek için ASP gibi bir web server uygulamasına ihtiyaç vardır.
- 34:48Web Tarayıcı ve Sunucu Arasındaki İletişim
- Bir web tarayıcısında adres çubuğuna "google.com" yazıldığında, tarayıcı önce bu ismin IP adresini çözer ve ardından bu IP adresine bağlanır.
- Tarayıcı, sunucuya "www.google.com" ana sayfasının HTML bilgisini göndermesi için bir istek (request) yapar.
- Web sunucusu bu isteğe yanıt olarak (response) HTML bilgisi üretir ve tarayıcıya gönderir.
- 36:04HTTP İstek ve Yanıt Mekanizması
- İnternetin, özellikle HTTP'nin temel mantığı, istek (request) karşılığında sunucunun yanıt (response) vermesidir.
- İsteklerde form içindeki bilgiler, tarayıcı türü, cookieler gibi bilgiler de sunucuya gönderilir.
- Bilgiler gönderilirken iki tür metot kullanılır: GET ve POST.
- 37:03GET ve POST Arasındaki Fark
- GET metodu, adres çubuğunda bilgileri açıkça gösterir, bu nedenle güvenlik açısından uygun değildir.
- POST metodu, bilgileri adres çubuğunda göstermez ve daha güvenli bir yöntemdir.
- Form işlemlerinde genellikle POST metodu kullanılır.
- 38:36Sunucu Tarafında İşlemler
- Sunucu tarafında, adres çubuğundan gelen bilgiler "request query değişkenleri" olarak, form üzerinden gelen bilgiler ise "request form değişkenleri" olarak alınır.
- HTML sadece bir araçtır ve form işlemleri gibi işlevleri gerçekleştiremez.
- 40:18Web Tasarım ve Dreamweaver Kullanımı
- Web tasarımı için öncelikle Photoshop veya Fireworks gibi yazılımlarla ekran tasarımı yapılır ve bu tasarımlar parçalanır.
- Dreamweaver'da web sayfaları oluşturmak için tablo (table) kullanılır, ancak günümüzde div ve CSS kullanımı daha popülerdir.
- Tablo kullanarak web sayfası tasarımı yapılırken, header, footer, içerik alanları gibi bölümler için tablo hücreleri kullanılır.
- 50:03CSS Kullanımı ve Özellikleri
- Web sayfasında eksik menülerin düzeltilmesi için CSS (Cascading Style Sheet) kullanılıyor.
- CSS ile font, boyut, metin rengi gibi stil özellikleri ayarlanabiliyor.
- CSS, HTML sayfasında head kısmına doğrudan eklenebilir veya ayrı bir CSS dosyası oluşturulabilir.
- 54:31CSS Eklenme Yöntemleri
- CSS web sayfasına üç farklı şekilde eklenebilir: head kısmına doğrudan ekleme, CSS dosyası içerisinden çağırma ve HTML elementinin içerisine doğrudan ekleme.
- CSS dosyası içerisinden çağırma yöntemi, web sayfalarında bir style dosyası tutup değişikliklerin tek bir yerden yapılması için kullanılır.
- Link etiketi ile CSS dosyası çağrılabilir: `<link rel="stylesheet" href="deneme.css">`
- 57:31Link Stilleri
- CSS ile linklerin dört farklı durumunda stillendirilmesi mümkündür: a:link (normal link), a:visited (ziyaret edilmiş link), a:hover (mouse üzerine geldiğinde), a:active (tıklandığında).
- Linklere renk, alt çizgi, font boyutu gibi özellikleri CSS ile ayarlanabilir.
- Ziyaret edilmiş linklerin farklı renklerle gösterilmesi CSS ile yapılabilmektedir.
- 1:04:51HTML ve Web Programlama
- Web programlama için yazılan kodların çalışması için bir web server (derleyici) gereklidir.
- Windows ortamında Internet Information Server (IIS) kullanılırken, Linux ortamında Apache web server tercih edilir.
- PHP gibi programlama dilleri genellikle Linux ve Apache ile çalıştırılırken, ASP ve ASP.NET Windows ortamında ve IIS ile çalışır.