لیست سرفصل‌های این دوره

آموزش مقدماتی ساخت صفحات وب

همه دوره های مقدماتی رایگان میباشند

---

	تذکر مهم و اساسی - ویدیوی دو دقیقه ای
	راهنمای انجام تمرینات و ارسال آنها - ویدیو
	صفحه انجام و ارسال تمرینهای این صفحه

• مقدمه ای کوتاه در باره این دوره آموزشی
• ابزارهای موردنیاز و نصب و راه‌اندازی آنها
• ساخت اولین پروژه و مشاهده نتیجه آن
• جایگذاری فایلهای پروژه و راه‌اندازی آن
• دانلود فایل زیپ شده پروژه نمونه
• تذکرهای مهم بهمراه تمرین این بخش

 
 

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

 
 

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

 
 

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

 
 

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

 
 

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

 
 

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

 
 

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

 
 

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

 
 

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

 
 

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

 
 

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