طراحی سایتصفر تا پیشرفتهرایگانبه‌روز شده ۱۹ مهر ۱۴۰۵

طراحی وب از صفر تا ساخت اولین پروژه واقعی با CSS و HTML

HTML & CSS Web Design Course

آموزش طراحی وب از پایه با HTML و CSS ، همراه با تمرین‌ های عملی و ساخت سه پروژه واقعی . در این دوره ، دانشجویان طراحی صفحات واکنش‌ گرا، اصول چیدمان و رابط کاربری ، رفع اشکالات و انتشار پروژه‌ها را یاد می‌گیرند و در پایان، نمونه‌کار قابل ارائه خواهند داشت.

با همکاری مرکز رشد دانشگاه آزاد اسلامی مشهد
۲۶ قسمت ۱ دقیقه ۲٬۹۶۰ دانشجو تماشای آفلاین ۴.۹ از ۵۳۰ نظر
طراحی وب از صفر تا ساخت اولین پروژه واقعی با CSS و HTML
ویدیو معرفی به‌زودی

توضیحات دوره

در دوره طراحی وب از صفر تا ساخت اولین پروژه واقعی با HTML و CSS ، بدون نیاز به دانش قبلی برنامه‌ نویسی ، قدم‌ به‌ قدم با اصول طراحی صفحات وب آشنا می‌ شوید. از ساختار دهی صفحات با HTML و استایل‌ دهی با CSS تا طراحی واکنش‌ گرا ، پیاده‌ سازی رابط کاربری و بهینه‌ سازی تجربه کاربر را به‌ صورت عملی یاد می‌گیرید . همچنین با ابزارهای توسعه‌ دهنده مرورگر ، Git و GitHub و روش‌ های انتشار سایت آشنا خواهید شد. در پایان دوره ، سه پروژه شامل صفحه معرفی شخصی ، لندینگ پیج یک کسب‌ و کار واقعی و سایت نمونه‌ کار خواهید داشت که می‌ توانید آن‌ ها را در رزومه و پروفایل کاری خود ارائه دهید.

در این دوره چه یاد می‌گیرید؟

  • یادگیری اصول طراحی وب با HTML و CSS
  • ساخت صفحات فارسی و راست‌ چین
  • طراحی واکنش‌ گرا برای موبایل و دسکتاپ
  • کار با Flexbox و Grid
  • کار با Git و GitHub
موقعیت‌های شغلی پس از دوره
طراح صفحات وب در سطح مقدماتیکارآموز طراحی وب و فرانت‌اندفریلنسر طراحی صفحات معرفی و لندینگ پیجطراح صفحات وب شخصی و سایت‌ های نمونه‌کار
مناسب چه کسانی است؟
  • • مناسب افراد مبتدی و علاقه‌ مندان به طراحی وب و فرانت‌اند
  • • فریلنسرهای حوزه گرافیک ، محتوا و سئو و صاحبان کسب‌ و کارهای کوچک

پیش‌نیازها

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

سرفصل‌ها

۷ فصل · ۲۶ قسمت · ۱ دقیقه
۱وب چطور کار می کند و آماده سازی ابزارها۰:۰۰ ویژه دانشجو
۱اولین صفحه HTML : ساختار سند۰:۰۰ ویژه دانشجو
۲لینک ها ، مسیرها و تصاویر۰:۰۰ ویژه دانشجو
۳HTML معنایی و ساختار صفحه۰:۰۰ ویژه دانشجو
۴لیست ها و جدول ها۰:۰۰ ویژه دانشجو
۵فرم ها۰:۰۰ ویژه دانشجو
۱شروع CSS : اتصال ، انتخابگر ها و آبشار ها۰:۰۰ ویژه دانشجو
۲رنگ ، واحدها و تایپوگرافی فارسی۰:۰۰ ویژه دانشجو
۳Box Model و فاصله گذاری۰:۰۰ ویژه دانشجو
۴DevTools و دیباگ۰:۰۰ ویژه دانشجو
۵کارگاه پروژه 1 : صفحه معرفی شخصی۰:۰۰ ویژه دانشجو
۱Flexbox (بخش اول)۰:۰۰ ویژه دانشجو
۲Flexbox (بخش دوم) : الگوهای رایج۰:۰۰ ویژه دانشجو
۳Grid (بخش اول)۰:۰۰ ویژه دانشجو
۴Grid (بخش دوم) و انتخاب بین Flex و Grid۰:۰۰ ویژه دانشجو
۱Mobile First و تصاویر واکنش گرا۰:۰۰ ویژه دانشجو
۲Breakpoint و Media Query۰:۰۰ ویژه دانشجو
۱طراحی فرم ، دکمه و متغیرهای CSS۰:۰۰ ویژه دانشجو
۲Transition و انیمیشن ساده۰:۰۰ ویژه دانشجو
۳کارگاه پروژه ۲ (بخش اول) : خواندن طرح و ساختار۰:۰۰ ویژه دانشجو
۴کارگاه پروژه ۲ (بخش دوم) : واکنش گرایی و بازبینی۰:۰۰ ویژه دانشجو
۱دسترس پذیری و کدنویسی استاندارد۰:۰۰ ویژه دانشجو
۲GitHub و Git در سطح مقدماتی۰:۰۰ ویژه دانشجو
۳انتشار پروژه۰:۰۰ ویژه دانشجو
۴کارگاه پروژه ۳ : سایت نمونه کار۰:۰۰ ویژه دانشجو
۵نمونه کار ، رزومه و مسیر بعدی۰:۰۰ ویژه دانشجو

نحوه مشاهده دوره

ویدیوهای این دوره با اسپات‌پلیر پخش می‌شوند تا از کپی غیرمجاز محافظت شوند و بتوانید آن‌ها را آفلاین هم ببینید. فهرست قسمت‌ها، پیشرفت، پرسش از مدرس و آزمون همچنان در کلاس درس همین سایت است.

ویندوزمکاندرویدiOSنسخه وب
  1. پس از ثبت‌نام، از پیشخوان › لایسنس‌ها لایسنس دوره را دریافت کنید.
  2. اسپات‌پلیر را روی دستگاه خود نصب کنید یا نسخه وب آن را باز کنید.
  3. لایسنس را وارد کنید؛ هر قسمت یک بار دانلود و بعد بدون اینترنت پخش می‌شود.
  4. هر لایسنس روی ۳ دستگاه فعال می‌شود و شماره موبایل شما روی ویدیو نمایش داده می‌شود.

مدرس دوره

علیرضا هاشمی
علیرضا هاشمی
توسعه دهنده فول استک
مدرس اصلی دوره
مشهد

من کارشناسی علوم آزمایشگاهی هستم ولی به علت علاقه زیاد به دنیای برنامه نویسی از سال ۹۳ شروع به یادگیری کرده ام و از سال ۹۶ یا ۹۷ شروع به کار به عنوان طراح سایت کرده ام . در این مدت آموزش زبان آلمانی هم انجام داده ام و در این حین سایت برای آموزش زبان آلمانی یکی از پروژه های شخصی بوده است . و تا الان در این حوزه مشغول به کار هستم . در سال ۱۴۰۲ آژانس دیجیتال مارکتینگ ویرا رو راه اندازی کردیم .

SEOHTML/CssReactJavaScript
۱۰ سال سابقه۱ دوره در آکادمیصفحهٔ مدرس

آخرین به‌روزرسانی‌ها

به‌روزرسانی: ۱۹ مهر ۱۴۰۵

این دوره زنده است؛ با تغییر ابزارها، قسمت‌ها بازضبط و تمرین‌ها تازه می‌شوند و همهٔ به‌روزرسانی‌ها برای دانشجویان رایگان است.

۱۹ مهر ۱۴۰۵افزودن قسمت تازه «آمادگی آزمون‌های استخدامی»
۱۰ مهر ۱۴۰۵بازضبط قسمت «نمودارهای حرفه‌ای» با نسخه جدید ابزارها
۱ مهر ۱۴۰۵به‌روزرسانی فایل‌های تمرین فصل «مدیریت داده»
۲۳ شهریور ۱۴۰۵اصلاح و تکمیل توضیحات قسمت «XLOOKUP و VLOOKUP»
۱۴ شهریور ۱۴۰۵افزودن تمرین تکمیلی به فصل «فرمول‌ها و توابع»
۵ شهریور ۱۴۰۵افزودن قسمت تازه «معرفی دوره»
۲۷ مرداد ۱۴۰۵بازضبط قسمت «داشبورد مدیریتی» با نسخه جدید ابزارها
۱۸ مرداد ۱۴۰۵به‌روزرسانی فایل‌های تمرین فصل «مدیریت داده»
۹ مرداد ۱۴۰۵اصلاح و تکمیل توضیحات قسمت «مرتب‌سازی و فیلتر پیشرفته»
۳۱ تیر ۱۴۰۵افزودن تمرین تکمیلی به فصل «فرمول‌ها و توابع»

مسیر دریافت مدرک

