logo campain

آموزش رایگان طراحی صفحات وب برای مبتدیان

رایگـــان
  • دسترسی دائمی به آموزش
  • امکان دانلود و پخش آنلاین
جزئیات آموزش

۱۳ درس در ۱ فصل

سطح مقدماتی
مدت زمان ۴۷۱
حجم ۱۱۴۱.۶۳ مگابایت

فصل ۱ آموزش رایگان طراحی صفحات وب برای مبتدیان

۱

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

مشاهده رایگان

- مقدمه ای کوتاه درباره این دوره آموزشی - ابزارهای مورد نیاز و نصب و راه اندازی آن ها - ساخت اولین پروژه و مشاهده نتیجه آن - جایگذاری فایل های پروژه و راه اندازی آن تذکر مهم: برای یادگیری برنامه نویسی، شما نیاز به کامپیوتر دارید و نمی توانید با موبایل سر و ته قضیه را هم بیاورید. کامپیوتر شما می تواند لپ تاپ و یا کامپیوتر دسکتاپ عادی باشد و فرقی برای پروژه ندارد. سخت افزار خیلی گران قیمت و خفنی برای این آموزش ها نیاز نیست، ولی قطعا هر چه سخت افزار شما قوی تر باشد، بهتر است. تذکر اساسی و خفن: یادتان باشد، صرفا با شنیدن آموزش های من، شما اوستا نمی شوید؛ بلکه فقط دانش کسب می کنید که آن را هم بعد از چند روز فراموش می کنید. پس حتما حتما، همه مراحل پروژه را با من پیش بروید و همه موارد را به صورت عملی انجام دهید. خلاصه که آقا جان من، اگر می خواهی نتیجه متفاوت بگیری، باید متفاوت عمل کنی؛ وگرنه این هم می شود مثل آموزش های دیگرت! مراحل تمرین این بخش: 1- یک فولدر به نام Projects ترجیحا در درایو D بسازید و همه پروژه های خود را در آن قرار دهید. اگر درایو D ندارید، آن را در درایو C بسازید. 2- فایل های Visual Studio 2022 را طبق آموزش ارائه شده دانلود کرده و سپس مراحل نصب آن را انجام دهید. (یا VS Code) 3- کلا فایل های Visual Studio 2022 حجیم هستند، بنابراین دانلود و نصب آن ها زمان بر است. لطفا عجله نکنید و وقت بگذارید. 4- اگر در این مسیر به مشکلی برخوردید، از هوش مصنوعی بپرسید و یا در اینترنت جستجو کنید. 5- یک پروژه وب طبق آموزش ارائه شده بسازید و آن را اجرا کنید. (بسته به سخت افزار شما ممکن است سرعت اجرا متفاوت باشد.) 6- همه مراحل گفته شده در ویدیو را انجام دهید و چیزی را جا نیندازید. (تمرین این بخش صرفا انجام موارد آموزشی است، ولی تمرین های آینده متفاوت خواهد بود.) نکته اساسی و مهم: -- به عنوان جواب این تمرین، از کامپیوتر خود پرینت اسکرین تهیه کرده و برای ما از طریق سایت آیشین فلای ارسال کنید و از ارسال آن از طریق پیام رسان ها خودداری کنید. -- برای پرینت اسکرین از صفحه، کلید های Windows + Shift + S را هم زمان فشار دهید. با این کار صفحه کمی تاریک می شود و یک منو در بالای صفحه ظاهر می شود که می توانید حالت عکاسی (مستطیلی یا تمام صفحه) را انتخاب کنید.

۲

تذکر مهم و اساسی

۳

راهنمای انجام تمرینات و ارسال آن ها

۴

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

- تفاوت وب سایت با نرم افزار تحت وب - تفاوت وب سایت استاتیک و داینامیک - نقش HTML، CSS و JavaScript در سایت - مهارت های مورد نیاز برای طراحی وب - مسیر یادگیری برای تبدیل شدن به طراح وب

۵

