مگا پکیج آموزش طراحی سایت (Html, Css, PHP, Bootstrap, MySQL)

طراحی وب سایت با استفاده از HTML, CSS, Bootstrap, PHP و MySQL یک فرآیند کامل است که شامل طراحی و توسعه یک وب سایت پویا و قابل تعامل است. هدف ما در این دوره آموزش 0 تا 100 طراحی وب سایت است.

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

ما در این دوره به آموزش جامع طراحی سایت می پردازیم. در این دوره HTML، CSS، PHP، Bootstrap و MySQL آموزش داده می شود و جای هیچ سوال یا ابهامی برای شما برای طراحی 0 تا 100 یک وبسایت باقی نمی ماند.

در ادامه به توضیح هر یک از این تکنولوژی‌ها و نحوه استفاده آن‌ها در طراحی وب سایت می‌پردازیم:

1- HTML (HyperText Markup Language):

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

2- CSS (Cascading Style Sheets):

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

3- Bootstrap:

Bootstrap یک فریمورک CSS و JavaScript است که برای طراحی ریسپانسیو وب سایت‌ها استفاده می‌شود. با استفاده از Bootstrap، می‌توانید به راحتی طراحی وب سایت‌های قابل نمایش بر روی تمام دستگاه‌ها را انجام دهید.

4- PHP (Hypertext Preprocessor):

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

5- MySQL:

MySQL یک سامانه مدیریت پایگاه داده رابطه‌ای (RDBMS) است که برای ذخیره و مدیریت داده‌های وب سایت استفاده می‌شود. با استفاده از MySQL، می‌توانید داده‌های کاربران را ذخیره، بازیابی و به روزرسانی کنید.

لازم به ذکر است که شما با استفاده از این تکنولوژی‌ها، می‌توانید یک وب سایت پویا، قابل تعامل، ریسپانسیو و با طراحی زیبا ایجاد کنید. یعنی می توانید با استفاده از HTML و CSS طراحی ظاهر و ساختار وب سایت را تعریف کنید، با استفاده از Bootstrap آن را ریسپانسیو کنید، با PHP دینامیک کنید و با MySQL اطلاعات را مدیریت کنید.

سرفصل های دوره پکیج آموزش طراحی وب سایت

فصل اول (HTML)

1.  معرفی دوره و مقدمه ای بر HTML
2.  نصب نرم افزار های مورد نیاز
3.  ساختار HTML
4.  تگ p
5.  تگ em و i
6.  تگ strong و b
7.  تگ h1 تا h6
8.  کامنت گذاری
9.  ساخت لیست
10.  تگ ul و ol
11.  تگ u
12.  افزودن تصویر
13.  مشخص کردن عرض و ارتفاع
14.  ایجاد لینک
15.  لینک کردن صفحات
16.  صفت blank
17.  ایجاد جدول
18.  افزودن فایل صوتی
19.  افزودن فایل تصویری
20.  صفت پخش خودکار، تکرار و بی صدا
21.  تگ hr و br
22.  تگ div
23.  کلاس و آیدی
24.  تگ header, nav, aside, section, footer, address
25.  متا تگ ها
26.  قوانین نامگذاری

فصل دوم (CSS)

1.  مقدمه ای بر CSS
2.  لینک کردن فایل CSS به HTML
3.  تغییر دادن رنگ و تصویر به پس زمینه
4.  تنظیمات پس زمینه
5.  تغییر دادن رنگ متن
6.  تغییر دادن اندازه فونت
7.  بولد کردن
8.  تغییر دادن فونت
9.  چپ چین، راست چین و وسط چین
10.  کامنت گذاری
11.  فاصله بیرونی و فاصله درونی
12.  بورد
13.  عرض و ارتفاع
14.  جهت ها
15.  موقعیت
16.  هاور و اوت لاین
17.  تغییر نشانگر موس
18.  تغییر شفافیت
19.  مدیا اسکرین
20.  دکمه ها
21.  اینپوت ها
22.  پلیس هولدر
23.  تکست اریا
24.  ترنزیشن
25.  پس زمینه گرادیان خطی
26.  بوردر ریدیس
27.  یوزر سلکت
28.  فلوت و دایرکشن
29.  تنظیم فاصله بین خطوط
30.  سایه
31.  ترنسفرم
32.  افزودن فایل فونت
33.  فرست و لست چایلد

