• Buradasın

    Web Tasarımı

    Özetteki ilgi çekici içerikler

    • HTML CSS Dersleri: İlişkili Makaleler Ekleme

      Bu video, Nurullah Taş tarafından sunulan HTML CSS derslerinin bir parçasıdır. Nurullah, izleyicilere adım adım HTML ve CSS kullanarak bir web sayfasına ilişkili makaleler alanı eklemeyi göstermektedir.. Videoda, footer'ın üstüne "İlişkili Makaleler" adlı bir yan alan oluşturma süreci anlatılmaktadır. Nurullah önce üç farklı resim indirip, ardından HTML ve CSS kodları kullanarak bu resimleri ve ilgili makaleleri listeleme yapısını oluşturur. Listede her makale için resim, başlık ve yazar bilgisi eklenir. Video, CSS'in sidebar yapısını nasıl etkilediğini göstererek sonlanır.

      • youtube.com

    • Yapay Zeka ile Sıfırdan Web Sitesi Oluşturma Rehberi

      Bu video, bir eğitim içeriği olup, izleyicilere kodlama bilgisi olmadan profesyonel kalitede bir web sitesi nasıl oluşturabileceklerini göstermektedir.. Video, yapay zeka teknolojisinin web tasarım sürecini nasıl değiştirdiğini anlatarak başlıyor ve ardından beş farklı yapay zeka aracını (Wix, Hostinger, Framer, Canva ve Shopify Magic) adım adım gösteriyor. Her araç için nasıl kullanılacağı, ne kadar bilgi girilmesi gerektiği ve tasarımın nasıl özelleştirileceği detaylı olarak anlatılıyor. Video, yapay zeka ile web sitesi oluşturma sürecinin temel adımlarını (vizyon tanımlama, bilgi girişi, taslak oluşturma ve özelleştirme) açıklayarak, izleyicilere kendi web sitelerini dakikalar içinde nasıl kurabileceklerini gösteriyor.

      • youtube.com

    • Web Sayfası Tasarımı Eğitim Videosu

      Bu video, bir web geliştirme eğitim serisinin bir bölümüdür. Eğitmen, daha önceki derslerde öğretilen liseler ve linkler üzerinde işlem yapma konusunu uygulamalı olarak göstermektedir.. Videoda, bir web sayfasının son halinin nasıl güzelleştirileceği adım adım anlatılmaktadır. Eğitmen, listelere ikon ekleme, padding ve margin değerleri ayarlama, border radius ekleme gibi CSS özellikleri kullanarak sayfanın görünümünü iyileştirmektedir. Ayrıca, tek kısımların (tags) nasıl biçimlendirileceği, a etiketlerinin nasıl düzenleneceği ve header başlığı ekleme gibi konular da ele alınmaktadır. Video, web sayfası tasarımında temel CSS tekniklerini öğrenmek isteyenler için faydalı bir kaynaktır.

      • youtube.com

    • Google'da Sıralama Almak Ne Kadar Sürer?

      Bu video, bir web tasarımcısının Google'da sıralama almanın ne kadar sürdüğünü anlattığı bir eğitim içeriğidir.. Video, Google sıralamalarında yükselmek için gerekli faktörleri detaylı şekilde açıklamaktadır. Alan adı yaşı, temiz alan adı, anahtar kelime rekabeti, içerik türü, SEO için optimize edilmiş başlıklar, içerik uzunluğu, gönderilen içerik sayısı ve orijinal içerik gibi faktörlerin sıralama sürecini nasıl etkilediği anlatılmaktadır. Ayrıca, yeni bir web sitesinin veya sayfanın sıralamaya yükselmesi için bir formül olmadığını, bu sürecin çalışma stratejisine göre bir ayda da, iki sene de sürebileceğini belirtmektedir.

      • youtube.com

    • WordPress Kurulumu ve Tema Ekleme Rehberi

      Bu video, WordPress kurulumu konusunda adım adım rehberlik eden bir eğitim içeriğidir.. Video, WordPress kurulumu için gerekli olan hosting ve domain alımından başlayarak, CPanel üzerinden WordPress kurulumuna kadar tüm süreci detaylı şekilde anlatmaktadır. İlk bölümde hosting ve domain seçimi, CPanel'e erişim ve SSL sertifikası kurulumu gösterilirken, ikinci bölümde protokol seçimi, domain adresi belirleme, site adı ve açıklaması yazma, yönetici bilgileri oluşturma ve kurulum sonrası site tasarımı için öneriler sunulmaktadır.. Video ayrıca WordPress ile oluşturulan sitelerin nasıl özelleştirilebileceği, ücretsiz ve ücretli temaların nasıl kullanılacağı konularını da kapsamaktadır. Bu içerik, WordPress altyapısı kurmak isteyenler için kapsamlı bir rehber niteliğindedir.

      • youtube.com

    • Yüksek Para Kazanabileceğiniz Beş İş Modeli

      Bu video, konuşmacının öğrenmeye açık ve çalışmaya hazır herkesin yapabileceği beş iş modelini anlattığı bir eğitim içeriğidir.. Video, beş farklı iş modelini detaylı olarak açıklamaktadır: WordPress temaları satma, printon demand (baskı talebi), web site tasarımı ve geliştirme, YouTube kanalı açma ve metin yazarlığı. Her iş modeli için gerekli beceriler, kazanç potansiyeli ve öğrenme süreci hakkında bilgiler verilmektedir. Konuşmacı, özellikle İngilizce bilmenin bu iş modellerinde daha fazla para kazanmak için önemli olduğunu vurgulamaktadır.

      • youtube.com

    • Web Tasarım Eğitim Seti: Tasarım Temel İlkeleri ve Kullanılabilirlik

      Bu video, 2016-2017 eğitim öğretim müfredatına uygun hazırlanmış bir web tasarım eğitim setinin ilk bölümüdür. Eğitmen, bilişim teknolojileri alanında web tasarım dersinin tasarım temel ilkeleri modülünü anlatmaktadır.. Video, web tasarımında temel ilkeleri ve kullanılabilirlik özelliklerini ele almaktadır. İçerik, tasarım, işlevsellik, kullanılabilirlik ve web tarayıcıları ile uyumluluk gibi alt başlıkları kapsamaktadır. Eğitmen, web sayfasının hızlı yüklenmesi, navigasyon menülerinin konumlandırılması, anasayfa bağlantılarının bulunması, iletişim bilgilerinin sunulması ve arama kutularının kullanımı gibi konuları örneklerle açıklamaktadır.. Eğitim serisi, web tasarımının temel tasarım prensiplerini (header, slider, footer) göstermekte ve SEO (arama motoru optimizasyonu) kavramını anlatmaktadır. Eğitmen, "Bilişim Öğretmenleri" adlı bir web sitesi üzerinden örnekler vererek konuyu pekiştirmektedir.

      • youtube.com

    • E-Ticaret Sitesi Kategori Oluşturma Eğitimi

      Bu video, bir e-ticaret sitesi oluşturma eğitim serisinin bir bölümüdür. Anlatıcı, tasarım, header ve footer ayarlarının yapıldıktan sonra ürün yükleme aşamasına geçiş yapmaktadır.. Video, e-ticaret sitesinde kategori oluşturma sürecini adım adım göstermektedir. Önce kategori yönetimi sayfasına giriş yapılarak yeni bir kategori (örnekte "Kadın" kategorisi) oluşturulması, ardından bu kategoriye alt kategori (örnekte "Etek") ekleme işlemleri anlatılmaktadır. Ayrıca kategori düzenleme ve SEO bilgilerinin güncellenmesi gibi ek özellikler de gösterilmektedir.

      • youtube.com

    • HTML Dosya Oluşturma Eğitimi

      Bu video, web tasarımında temel bir konu olan HTML dosya oluşturma konusunda adım adım bir eğitim sunmaktadır.. Video, HTML dosyası oluşturma sürecini detaylı bir şekilde anlatmaktadır. Önce masaüstünde yeni bir metin belgesi oluşturma, dosya ismini "index.html" olarak değiştirme ve uzantısı .html olarak ayarlama adımları gösterilmektedir. Ardından Not Defteri programı kullanılarak HTML kodlarının nasıl yazılacağı, HTML etiketi, head etiketi, title etiketi, body etiketi ve paragraf etiketi gibi temel HTML yapılarının nasıl kullanılacağı adım adım açıklanmaktadır. Son olarak, oluşturulan HTML dosyasının Google Chrome tarayıcısında nasıl görüntüleneceği gösterilmektedir.

      • youtube.com

    • Blogger'da Sayfa Ekleme ve Düzenleme Eğitimi

      Bu video, Blogger platformunda blog yönetimi hakkında bir eğitim serisinin bir parçasıdır. Eğitmen, daha önce iki yazı eklemiş bir blog örneği üzerinden anlatım yapmaktadır.. Video, Blogger'da sayfa ekleme ve düzenleme konusunu ele almaktadır. Eğitmen önce sayfaların yazılardan farkını açıklar, ardından "İletişim" adlı bir sayfa oluşturma sürecini gösterir. Daha sonra bu sayfanın şablon üzerinde nasıl yerleştirileceği, yerleşim bölümünden sayfaların nasıl düzenleneceği ve sürükle-bırak yöntemiyle sayfaların nasıl taşınacağı adım adım anlatılır.

      • youtube.com

    • Profesyonel Web Sitesi Kurma ve Düzenleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere 30 dakikada sürükle bırak yöntemleriyle profesyonel bir web sitesi kurma ve düzenleme sürecini adım adım göstermektedir.. Video, web sitesi kurma sürecini dört ana bölüme ayrılmış olarak sunmaktadır: hosting ve domain alma, WordPress altyapısı kurulumu, Elementor ile sayfa düzenleme ve hazır site şablonlarının kullanımı. İçerik, farklı işletmeler, restoranlar, klinikler, avukatlar ve muhasebeciler için profesyonel web sitesi kurma sürecini kapsamaktadır.. Eğitimde WPMavi platformu üzerinden hosting ve domain alma, WordPress yönetim paneline giriş yapma, Astra temasını yükleme, Elementor ile içerik ve tasarım özelleştirmeleri, yeni sayfa oluşturma, header ve footer bölümlerini özelleştirme gibi konular detaylı olarak gösterilmektedir. Ayrıca Envato Elements eklentisi ile alternatif hazır sayfa ve bölüm tasarımlarının nasıl eklenebileceği de anlatılmaktadır.

      • youtube.com

    • Ücretsiz Web Sitesi Tasarımı Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı ücretsiz ve pratik bir şekilde web sitesi tasarımını nasıl yapabileceğinizi göstermektedir.. Video, Google Sites platformu üzerinden web sitesi oluşturma sürecini adım adım anlatmaktadır. Konuşmacı önce şablonları kullanma seçeneğini, ardından sıfırdan site oluşturma yöntemini göstermektedir. Site oluşturma sürecinde sayfa ekleme, temalar düzenleme, görsel yükleme, yazı tipi seçimi ve önizleme yapma gibi temel işlemler detaylı olarak açıklanmaktadır. Ayrıca, profesyonel bir web sitesi için kendi domaininizi kullanmanın önemi de vurgulanmaktadır.

      • youtube.com

    • Web Sitesi Kurulumu ve Özelleştirme Eğitimi

      Bu video, Onur Naci Öztürkler tarafından sunulan bir eğitim serisinin parçasıdır. Sunucu, web sitesi kurulumu ve özelleştirme konusunda adım adım anlatım yapmaktadır.. Video, web sitesi oluşturma sürecini kapsamlı şekilde ele almaktadır. İçerikte Hostinger üzerinden ücretsiz domain ve hosting satın alma, WordPress kurulumu, Astra eklentisi ekleme, Spunkram Library şablonu kullanımı, Elementer düzenleyici ile tasarım yapma, menü yapılandırması, "About Me" bölümü düzenleme ve ürün tanıtım sayfası oluşturma gibi adımlar gösterilmektedir.. Eğitim, tamamen bilmeyenlere yönelik basit ve hızlı bir şekilde web sitesi kurma sürecini anlatmayı amaçlamaktadır. Video, yaklaşık 10-30 dakika içinde bir web sitesi kurulumunun nasıl yapılacağını göstermekte ve Spunkram Library şablonunun temel özelliklerini (tanıtım videosu, satın alma butonu, iletişim formu) açıklamaktadır.

      • youtube.com

    • Yapay Zeka ile Web Sitesi Tasarımı ve SEO Optimizasyonu

      Bu video, yaklaşık 25 yıllık web sitesi deneyimine sahip bir uzman ve diğer tasarımcıların katıldığı canlı bir yayındır. Konuşmacılar arasında Kadir Koç, Yunus Emre ve Ahmet adlı kişiler bulunmaktadır.. Videoda yapay zeka araçlarının (ChatGPT, Figma gibi) web sitesi tasarımı ve SEO optimizasyonu süreçlerinde nasıl kullanılabileceği adım adım gösterilmektedir. İçerik, analiz, planlama, tasarım, kodlama, içerik düzenleme, SEO ve reklam gibi web sitesi oluşturma aşamalarını kapsamaktadır.. Ayrıca videoda anahtar kelime analizi, H1, H2, H3 tagları kullanımı, meta verileri düzenleme ve robot.txt dosyası oluşturma gibi SEO teknikleri anlatılmaktadır. Konuşmacılar, yapay zeka araçlarının tasarım sürecini kolaylaştırdığını ancak tamamen web işini bilen kişilerin yapması gerektiğini vurgulamaktadır. Video, izleyicilerden gelen sorulara yanıt verilerek interaktif bir şekilde ilerlemektedir.

      • youtube.com

    • Figma Eğitim Videosu: İlk Giriş

      Bu video, yaklaşık 25 yıllık web tasarımı deneyimine sahip Kadir Koç tarafından sunulan Figma eğitim serisinin ilk bölümüdür.. Videoda Figma programının temel özellikleri ve arayüzü tanıtılmaktadır. Kadir Koç, Figma'nın Photoshop veya Adobe XD gibi programlara göre daha esnek, pratik ve hızlı olduğunu vurgulayarak, programın ana bölümlerini (board, import, taslaklar, proje, admin) açıklamaktadır. Ayrıca çalışma sahnesi, araçlar, metin, komponentler, paylaşım ve prototip oluşturma gibi temel özellikler de gösterilmektedir. Video, Figma'nın temel kullanımını öğrenmek isteyenler için temel bir giriş niteliğindedir.

      • youtube.com

    • Hareketli GIF Banner Tasarımı Eğitimi

      Bu video, Onur Naci Öztürkler tarafından sunulan bir eğitim içeriğidir. Sunucu, web siteleri için hareketli GIF banner tasarımı konusunda adım adım rehberlik etmektedir.. Video, Photoshop ve After Effects programlarını kullanarak Minecraft ürünleri için bir web site banner'ı GIF animasyonu yapımını göstermektedir. İlk olarak Photoshop'ta 234x60 piksel boyutunda bir banner oluşturulur, Minecraft wallpaper'ı eklenir ve yazılar yerleştirilir. Ardından After Effects'te fade in/fade out animasyonları ve CC Light Burst efekti kullanılarak hareketli bir banner oluşturulur. Son olarak Adobe Media Encoder Q kullanarak GIF render alma süreci anlatılmaktadır.. Eğitim, izleyicilere kendi yaratıcı zekalarını kullanarak benzer tasarımlar yapabilmelerini amaçlamakta ve GIF animasyonunun nasıl oluşturulacağını ve render alınacağını öğrenmek isteyenler için faydalı bir kaynaktır.

      • youtube.com

    • WordPress ve Elementor ile Web Sitesi Kurma Eğitimi

      Bu video, bir eğitmen tarafından sunulan WordPress ve Elementor kullanarak web sitesi kurma eğitimidir. Eğitmen, kendi satın aldığı domain adresi üzerinde adım adım gösterim yapmaktadır.. Video, WordPress panelinde temaların ekleme, Elementor eklentilerinin kurulumu ve etkinleştirilmesi ile başlayıp, web sitesinin tüm bölümlerinin (header, footer, menü, sayfa, portfolyo, müşteri yorumları, harita, sosyal medya ikonları) nasıl oluşturulacağını detaylı olarak anlatmaktadır. Eğitim, web sitesi tasarımının temel adımlarını kapsamlı şekilde ele almaktadır.. Eğitim içeriğinde gradient efektleri, hover efektleri, butonlar, görseller, ilerleme çubukları, yapışkan menü oluşturma, renk ayarları ve görsel düzenlemeler gibi web tasarım elemanlarının nasıl kullanılacağı gösterilmektedir. Video, tamamlanan web sitesinin gösterimiyle sona ermektedir.

      • youtube.com

    • WordPress ve Elementor ile E-Ticaret Sitesi Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir e-ticaret sitesi oluşturma eğitimidir. Eğitmen, izleyicilere WordPress, WooCommerce ve Elementor kullanarak profesyonel bir e-ticaret sitesi nasıl oluşturulacağını adım adım göstermektedir.. Video, e-ticaret sitesi tasarımının tüm aşamalarını kapsamaktadır: istek listesi eklentisinin Türkçeleştirilmesi, ürün sayfalarının özelleştirilmesi, ödeme seçeneklerinin düzenlenmesi, ana sayfa tasarımı, footer oluşturma, iletişim sayfası, sipariş takip, hesabım gibi temel sayfaların oluşturulması ve ürün oluşturma süreci. Eğitmen, tüm bu aşamaları detaylı şekilde göstererek izleyicilere e-ticaret sitesi oluşturmak için gerekli tüm bilgileri sunmaktadır.. Eğitim içeriğinde ayrıca konteyner kullanımı, renk ayarları, hareket efektleri, sticky header ayarları, mobil görünüm düzenlemeleri ve sanal pos müracaatı için gerekli sayfaların hazırlanması gibi teknik detaylar da yer almaktadır. Video, e-ticaret sitesi oluşturmak isteyenler için kapsamlı bir rehber niteliğindedir.

      • youtube.com

    • Blog Düzenleme Eğitim Videosu

      Bu video, bir eğitim içeriği olup, izleyicilere blog düzenleme konusunda adım adım rehberlik etmektedir.. Videoda iki ana konu ele alınmaktadır: İlk olarak sayfalar menüsüne "İletişim" ve "Hakkımda" sayfaları ekleme işlemi gösterilmektedir. İkinci olarak, Bursa Tophane, Kalaba Çınarcık ve Konya Ovası fotoğrafları için alternatif metin ve başlık ekleme işlemleri anlatılmaktadır. Video, blogun daha profesyonel ve kullanıcı dostu hale getirilmesi için pratik bilgiler sunmaktadır.

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