WEB SİTEMİ NASIL YAPTIM? Web Arayüz Tasarımı Nasıl Yapılır?
Вставка
- Опубліковано 22 гру 2021
- Çoğu zaman kendimize ait bir web sitesi yapmamız gerekiyor ama bunun için bir çok aşama var. Ya önce arayüzünü tasarlayarak sonra kodlamasını yapacağız veya yaptıracağız, ya da tamamını tek seferde yapmak için wordpress, joomla gibi farklı aracılar kullanacağız. Ama bu videoda ben sizlere figma ile web arayüzümü nasıl hazırladığımı gösterdim. Meta Boomers NFT projemiz için hazırladığım bu web arayüzü oldukça da hoşuma gitti. Umarım siz de seversiniz :)
~
Video Sponsoru: Hostinger
www.hostg.xyz/SH6Mb
Hostinger dünya standartlarında bir web sitesi barındırma servisi. 178 ülkede 29 milyondan fazla kullanıcıya ulaşan platform ortalama olarak her gün 15.000 yeni kayıt ve her 5 saniyede yeni bir müşteri kazanıyor.
Bazı avantajları:
*Türkçe olarak mevcut,
*Fiyatları oldukça uygun,
*30 Gün içinde geri ödeme almak mümkün,
*Canlı sohbet yoluyla 24/7/365 müşteri desteği var
Hostinger'in diğer markalarından bazıları:
000webhost, Hosting24, Weblink ve Hostmania
Hostinger hizmetlerinden faydalanmayı düşünenler için %7 indirim kodunu da kaçırmayın derim.
%7 İNDİRİM KODU: TASARIMCIDAYI
~
Tasarımcı Dayı’nın, NFT Projesi ÇIKIYOR!
Proje yakında Ethereum Blockchain'de yayınlanacak. Yol haritası ve sizi bekleyen birbirinden güzel hediyeler için discord sunucusuna gelin.
Discord: / discord
Twitter: / metaboomersnft
~
🤝 Sponsorluk/İş Birliği: collab@tasarimcidayi.com
✉️ İletişim/Tasarım Hizmeti: tasarimcidayi.com/iletisim/
~
Sosyal Ağ
Discord: / discord
Telegram: t.me/tasarimcidayi
Instagram: / tasarimcidayi
TikTok: / tasarimcidayi
Forum: 1tik.net
Grafikerler Tg: t.me/grafiktasarimcilar
Destek: / tasarımcı dayı
~
✉️ Video Serisi Mailleri
Ambalaj Hileleri: ambalaj@tasarimcidayi.com
Sektörün Gariplikleri: gariplik@tasarimcidayi.com
Saçma İş İlanları: ilan@tasarimcidayi.com
Dolandırıcılar: adiler@tasarimcidayi.com
Shop Dedektifi: shop@tasarimcidayi.com
Bu Gerçek Mi?: gercekmi@tasarimcidayi.com
Tasarımcı Dayı’nın, NFT Projesi ÇIKIYOR!
Proje yakında Ethereum Blockchain'de yayınlanacak. Yol haritası ve sizi bekleyen birbirinden güzel hediyeler için discord sunucusuna gelin.
Discord: discord.gg/metaboomersnft
Twitter: twitter.com/metaboomersnft
Insagram: instagram.com/metaboomersnft/
Tebrik ederim yine her zamanki gibi güzel bir içerik
*Bu Arada Y-T Kısa bir süre önce başladım Buradan bir kaç kişi bile a-bo-ne olsa yüzümü güldürmeye yeter.Destekleyen Herkesten Allah razı olsunnn.*
Abi
Abi bir videonda bizim yaptığımız internet sitelerine ve kanallara göz atarmısın.
Seyfullah +1
Abi Ethereum ağında değil de Polygon ağında yayınlansa daha iyi olmaz mıydı? Hem yüksek bedelli gas fee ödemek zorunda kalmazdık?
Web Tasarım okuyorum 1 yılda öğretemedikleri şeyi burda öğrettin hocam sağol.
bende web tasarım okuyorum 1 yılda bunları öğrenemediysen sorunu onlarda değil kendinde aramalın bence şu siteyi 3 aylık web tasarım öğrencisi sadece html css kullanarak bile yapar
@@acar344 Abi pardon da sa na ne
@@acar344 👌 Aradığım yorum sen malsan öğretmenler ne yapsın 🤣🤣
boşa okuyorsun
@@kurbagau pnunyazdığınsa sa na ne
Vallaha tasarım ile uzaktan yakından alakam yok. Ama içine çekiyor vallaha videolarınız keyif ile izliyorum. Hatta daha önceden yaptırdığım işlere bakıyorum ve üzülüyorum. Keşke zamanında fark edip de sizlere ulaşsaymışım. Harika bir iş çıkartıyorsunuz. Elinize sağlık. Umarım ilerleyen zamanlarda sizler ile çalışmış olmak dileğiyle.
Bu şey değilmi ya ben
Bir backend developer olarak sistemleri kurarken figma üstünden arayüz tasarlayıp sanki oraya hazırlıyormus gibi çalışmak çok yararlı oluyor. Tavsiye ederim herkese.
Evet. Fakat bazen sıkıntı olabiliyor. Mesela aynı css dosyasında media ile mobil ve web için yazıyorsan ölçüler değişiyor
+999999
@@sciienceclubaz ölçüler için @media etiketine koşullar belirtebilirsin min max-width:700px gibi.
bu yaptığımız şeyleri nasıl javascript gibi kodlarla birleştirebiliriz ve yağtıgımız tasarımı nasıl bi siteye veya mobil app e çevirebiliriz. Bunun hakkında hiç bir video bulamadım yardımcı olabilirmisin eğer biliyorsan.
@@ahmetboy459 html-css-javascript bilmen lazım, bu sadece bir tasarım. Front-end developer bu tasarımı alıp kodluyor, back-end'lik iş varsa o da yapıyor işini tabii ki
Saygı Değer Administer Burak bey sayenizde ömrümde bu güne kadar öğrenmediğim sanal dünyada tasarım site grafik programaları kullanımları kanımca yeterince bilgileri öğrendik... Şimdiden Emeğinize Sağlık Başarılı Eğitici Ve İlham kaynağı Yayınların Devamını Canı Gönülden Dilerim...
Dayı gerçekten teşekkür ederim. Uzun zamandır Figma'ya geçmek istiyordum. Senden Figma alıştırmaları yapmak çok güzel olacak benim için. Kodlama kısmını göstereceğim dediğin zaman gerçek anlamda heyecanlandım. Çok çok teşekkür ederim.
Abi hayırlı olsun şimdiden, çizimler çok tatlı duruyor 😍
uzun zamandır gördüğüm en iyi, pratik ve net anlatılmış video
Hayırlı Olsun Dayı Mükemmel Bir Proje Olacak :)
Videoları çok güzel yapıyorsun abi seviliyorsun
performans ödevini yaparken dinledim sıkılmadım mükemmelsin abi seviliyosun gece 1 :)
Bir proje yaklaşıyor efendim!! Hayırlı olsun :)
Figma ve web tasarım konusunda çok yardımcı oldunuz çok teşekkür ederim.
Tebrik ederim yine her zamanki gibi güzel bir içerik
*Bu Arada Y-T Kısa bir süre önce başladım Buradan bir kaç kişi bile a-bo-ne olsa yüzümü güldürmeye yeter.Destekleyen Herkesten Allah razı olsunnn.*
Abi çizimler mükemmel olmuş senin ve ekibinin ellerine sağlık ben bayıldım şahsen sitede gayet güzel olmuş bana sorarsan çok beğenilecek tekrardan ellerinize sağlık mükemmel olmuş❤❤❤
Bağlantıyı vermenin kısa yolu prototype kısmına tıkladığında seçili alanın sağında mavi kontürlü yuvarlaktan tutup bağlantı vermek istediğiniz noktaya götürmek. Yani prototype, sağdaki noktadan tut sürükle bırak.
çok teşekkürler sayenizde çok şey öğrendim, elinize emeğinize sağlık
Çok güzel olmuş dayı seni izlerken benimde yapasım geldi :D
Sonunda yeni video geldi!!
adam o kadar iyi yapıyorki yemin ederim nediyeceğimi bilemiyorum
Eline sağlık abi
Wix geldiğinden beri webci dostlarımın iyi iş yaptığını görmedim
guzel anlatim, abone oldum
Dayıcım kodlama bölümü de gelirse çok iyi olur teşekkür ederim.
Hayırlı olsun evi satıp dayı koleksiyonu alalım bizde o zaman :)
o adem hocam selamlar :) sizin de NFT eğitim videolarınızı yakından takip ediyoruz
haha bence de bizde evi arsayı satalım en iyisi :) yoksa bize eser kalmaz
bugün evi satan yarın arsa satar :) nft çok çılgın şekilde büyüdü bakalım :) bu arada sizin derslerinizi inceledim çok iyi
Ağabey elinden de herşey geliyor beya.
Dayıcım okulda hocama tanıttım sizi bilgi videolarınızı okulda izliyoz şimdi dayım haydeeee
Eline sağlık dayıı
adamın dibi dibi
Harika olmuş
Hocam yıldızlar Ay'ın önünde kaldı, Ay'ı öne alırsanız daha hoş ve mantıklı olur gibi 😊
çook güzel olmuş bence
Eline Sağlık
Bu İşin Üstadı 🖐🏻
Bir şey diyeceğim tasarım ile hiç alakam yok ama bu videoyu sonuna kadar izledim
ellerine sağlık dayıı
Dayı:Bu daireyi nasıl yaptığımı anlatmama gerek yok
Gene dayı:Bu daireyi böyle yapıyorsunuz
Yapıyosun bu işi
Güzel video
videonun suresi cok guzel
Dayı uzun olsun bir şey olmaz ya, elini korkak alıştırma. Onurun 12 saatlik videosunu bitiren biz, Tasarımcı dayının 24 saati olsa izleriz 😂
merhaba dayı sana bir soru sormak istiyorum. bir nft projesi yapmak istiyorum ama baslangic fiyatlari dudak ucuklatiyor. ogrenciler icin uygun bir nft sitesi var mıdır
Tebrikler
Çok güzel
Abi Süper Olmuş Web Siten
:D
Adamsın ab.
daha çok web tasarım projeleri gelsin
Helal olsun ne diyelim
Mükemmel zevkli ve faydalı bir video olmuş 2 saat olsa oturur film gibi izlerdim 😄
Başarıların devamını diliyorum abim...
Abi bunu siteye çevirme kısmını da gösterir misin bunu türkçe güzel bir şekilde anlatan yok. Bekliyorum
html css ile
@@gokhan1519 onu biliyorum ama başka bir şekilde direk entegre edilebiliyor mu bunu sordum aslında
@@rawartforworld webflow ile de yapabilirsin ama onda da css bilgisi lazım oluyor
Figma sadece bir UI design programıdır. UI designer Figma'da tasarımı yapar, front end developer ise UI designerın hazırladığı tasarımı bakarak web sitesine kodlar. Grafik Tasarımcılar genelde kodlama bilmezler.
@BayMunis dediğim gibi html css ile oluyor.. figmadan vs html css e convert eden toollar var yıllardır, ama hiç biri iyi sonuç vermiyor
Video çok güzel teşekkürler, peki bu yapılan siteyi domaine nasıl bağlıyoruz?
Ben bişey namadım ama güzel olmuş ♥️♥️
Vay Be
Discord kullanmıyorum..... NFT daha satin almadim cunku ilgimi ceken bi proje olmamisti....taki senin nft yapicagini duyana kadar.... son videodan beri bu haberini bekliyodum. Lafin kisasi...nerde nezaman nasil alabiliriz diyede video gelirse sevinirim. Simdide iki uc tanesi benim :D eth hazir bekliyor
Hocam çok sayfalı bir ticaret sitesi için bir anlatım videosu yapabilir misiniz
Adaaam
figma'da sadece tasarım mı yapılıyor yoksa code olarak çıktı alabiliyormuyuz Adobe Xd deki gibi
👍
Slm Dayı Emeklerinden Ötürü ve Öğretici videon için Teşekkürler, fakat değinmen gereken bir durum var Mobil için.
Örn ; Mobilde Menü açıp Takıma tıklayınca menü tuşu solda kalıyor Çarpıya tıklayıncada En başa atıyor bunun düzeltilmesi site için daha yararlı olur biliginize
Abi hatay spor logosu yaparmısın
Figma kullanacak olan arkadaşlara Unsplash eklentisini indirip kurmalarını öneririm gayet keyifli.
Anlatımınız için teşekkürler fakat Cüzdanı Bağla Butonu oluşturduğunuz. Cüzdanı Bağla yönlendirmesini nasıl yapacağımızı göstermediniz ve sizden bir ricam var. Pancakeswap gibi Bsc üzerinden Dex borsası yapabilir miyiz Remix de. Bununla ilgili video yapacak bilgiye sahip olduğunuzu düşünüyorum. Saygılar
Forumlardaki minecraft sunucu tanıtımlari gibi olmus😂 ama hoş
Sevgili Dayı Ay, yıldızların önünde olmalıydı.
Sırf yorum olsun diye atıyorum.
O siteyi hangi program da yaptınız
GÜZEL VİDEO
Abi özledik ya ne zamandır video atmıyon.
bütün like kaptın hadi :😎😎😎😎😎😎
Abi o kutulara koyduğun resimleri indirdimde kullanabiliyemiyim yasal bir sıkıntısı olurmu
artık dayının parallel evrenlerden gelen bir sürü altenatif versiyonu var
Dayıcım NFT nasıl çizilir nasıl başlanır nasıl yapılır tarzında bir video çekersen mutlu olurum. Saygılar
zaten çekti eskiden
Tm
Meraba dayı nasılsın iyimisin ?
Abi nft giysilerini nasıl yapıyoruz onun videosunu yaparmasın saygılar
Merhabalar Unity ile Zula tarzı bir oyun yapmak istiyorum. Zula tarzı derken silah özelleştirmeli farklı haritalar olan market sistemi olan bir oyun yapmak istiyorum. Bu konuda yardımcı olabilir misiniz? Yardımcı olabilecek var mı?
rez
100 k bütçen varsa anca
Bir sorum olacak google reklamlarına uyum kısmi nasil olacak. Yani diğer altyapılarda google reklamlar kısmında avantajları oluyor o konuda bir farkı olur mu. Yani website yi google reklamlar ile öne çıkarırken altyapının önemi farki etki yaratır mi?
Şimdi videoda yapılan sadece bir görsel. Bunu web sitenin bir ss -i gibi düşüne bilirsin. Google reklamlar kısımı için APİ kullanılıyor. Reklam için önce sayfanın HTML & CSS & JS kod dökumanları yazılıyor.
@@sciienceclubaz teşekkür ederim çok anlamadığım bir alan ama demek istediğini çat pat anladim. Wordpress alt yapılırlar genelde google reklama daha uygun yada daha kolay diye duymuştum onu sormak istedim yani anladığım kadarı ile burada sadece sitenin görsel kabasini yani tema gibi yada kabataslagini oluşturuyoruz oda reklam kısmını engellemiyor sanirim
Her Türlü İngilizce Sınavınız İçin Kısa Ve Açıklayıcı Videolar.. 💕💕
😀😀😀
✌✌✌✌✌
Ya uygulama adını anlamadim en başta dediğini pek ilgilenmediğim için daha önce duymamış olabilirim birisi adını yazabilirmi ayni zamanda ücretli mi uygulama pek anlamam tasarımdan falan da ;)
İlk
ben uygulamaya baktımda biraz link ekliyemiyorum + işratreti ıkmıyor bide siteyi oynat diyince mavi bir yazı çıkıyor oynatmıyor yardımcı olucak varmı
Destek yorumu
bomba ekip
Figma üzerinde hazırlayıp yaptığımız web sitesini domiane nasıl bağlayabiliriz
Eskilerin Ftont Page si gibi...
Bu Pi Network ve star Network gibi uygulamalar bu kadar basitmi?
Bir soracağım nasıl yapabiliyorsun burak abi
Site açılmıyor. 😒 522 Connection timed out.
Web Sitesini Bi Tık Büyütelim 😂
Hostinger reklamı yaptığınız videoya istinaden cpanel host aldım ancak olmadı sornular çıktı o videoda yorumlarınız kapalı olduğundan buradan yazıyorum ücret iadesi için yardımcı olur musunuz
abi bende uzun süredir Figma kullanıyorum
Hocam birde buna alan adımızı nasıl ekliyoruz
Figma böyle işleri yapabiliyor muymuş ya?? Wordpressten bile daha basit görünüyor
dayı selaaam
abi siteyi yaptığın uygulamının ismini koyarmısın
Selam hocam ben tasarlamaya çalışırken mobil arayüz çıkmıyor sadece masaüstü tasarımı yapılabiliyor
Arkadaki meteor arka plana düşse ve nft'ler değişse nasıl olur hocam.
html ile yapmak daha iyi ve bence daha kolay