آموزش یک وب سایت به سبک 8 بیتی را با دست بسازید

Hand-craft an 8-bit style website

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

به  یک وب سایت 8 بیتی ایجاد کنید خوش آمدید!

ما یک وب‌سایت 8 بیتی به سبک یکپارچهسازی با سیستمعامل طراحی و کدنویسی می‌کنیم که به نظر می‌رسد با بازی‌های نینتندو دهه 90 مطابقت دارد. شما می توانید این دوره، کد و طراحی را به هر چیزی که می خواهید تغییر دهید: یک وب سایت نمونه کارها، یک وب سایت سرگرمی، یا یک وب سایت به سبک رزومه. در این دوره من یک صفحه وب رزومه ایجاد می کنم، اما مطمئناً با خیال راحت محتوا را تغییر دهید! ما از HTML و CSS بسیار ساده استفاده خواهیم کرد تا این کار را برای ما انجام دهیم.

*شما باید تا حدودی با   HTML و  CSS آشنایی داشته باشید تا بیشترین بهره را از این دوره ببرید. دانش مبتدیان از HTML خوب است!

ما یک وب‌سایت قدیمی به سبک ۸ بیتی با استفاده از HTML و CSS ایجاد می‌کنیم! گام به گام با هم از آن عبور خواهیم کرد! من یک صفحه وب به سبک رزومه درست می کنم، اما شما به راحتی می توانید آن را با یک وب سایت نمونه کارها، یک وب سایت سرگرمی، یا فقط یک چیز سرگرم کننده عوض کنید!

ما این گام به گام را طی می‌کنیم تا بتوانید این صفحه وب به سبک واقعی را ایجاد کنید!

در اینجا طرح نهایی با استفاده از HTML و چند CSS بسیار ابتدایی آمده است:

فراموش نکنید که پروژه خود را به اشتراک بگذارید!


سرفصل ها و درس ها

درس ها Lessons

  • بادکنک خوش آمدگویی 8 بیتی 8-bit welcome balloon

  • اضافه کردن یک شبکه Adding a grid

  • آیکون های اجتماعی 8 بیتی 8-bit social icons

  • طرح بندی دو ستونی Two column layout

  • نصب 8 بیتی Installing 8-bit

  • خلاصه Summary

  • بخش های 8 بیتی 8-bit sections

  • بخش پروفایل 8 بیتی 8-bit profile section

  • ستون سمت راست The right column

  • نوار ناوبری Navigation bar

  • فاصله 8 بیتی 8-bit spacing

  • بخش 8 بیتی نور بزرگ Large light 8-bit section

  • پاورقی The footer

  • بخش ها و آیکون های 8 بیتی تاریک Dark 8-bit sections and icons

  • مقدمه Intoduction

  • بخش بزرگ 8 بیتی تاریک Large dark 8-bit section

  • پروژه کامل شد Project complete

نمایش نظرات

آموزش یک وب سایت به سبک 8 بیتی را با دست بسازید
جزییات دوره
39m
17
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
230
4 از 5
دارد
دارد
دارد
Kalob Taulien
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kalob Taulien Kalob Taulien

معلم توسعه وب

سلام به همه! من Kalob Taulien هستم.

در اینجا نسخه TL;DR (کوتاه) درباره من است:

  • من از سال 1999 کدنویسی می کنم و از سال 2013 به مردم یاد می دهم که چگونه کدنویسی کنند
  • من بیش از 350000 دانشجوی توسعه وب در سراسر جهان دارم
  • من در تیم توسعه هسته Wagtail CMS هستم (Wagtail شماره 1 محبوب ترین سیستم ساخت وب سایت پایتون است)
  • من تمام تلاشم را می کنم که به هر سوالی که دانش آموزانم دارند پاسخ دهم
  • من عاشق تدریس هستم - این قطعاً یکی از استعدادهای طبیعی من است
  • همچنین من عاشق بز هستم! (اگر ملاقات حضوری داشته باشیم شروع کننده گفتگو با من عالی است)

در زیر می‌توانید تمام دوره‌های Skillshare من را پیدا کنید. دسته بندی ها از ساده ترین به سخت ترین، به جز موارد متفرقه، قرار می گیرند. دوره های کدنویسی در پایان.

اگر در زمینه کدنویسی کاملاً تازه کار هستید، با BEGINNERS WEB DEV شروع کنید. و سپس به سراغ HTML بروید.

اگر یک توسعه دهنده وب با تجربه هستید، می توانید از هر یک از بخش های زیر رد شوید.

اگر می‌خواهید یاد بگیرید که چگونه وب‌سایت‌ها را واقعاً زیبا جلوه دهید و خوب عمل کنید، می‌خواهید به HTML، CSS و جاوا اسکریپت نگاه کنید.

اگر می‌خواهید وب‌سایت‌هایی ایجاد کنید که کاربران بتوانند در آن وارد شوند، حساب کاربری داشته باشند و اطلاعات را ذخیره کنند، می‌خواهید به PHP، Python، Django یا Wagtail نگاه کنید.

آخرین اما نه کم اهمیت، همه باید Git و نحوه استفاده از GitHub را بدانند. این کاملاً حیاتی است که 100٪ همه توسعه دهندگان Git و GitHub را درک کنند. این زبان مخفی است که هر کارفرما به دنبال آن است. من نیز یک بخش کامل در مورد آن دارم.

فراموش نکنید که من را در Skillshare برای دوره های هفتگی جدید دنبال کنید!

کد نویسی مبارک!