فصل سوم (Bootstrap)

1.  مقدمه ای بر Bootstrap
2.  دانلود Bootstrap
3.  استفاده از Bootstrap
4.  استفاده از آیکن های Bootstrap
5.  بررسی flatuicolors.com
6.  بررسی loading.io
7.  اینسپکت المنت
8.  بررسی SweetAlert
9.  استفاده از SweetAlert برای نمایش پیام
10.  استفاده از مثال های آماده Bootstrap

فصل چهارم (PHP)

1.  مقدمه ای بر PHP
2.  ساختار PHP
3.  انواع داده ها
4.  عملگر انتسابی
5.  عملگر های محاسباتی
6.  عملگر های افزایشی و کاهشی
7.  کامنت یک خطی و چند خطی
8.  ثابت ها
9.  ساختار های تصمیم (if, else, elseif)
10.  عملگر مقایسه ای و عملگر های منطقی
11.  ساختار تصمیم (switch)
12.  ساختار های تکرار (for, while, do while)
13.  دستورات continue و break
14.  حلقه های تو در تو
15.  تابع
16.  پارامتر تابع
17.  تابع با مقدار پیش فرض
18.  تابع بازگشتی
19.  توابع آماده
20.  آرایه
21.  آرایه انجمنی
22.  آرایه GET
23.  هدایت کننده
24.  آرایه POST
25.  اینکلود، اینکلود وانس، ریکوآیرد و ریکوآیرد وانس
26.  تفاوت اینکلود و ریکوآیرد
27.  ست کردن و آن ست کردن سشن
28.  آشنایی با محیط phpMyAdmin
29.  ایجاد دیتابیس
30.  ایجاد جدول
31.  درج اطلاعات در جدول به صورت ویزارد
32.  دستورات SQL (INSERT, SELECT, DELETE, UPDATE)
33.  شرط در دستورات SQL
34.  استفاده از دستورات SQL در PHP
35.  ساختار تکرار (foreach)

فصل پنجم (طراحی فروشگاه اینترنتی)

1.  طراحی و پیاده سازی فرم ثبت نام
2.  طراحی و پیاده سازی فرم ورود
3.  طراحی و پیاده سازی فرم بازنشانی رمز ورود
4.  طراحی و پیاده سازی فرم تنظیم رمز عبور جدید
5.  طراحی منو
6.  طراحی فروشگاه اینترنتی
7.  طراحی و پیاده سازی فرم ورود مدیر
8.  طراحی پنل مدیریت
9.  خروج از پنل مدیریت
10.  طراحی و پیاده سازی فرم افزودن محصول
11.  طراحی و پیاده سازی لیست محصولات
12.  طراحی و پیاده سازی فرم ویرایش محصول
13.  حذف محصول
14.  طراحی و پیاده سازی لیست کاربران
15.  حذف کاربر
16.  دریافت محصولات از پایگاه داده
17.  افزودن محصول به سبد خرید
18.  طراحی و پیاده سازی سبد خرید
19.  حذف محصول از سبد خرید
20.  طراحی و پیاده سازی لیست سفارشات
21.  طراحی پنل کاربری
22.  طراحی و پیاده سازی فرم ویرایش حساب کاربری
23.  طراحی و پیاده سازی لیست سفارشات کاربر
24.  حذف حساب کاربری
25.  خروج از پنل کاربری

آیا این دوره پیش نیاز دارد؟

خیر، برای مشاهده این دوره لازم نیست هیچ مهارتی از قبل داشته باشید و مطالب از ابتدایی ترین مباحث به شما آموزش داده می شود.

حاصل دوره

دانشجویان عزیز پس از گذراندن این دوره آموزشی به طور کامل نحوه طراحی 0 تا 100 یک سایت اعم از فروشگاهی، دانلودی، شخصی و شرکتی را به کمک تکنولوژی های HTML، CSS، PHP، Bootstrap و MySQL می آموزند و می توانند پروژه های مختلفی را طراحی و اجرا کنند.