WEB SİTEMİ NASIL YAPTIM? Web Arayüz Tasarımı Nasıl Yapılır?
HTML-код
- Опубликовано: 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
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.
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
uzun zamandır gördüğüm en iyi, pratik ve net anlatılmış video
Abi hayırlı olsun şimdiden, çizimler çok tatlı duruyor 😍
Hayırlı Olsun Dayı Mükemmel Bir Proje Olacak :)
performans ödevini yaparken dinledim sıkılmadım mükemmelsin abi seviliyosun gece 1 :)
Videoları çok güzel yapıyorsun abi seviliyorsun
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.
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.*
Bir proje yaklaşıyor efendim!! Hayırlı olsun :)
çok teşekkürler sayenizde çok şey öğrendim, elinize emeğinize sağlık
adam o kadar iyi yapıyorki yemin ederim nediyeceğimi bilemiyorum
Sonunda yeni video geldi!!
Figma ve web tasarım konusunda çok yardımcı oldunuz çok teşekkür ederim.
Çok güzel olmuş dayı seni izlerken benimde yapasım geldi :D
Ağabey elinden de herşey geliyor beya.
Eline sağlık abi
Dayıcım kodlama bölümü de gelirse çok iyi olur teşekkür ederim.
Dayıcım okulda hocama tanıttım sizi bilgi videolarınızı okulda izliyoz şimdi dayım haydeeee
Hocam yıldızlar Ay'ın önünde kaldı, Ay'ı öne alırsanız daha hoş ve mantıklı olur gibi 😊
Wix geldiğinden beri webci dostlarımın iyi iş yaptığını görmedim
guzel anlatim, abone oldum
daha çok web tasarım projeleri gelsin
Harika olmuş
Bir şey diyeceğim tasarım ile hiç alakam yok ama bu videoyu sonuna kadar izledim
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 😂
Eline sağlık dayıı
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
çook güzel olmuş bence
adamın dibi dibi
Eline Sağlık
Bu İşin Üstadı 🖐🏻
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
Video çok güzel teşekkürler, peki bu yapılan siteyi domaine nasıl bağlıyoruz?
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
ellerine sağlık dayıı
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
Yapıyosun bu işi
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
O siteyi hangi program da yaptınız
Güzel video
videonun suresi cok guzel
Tebrikler
Abi o kutulara koyduğun resimleri indirdimde kullanabiliyemiyim yasal bir sıkıntısı olurmu
Hocam çok sayfalı bir ticaret sitesi için bir anlatım videosu yapabilir misiniz
Ben bişey namadım ama güzel olmuş ♥️♥️
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
Abi Süper Olmuş Web Siten
:D
Mükemmel zevkli ve faydalı bir video olmuş 2 saat olsa oturur film gibi izlerdim 😄
Başarıların devamını diliyorum abim...
Adamsın ab.
Dayı:Bu daireyi nasıl yaptığımı anlatmama gerek yok
Gene dayı:Bu daireyi böyle yapıyorsunuz
Figma üzerinde hazırlayıp yaptığımız web sitesini domiane nasıl bağlayabiliriz
Çok güzel
Helal olsun ne diyelim
Forumlardaki minecraft sunucu tanıtımlari gibi olmus😂 ama hoş
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ı
Vay Be
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
Hocam birde buna alan adımızı nasıl ekliyoruz
Site açılmıyor. 😒 522 Connection timed out.
Adaaam
Sevgili Dayı Ay, yıldızların önünde olmalıydı.
Bir soracağım nasıl yapabiliyorsun burak abi
İlk
Selam hocam ben tasarlamaya çalışırken mobil arayüz çıkmıyor sadece masaüstü tasarımı yapılabiliyor
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
Arkadaki meteor arka plana düşse ve nft'ler değişse nasıl olur hocam.
👍
Bu Pi Network ve star Network gibi uygulamalar bu kadar basitmi?
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 ;)
Abi hatay spor logosu yaparmısın
Abi özledik ya ne zamandır video atmıyon.
abi siteyi yaptığın uygulamının ismini koyarmısın
GÜZEL VİDEO
gmail blogspot u bu şekilde düzenlemek mümkün mü ?
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
bu programın adı ne yaa
Abi nft giysilerini nasıl yapıyoruz onun videosunu yaparmasın saygılar
hangi program
ne üzerinden tasarlıcak anlamadım
Nft kendi sitemde yapıp satabilir miyim
Figma böyle işleri yapabiliyor muymuş ya?? Wordpressten bile daha basit görünüyor
Abi site nerde
Smm sitesi nasil kurulur yaparmisin
abi logoyu bi tık büyütelim derken 31 tık yapmışsın. Gözümden kaçmadı
artık dayının parallel evrenlerden gelen bir sürü altenatif versiyonu var
Abi Nasıl Nft kolleksiyonu yapılır?
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
Abi tasarımı yaptım fakat bunu nasıl html olarak bilgisayarıma indirip sonra siteye ekleye bilirim?
bildiğim kadarıyla html olarak indiremezsin kodları kendin yazman gerek hepsini bu tasarım sadece ön plan çalışması diyebiliriz
@@ahmetyigit549 zaten sayfaya yönlendirme v.s yapa bilirim ama direk bu tasarımi siteye nasil atacağım onu soruyorum
Meraba dayı nasılsın iyimisin ?
Figma kullanacak olan arkadaşlara Unsplash eklentisini indirip kurmalarını öneririm gayet keyifli.
Site linki açılmadı :(
abi bende uzun süredir Figma kullanıyorum
Hocam mrb. Ben wordpress kullaniyorum ve hazir temalardan gercekten sıkıldım, wordpress icinde kullanabilirmiyiz bunu ama kodlama bilgim yok
Öğrenebildiniz mi
@@farukturkan5567 yok malesef