آموزش HTML و CSS برای طراحی و توسعه وبسایت
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- از مبانی، نحوهی درست کدنویسی در HTML برای طراحی یک وبسایت را یاد میگیرید.
- یاد میگیرید چگونه با استفاده از HTML و CSS از سطح پایه یک وبسایت طراحی کنید.
- کدنویسی پیشرفته برای HTML5 و CSS3 را یاد میگیرید.
- یاد میگیرید چگونه تصاویر، ویدیوها و فایلهای صوتی را در یک صفحه وب درج کنید و با آنها کار کنید.
- یاد میگیرید چگونه ساختار پایهی یک وبسایت یا قالب وب را در HTML و CSS ایجاد کنید.
- CSS پیشرفته، مانند transition ،animation ،3d transform و 2d transform و موارد دیگر را یاد میگیرید.
- در پایان، یک آزمون HTML و CSS برای تمرین دریافت خواهید کرد.
پیش نیازهای دوره
- برای این دورهی HTML و CSS در طراحی وب هیچ پیشنیازی وجود ندارد.
- برای این دوره نیازی به خرید هیچ نرمافزار پولی ندارید.
- باید به یادگیری طراحی وب علاقهمند باشید و تمایل به یادگیری داشته باشید.
- باید زمان خود را برای شرکت در کلاسها و تمرین عملی مدیریت کنید.
توضیحات دوره
بوتکمپ مبتدیان | کدنویسی HTML CSS برای توسعه وبسایت
مقدمهای بر دوره
آیا آمادهاید دروازهی توسعه وب و طراحی وب را باز کنید؟ اگر همیشه آرزو داشتهاید وبسایتهای خودتان را بسازید، وارد مسیر شغلی توسعه فرانتاند وب شوید، یا فقط مهارتهایی را یاد بگیرید که در سراسر دنیا تقاضای بالایی دارند، این بهترین نقطه برای شروع است.
این بوتکمپ HTML و CSS برای افراد کاملاً مبتدی طراحی شده است و هیچ تجربهی قبلی لازم ندارد. ما قدمبهقدم شما را با مبانی HTML ،CSS و ساخت وبسایت آشنا میکنیم تا بتوانید با اطمینان صفحات وبی طراحی و ساختاردهی کنید که نهتنها کاربردی، بلکه زیبا هم باشند.
چرا این دوره برای شما ضروری است؟
در دنیای دیجیتال امروز، توانایی طراحی و توسعهی وبسایت دیگر فقط یک مهارت «خوب است که داشته باشید» نیست؛ بلکه یک ضرورت است. کسبوکارها، کارآفرینان و سازمانها همگی برای جان بخشیدن به ایدههای خود در فضای آنلاین به توسعهدهندگان وب و طراحان وب متکی هستند.
این دوره دقیقاً همین توانایی را به شما میدهد. تا پایان دوره، فقط HTML و CSS را نخواهید شناخت، بلکه اعتمادبهنفس لازم برای ساخت وبسایتهای واکنشگرا و جذابی را خواهید داشت که متمایز هستند.
دیگر در آگهیهای شغلی که «HTML، CSS، JavaScript، Bootstrap» را بهعنوان مهارتهای موردنیاز میبینید، فقط اسکرول نکنید؛ از امروز یادگیری آنها را شروع کنید!
آنچه یاد خواهید گرفت
- مبانی HTML: یاد بگیرید چگونه صفحات وب را با تیترها، پاراگرافها، فهرستها، لینکها، تصاویر، ویدیوها و موارد دیگر ساختاردهی کنید.
- مبانی CSS: وبسایتهای خود را با رنگها، فونتها، فاصلهگذاری، حاشیهها، سایهها و تکنیکهای طرح بندی استایلدهی کنید.
- طراحی واکنشگرای وب: از تکنیکهای CSS مانند media queries استفاده کنید تا وبسایتها در موبایل، تبلت و دسکتاپ عالی نمایش داده شوند.
- زیبایی و کارایی وبسایت: یاد بگیرید چگونه HTML و CSS را ترکیب کنید تا وبسایتهایی حرفهای و جذاب بسازید.
- تکالیف و تمرینها: یادگیری خود را با چالشهای عملی، تمرینهای کدنویسی و مثالهای واقعی تقویت کنید.
جزئیات بیشتر: از HTML و CSS تا مهارتهای پیشرفته
تسلط به HTML و CSS اولین قدم شما به دنیای توسعه وب است. وقتی یک پایهی محکم ساختید، آماده خواهید بود تا به JavaScript ،Bootstrap ،React یا حتی فریمورکهای پیشرفتهی CSS گسترش پیدا کنید؛ مهارتهایی که شما را برای بازار کار آماده و بسیار پرتقاضا میکنند.
این دوره را سکوی پرتابی برای آیندهی خود در توسعه فرانتاند وب در نظر بگیرید؛ همان مسیری که مدرسهای برتری مانند Jonas Schmedtmann و بسیاری از متخصصان صنعت طی کردهاند.
این دوره برای چه کسانی مناسب است؟
- برای کسانی است که میخواهند یک طراح وب خوب شوند.
- مبتدیان: این دوره برای افرادی که تجربهی کمی در طراحی و توسعه وب دارند یا اصلاً تجربهای ندارند، ایدهآل است.
- دانشآموزان و دانشجویان: دانشآموزان دبیرستانی یا دانشجویانی که به طراحی و توسعه وب علاقهمند هستند، میتوانند از این دوره بهرهمند شوند.
- متخصصان: افرادی که در حوزههای دیگر فعالیت میکنند و میخواهند برای ارتقای مسیر شغلی خود مهارتهای طراحی وب را یاد بگیرند، میتوانند در این دوره شرکت کنند.
- کارآفرینان: کارآفرینانی که میخواهند وبسایتهای خود را ایجاد و مدیریت کنند، میتوانند مهارتهای لازم را در این دوره یاد بگیرند.
- تغییر مسیر شغلی: افرادی که به دنبال ورود به حرفهی طراحی وب یا توسعه فرانتاند هستند، میتوانند با شرکت در این دوره مهارتهای لازم برای شروع را یاد بگیرند.
- هر کسی که میخواهد طراحی وب را یاد بگیرد: اگر به طراحی وب علاقه دارید و میخواهید یاد بگیرید چگونه وبسایتهایی زیبا، واکنشگرا و کاربرپسند بسازید، این دوره برای شماست.
آموزش HTML و CSS برای طراحی و توسعه وبسایت
-
فصل 01 مقدمهای بر HTML 01:20
-
مقدمهای بر HTML و ساختار پایه 11:40
-
ویژگیهای HTML همراه با مثال 07:47
-
تیترها و پاراگراف در HTML همراه با مثال 07:15
-
کامنتهای HTML همراه با مثال 03:58
-
نقلقولها در HTML همراه با مثال 03:14
-
تکلیف 00 None
-
مبانی HTML None
-
ویژگی style در HTML همراه با مثال 06:19
-
HTML با CSS در 3 متد همراه با مثال 12:34
-
عناصر سطح بلوک و درونخطی HTML همراه با مثال 08:10
-
عنصر div و span همراه با مثال 08:34
-
کلاس در HTML همراه با مثال 10:32
-
ویژگیهای ID در HTML همراه با مثال 05:32
-
بوکمارکینگ با ID و هایپرلینکها همراه با مثال 07:47
-
استایلدهی HTML - نقشآفرینی None
-
تگهای فرمت بندی HTML همراه با مثال 07:09
-
رنگ در HTML همراه با مثال 07:53
-
یادگیری تگهای فرمت بندی و تگهای رنگ در HTML None
-
درج تصویر در HTML همراه با مثال 07:01
-
اهمیت تصویر در وبسایت 02:05
-
تصویر بهعنوان لینک در HTML 03:21
-
مسیر لوکیشن فایل در HTML همراه با مثال 07:36
-
لینکها در HTML همراه با مثال 10:43
-
URLهای مطلق و نسبی در HTML همراه با مثال 08:59
-
جدول HTML بخش 1 همراه با مثال 17:01
-
جدول HTML بخش 2 همراه با مثال 06:44
-
لیست های نامرتب و مرتب در HTML همراه با مثال 15:05
-
لیست تعریف داده در HTML همراه با مثال 04:55
-
عناصر بخش head در HTML بخش 1 13:03
-
عناصر بخش head در HTML بخش 2 08:52
-
عنصر معنایی در طرح بندی HTML 04:10
-
روشهای ایجاد طرح بندی HTML 02:20
-
طرح بندی HTML با DIV و HTML5 02:46
-
طرح بندی وب HTML با استفاده از تگ div بخش 1 16:42
-
طرح بندی وب HTML با استفاده از تگ div بخش 2 13:34
-
طرح بندی وب HTML با استفاده از تگهای معنایی HTML5 12:24
-
طرح بندی نامناسب و سئوپسند HTML 05:02
-
JavaScript در HTML 05:35
-
PHP در HTML 05:00
-
عنصر معنایی چیست؟ 01:50
-
فهرست عناصر معنایی 03:30
-
طرح بندی با عناصر معنایی خلاقانه 02:19
-
توصیههای HTML 06:46
-
جزئیات کامل کاراکترهای HTML 18:35
-
مقدمهای بر فرم HTML 04:19
-
مقدمهای بر عناصر فرم HTML 01:33
-
عنصر input در فرم 10:52
-
radio و checkbox 05:34
-
ویژگیهای عنصر input 16:35
-
عنصر label در فرم 05:48
-
عنصر select در فرم 08:41
-
عنصر textarea در فرم 04:07
-
عنصر button در فرم 05:15
-
fieldset و legend 03:53
-
ویژگی action در فرم 05:22
-
ویژگی name در فرم 01:37
-
روشهای GET و POST 06:14
-
ویژگی novalidate در فرم 03:26
-
ویژگی autocomplete در فرم 05:13
-
ویژگی autofocus در فرم HTML 03:55
-
چندرسانهای بهصورت کامل 01:20
-
درج صوت در صفحه وب 05:47
-
ویژگیهای صوتی HTML 04:00
-
تمام رویدادهای صوتی 01:10
-
درج ویدیو در صفحه وب 04:18
-
ویژگیهای ویدیوی HTML 04:22
-
تمام رویدادهای ویدیو 00:46
-
فصل 01 مقدمهای بر CSS 02:11
-
مقدمهای بر CSS همراه با مثال 09:32
-
انتخابگرهای ساده در CSS همراه با مثال 13:04
-
CSS در HTML با روشهای مختلف 08:47
-
انتخابگرهای ویژگی در CSS همراه با مثال 15:35
-
combinatorها در CSS همراه با مثال 11:18
-
کلیدواژه important در CSS همراه با مثال 05:44
-
کامنتها در CSS همراه با مثال 04:11
-
رنگها در CSS همراه با مثال 07:42
-
پسزمینه در صفحه وب با مثال 09:45
-
دکمه در CSS همراه با مثال 07:38
-
فونتها در CSS همراه با مثال 08:19
-
سایه در CSS همراه با مثال 04:21
-
ویژگیهای متن در CSS همراه با مثال 06:35
-
گرادیانj در CSS همراه با مثال 09:05
-
ویژگی opacity در CSS همراه با مثال 06:57
-
ویژگی float در CSS همراه با مثال 08:18
-
overflow در CSS همراه با مثال 04:40
-
ویژگی display در CSS همراه با مثال 07:21
-
visibility در CSS همراه با مثال 05:21
-
ستونبندی چندگانه در CSS همراه با مثال 08:37
-
آیکونهای CSS Font Awesome همراه با مثال 11:49
-
مدل جعبهای CSS 03:25
-
border در CSS همراه با مثال 08:51
-
outline در CSS همراه با مثال 04:57
-
padding در CSS همراه با مثال 05:50
-
margin در CSS همراه با مثال 06:35
-
specificity در CSS همراه با مثال 09:16
-
pseudo-element در CSS 11:41
-
pseudo-classهای CSS بخش 1 19:33
-
pseudo-class برای فرم بخش 2 04:37
-
transform دوبعدی در CSS 08:42
-
transform سهبعدی در CSS 11:22
-
transition در CSS 11:29
-
انیمیشن در CSS 10:50
-
جدول در CSS 11:05
-
صفحهبندی در CSS 07:13
-
لینک در CSS 04:30
-
لیست در CSS 03:24
-
ناوبری یا نوار ناوبری در CSS 05:46
-
منوی کشویی ناوبری در CSS 06:13
-
فرم در CSS 08:50
-
media queries در CSS بخش 1 16:05
-
ایجاد طراحی واکنشگرا با media queries در CSS بخش 2 10:18
-
کوئیز HTML و CSS None
-
تکلیف 01 None
-
تکلیف 02 None
-
تکلیف 03 None
-
تکلیف 04 None
-
تکلیف 05 None
-
آزمون HTML و CSS None
-
01 طرح کلی فصل 06 ChatGPT 01:44
-
02 تولید صفحه وب با ChatGPT 08:08
-
03 ایجاد وبسایت WordPress با ChatGPT 13:06
-
04 درج نوشته در WP با ChatGPT 04:50
-
05 ایجاد صفحه در WP با ChatGPT 03:35
-
06 افزونه WP با ChatGPT 08:44
-
07 قالب WP با ChatGPT 05:06
مشخصات آموزش
آموزش HTML و CSS برای طراحی و توسعه وبسایت
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:Alls
- تعداد درس:126
- مدت زمان :14:04:07
- حجم :7.08GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy