اموزش طراحی سایت

طراحی سایت | آموزش برنامه نویسی وب از صفر

طراحی وبسایت

معرفی
اموزش طراحی سایت

به دوره “برنامه نویسی وب” خوش اومدی! توی این دوره قراره باهم یادبگیریم طراحی سایت یعنی چی. قدم اول در یادگیری برنامه نویسی وب گذروندن این دورست.

در این دوره یاد میگیریم که HTML چیه و چطور باید با HTML چهارچوب یک سایت رو بزنیم.

بعدش با هم یاد میگیریم تا چطوری به این چهارچوب با استفاده از CSS رنگ و لعاب بدیم.

و در آخر این دوره قراره تا با هم یک وب سایت معرفی محصول زیبا رو طراحی و کدنویسی کنیم.

مطمین هستم که اخر این دوره از مطالبی که گفته میشه ، کاملا رضایت داری و به راحتی میتونی ایده های خودت رو عملی کنی.

این دوره برای یادگیری HTML و CSS کافیه؟

دوره ای که پیش روی شماست، دوره رایگان برنامه نویسی HTML و CSS میباشد که طول مدت آن نزدیک به ۱۰ ساعت و در ۱۵ جلسه آماده شده.

درصورتی که میخواهید نگاهی عمیق تر بر برنامه نویسی HTML و CSS داشته باشید و آموزش خودتان را پرقدرت تر و با عمق بیشتری شروع کنید، پیشنهاد میکنیم از دوره آموزش کاربردی HTML و CSS استفاده کنید.

دوره کاربردی HTML و CSS در ۷۷ جلسه تدوین شده و با قیمت پایین در اختیار دوستان و عزیزان علاقه مند به این حوزه قرار گرفته است.

جهت مشاهده سرفصل های تدریس شده در دوره آموزش کاربردی HTML و CSS روی دکمه زیر کلیک کنید.

دوره برنامه نویسی وب مناسب چه کسانی است؟

این دوره مناسب تمامی دانش آموزها، دانشجویان، کارآموزان و تمام عاشقان برنامه نویسی و طراحی سایته که میخوان وارد دنیای برنامه نویسی و طراحی وب بشن.

همینطور اگه با طراحی سایت آشنایی داری یا مثلا با CMS های آماده ای مثل وردپرس بلدی سایت بزنی، با فراگیری این دوره قراره کلی کدنویسی، HTML و CSS یاد یگیری که مهارت خودت رو توی کارت بالا ببری.

راهی که تو قراره طی کنی؟

با ثبت نام بصورت کاملا رایگان در این دوره، در ابتدای مسیر با HTML آشنا میشیم، بعدش CSS رو فرا میگیریم و در آخر یک سایت معرفی محصول با هم طراحی میکنیم.

اگه طراحی یک سایت رو مثل ساخت یک ساختمون ببینی در حقیقت HTML چهارچوب و اسکلت اون ساختمونه و CSS نمای داخل و بیرون اون ساختمون محسوب میشه.

ما با هم یاد میگیریم که چطور یک سایت رو از صفر صفر تا جایی که اون ساختمونمون حاضر بشه بنویسیم.

از کجا باید شروع کنم؟

همین حالا روی دکمه “شروع رایگان دوره” کلیک کن، اسم و ایمیلت رو وارد کن تا کل دوره رو یک جا داشته باشی.

دوست داری یه پرش به سمت دنیای برنامه نویسی وب داشته باشی؟ با من همراه شو!

سرفصل‌های دوره (توشه مسیر)

مقدمه

  1. World Wide Web (WWW)
  2. تفاوت دیزاین و توسعه
  3. HTML + CSS
  4. فرانت اند و بک اند
  5. زبان‌های فرانت و بک
  6. فول استک

نصب و راه‌اندازی

  1. نصب و راه اندازی VSCode
  2. نصب اکستنشن‌های VSCode و Chrome
  3. شورت‌کات‌های VSCode

HTML

  1. آشنایی با HTML
  2. یادگیری HTML برای چه افرادی مناسب است؟
  3. ایجاد اولین صفحه HTML
  4. تگ‌های HTML
  5. تگ‌های اولیه (HTML – Head – Body – Title – Hn – P – Span – BR – HR)
  6. لینک‌ها
  7. تصاویر
  8. استایل‌ها
  9. کامنت
  10. جداول
  11. لیست‌ها
  12. تگ DIV
  13. تگ فرم و اجزای آن (Input – TextArea – Select – Button)
  14. تگ‌های معنادار (Semantic HTML Tags)
  15. تگ‌های Block-Level و Inline
  16. آدرس‌دهی در HTML
  17. تگ‌های مخصوص head

CSS

  1. آشنایی با CSS
  2. سینتکس نوشتاری CSS
  3. انواع سلکتورهای ساده (element – ID – class – universal – grouping)
  4. سه روش اتصال CSS و HTML به هم (External – Internal – Inlin)
  5. استایل‌های مختلف
  6. CSS Box مهم (margin – padding – border – width – height)
  7. تایپوگرافی (color – align – font)
  8. display
  9. position
  10. !important
  11. transform
  12. transition
  13. طراحی واکنشگرا یا ریسپانسیو
  14. کار با اینسپکت المنت
پشتیبانی

پشتیبانی تلگرامی، عضویت در گروه مخصوص اعضا

ایمیل مخصوص دوره

فرم مخصوص پرسش مستقیم از مدرس در صفحه پورتال در وب‌سایت

ثبت نام در دوره

بلافاصله پس از ثبت نام به صورت اتوماتیک، اطلاعات ورود به پورتال و حساب کاربری به ایمیل شما ارسال خواهد شد. لطفا از ایمیل معتبر استفاده کنید.

مدرس دوره

حسین بدرنژاد

(هم‌بنیانگذار هولوسن)

حسین بدرنژاد از سال 1391 وارد حوزه IT شده و در حال حاضر بزرگترین دغدغه وی، افزایش سطح دانش IT در کشور ایران می‌باشد.

سایر آموزش‌های مدرس

دوره آموزشی 0 تا 100 برنامه‌نویسی اندروید به زبان کاتلین

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

آموزش برنامه نویسی

دوره آموزشی 0 تا 100 برنامه‌نویسی اندروید به زبان جاوا

آموزش برنامه نویسی اندروید

دوره آموزشی 0 تا 100 طراحی سایت با جاوا

آموزش جاوا از صفر
نظرات
۴ نظر
  • مهدی عزیزی رستم
    ارسال در : ۱۸:۵۷h, ۰۹ مهر پاسخ
    (5/5)

    سلام از دوره رایگان طراحی وب

    ۱. وقتی با موس روی about us و product و home می رویم اندازه رنگ های زیر این گزینه ها با هم برابر شود.

    ۲. وقتی با موس روی about us و product می رویم یک فاصله کوچک سمت چپ این گزینه ها وجود دارد ولی برای home اینطور نیست چطور باید این فاصله را ایجاد کرد .

    با تشکر از شما

    • هولوسن
      ارسال در : ۱۱:۴۱h, ۱۳ مهر پاسخ

      مهدی عزیزی رستم سلام و عرض ادب
      امیدوار هستیم که خوب، سرحال و سرشار از حس مثبت باشید.

      برای رفع این موارد بهترین گزینه این هست که li های خود را display: table-cell; قرار دهید. هر ۲ سوال شما با این کار پوشش داده می‌شود.

      با تقدیم احترام، پشتیبانی هولوسن

  • فرزاد رشیدی
    ارسال در : ۱۰:۳۶h, ۱۸ آبان پاسخ
    (5/5)

    باسلام
    ببخشید من چطوری میتونم به ادرس url یه المنت پویا و متغییر دسترسی داشته باشم . به عنوان مثال یه سایت هواشناسی در هر ۵ دقیقه مقادیر دمایی که نشون میده تغییر میکنه ، من به ادرس اون چطوری میتونم دسترسی داشته باشم .

    • هولوسن
      ارسال در : ۱۵:۳۳h, ۱۹ آبان پاسخ

      سلام و عرض ادب
      امیدوارم حالتون عالی و پر از انرژی مثبت باشید
      برای اینکه شما مثلا هر ۵ دقیقه اطلاعات بازگشتی از یک url رو بخونید و مثلا در سایت خودتون نشون بدید باید از جاوا اسکریپت استفاده کنید. مثلا با متد setInterval میتونید هر ۵ دقیقه یک کار رو تکرار کنید. و از طریق متدهای مربوط به ajax این عملیات رو میتونید انجام بدید.
      با تقدیم احترام، هولوسن.

**پرسش و پاسخ** سوال خود مطرح کنید.
امتیاز شما*