شروع کار با HTML و آشنایی با ساختار صفحات وب

- آشنایی با تگ ها و ساختار صفحات HTML - یادگیری ساختار استاندارد یک صفحه وب - ایجاد ساختار مشترک بین همه صفحات پروژه - ایجاد تیترها، پاراگراف ها، لینک ها و تصاویر

۶

طراحی ظاهر صفحات وبسایت و خوشگل کاری با CSS

- طراحی ظاهر یک صفحه با دستور استایل - آشنایی با کلاس های استایل و استفاده از آن - ایجاد یک فایل CSS برای پروژه جدیدم - استایل دهی به متن ها و المان های صفحه اصول مرتب‌ سازی و نگهداری کدهای CSS

۷

کار عملی با رنگ، فونت، فاصله ها‌، دکمه ها‌ و فرم‌

- انتخاب رنگ مناسب و هماهنگ برای طراحی - تنظیم فونت ها و خوانایی بهتر متون - تنظیم فاصله های داخلی و خارجی هرآیتم - طراحی دکمه ها و فرم های زیبا و کاربردی

۸

آشنایی با ابزار جالب مانند Bootstrap و امکانات آن ‌

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

۹

آشنایی مختصر با gride و navbar در بوت استرپ ‌

- آشنایی با انواع Container در بوت استرپ نسخه 5 - آشنایی با گرید در بوت استرپ و کار عملی با آن - آشنایی با انواع navbar در بوت استرپ و کار با آن - اضافه کردن یک عنصر به صفحه اشتراکی - ساخت منو - آشنایی بیشتر با navbar و آشنایی با Sticky Navbar - کار عملی بیشتر برای ساخت یک منوی خوب و جذاب

۱۰

مفهوم ریسپانسیو بودن پروژه برای دیوایس های مختلف ‌

- آشنایی با طراحی صفحات رسپانسیو و تاریخچه آن - اهمیت نمایش صحیح سایت در دستگاه های مختلف - روش های مختلف طراحی صفحات و استفاده از Media - طراحی برای دستگاه های مختلف موبایل و دسکتاپ - بررسی و اجرای تست ظاهر سایت در ابعاد گوناگون

۱۱

آشنایی مقدماتی با JavaScript و کدنویسی کلاینت ‌

- آشنایی با کدنویسی های سمت سرور و سمت کلاینت - نقش جاوا اسکریپت در ایجاد تعامل در صفحات - اتصال فایل اسکریپت به صفحه و اجرای کدهای آن - آشنایی مقدماتی با متغیرها، شرط‌ها و تابع ها - اجرای اسکریپت ساده برای نمایش پیام هشدار - اجرای اسکریپت های ساده برای تغییر ظاهر صفحه

۱۲

کار با هوش مصنوعی و استفاده از آن در بهبود پروژه ‌

- بررسی انواع هوش مصنوعی ها و موارد کاربردشان - معرفی چند هوش مصنوعی رایگان برای استفاده ما‌ - بررسی دقیق چند مثال کاربردی - تولید کد و تصویر - فیلتر شکن و استفاده از هوش مصنوعی کوپایلوت در VS - بررسی یک مثال خوب - بررسی بهتر وبسایت آیشین فلای - تولید کدهای یک صفحه نسبتا پیچیده با هوش مصنوعی

۱۳

ساخت صفحات تعاملی ساده مانند منوهای کاربردی ‌

- بررسی انواع منوی باز و بسته ‌شونده و طراحی آن ها - ساخت یک منوی کاربردی شبیه منوی ساخت و پرواز - رسپانسیو کردن منو با امکانی شبیه ساخت و پرواز - ساخت منوی کاربردی با استفاده از کد هوش مصنوعی

۱۴

اصول اولیه طراحی صفحات وبسایت کاربر پسند

- آشنایی اولیه با اصول نظم در طراحی رابط کاربری - انتخاب ترکیب رنگ و فونت مناسب برای تجربه بهتر - طراحی بخش‌های مهم صفحه با تمرکز بر نیاز کاربر - پرهیز از شلوغی صفحه و ایجاد مسیر واضح و آسان

توضیحات "آموزش رایگان طراحی صفحات وب برای مبتدیان" :

در این آموزش رایگان، طراحی صفحات وب را از پایه یاد می گیرید و با HTML، CSS، JavaScript، Bootstrap و کاربرد هوش مصنوعی در طراحی وب آشنا می شوید.

این دوره یک شروع ساده و کاربردی برای ورود به دنیای آموزش توسعه وب و طراحی صفحات وب است. آموزش از مفاهیم پایه آغاز می شود و بدون نیاز به پیش نیاز خاص، قدم به قدم با ابزارها و مهارت های اصلی طراحی صفحات وب آشنا می شوید. در طول دوره، با ساختار صفحات وب، HTML، CSS، JavaScript و ابزارهایی مانند Bootstrap آشنا خواهید شد. یاد می گیرید چگونه صفحات وب زیبا، منظم و واکنش گرا طراحی کنید. 

در ابتدای مسیر، با مفهوم سیستم های تحت وب، تفاوت وب سایت های استاتیک و داینامیک و نقش HTML، CSS و JavaScript آشنا می شوید. سپس ساخت اولین پروژه را آغاز می کنیم و ساختار صفحات وب را با HTML یاد می گیریم. در بخش CSS، ظاهر صفحات را طراحی می کنیم و با مفاهیمی مانند رنگ ها، فونت ها، فاصله ها، دکمه ها و فرم ها آشنا می شویم. همچنین نحوه مرتب سازی و نگهداری کدهای CSS را یاد می گیریم. در ادامه، Bootstrap را به عنوان یکی از ابزارهای کاربردی طراحی وب بررسی می کنیم و با امکاناتی مانند Container، Grid و Navbar آشنا می شویم.

یکی از مباحث مهم این دوره، طراحی Responsive است. در این بخش یاد می گیریم صفحات وب را به شکلی طراحی کنیم که در اندازه های مختلف صفحه نمایش، از موبایل تا کامپیوتر، ظاهر و عملکرد مناسبی داشته باشند. در ادامه، مقدماتی از JavaScript را یاد می گیریم تا با مفاهیمی مانند کدنویسی سمت کاربر، متغیرها، شرط ها و توابع آشنا شویم و بتوانیم تعاملات ساده ای در صفحات وب ایجاد کنیم. در بخشی از دوره، هوش مصنوعی نیز به عنوان یک ابزار کمکی وارد پروژه می شود. با نمونه هایی از استفاده هوش مصنوعی برای تولید کد و تصویر، بهبود پروژه و ساخت بخش هایی از صفحات وب آشنا می شویم و چند روش و پرامپت کاربردی را بررسی می کنیم.

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

آنچه در آموزش رایگان طراحی صفحات وب برای مبتدیان می آموزید:

• آشنایی با مفاهیم و مبانی طراحی صفحات وب
• شروع کار با HTML و ساختار صفحات وب
• طراحی و زیباسازی صفحات با CSS
• کار با رنگ، فونت، فاصله ها، دکمه ها و فرم ها
• آشنایی با Bootstrap و ابزارهای طراحی سریع
• کار با Grid، Container و Navbar در Bootstrap
• طراحی صفحات واکنش گرا (Responsive)
• آشنایی مقدماتی با JavaScript و ایجاد تعامل در صفحات
• استفاده از هوش مصنوعی برای طراحی و بهبود پروژه ها
• ساخت صفحات تعاملی و منوهای کاربردی
• اصول اولیه طراحی صفحات وب کاربر پسند

اهداف آموزش رایگان طراحی صفحات وب برای مبتدیان چیست؟

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

از چه ابزار ها و نرم افزار هایی در این دوره استفاده می شود؟

Microsoft Visual Studio 2022

نحوه دسترسی به آموزش چگونه است؟

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

امتیاز کلی دوره

( ۰)

تعداد بررسی های ثبت شده : ۰

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

بیشتر