دوره آموزش HTML و CSS
دوره آموزش HTML و CSS به صورت ویدیویی و پروژه محور : این دوره قدم اول طراحی وب‌سایت است. یعنی برای ورود به دنیای طراحی وب باید به این دو مبحث مسلط باشید.
در این دوره سعی کرده‌ایم تمامی نکات کاربردی HTML5 و CSS3 (به روز‌ترین‌ها) را به زبانی بسیار ساده و در قالب پروژه از صفر (مباحث ابتدایی وب) تا مباحث پیشرفته و حرفه‌ای بیان کنیم. واقعیت این است که هرچقدر هم به مباحث مختلف وب و زبان‌های برنامه‌نویسی آشنایی داشته باشید، باز هم در طراحی وب عدم تسلط شما در HTML و CSS گریبان‌گیرتان خواهد بود.
پس بهتر است همین ابتدا این مباحث را برای یکبار به صورت اصولی و کامل بیاموزید تا در طی سالهای فعالیت خود از آنها استفاده کنید. اگر قصد ورود به بازار داغ طراحی وب‌سایت را دارید اینجا قدم اول است! قدم اول را محکم بردارید.
توجه : با درج کد تخفیف HTML30 در حین خرید به جای پرداخت ۱۴۵هزارتومان ، فقط با ۱۰۱ هزارتومان به دوره دسترسی داشته باشید.
چرا باید طراحی وب‌سایت را بیاموزیم؟
مزیت‌های این شغل بیشتر از آن چیزی است که فکر می‌کنید. هرچه که زمان می‌گذرد و وابستگی به تکنولوژی بیشتر می‌شود این کارهم رونق بیشتری می‌یابد. در ادامه چند مورد از مزیت‌های این کار را بررسی می‌کنیم:
۱- استقلال: در این شغل کاملا استقلال دارید. اگر دوست ندارید برای دیگران کار کنید یا در شرکتی استخدام شوید به راحتی به صورت آزادکاری (فریلنسری) کار کنید.
۲- در حال توسعه: بازار کار این شغل واقعا داغ داغ است. محال است به مباحث مسلط باشید و بیکار بمانید! در ایران هم اهمیت داشتن وب‌سایت برای اکثر کسب‌وکارها روشن شده و باعث افزایش تقاضاها در این زمینه شده است.
۳- درآمد مناسب: حتی در دوران رکود هم شاهد درآمدهای بالای طراحان وب هستیم. از آنجا که بازارکار این رشته مناسب است فقط باید تلاش کنید تا به این بازار وارد شوید. درآمد مبلغی این شغل در اکثر کشورهای دنیا و البته در ایران مناسب است.
۴- انعطاف بالا در نحوه کار کردن: در این کار بایدی وجود ندارد. شما می‌توانید در قالب یک تیم فعالیت کنید یا به صورت تک‌نفره به کار مشغول شوید. تعیین کنید در خانه کار می‌کنید یا در یک دفتر و ساعات کاری دلخواه خود را داشته باشید.
و از همه مهمتر این کار واقعا هیجان انگیز است! اینکه به کسب‌وکارهای مختلف کمک می‌کنید تا درآمد اینترنتی داشته باشند و پیشرفت کنند، خود به تنهایی حس رضایت و دلگرمی شیرینی برای شما ایجاد می‌کند.
طراحی وب‌سایت را از کجا شروع کنیم؟
برای شروع طراحی وب‌سایت قبلاً در نقشه راه طراحی وب، بیان کرده بودیم که باید از آموزش HTML و CSS و مبانی وب، کار را شروع کنید. بعد از آن به سراغ سایر مباحث فرانت‌اند مثل java script بروید. در اینجا هم می‌توانید مسیر اصلی خود را انتخاب کنید که اگر قصد دارید یک برنامه‌نویس وب شوید به سراغ یادگیری زبان برنامه‌نویسی بروید و اگر می‌خواهید طراح وب باشید به تکمیل مباحث طراحی بپردازید.
پس در هر صورت شروع کار شما با آموزش HTML و CSS خواهد بود و بعد از آن java script یا jquery در تکمیل مباحث وب به شما کمک خواهد کرد. البته در دوره آموزش HTML و CSS که پیش روی شماست ما مسیر یادگیری را برای شما به خوبی توضیح داده‌ایم تا ابهامی در این زمینه باقی نماند.
معرفی دوره آموزش HTML و CSS
در دوره آموزش ویدیویی HTML و CSS ادمین‌سایت، آموزش با تکمیل مفاهیم ابتدایی و مبانی وب آغاز می‌شود و با مباحث پیشرفته و پوشش کامل مباحث حرفه‌ای اتمام می‌یابد. نکته‌ای که سعی کرده‌ایم در طول دوره به آن توجه کنیم، خارج کردن آموزش از حالت تئوریات است. در این پکیج آموزشی ما مباحث گوناگون را با چندین مینی پروژه پیش خواهیم برد و در انتهای دوره یک صفحه وب‌سایت کامل را کدنویسی می‌کنیم.
اگر از کاربران ثابت ادمین‌سایت باشید حتماً از کیفیت محتوای وب‌سایت اطلاع دارید، به طور حتم این کیفیت در دوره‌های ویدیویی تا چندین برابر بیشتر رعایت شده است. سادگی در گفتار، کیفیت بالای محتوای آموزشی، کیفیت صدا و تصویر ویدیو‌های ضبط شده، از مهمترین ویژگی‌های این دوره است.
نحوه ارائه دوره
دریافت دوره در ادمین‌سایت به دو روش انجام می‌شود:
۱- دریافت مبحثی دوره (هر هفته چند جلسه ضبط می‌شود و در اختیار شما قرار می‌گیرد)
۲- دریافت پکیج آموزشی به صورت یکجا
از آنجا که این دوره در حال ضبط است و جلسات به طور هفتگی ارائه خواهند شد، دریافت مبحثی این دوره امکان‌پذیر خواهد بود. با ثبت نام در بازه زمانی آبان و آذر ماه، می‌توانید آموزش‌ها را به طور مستمر دریافت کنید، از تخفیف ثبت‌نام زودهنگام استفاده کنید و در جلسه پرسش و پاسخ حضور یابید.
بعد از ثبت نام در این دوره، ابتدای هر هفته دو جلسه از آموزش در پنل کاربری شما قرار می‌گیرد. شما می‌توانید به راحتی فایل‌ها را دانلود و مشاهده کنید، سوالات خود را از مدرس بپرسید و آموزش را به طور مستمر ادامه دهید. در انتهای دوره یک جلسه پرسش و پاسخ برگزار خواهد شد که قادر خواهید بود تمامی ابهامات خود را برطرف کنید. دقت کنید که جلسه‌ی پرسش و پاسخ فقط مخصوص دانشجویانی است که در آبان و آذر اقدام به ثبت نام کنند.
همچنین برای بهره‌مندی از تخفیف در حین ثبت‌نام از کد تخفیف HTML30 استفاده کنید.
بعد از تماشای این دوره آموزشی:
- با مبانی وب آشنا هستید.
- مسیر یادگیری طراحی وب را به خوبی می‌شناسید.
- می‌توانید حتی صفحات وب‌سایت‌های بزرگ مثل دیجی‌کالا، شیپور و… را به خوبی طراحی کنید.
- دیگر به هیچ آموزشی در این زمینه نیاز نخواهید داشت.
چرا ادمین‌سایت را برای آموزش طراحی وب‌سایت انتخاب کنم؟
- کیفیت مناسب آموزش‌ها
- تسلط و مهارت بالای مدرس
- تعرفه‌های مناسب و مقرون به صرفه
- داشتن نماد اعتماد الکترونیک (اینماد) و پرداخت امن
- تضمین بازگشت وجه در صورت عدم رضایت
- دریافت آپدیت‌های بعدی دوره به صورت رایگان
در حین پرداخت از کد تخفیف HTML30 استفاده کنید و ۳۰٪ تخفیف دریافت کنید.
توجه: از آنجایی که دوره در حال ضبط می‌باشد، طول دوره و تعداد جلسات به صورت تخمینی درج شده‌اند، ممکن است بر حسب نیاز در سرفصل‌ها تغییر اندکی ایجاد شود.
سرفصل دوره
جلسه اول: معرفی HTML و CSS
- HTML چیست؟
- تگ (Tag) چیست؟
- آشنایی با Web Browser ها و نحوه کارکردن آنها
- ساختار صفحات HTML
- CSS چیست؟
- چرا باید از CSS استفاده کنیم؟
جلسه دوم: پایه HTML
- نحوه ذخیره‌سازی و اجرای کدهای HTML
- معرفی ادیتور notepad++ و sublime text
- ساختار کدهای HTML
- عناصر HTML
- عناصر تودرتو
- عناصر تهی
- معرفی خصیصه‌ها (attributes)
- حساس به متن بودن در HTML
جلسه سوم: معرفی تگ‌های HTML (بخش اول)
- مجموعه تگ‌های Heading + نکات
- تگ hr (ایجاد خطوط افقی)
- تگ پاراگراف + نکات
- تگ br (شکستن خط)
- تگ pre
- قالب‌بندی متن (b, strong, i, em, del, sub, sup, abbr)
- تگ نقل قول (q و blockquote)
- تگ address
- نحوه درج کامنت در کدهای HTML
- کار با inspect element مرورگر
جلسه چهارم: پایه CSS
- Syntax کدهای CSS
- روش‌های اضافه کردن CSS به صفحه وب (Inline – Internal - External)
- انتخابگر‌های پایه CSS
- تفاوت بین id و class + نکات
- اولویت اعمال استایل در انواع روش‌ها
- ایجاد comment در CSS
جلسه پنجم: معرفی ویژگی‌های CSS (بخش اول)
- ویژگی color
- ویژگی width/height
- ویژگی padding + مشتقات آن
- ویژگی margin + مشتقات آن
- ویژگی border + مشتقات آن
- انواع واحدهای اندازه گیری
- واحدهای اندازه گیری نسبی و مطلق
- انواع سیستم‌های رنگ (hex, rgb, rgba, hsl, hsla)
جلسه ششم: معرفی تگ‌های HTML (بخش دوم)
- تگ a (ایجاد لینک در صفحات وب) + نکات
- تگ img
- انواع مسیردهی (نسبی و مطلق)
- تگ table + نکات
- انواع لیست (ol و ul) + نکات
جلسه هفتم: بلاک‌ها
- عناصر block-level و inline-level
- معرفی تگ div و span
- ویژگی display در CSS
- ساختار کلی باکس‌ها (Margin – Border – Padding - Content)
- ویژگی box-sizing
- ویژگی outline + مشتقات آن
جلسه هشتم: معرفی ویژگی‌های CSS (بخش دوم)
- ویژگی Background + مشتقات آن
- کار با max-width و max-height
- کار با float و چیدمان عناصر + نکات
- ویژگی overflow
- کار با متون در CSS
جلسه نهم: معرفی تگ‌های HTML (بخش سوم)
- کار با تگ Iframe
- فراخوانی کدهای جاوااسکریپت با تگ script
- تگ meta + نکات
- تگ code
جلسه دهم: عناصر layout در HTML
- معرفی تگ section
- معرفی تگ article
- معرفی تگ header
- معرفی تگ footer
- معرفی تگ nav
- معرفی تگ aside
- معرفی تگ figure و figcaption
جلسه یازدهم: ایجاد فرم‌ها در HTML
- معرفی تگ فرم و خصیصه‌های آن
- کار با متد GET و POST
- کار با تگ input
- معرفی انواع input type
- خصیصه‌های مهم input
- کار با تگ select
- کار با تگ textarea
- کار با تگ button
- معرفی تگ‌های fieldset و legend
جلسه دوازدهم: انتخابگر‌های پیشرفته CSS
- انتخابگر پدر و فرزندی
- انتخابگر خواهر و برادری
- انتخاب بر اساس وضعیت ماوس
- انتخاب بر اساس جایگاه عنصر
- انتخاب بر اساس وضعیت لینک‌ها
- انتخاب بر اساس وضعیت فیلدهای فرم
- انتخاب عنصر بر اساس attrtibute های آن
- شبه عنصر
- محاسبه اولویت انتخابگر‌ها
جلسه سیزدهم: معرفی ویژگی‌های CSS (بخش سوم)
- ویژگی opacity + مقایسه آن با background شفاف
- ویژگی border-radius + مشتقات آن
- ویژگی‌های box-shadow و text-shadow
- ویژگی object-fit
جلسه چهاردهم: معرفی عناصر مدیا در HTML
- کار با تگ video
- کار با تگ audio
- معرفی تگ source
- تگ object و embed
جلسه پانزدهم: مباحث پیشرفته
- ویژگی‌های پیشرفته background
- Multiple background
- Gradient background
- ویژگی‌های text-overflow و word-wrap و word-break
- ویژگی transition + مشتقات آن
- ویژگی transform + توابع آن
- کار با keyframes و ویژگی animation
- تعریف متغیر در CSS
- کار با سیستم چند ستونه و ویژگی column
- کار با Flexbox ها و ویژگی‌های مربوط به آن
- کار با کوئری @media
- سیستم Grid در CSS
مباحثی که در پروژه به آنها می‌پردازیم
- کار با @font-face در CSS
- کار با فونت آیکون‌ها
- طراحی ریسپانسیو
- ایجاد Tooltip حرفه‌ای
یه سوال دیگه داشتم.محصولات پولی هم مثل محصولات متنی یا رایگانتون توضیحات کامل و مفید(همراه با مثال ها) رو میده؟(من از دوره های رایگان شما واقعا راضی بودم)به عنوان مثال تگ div چیست و کاربرد ها و نحوه استفاده را به صورت کامل آموزش میده؟چون من قبلا محصول پولی html and css را از یک فروشگاه دیگه خریدم و اصلا راضی نبودم چون توضیحات مختصری میداد و اصلا مفهوم تگ ها را نمی گفت؟این محصول پولی شما مفهوم کام تک تک تگ ها و کاربرد ها و نکان رو میده؟و اینکه تخفیف این محصول تا چه مدت است؟
سلام وقت بخیر
قاعدتا وقتی برای آموزش‌های رایگان انقدر وقت گذاشته میشه و مطالب با کیفیت گفته میشن، این کیفیت در دوره‌ی غیررایگان چندین برابر هستش. قطعا مطالبی که در دوره غیر رایگان هستش جامع‌تر، پروژه محور و عملی‌تر هستند. بله تگ‌های اصلی کاملا با مثال گفته شده و تگ‌های غیر اصلی هم در حد توضیحات و کاربردها بررسی شدند.
تخفیف دوره تا آخر آذر ماه وجود داره.
بعد از خرید این محصول تمام فایل ها در پروفایل قرار می گیرند؟و آیا اگر آپدیتی صورت بگیره این آپدیت در فایل های این محصول که خریدیم اعمال میشه و می تونیم از آپدیت ها استفاده کنیم؟
در حال حاضر دوره به صورت هفتگی ضبط میشه و در پروفایل شما قرار میگیره و قابل دانلود است. دریافت آپدیت‌های بعدی رایگان هستند.
با سلام
اگه یک دو جلسه رایگان میذاشتید که سبک و کیفیت تدریس استاد مشخص بشه، راحت‌تر میتونستم درمورد خرید محصول تصمیم بگیرم.
با تشکر
سلام دوست عزیز به زودی یه ویدیو به عنوان دمو قرار داده میشه
کِی ویدیو دمو رو میزارید ؟؟؟ و کلاس های رایگانی که ali ازشون صحبت میکنه کدوم ان ؟؟؟
دمو طی سه روز آینده اضافه میشه.
کلاس آموزشی نیست. مجموعه‌ای از مقالات رایگان متنی هستش:
https://adminesite.com/training/html-css/
سلام یه سوالی داشتم
میخواستم بدونم فرق این دوره شما با اون چیزی که داخل مثلا فرادرس هست در چه حده و و بعد از اتمام دوره میتونم کاملا به صورت مسلط و بدون هیچ کم و کاستی به صورت حرفه ای برم سراغ مبحث بعد یا فقط کلیاتو گفتید و بقیشو گزاشتید به امید کار کردن خودمون؟
سلام دوست عزیز، تفاوت این دوره در مینی پروژه‌هایی هست که در طول دوره به آنها پرداخته میشه و البته سرفصل کامل
خیر مباحث کامله و جزییات هم گفته شده، منتها قطعا با دیدن ویدیو شما طراح سایت نمیشید. اگر در انتهای هر جلسه وقت کافی صرف کنید و مباحثی که گفته شده رو تمرین کنید به مباحث مسلط می‌شید. مباحث طراحی سایت به تمرین و کسب تجریه احتیاج داره.
سلام. ممنون از سایت عالیتون.
من میخوام دوره وردپرس رو خریداری کنم اما قدری گیج شدم. این دوره HTML و CSS و بقیه دوره های آموزشی ساییتون رو باید در ادامه دوره وردپرس خریداری کنم و آموزش ببینم؟ و برای کار حرفه ای در وردپرس و داشتن یک وب سایت خوب آیا لازمه به همه مباحثی که در آموزش های سایتتون هست مسلط بشیم؟
سلام میترا جان، دوره وردپرس مناسب افرادی هست که میخوان بدون کدنویسی به سراغ ساخت سایت و راه اندازی کسب و کارشون برن. دوره html و css برای افرادی هست که میخوان طراح سایت بشن و برنامه نویسی تحت وب رو یاد بگیرن. شما هدفتون رو بگید بهتر میتونم راهنماییتون کنم.
برای ساخت یه وب‌سایت حرفه‌ای همین دوره وردپرس کافی هست.
سلام .ممنون خانم جعفرپور عزیز
بله من هدفم داشتن یک وب سایت حرفه ای برای خودم هست . پس بجز دوره وردپرس دوره دیگه ای در سایت نیاز نیست بگذرونم مثلا SEO
ممنون از راهنماییتون
هر دوره‌ای اهداف خودشو داره. اگر میخواین وب سایت بدون کدنویسی راه اندازی کنید قطعا وردپرس مناسب شماست. دوره سئو هم برای افزایش بازدید سایت، افزایش فروش و قرار گرفتن در نتایج گوگل هستش که بعد از راه اندازی سایت نیاز بسیاری از کسب‌وکارهاست.