گواهینامه این دوره با خرید صادر نمی‌شود؛ پشت هر گواهینامه یک آزمون و یک پروژه داوری‌شده است و هر کارفرما می‌تواند آن را با کد یکتا در صفحهٔ استعلام مدرک بررسی کند.

  1. حداقل ۸۰٪ دوره را ببینید (قسمت‌های اسپات‌پلیر را پس از دیدن در کلاس درس «دیدم» علامت بزنید).
  2. درخواست مدرک ثبت کنید؛ از همان لحظه ۷۲ ساعت فرصت دارید.
  3. آزمون ۲۰ دقیقه‌ای بدهید (۶۰ نمره).
  4. پروژه پایانی را ارسال کنید؛ مدرس تا ۴۰ نمره می‌دهد.
  5. با نمره کل ۷۰ یا بیشتر، گواهینامهٔ دوزبانه صادر می‌شود.

گواهینامهٔ دوزبانه با مرکز رشد دانشگاه آزاد اسلامی مشهد

گواهینامهٔ پایان دوره در دو نسخهٔ فارسی و انگلیسی صادر می‌شود که هر دو یک کد استعلام دارند؛ نسخهٔ انگلیسی را می‌توانید برای رزومهٔ بین‌المللی، لینکدین یا مهاجرت کاری ارائه دهید.

نسخهٔ فارسی
گواهینامهٔ پایان دوره
بدین‌وسیله گواهی می‌شود نام و نام خانوادگی شما دورهٔ «طراحی وب از صفر تا ساخت اولین پروژه واقعی با CSS و HTML» را با موفقیت گذرانده است.
ENGLISH VERSION
Certificate of Completion
This certifies that Your Full Name has successfully completed “HTML & CSS Web Design Course”.

راهنما و سوالات متداول

ثبت‌نام و پرداختپس از پرداخت، دوره فوراً به «دوره‌های من» در پیشخوان اضافه می‌شود.
دریافت لایسنساز پیشخوان › لایسنس‌ها، لایسنس اسپات‌پلیر را بگیرید و دوره را آنلاین یا آفلاین ببینید.
یادگیری و پرسشزیر هر قسمت در کلاس درس از مدرس همان فصل سوال بپرسید؛ پاسخ همان‌جا می‌آید.
آزمون، پروژه و گواهینامهبا دیدن ۸۰٪ دوره، آزمون و پروژهٔ پایانی را انجام دهید و گواهینامهٔ دوزبانه بگیرید.

بله. پس از ثبت‌نام، دسترسی شما به ویدیوها و به‌روزرسانی‌های بعدی دوره همیشگی است.

پس از تماشای حداقل ۸۰٪ دوره، درخواست گواهینامه ثبت می‌کنید. در مهلت ۷۲ ساعته آزمون می‌دهید و پروژه را ارسال می‌کنید؛ مدرس پروژه را داوری می‌کند و با کسب حداقل ۷۰ از ۱۰۰، گواهینامه با لوگوی کار استار و مرکز رشد دانشگاه آزاد مشهد و کد استعلام صادر می‌شود.

هر پروژه را خود مدرس با دقت داوری می‌کند. محدودیت ظرفیت تضمین می‌کند پروژه شما سریع و با کیفیت بررسی شود، نه اینکه در صف طولانی بماند.

زیر هر قسمت از دوره یک بخش پرسش و پاسخ هست. سوال شما مستقیم برای مدرس ارسال می‌شود و پاسخ همان‌جا زیر همان قسمت نمایش داده می‌شود.

ویدیوهای دوره با اسپات‌پلیر پخش می‌شوند. پس از ثبت‌نام، لایسنس دوره را از پنل کاربری بگیرید و در اپ ویندوز، مک، اندروید یا نسخه وب اسپات‌پلیر وارد کنید. هر قسمت یک بار دانلود می‌شود و بعد بدون اینترنت هم قابل تماشاست. هر لایسنس روی ۳ دستگاه فعال می‌شود.

گواهینامه پایان دوره مشترکاً با لوگوی کار استار آکادمی و مرکز رشد دانشگاه آزاد اسلامی واحد مشهد صادر می‌شود و کد استعلام آنلاین دارد.

خیر. گواهینامه گذراندن یک دوره آموزشی مهارتی است و جایگزین مدرک کاردانی، کارشناسی یا بالاتر نیست؛ اما به‌عنوان سابقه آموزشی در رزومه قابل ارائه است.

نظرات دانشجویان

۴.۹از ۵۳۰ نظر
۵
۰
۴
۰
۳
۰
۲
۰
۱
۰
فقط دانشجویان این دوره می‌توانند نظر ثبت کنند تا نظرها واقعی بمانند.