• Buradasın

    Web Tasarım

    Özetteki ilgi çekici içerikler

    • HTML ve CSS Web Tasarım Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir web tasarımı eğitim dersidir. Eğitmen, web tasarım alanında deneyimli biri olarak HTML ve CSS temellerini öğretmektedir. Eğitim, HTML ve CSS temellerinden başlayarak, kapsayıcı div oluşturma, menü tasarımı, float özelliğinin kullanımı, responsive tasarım ve gölge komutları gibi konuları adım adım ele almaktadır. Video boyunca bir dernek sitesi tasarım örneği üzerinden pratik uygulamalar gösterilmekte ve dersin sonunda öğrencilerine 14 Şubat'a kadar bir işletme internet sitesi tasarlamaları için proje verilmektedir. Eğitimde ayrıca freelance çalışırken dikkat edilmesi gereken noktalar, revizyon kavramının önemi ve farklı tarayıcılarda CSS komutlarının nasıl çalıştığı gibi pratik bilgiler de paylaşılmaktadır. Dersin sonunda, ilerleyen derslerde JavaScript veya PHP konularına geçileceği belirtilmekte ve öğrencilerden hangi konuya geçilmesi daha uygun olacağını sormaktadır.

      • youtube.com

    • Driver ile HTML ve CSS ile Kutu Modelinde Web Sitesi Yapımı

      Bu video, bir eğitmen tarafından sunulan web tasarım eğitim içeriğidir. Eğitmen, Driver programı kullanarak HTML ve CSS ile kutu modelinde bir web sitesi yapımını adım adım göstermektedir. Video, Driver programının CS6 versiyonunun açılmasıyla başlayıp, yeni bir HTML dosyası oluşturma, klasör sistemi oluşturma ve site tanımlama aşamalarını kapsamaktadır. Eğitmen, konteyner, header, content ve footer gibi temel web sayfası bileşenlerini oluşturma, boyutlandırma ve stil verme işlemlerini detaylı şekilde anlatmaktadır. Ayrıca logo boyutlandırma, transparan hale getirme, menü oluşturma, link ekleme ve görsel düzenleme gibi tasarım adımlarını da göstermektedir. Video, bir web projesinin ana sayfasının tamamlanmasıyla sona ererken, bir sonraki derste "Hakkımızda", "Portfolyo" ve "İletişim" sayfalarının oluşturulacağı belirtilmektedir. Bu eğitim, web tasarım ve geliştirme öğrenmek isteyenler için temel bir rehber niteliğindedir.

      • youtube.com

    • HTML Eğitim Videosu: Tanıtım ve Temel Kavramlar

      Bu video, Doğan Cantat tarafından sunulan HTML eğitim serisinin ilk bölümüdür. Doğan, web tasarım yapmak isteyenler için HTML'in temel kavramlarını anlatmaktadır. Videoda HTML'in ne olduğu, sürümleri ve yapısı hakkında bilgiler verilmektedir. HTML'in zengin metin işaret dili olduğu, günümüzde internet üzerinde veri paylaşımı için kullanılan en yaygın metin tabanlı dil olduğu belirtilmektedir. Ayrıca HTML'in bir programlama dili değil, tasarım dili olduğu, W3C tarafından standartlaştırıldığı ve HTML5'in son sürüm olduğu açıklanmaktadır. Video, HTML'in temel yapısını gösteren bir örnek ile sonlanmakta ve ileriki derslerde HTML, CSS, PHP ve JavaScript konularının işleneceği belirtilmektedir.

      • youtube.com

    • Yapay Zeka Destekli Ücretsiz Desen Oluşturma Sitesi Tanıtımı

      Bu video, bir web tasarımcısının yapay zeka destekli ücretsiz desen oluşturma sitesini tanıttığı bir eğitim içeriğidir. Videoda, "Pattern.net" adlı ücretsiz bir web sitesi gösterilmektedir. Sunucu, bu siteyi kullanarak nasıl benzersiz desenler oluşturabileceğinizi adım adım anlatmaktadır. Sitede "Explore Styles" ve "Generate Patterns" gibi iki farklı yöntem bulunmaktadır. Ayrıca, negatif prompt kullanarak istemediğiniz desenleri nasıl engelleyebileceğiniz ve oluşturulan desenleri nasıl indirebileceğiniz de gösterilmektedir. Bu desenlerin yatak örtüsü, tişört ve şort gibi ürünlerde kullanılabileceği belirtilmektedir.

      • youtube.com

    • İnternet Sitesi Olan Esnaflara Tavsiyeler

      Bu videoda Adem Kılıç, web tasarım ve YouTube işleri yapan bir uzman, internet sitesi olan esnaflara yönelik tavsiyelerde bulunuyor. Video, internet sitelerinin daha fazla kullanıcıya ulaşması ve arama motorlarında yükseliş göstermesi için dört temel tavsiye sunuyor: kurumsal mail kullanımı, sosyal medyayı etkin kullanma, açık hava reklamlarında internet sitesini belirtme ve matbaa ürünlerine internet sitesini yazdırma. Adem Kılıç, bu tavsiyelerin esnafın kendi sorumluluğunda olduğunu ve web tasarımcısıyla birlikte uygulanması gerektiğini vurguluyor. Video sonunda İstanbul'da çekim yaparken yaşanan bir komik anekdot paylaşılıyor.

      • youtube.com

    • Meraklıadam.com Tanıtım Videosu

      Bu video, Meraklıadam.com sitesinin tanıtımını yapan bir reklam filmidir. Video, teknoloji tutkunlarına yönelik bir platform olarak Meraklıadam.com'un sunduğu hizmetleri anlatmaktadır. Video, Meraklıadam.com'un teknoloji haberlerini güncel olarak takip etme imkanı sunduğunu, web tasarım, yazılım, Adobe After Effects ve Photoshop gibi programlar hakkında dersler verdiğini ve ücretsiz sunumlar ile web şablonları temin ettiğini belirtiyor. Ayrıca izleyicilerin sorularını mail yoluyla gönderebilecekleri ve teknoloji dünyasındaki değişime ayak uydurabilmek için sürekli araştırma yaptıkları vurgulanıyor.

      • youtube.com

    • HTML ASP Web Geliştirme Eğitim Serisi

      Bu video, Murat Yücedağ tarafından sunulan HTML ASP web geliştirme eğitim serisinin ilk bölümüdür. Eğitimci, yaklaşık bir buçuk sene sürecektir ve toplam 150 derslik bir seriyi başlattığını belirtiyor. Video, web geliştirme temellerini öğretmeye odaklanıyor ve Visual Studio kullanarak bir kafe tanıtım sitesi projesi oluşturma sürecini gösteriyor. İlk derste, boş bir web sitesi oluşturma, form ekleme, buton boyutlandırma, renk değiştirme ve font ayarları gibi temel web tasarım özellikleri ele alınıyor. Eğitim serisi boyunca HTML, CSS, veritabanları, Entity Framework, jQuery, JavaScript, AJAX, MVC gibi konular işlenecek ve sekiz farklı proje gerçekleştirilecek. Eğitmen, ikinci derste küçük bir tasarım yapacaklarını ve üçüncü derste projeye başlayacaklarını belirtiyor.

      • youtube.com

    • HTML Web Tasarım Dersi

      Bu video, DJ Yılmaz tarafından sunulan bir web tasarım eğitim dersidir. DJ Yılmaz, oyunkodları.com adresi üzerinden web tasarım dersleri anlatmaktadır. Video, web tasarımın temel dili olan HTML'in tanıtımıyla başlıyor ve temel HTML yapılarını gösteriyor. İçerikte HTML'in ne olduğu, web sitelerinin head ve body bölümlerinden oluştuğu, tagların nasıl kullanıldığı, başlık etiketleri (h1, h2, h3), id ve class atama, meta tagları, link oluşturma ve font ayarları gibi temel konular ele alınıyor. DJ Yılmaz, tablo ile tasarım yapmanın artık uygun olmadığını ve HTML5 kullanmanın önemini vurguluyor.

      • youtube.com

    • Photoshop Web Tasarım Dersi: Menü Tasarımı

      Bu video, Designusnet eğitim portalında yayınlanan Photoshop web tasarım derslerinin sekizinci bölümüdür. Eğitmen, web sitesi tasarımı konusunda adım adım anlatım yapmaktadır. Videoda, 960 piksellik bir dikdörtgen üzerinde menü tasarımı gösterilmektedir. Eğitmen önce menü alanlarını oluşturup, "Grafik Tasarım", "Tipografi", "Matbaa", "Animasyon" gibi kategorileri yerleştirir, ardından renk uyumu, bant etkisi oluşturma ve kağıt benzeri bir görünüm verme gibi tasarım tekniklerini uygular. Video, menü tasarımının tamamlanmasıyla sona erer ve bir sonraki derste slider konusuna geçileceği belirtilir. Bu eğitim, web tasarımında menü tasarımı yapmak isteyenler için pratik bir rehber niteliğindedir.

      • youtube.com

    • Photoshop Olmadan PSD Dosyasını Açma Rehberi

      Bu video, "Programcı Herif" tarafından sunulan bir eğitim içeriğidir. Sunucu, Photoshop olmadan PSD dosyalarını nasıl açabileceğinizi göstermektedir. Videoda, Go to Stud adlı bir web sitesi kullanılarak PSD dosyalarının nasıl açılacağı adım adım anlatılmaktadır. Sunucu, siteyi kullanarak PSD dosyasını sürükleyip bırakma, layerları görüntüleme, piksel ve mesafe bilgilerini okuma ve CSS kodu olarak renk ve yazı tipi bilgilerini görüntüleme gibi özelliklerini göstermektedir. Özellikle web tasarım yapanlar için bu araç acil durumlarda faydalı olabilecek bir çözüm olarak sunulmaktadır.

      • youtube.com

    • WordPress Astra Tema Özelleştirme Eğitimi

      Bu video, eğitmen Hasan tarafından sunulan bir WordPress eğitim serisidir. Eğitmen, uzun bir aradan sonra WordPress konusunda yeni bir eğitim serisi başlattığını belirtiyor. Video, WordPress'te özellikle Astra teması üzerinden web sitesi özelleştirme ayarlarını adım adım anlatmaktadır. İçerikte site kimliği, header, site alt bölümü, düğme ayarları, yazı tipleri, renkler, blog ayarları, yerleşim ayarları, menü ayarları, blok arşivleri, meta verileri, tekil yazı sayfası, sayfa görünümü, kenar çubuğu, footer, iletişim sayfası ve anasayfa ayarları gibi konular ele alınmaktadır. Eğitmen, bu blog sitesinin daha sonra WooCommerce ile e-ticaret sitesine, başka bir tema ile haber sitesine, portfolyo sitesine veya hosting/web tasarım sitesine dönüştürülebileceğini de vurgulamaktadır. Ayrıca, bir sonraki eğitimde kategorilerin nasıl ekleneceğini anlatacağını belirtmektedir.

      • youtube.com

    • Varlıklar Paneli Kullanım Eğitimi

      Bu video, bir web tasarım programında varlıklar panelinin nasıl kullanılacağını gösteren bir eğitim içeriğidir. Eğitmen, programın özelliklerini adım adım göstererek anlatmaktadır. Video, varlıklar panelinin web sitesi geliştirme sürecindeki önemini vurgulamaktadır. Eğitmen önce üç farklı sayfa örneği oluşturarak, aynı öğeleri (resimler, renkler, linkler) farklı sayfalarda nasıl kullanabileceğimizi göstermektedir. Ardından, sık kullanılan öğeleri "favori" olarak kaydetme, kütüphane nesneleri oluşturma ve güncelleme gibi özelliklerin nasıl kullanılacağını detaylı şekilde anlatmaktadır. Bu sayede, web sitesinin tüm sayfalarını hızlı bir şekilde güncelleyebilme imkanı sunulmaktadır.

      • youtube.com

    • Grafik ve Web Tasarım Programları Rehberi

      Bu video, tasarımcı Hakan Ertan tarafından sunulan grafik ve web tasarım serisinin ikinci bölümüdür. Hakan, kendi deneyimlerini paylaşarak izleyicilere rehberlik etmektedir. Video, tasarım için gerekli yetenekler ve beceriler hakkında kısa bir girişle başlayıp, grafik tasarım programları (Photoshop, Illustrator, Corel Draw, Sketch), sayfa tasarım programları (InDesign, Quark Express, Microsoft Word, Microsoft Publisher) ve video/animasyon programları (After Effects, Final Cut, Premiere) hakkında detaylı bilgiler sunmaktadır. Ayrıca bonus olarak Invision App ve Sketch programları da tanıtılmaktadır. Video, tasarımcıların hangi programları tercih etmeleri gerektiğine dair önerilerde bulunarak, özellikle web tasarımcıları için prototip oluşturma sürecini açıklamaktadır. Tasarım sürecinde çizim ve fikir arama yöntemlerinin önemi üzerine bir mesajla sonlanmaktadır.

      • youtube.com

    • Bootstrap Kartları ve CSS ile Responsive Tasarım Eğitimi

      Bu video, bir eğitmen tarafından sunulan web tasarım eğitim dersidir. Eğitmen, Sublime Text editörü kullanarak Bootstrap kartlarını ve CSS ile responsive tasarım tekniklerini adım adım göstermektedir. Video iki ana bölümden oluşmaktadır: İlk bölümde Bootstrap kartlarının temel yapısı (card, card-body, card-title, card-footer) ve kullanımı anlatılmakta, e-ticaret ürünü örneği üzerinden kartların nasıl oluşturulacağı gösterilmektedir. İkinci bölümde ise CSS kodları kullanılarak responsive tasarım yapma teknikleri, padding, margin gibi CSS özellikleri ve mobil cihazlarda ürün kartlarının nasıl düzenleneceği anlatılmaktadır. Eğitim boyunca Bootstrap sınıfları (col, row, btn, text-secondary, text-danger, btn-block, btn-sm) ve responsive tasarım için kol kullanımı, padding ve margin değerlerinin nasıl ayarlanacağı detaylı şekilde gösterilmektedir. Ayrıca Hadiye adında bir öğrencinin işleri karıştırılarak konu daha eğlenceli hale getirilmektedir.

      • youtube.com

    • Web Tasarım Yapım Süreci

      Bu video, bir web tasarım şirketinin web sitesi yapım sürecini anlatan bir tanıtım filmidir. Video, proje teklif sürecinden sonra gerçekleştirilen toplantılarla başlayıp, kurum veya şirketlerin analiz edilmesi, müşteri bilgilerinin toplanması ve kreatif ekip tarafından dijital fikirlerin üretilmesi aşamalarını göstermektedir. Ardından yazılım süreci, arayüz geliştirmeleri, grafik çalışmaları ve son olarak SEO ve mobil uyumlu yazılım kurulum işlemleri ile proje tamamlanması anlatılmaktadır.

      • youtube.com

    • On Dakikada Web Tasarım Ödevi Nasıl Yapılır

      Bu eğitim videosunda Uğur Kılcı, izleyicilere on dakika içinde web tasarım ödevini nasıl yapabileceklerini adım adım gösteriyor. Video, web tasarım ödevinin temel yapısını oluşturma sürecini kapsamaktadır. Öncelikle klasör ve dosya oluşturma, HTML ve CSS kullanarak temel sayfa yapısı (header, footer, içerik ve menü) oluşturma, menü oluşturma, sayfa yönlendirmeleri yapma ve tasarım ekleme (arka plan rengi, padding, padding) gibi temel adımlar gösterilmektedir. Ayrıca, anasayfa, hakkımda, galeri ve iletişim gibi beş sayfa oluşturma ve resim ekleme işlemleri de anlatılmaktadır.

      • youtube.com

    • Web Tasarım Dersi Final Soruları Çözümü

      Bu video, bir eğitmen tarafından sunulan web tasarım dersinin final sorularının çözümünü içeren bir eğitim içeriğidir. Eğitmen, Microsoft Visual Studio ve Microsoft Access kullanarak web sitesi geliştirme sürecini adım adım göstermektedir. Video, web sitesi tanımlama, veritabanı oluşturma ve web formu geliştirme konularını kapsamaktadır. Eğitmen önce Microsoft Access'te öğrenci bilgilerini tutan ve ders notlarını tutan iki tablo oluşturur, ardından Microsoft Visual Studio'da bu veritabanına bağlanan web formları geliştirir. İlk form, veritabanına öğrenci bilgilerini ekleme işlemini, ikinci form ise bu bilgileri görüntüleme işlemini gerçekleştirir. Video, web geliştirme mantığını anlamak isteyenler için temel bir rehber niteliğindedir.

      • youtube.com

    • Aksaray Üniversitesi Yönetim Bilişim Sistemleri Bölümü Tanıtımı

      Bu video, Aksaray Üniversitesi Yönetim Bilişim Sistemleri (YBS) öğrencisi Sedayrek tarafından hazırlanan bir bölüm tanıtımıdır. Sedayrek, bölümünü ve üniversitesini tanıtmaktadır. Videoda YBS bölümünün çok yönlü bir meslek olduğu, hem girişimci hem de yönetici olabildiğimiz vurgulanmaktadır. Ayrıca ASU YBS'nin diğer üniversitelerden farklı olarak ilk sene web tasarım ve programlama dersleri sunduğu belirtilmektedir. Video, eğitim aktiviteleri (Burdur Yönetim Bilişim Zirvesi, Smart Face Konferansı, Sivas Yönetim Bilişim Şenlikleri, Uluslararası Sinkov) ve sosyal aktiviteler (Tema Vakfı'nın ağaç dikme etkinliği) hakkında bilgiler içermektedir.

      • youtube.com

    • Crain 3 ve Game SDK Kurulum Eğitimi

      Bu video, Tayfun Eren Bağcı tarafından "Kolay Web Tasarım" kanalında sunulan bir eğitim içeriğidir. Eğitmen, Crain 3 programında setup oluşturma ve Game SDK kurulum aracının kullanımını adım adım göstermektedir. Video, üç ana bölümden oluşmaktadır: İlk bölümde Smart Install Maker programı kullanılarak Crain 3 için setup oluşturma süreci anlatılmaktadır. İkinci bölümde Game SDK kurulum aracının arayüzü ve arka plan, pencere başlığı, logo, dil, ikon ve kısayollar gibi ayarların nasıl yapılacağı gösterilmektedir. Son bölümde ise oyunun web sitesine bağlanması, masaüstüne kısayol oluşturma ve oyunun başlatılması adımları açıklanmaktadır. Eğitim, ücretsiz sürümün Crain 3 3.8 sürümünde sorunsuz çalıştığını belirtmekte ve kurulum sırasında dikkat edilmesi gereken noktaları vurgulamaktadır. Ayrıca, Adobe Flash Professional kullanarak menü ekranı oluşturma ve crackli sürümlerde bazı özelliklerin mümkün olmadığı bilgisi de paylaşılmaktadır.

      • youtube.com

    • Adobe Dreamweaver Web Tasarım Eğitimi

      Bu video, bir eğitmen tarafından sunulan web tasarım derslerinin on ikinci bölümüdür. Eğitmen, programı beş aydır kullanarak birçok web sitesi hazırladığını belirtmektedir. Videoda Adobe Dreamweaver programının temel özellikleri ve kullanımı detaylı olarak anlatılmaktadır. Programın arayüzü, yeni proje oluşturma, değişken ve sabit genişlik ayarları, sütun sayısı, kalıp dosyaları ve sayfa oluşturma gibi temel özellikler gösterilmektedir. Ayrıca, programın kodsuz web sitesi oluşturma imkanı sunduğu ancak kod bilgisinin de gerekli olduğu vurgulanmaktadır. Eğitmen, programın SEO için meta veri ayarlarının önemini vurgulamakta ve kalıpların genellikle kullanılmadığını belirtmektedir. Video, programın temel kullanımını öğrenmek isteyenler için faydalı bir kaynak niteliğindedir.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor