کلاس آنلاین
شرکت زنده در کلاس بهصورت آنلاین
بعد از پرداخت: حداکثر تا یک روز کاری برای هماهنگی زمان شروع و گروه کلاس آنلاین با شما تماس میگیریم.
بیش از 20 سال سابقه آموزش
بیش از 30 مدرس مجرب
بیش از 5000 دانشجو موفق
92 درصد ورود به بازار موفق
دوره ویدئویی ضبط شده
دوره آنلاین
بیعانه رزرو
۵۰۰,۰۰۰ تومان
پرداخت اقساطی
امکان پرداخت قسطی
پشتیبانی فنی در طول کلاس
بدون نیاز به نصب نرم افزار
ارتباط صوتی و تصویری
قابلیت اشتراک گذاری فایل
قابلیت ضبط جلسات
دسترسی آسان با هر اینترنتی
اطلاعاتت رو وارد کن تا کارشناسان ما باهات تماس بگیرن.
شیوه موردنظر خود را انتخاب کنید.
شرکت زنده در کلاس بهصورت آنلاین
بعد از پرداخت: حداکثر تا یک روز کاری برای هماهنگی زمان شروع و گروه کلاس آنلاین با شما تماس میگیریم.
شرکت حضوری در کلاس آموزشی
بعد از پرداخت: حداکثر تا یک روز کاری برای هماهنگی زمان شروع و گروه کلاس حضوری با شما تماس میگیریم.
کلاس مستقیم و تعاملی با مدرس
شرکت زنده در کلاس از هر مکان
دسترسی به فایل ضبطشده جلسات
توجه بیشتر مدرس به هر هنرجو
تسلط بر مفاهیم پایه و پیشرفته دوره
انجام نمونههای واقعی بازار کار
دریافت مدرک معتبر و قابل استعلام
آمادگی برای ورود به بازار کار
پشتیبانی آموزشی پس از دوره
تاریخچه و مبانی HTML
تاریخچه HTML و نسخههای مختلف آن
معرفی عناصر، تگها و ویژگیها
شناخت نقش HTML در ساخت صفحات وب
ساختار پایه صفحات HTML
ساختار استاندارد یک سند HTML
آشنایی با تگهای <html>، <head> و <body>
تفاوت عناصر بلوکی و خطی
تگهای پرکاربرد
عنوانها، پاراگراف و عناصر متنی
فهرستهای مرتب و نامرتب
لینکها و تصاویر
مدیریت ساختار محتوای صفحه
عناصر معنایی صفحه
ایجاد سربرگ، منوی ناوبری، محتوای اصلی و پاورقی
کار با عناصر header، nav، section، article و footer
تقسیم منطقی صفحه و بهبود خوانایی کد
فرمها و ورودیها
ساخت فرم و آشنایی با انواع ورودی
کار با input، textarea و select
افزودن دکمه و کنترلهای فرم
مفاهیم پایه CSS
تاریخچه و نقش CSS در طراحی وب
روشهای اتصال CSS به سند HTML
ساختار دستورات و نحوه نوشتن قوانین CSS
انتخابگرهای CSS
انتخاب عناصر، کلاسها و شناسهها
انتخابگرهای ترکیبی و سلسلهمراتبی
اولویتبندی و اعمال استایلها
ویژگیهای پایه
رنگ و پسزمینه
فونت، اندازه و وزن متن
margin، padding و border
اهمیت نمایش صحیح سایت در موبایل، تبلت و دسکتاپ
آشنایی با Viewport و Media Query
تعریف نقاط شکست برای اندازههای مختلف صفحه
اجرای نمونههای عملی طراحی واکنشگرا
چیدمان صفحات با Flexbox و Grid
آشنایی با Bootstrap، Foundation و Bulma
شناخت ساختار و اجزای Bootstrap
کار با سیستم گرید Bootstrap
استفاده از کامپوننتهای آماده
ترکیب فریمورک با کدهای HTML و CSS اختصاصی
طراحی یک صفحه وب ساده: پیادهسازی ساختار HTML و اعمال استایلهای پایه با CSS
طراحی وبلاگ شخصی: استفاده از عناصر معنایی، فرمها و طراحی واکنشگرا
طراحی وبسایت تجاری: ساخت قالب با HTML و CSS، استفاده از Bootstrap و بهینهسازی نمایش در دستگاههای مختلف
مرور مباحث اصلی دوره
بررسی پروژهها و رفع اشکالات نهایی
معرفی منابع تکمیلی برای ادامه یادگیری
آمادهسازی نمونهکار و برنامه تمرین پس از دوره
| 🎯 هدف اصلی دوره | یادگیری ساخت و استایلدهی صفحات وب با HTML و CSS؛ از ساختار پایه و عناصر معنایی تا فرم، Flexbox، Grid، طراحی واکنشگرا و Bootstrap |
|---|---|
| 👤 مناسب برای | افراد مبتدی، علاقهمندان به برنامهنویسی فرانتاند، طراحان سایت و کسانی که میخواهند ساختار واقعی صفحات وب را یاد بگیرند |
| ✅ خروجی یادگیری | ساخت صفحات وب، طراحی فرم، پیادهسازی Layout، طراحی ریسپانسیو و اجرای پروژههایی مانند وبلاگ شخصی و سایت تجاری |
| 💼 مسیرهای کاری | شروع مسیر Front-End Development، پیادهسازی صفحات استاتیک، همکاری در پروژههای وب و آمادهشدن برای یادگیری JavaScript و فریمورکهای فرانتاند |
| 💰 قابلیت درآمدزایی | HTML و CSS پایه ورود به بازار فرانتاند هستند؛ برای موقعیتهای حرفهایتر معمولاً باید JavaScript و فناوریهایی مانند React یا Vue را نیز در ادامه یاد بگیرید. |
| 📌 پیشنیاز | برای شروع به تجربه برنامهنویسی نیاز ندارید؛ آشنایی عمومی با کامپیوتر و مرورگر کافی است. |
| 💻 ابزار موردنیاز | کامپیوتر یا لپتاپ، مرورگر وب و یک ویرایشگر کد مانند Visual Studio Code |
| 📊 وضعیت بازار | HTML و CSS همچنان از پایهایترین فناوریهای وب هستند و در آگهیهای فرانتاند در کنار JavaScript و فریمورکهای جدید موردنیاز قرار میگیرند. |
| ⚠️ محدودیت دوره | طبق سرفصل، JavaScript و برنامهنویسی تعاملی صفحات جزو آموزش اصلی این دوره نیست؛ بنابراین این دوره بهتنهایی مسیر کامل Front-End محسوب نمیشود. |
| 🚀 قدم منطقی بعدی | تمرین با چند پروژه واقعی و سپس یادگیری JavaScript، Git و یکی از مسیرهای React، Vue یا سایر فناوریهای فرانتاند |
| مسیر درآمد | چه کاری انجام میدهید؟ | مدل درآمد | مانع ورود | مناسب برای |
|---|---|---|---|---|
| توسعهدهنده فرانتاند | پیادهسازی رابط وب و تبدیل طراحی به صفحه قابل استفاده | حقوق ماهانه | نیاز به JavaScript و معمولاً یک فریمورک در کنار HTML/CSS | افرادی که قصد ورود حرفهای به برنامهنویسی وب دارند |
| پیادهسازی Landing Page | ساخت صفحات استاتیک و ریسپانسیو برای سایت یا کمپین | پروژهای | نیاز به نمونهکار و دقت در پیادهسازی طرح | فریلنسرهای تازهکار |
| همکاری با طراح UI | تبدیل طرح رابط کاربری به HTML و CSS | حقوق یا پروژه | نیاز به درک Layout و Responsive Design | افراد علاقهمند به پیادهسازی رابط |
| توسعه قالب سایت | پیادهسازی ساختار و ظاهر اولیه قالبهای وب | پروژهای یا استخدام | بسته به پروژه ممکن است JavaScript یا CMS نیز لازم باشد | طراحان و توسعهدهندگان وب |
| بهبود سایت موجود | اصلاح ظاهر، ریسپانسیو و ساختار HTML/CSS سایت | پروژهای | نیاز به توانایی خواندن و اصلاح کد دیگران | فریلنسرها و نیروهای پشتیبانی وب |
| کسبوکار شخصی | ساخت یا شخصیسازی صفحات وب بدون وابستگی کامل به توسعهدهنده | ایجاد ارزش یا کاهش هزینه | برای امکانات تعاملی به مهارتهای بیشتری نیاز است | صاحبان سایت و فعالان دیجیتال |
| شرایط یا هدف شما | میزان تناسب | چرا؟ |
|---|---|---|
| هیچ تجربهای از کدنویسی وب ندارید | ✅ مناسب | دوره از تاریخچه، ساختار HTML و عناصر پایه شروع میشود. |
| میخواهید Front-End Developer شوید | ✅ نقطه شروع مناسب | HTML و CSS پایه این مسیر هستند و بعد از آن باید JavaScript را ادامه دهید. |
| طراح سایت وردپرس هستید اما کدنویسی صفحات را نمیشناسید | ✅ مناسب | شناخت HTML و CSS در شخصیسازی قالب و عیبیابی صفحات کمک میکند. |
| UI Designer هستید و میخواهید نحوه پیادهسازی طرحها را بفهمید | ✅ مناسب | Flexbox، Grid و Responsive Design دید فنی بهتری نسبت به اجرای رابط میدهند. |
| میخواهید فقط با Bootstrap سایت بسازید | ✅ مناسب | ابتدا CSS پایه آموزش داده میشود و سپس Bootstrap در ادامه مسیر قرار دارد. |
| میخواهید وباپلیکیشن تعاملی بسازید | 🟡 شروع مسیر است | برای تعامل، منطق برنامه و کار با دادهها باید JavaScript را نیز یاد بگیرید. |
| هدف شما برنامهنویسی Backend است | 🟡 تا حدی مناسب | درک HTML مفید است، اما مسیر اصلی شما به زبانها و فناوریهای Backend نیاز دارد. |
| مورد | ضروری یا پیشنهادی؟ | توضیح |
|---|---|---|
| تجربه برنامهنویسی | ضروری نیست | دوره از ساختار پایه HTML و CSS شروع میشود. |
| مهارت عمومی کامپیوتر | ضروری | مدیریت فایل، پوشه و مرورگر برای شروع کافی است. |
| زبان انگلیسی | در حد مقدماتی پیشنهاد میشود | تگها، Propertyها، مستندات و خطاهای توسعه وب معمولاً انگلیسی هستند. |
| کامپیوتر یا لپتاپ | ضروری برای تمرین | HTML و CSS نیاز سختافزاری سنگینی ندارند و روی سیستمهای معمولی قابل تمرین هستند. |
| ویرایشگر کد | پیشنهادی | ابزاری مانند Visual Studio Code روند نوشتن و مدیریت فایلهای HTML و CSS را سادهتر میکند. |
| مرورگر | ضروری | برای مشاهده نتیجه کد و بررسی Responsive Design به مرورگر نیاز دارید. |
| تمرین عملی | بسیار مهم | درک Flexbox، Grid و Responsive Design بدون ساخت صفحات مختلف دشوار است. |
| اگر هدف شما این است… | مسیر مناسبتر | دلیل |
|---|---|---|
| ساختار واقعی صفحات وب را از پایه یاد بگیرید | HTML و CSS | مستقیماً با کد و منطق نمایش صفحه کار میکنید. |
| بدون کدنویسی زیاد سریعتر سایت راهاندازی کنید | WordPress | CMS و Page Builderها بخش زیادی از ساخت سایت را آماده در اختیار شما قرار میدهند. |
| به Front-End Development وارد شوید | HTML و CSS، سپس JavaScript | HTML و CSS ساختار و ظاهر را میسازند و JavaScript رفتار و تعامل صفحه را اضافه میکند. |
| رابط کاربری تعاملی و Web App بسازید | JavaScript و فریمورکهای Front-End | HTML و CSS بهتنهایی منطق برنامه و تعاملهای پیچیده را اجرا نمیکنند. |
| قالب و صفحات سایت را شخصیسازی کنید | HTML و CSS | شناخت کد به شما امکان کنترل دقیقتر ظاهر و ساختار را میدهد. |
While HTML helps you generate the layout for web pages – in effect, acting as the skeleton for all content – HTML syntax can also be enhanced with two other elements to make content attractive and more interactive. For instance, CSS (Cascading Style Sheets) allows you to move beyond HTML basics, enabling you to add enhanced details about how content is displayed on a web page from spacing to fonts.
ترجمه: اگرچه HTML به شما کمک میکند تا طرحبندی صفحات وب را ایجاد کنید – و در واقع نقش اسکلتبندیِ تمام محتوا را ایفا میکند – اما میتوان ساختار (سینتکس) آن را با دو عنصر دیگر ارتقا داد تا محتوا جذابتر و تعاملیتر شود. برای مثال، CSS (شیوهنامههای آبشاری) به شما امکان میدهد فراتر از اصول اولیه HTML گام بردارید و جزئیات دقیقتری را درباره نحوه نمایش محتوا در صفحه وب – از فاصلهگذاری گرفته تا نوع قلمها – اعمال کنید.
مدرس متخصص در آموزشگاه پارسه، با تجربه آموزش پروژهمحور و اجرای پروژههای واقعی.
مدرک سازمان فنی و حرفهای
مدرک آموزشگاه پارسه دو زبانه (مورد تایید سازمان فنی حرفه ای)
مدرک بین المللی ICB Academy (مورد تایید کشور آلمان)
مدرک ایز ایران (مورد تایید وزارت دفاع کشور)
پس از پایان دوره و انجام پروژه پایانی، مدرک معتبر و قابل استعلام دریافت میکنید که برای ورود به بازار کار و تکمیل رزومه شما مفید است.
زمانبندی کلاسها
شماره موبایلتو بذار تا خودمون باهات هماهنگ بشیم.
مشاوران ما با شما تماس میگیرند و راهنماییتان میکنند.
با توجه به شرایط، علایق و نیازهای شما، دوره مناسب پیشنهاد میشود.
بعد از انتخاب دوره، مراحل ثبتنام برای شما انجام میشود.
زمان کلاس با توجه به محدودیت زمانی شما هماهنگ میشود؛ نگران زمانبندی نباشید.
برای ثبتنام، دکمه رزرو کلاس را انتخاب کنید یا با پشتیبانی پارسه تماس بگیرید.
پس از تکمیل دوره و پروژه پایانی، گواهی معتبر دوره ارائه میشود.
نحوه دسترسی به ویدئوها مطابق شرایط هر دوره به هنرجویان اعلام میشود.
این دوره قابلیت برگزاری حضوری، آنلاین و دسترسی آفلاین را دارد.
پشتیبانی آموزشی این دوره به مدت ۶ ماه ادامه دارد.
شیوه موردنظر خود را انتخاب کنید.
شرکت زنده در کلاس بهصورت آنلاین
بعد از پرداخت: حداکثر تا یک روز کاری برای هماهنگی زمان شروع و گروه کلاس آنلاین با شما تماس میگیریم.
شرکت حضوری در کلاس آموزشی
بعد از پرداخت: حداکثر تا یک روز کاری برای هماهنگی زمان شروع و گروه کلاس حضوری با شما تماس میگیریم.
شمارهات رو بذار تا کارشناسان ما باهات تماس بگیرن و راهنماییت کنن.
نقد و بررسیها
قاسمی –
سلام پروژه ای که توی دوره انجام میشه فقط همراه با مدرس کدنویسی میشه یا تمرینی هم هست که خودمون از صفر انجام بدیم و بعد با جواب مدرس مقایسه کنیم؟
لاله –
من با Flexbox کار کردم ولی وقتی صفحه پیچیده میشه همه چیز به هم میریزه. داخل دوره روی ترکیب Flexbox و Grid در یک پروژه واقعی هم کار میکنید؟
سعید –
توی پروژه ها Mobile First هم کار میشه یا اول نسخه دسکتاپ طراحی میشه و بعد برای موبایل ریسپانسیوش میکنید؟
کریمپور –
انیمیشن های CSS مثل transition، transform و keyframes هم داخل سرفصل ها هست یا تمرکز دوره فقط روی طراحی صفحات ثابته؟