از اولین تگ تا سایت هفتصفحهای واکنش‌گرا: آموزش HTML و CSS در ۱۵ جلسه
دوره HTML و CSS کادوس، اولین قدم طراحی سایت با کد است: ساختار صفحه با HTML، استایل با CSS، Box Model، Flexbox و Grid، فرم‌ها، طراحی واکنش‌گرا برای موبایل و CSS پیشرفته؛ و در پایان یک سایت هفتصفحهای کامل. ۱۵ جلسه سهساعته با کتاب رایگان ۱۶ فصلی، حضوری در رشت و آنلاین.
آنچه از HTML و CSS می‌دانید را با آزمون آنلاین رایگان HTML و CSS بسنجید؛ ۴۰ سؤال به سبک آزمون کتبی فنی و حرفه‌ای با پاسخ تشریحی.
- سطح دورهمقدماتی
- مدت کل آموزش۴۵ ساعت
- نوع کلاسحضوری در رشت + آنلاین
- پیش‌نیازآشنایی با کامپیوتر (ICDL)
درباره این دوره
هر سایتی که می‌بینید، از فروشگاه تا شبکه اجتماعی، در مرورگر به HTML و CSS تبدیل میشود. HTML می‌گوید صفحه چه چیزهایی دارد (عنوان، متن، تصویر، جدول، فرم) و CSS می‌گوید چه شکلی باشد (رنگ، فونت، چیدمان و نمایش در موبایل). هر مسیر طراحی وب، چه فرانت‌اند، چه وردپرس حرفه‌ای و چه بک‌اند، از همین دو شروع میشود.
دوره ۱۵ جلسه سهساعته (۴۵ ساعت) است. با ساختار سند، متن، فهرست، لینک، تصویر و جدول شروع می‌کنید؛ بعد CSS را از رنگ و فونت تا Box Model و انتخابگرها یاد می‌گیرید. چیدمان مدرن با Flexbox و Grid، position و z-index، فرم‌ها و طراحی واکنش‌گرا با media query بخش اصلی دوره‌اند و CSS پیشرفته (متغیر، سایه، گرادیانت و transform) ظاهر صفحه‌ها را حرفه‌ای میکند.
جلسه چهاردهم پروژه نهایی است: سایت هفتصفحهای «دبیرستان دانش» را در ده گام می‌سازید. جلسه پانزدهم هم، خارج از سرفصل، با بوت‌استرپ و اولین برنامه‌های جاوااسکریپت آشنا می‌شوید تا قدم بعدی را بشناسید.
هر جلسه یک فصل از کتاب رایگان HTML و CSS است و کدهای هر ۱۵ جلسه در گیت‌هاب کادوس منتشر شده‌اند. برای کار فقط یک مرورگر و ویرایشگر رایگان VS Code لازم است؛ نه نرم‌افزار خاص و نه اینترنت.
دوره HTML و CSS برای چه کسانی مناسب است؟
۱شروع طراحی سایت از صفر
میخواهید طراحی وب را اصولی و با کد یاد بگیرید، نه فقط با صفحه‌ساز.
۲آینده فرانت‌اند
میخواهید بعد از این دوره JavaScript و فریم‌ورک‌ها را یاد بگیرید و پایه محکم لازم دارید.
۳کاربر وردپرس
با وردپرس سایت می‌سازید و میخواهید قالب و ظاهر را با CSS خودتان تغییر دهید.
۴دانش‌آموز و دانشجو
برای درس، پروژه یا آزمون فنی و حرفه‌ای طراحی وب، HTML و CSS را کامل میخواهید.
پیش‌نیاز دوره
پیش‌نیاز برنامهنویسی ندارد. باید با ویندوز، فایل و پوشه و تایپ راحت باشید؛ اگر نیستید، اول ICDL را بگذرانید. انگلیسی در حد خواندن نام تگ‌ها و ویژگی‌ها کافی است.
سرفصل‌های دوره HTML و CSS
HTML (جلسه ۱ و ۲)
- ساختار سند، عنوان، پاراگراف، قالب‌بندی متن، فهرست، لینک و تصویر
- فهرست تودرتو، مسیر فایل، جدول، عناصر بلوکی و درون‌خطی
مبانی CSS (جلسه ۳ تا ۶)
- سه روش نوشتن CSS، کلاس و آی‌دی، رنگ و پس‌زمینه
- Box Model: عرض و ارتفاع، padding و margin، گردی گوشه‌ها، box-sizing
- انتخابگرهای گروهی و فرزندی، hover، تصویر پس‌زمینه
- قلم و تایپوگرافی، تگ‌های معنایی، div و span
چیدمان با Flexbox (جلسه ۷ و ۸)
- display flex، جهت محور، justify-content و align-items
- gap، رشد و کوچک شدن، ترتیب، align-self و transition
position و فرم (جلسه ۹ و ۱۰)
- position در چهار حالت، z-index و overflow
- input و انواع آن، برچسب، فهرست کشویی، تیک و رادیویی و استایل فرم
Grid و واکنش‌گرا (جلسه ۱۱ و ۱۲)
- ستون و ردیف، واحد fr، نام‌گذاری نواحی
- واحدهای نسبی، media query و تصویر واکنش‌گرا
CSS پیشرفته (جلسه ۱۳)
- متغیرها، سایه، گرادیانت، transform، object-fit، calc و شبه‌عنصر
پروژه نهایی (جلسه ۱۴)
- سایت هفتصفحهای «دبیرستان دانش» در ده گام
قدم بعدی (جلسه ۱۵)
- آشنایی با بوت‌استرپ، اولین برنامه‌های جاوااسکریپت و نقشه راه
بعد از این دوره چه کارهایی از شما برمی‌آید؟
- هر طرح ساده‌ای را با HTML و CSS به صفحه وب تبدیل می‌کنید.
- با Flexbox و Grid چیدمان می‌سازید و صفحه را برای موبایل واکنش‌گرا می‌کنید.
- فرم، منو، کارت و بخش‌های رایج سایت را خودتان طراحی می‌کنید.
- یک سایت هفتصفحهای کامل در نمونه‌کارتان دارید و برای JavaScript آماده‌اید.
کتاب رایگان و نمونه سؤال آزمون فنی و حرفه‌ای
کتاب دوره HTML و CSS ۱۶ فصل دارد: فصل صفر مفاهیم پایه وب را توضیح می‌دهد و فصل‌های یک تا پانزده دقیقاً برابر جلسه‌های کلاس‌اند؛ هر فصل با جدول جمع‌بندی و تمرین عملی تمام میشود. نمونه سؤال‌های تستی HTML و CSS آزمون فنی و حرفه‌ای هم کنار کتاب منتشر شده است.
مسیر کامل طراحی سایت با کد و با وردپرس، و مقایسه آن‌ها را در صفحه آموزش طراحی سایت در رشت ببینید.
مسیر یادگیری پیشنهادی در کادوس
- HTML و CSSهمین دوره · ساختار و ظاهر صفحه
- JavaScript و Ajaxتعامل و منطق صفحه
- PHP و MySQLسایت پویا و پایگاه داده
- وردپرس مقدماتییا: سایت بدون کد با وردپرس
مقایسه همه دوره‌ها، مسیر کامل یادگیری و پرسش‌های رایج را در صفحه آموزش طراحی سایت در رشت ببینید.
پرسش‌های رایج درباره دوره HTML و CSS
دوره HTML و CSS چند جلسه است؟
۱۵ جلسه سهساعته؛ در مجموع ۴۵ ساعت آموزش.
برای یادگیری HTML و CSS برنامهنویسی لازم است؟
خیر. HTML و CSS زبان برنامهنویسی به معنای منطق و الگوریتم نیستند و دوره از صفر شروع میشود.
پروژه پایانی دوره چیست؟
سایت هفتصفحهای و واکنشگرای «دبیرستان دانش» که در جلسه چهاردهم در ده گام ساخته میشود.
چه نرم‌افزاری لازم دارم؟
فقط یک مرورگر (کروم، فایرفاکس یا اج) و ویرایشگر رایگان VS Code.
HTML و CSS یاد بگیرم یا وردپرس؟
اگر میخواهید طراح یا برنامهنویس وب شوید، HTML و CSS پایه همه چیز است. اگر فقط سریع یک سایت یا فروشگاه میخواهید، وردپرس مقدماتی بدون کدنویسی است. دانستن CSS در وردپرس هم دستتان را باز میکند.
کلاس حضوری است یا آنلاین؟
هر دو. کلاس حضوری در شعب مؤسسه کادوس در رشت و کلاس آنلاین برای کسانی که در شهرهای دیگر هستند برگزار میشود؛ برنامه ترم هر شعبه را از مشاوره بپرسید.
آیا دوره مدرک دارد؟
پس از قبولی در آزمون پایان دوره، گواهی پایان دوره مؤسسه فنی و آموزشی کادوس صادر میشود. مدرک سازمان فنی و حرفه‌ای هم پس از قبولی در آزمون آن سازمان دریافت میشود؛ شرایط و زمان آزمون را در جلسه مشاوره بپرسید.
شهریه و شرایط ثبتنام چیست؟
ثبتنام با پرداخت نیمی از شهریه انجام میشود و شهریه بهروز در کادر کنار همین صفحه آمده است. برای زمان شروع کلاس بعدی با ۰۱۳۹۱۰۰۲۳۴۳ تماس بگیرید.
ثبتنام و مشاوره رایگان
ثبتنام تنها با پرداخت نیمی از شهریه انجام میشود. برای ثبتنام آنلاین، دکمه «ثبتنام در دوره» را در کادر کنار همین صفحه بزنید.
