معرفی دوره آموزشی CSS برای وبمستران
متأسفانه در حال حاضر تعداد زیادی از اشخاص که به عنوان وبمستر در حال فعالیت هستند، و در این زمینه کسب درآمد می‌کنند، حتی اطلاعات پایه‌ای و اولیه در زمینه مبانی وب را نداشته و در واقع به کار خود مسلط نیستند.
اشخاصی که در راستای وبمستری در حال انجام خدمات هستند بایستی یک سری اطلاعات اساسی و پایه‌ای راجع به بهینه‌سازی سایت برای موتورهای جستجو، خدمات مربوط به تولید و مدیریت محتوا و همچنین بازاریابی دیجیتال را داشته باشد و اینکه مطلع باشد که ساختار وب چیست و نحوه کارکرد آن چگونه است.
در سایت‌های بسیار زیادی مشاهده می‌شود که به خاطر کسب درآمد، تبلیغاتی بی پایه و اساس راجع به آموزش وبمستری را به کاربران ارائه می‌کنند.
این کار باعث شده است افرادی که اطلاعات ناچیزی راجع به وب دارند؛ خود را وبمستر دانسته و به این کار مشغول شوند در حالی که اکثر آنها حتی آشنایی ابتدایی با مرورگر خود را نیز ندارند.
بنابراین مجموعه وبمستر وردپرس بر آن شد که دوره‌های آموزشی مقدمات وبمستری را آماده کرده و در اختیار کاربران گرامی قرار دهد.
مدرس دوره CSS
مدرس این دوره مهدی سلطانی نشان، مهندس نرم افزار می باشد.
او از سال ۱۳۸۵ در اکثر حوزه های IT (اعم از برنامه نویسی و شبکه) فعالیت داشته و از ۳ سال قبل، به طور کامل بر روی حوزه وب متمرکز شده است. او در این دوره سعی دارد که در کمترین زمان ممکن، مهمترین نکات موجود در CSS را که شما در آینده به آن احتیاج خواهید داشت، به زبان کاملا ساده بیان کند.
ساده سازی مفاهیم پیچیده، یکی از مهارت های اصلی او برای بالا بردن توان تیمی کلیه اعضای تیم هایی بوده است که او تا به امروز با آنها مشغول فعالیت بوده است.
مهدی سلطانی
آموزش CSS
آشنایی با syntax دستورات CSS ویدئو
21:00
- در این بخش با نحوه نوشتن کدهای CSS و اجزا آن و همین طور قوانین حاکم بر آن ها، آشنا خواهید شد.
آشنایی با انواع selector ها در CSS ویدئو
23:01
- در این بخش از آموزش CSS با انواع سلکتور ها در CSS آشنا خواهید شد. اابتدا با سلکتورهای ساده شروع خواهیم کرد.
- سپس در مورد سلکتورهای ترکیبی یا Combinator selector گفتگو خواهیم کرد. در این بخش با نحوه استفاده از regular expression در سلکتور های ترکیبی آشنا می شویم.
- در ادامه نیز در مورد سلکتورهای شبه کلاس یا pseudo classes و همین طور سلکتور های شبه المنت یا pseudo element ها صحبت می کنیم.
آشنایی با مفهوم Cascade ویدئو
23:01
- در این قسمت با اصلی ترین مبحث در CSS یعنی مفهوم آبشاری آشنا می شویم. کلمه CSS از ابتدای کلمات Cascading Style Sheet گرفته شده است. در این بخش با اصلی ترین مفهوم در استایل دهی با نام Cascading آشنا خواهیم شد.
- در این بخش با چهار مفهوم اساسی برای اعمال rule بالاتر در استایل ها آشنا می شویم. این چهار مفهوم شامل Specificity و Importance و Inheritance و ترتیب قوانین در یک فایل و همین طور چندین فایل، آشنا خواهیم شد.
مفهوم Box Model در CSS ویدئو
23:01
- هر المنت در HTML به عنوان یک باکس یا جعبه در نظر گرفته می شود. در این قسمت با اصطلاح باکس در بخش design و layout یا چیدمان آن ها در صفحه آشنا خواهیم شد.
- ابتدا می آموزیم که عرض و ارتفاع یک المنت چگونه محاسبه می گردد. سپس در مورد margin و border و padding یک المنت صحبت خواهیم کرد.
- در بخش انتهای آن نیز در مورد مفهوم مهم box-sizing صحبت خواهیم کرد.
واحد ها در CSS ویدئو
23:01
- در این قسمت از آموزش CSS ، با کلیه واحدهای مورد استفاده در مقادیر برای property های مختلف، آشنا می شویم.
- در مورد واحدهای Absolute یا مطلق و همین طور واحدهای Relative یا نسبی بحث خواهیم کرد. سپس به تشریح هر کدام از آن ها و مثال های کاربردی در مورد آن ها می پردازیم.
آشنایی با تابع ها و متغیر ها در CSS ویدئو
23:01
- در این قسمت با تابع های پر کاربرد که در CSS زیاد مورد استفاده قرار می گیرند، آشنا می شوید. همچنین با نحوه تعریف متغیر در بین کدهای CSS خود برای جلوگیری از تکرار کد ها آشنا خواهیم شد.
تنظیم Background در CSS ویدئو
23:01
- در این بخش با یکی از کاربردی ترین خاصیت ها در CSS یعنی تنظیم تصویر پیش زمینه و تکنیک های مرتبط با آن، آشنا می شویم. در ابتدای این بخش کمی هم در مورد width و height یک المنت صحبت می کنیم که در ادامه در خاصیت background تاثیرگذار خواهد بود.
تشریح خاصیت های border و margin و padding ویدئو
23:01
- در این بخش به توضیح کامل قسمت های مختلف در Box Model و نحوه تنظیم و مقداردهی به آن ها خواهیم پرداخت. همچنین اشاره کوچکی نیز به خاصیت outline در CSS خواهیم داشت.
تشریح کامل خاصیت های مرتبط با Typography در CSS ویدئو
23:01
- در این قسمت به تشریح کامل کلیه property های مرتبط با نحوه فرمت دهی به متن صحبت خواهیم کرد. در این قسمت به یکی از کاربردی ترین موارد در CSS یعنی تعریف فونت دلخواه بر روی صفحات و همین طور خاصیت های مرتبط با فونت، آشنا خواهیم شد.
معرفی استایل دهی به المنت هایی چون تگ a و list و table و فرم ها ویدئو
23:01
- در این بخش از آموزش CSS به بررسی خاصیت هایی می پردازیم که در استایل دهی به یک سری از تگ ها استفاده می شوند.
- در قسمت ابتدا نحوه استایل دهی به تگ a بیان می شود. ضمن اینکه نمونه های بسیار زیبایی از ساخت دکمه ها با استفاده از این موارد، معرفی خواهد شد.
- در ادامه نیز با نحوه استایل دهی به المنت های مرتبط با لیست ها و جدول ها و فرم ها خواهیم پرداخت.
آشنایی با خاصیت Display ویدئو
23:01
- در این قسمت از آموزش CSS به معرفی خاصیت display خواهیم پرداخت. همچنین در مورد نحوه سایه دادن به المنت ها با استفاده از خاصیت box-shadow صحبت خواهیم کرد.
آشنایی با Vendor Prefix در CSS ویدئو
23:01
- در بعضی موارد لازم است تا برای اجرای درست یک خاصیت در CSS در مرورگرهای مختلف، از پیشوند مرتبط با Rendering Engine آن مرورگر استفاده کنیم. در این بخش با این مورد و نحوه استفاده از ابزارهایی چون Autofixer آشنا می شویم.
استفاده از Position در CSS ویدئو
23:01
- در این بخش می آموزیم که چگونه به دلخواه جای عناصر مختلف در صفحه وب را به دلخواه تغییر دهیم. با استفاده از این خاصیت می توانیم به جای داشتن حالت normal flow چینش المنت ها در مرورگر، آن ها را به دلخواه در صفحه جابجا کنیم و جایی قرار دهیم که به آن نیاز داریم.
معرفی خاصیت float و نکات مرتبط با overflow عناصر ویدئو
23:01
- در این قسمت از آموزش CSS می آموزیم که چگونه عناصر را در جای خود به سمت راست یا چپ، شناور نماییم. همچنین در مورد خاصیت clear و موارد مرتبط با آن صحبت خواهیم کرد.
- بر اثر استفاده از خاصیت float، ممکن است باعث شود که سر ریز یا overflow در فضای اختصاص داده شده به یک عنصر به وجود بیاید. در این بخش نیز، به بررسی علل به وجود آمدن overflow و تکنیک های رفع آن خواهیم پرداخت.
نحوه align کردن المنت ها در CSS ویدئو
23:01
- در این بخش با نحوه مرتب سازی المنت ها در یک بخش، به صورت افقی یا عمودی صحبت می کنیم.
معرفی خاصیت Opacity در CSS ویدئو
23:01
- شما می توانید با استفاده از CSS مقدار transparency المنت ها را مورد تنظیم قرار دهید. در این قسمت به معرفی خاصیت opacity و نحوه استفاده از آن خواهیم پرداخت
معرفی خاصیت های transformation – transition – animation ویدئو
23:01
- در این بخش به یکی از جذاب ترین مباحث در CSS می رسیم. در ابتدا تفاوت بین transition و animation را بیان خواهیم نمود.
- سپس با مفاهیم کلیدی easing و همین طور acceleration آشنا خواهیم شد. در ادامه به معرفی خاصیت های transformation و transition خواهیم پرداخت و سپس به خلق افکت های بسیار جذاب و کاملا کاربردی، می پردازیم.
- در انتها نیز با نحوه اجرای animation ، فقط با استفاده از CSS می پردازیم. این بخش پر از مثال ها و نمونه های زیبا در صفحات وب می باشد. شما می توانید با استفاده از آن ها، افکت های بسیار جذاب در صفحات خود به وجود بیاورید.
آشنایی کامل با website layout و طراحی ریسپانسیو ویدئو
23:01
- در این بخش از آموزش CSS با انواع طراحی های وب سایت از قدیم تا امروز صحبت خواهیم کرد. سپس در مورد مفاهیمی همچون سیستم grid یا ستون بندی صفحات وب می آموزیم. در ادامه با best practice ها در زمینه viewport آشنا می شویم و در ادامه با Media query و نحوه استایل دهی به صورت mobile first آشنا می شویم.
استفاده از flex و grid برای ریسپانسیو کردن المنت ها و صفحات ویدئو
23:01
- در این بخش از آموزش CSS به بررسی خاصیت های flex و grid می پردازیم. سپس می آموزیم که با استفاده از آن ها چگونه می توانیم صفحات یا المنت های موجود در یک row را ریسپانسیو نماییم.
جمع بندی موارد باقی مانده در آموزش CSS ویدئو
23:01
-
در انتها به بررسی موارد باقی مانده همچون Normalize کردن CSS و Error Handling و چندین مثال کاربردی خواهیم پرداخت.
این دوره مناسب چه کسانی است؟
اکثر دوره های موجود برای وبمستری وردپرس با هنر تبلیغ نویسی و تکنیک های فروش پر می شوند. معمولا به شما گفته می شود که:
- بدون دانستن یک خط کدنویسی سایت خود را راه اندازی نمایید و آن را مدیریت کنید.
- شما نیاز به هیچ گونه کدنویسی برای سایت وردپرسی خود ندارید.
- راه اندازی سایت وردپرسی کاملا رایگان است و شما نیاز نیست هزینه ای بپردازید.
بیشتر خروجی این دوره ها افرادی هستند که همواره در کوچکترین پیاده سازی تغییرات در سایتشان مشکل دارند. همچنین این ذهنیت برایشان ایجاد شده که با هزینه خیلی اندک می شود سایت را راه اندازی نمود یا تغییرات موردنظر را ایجاد نمود. ما در دوره وبمستران وردپرس تلاش کرده ایم این مشکلات را تا حدامکان برطرف نماییم.
مالکین کسب و کار اینترنتی
اگر کسب و کار اینترنتی خود را دارید و می خواهید تغییرات لازم که نیاز به فراگیری مباحث CSS دارد، خودتان انجام دهید یا اینکه می خواهید فرد یا مجموعه مناسب را برای این کار انتخاب کنید، این دوره مناسب شماست.
وبمسترها
اگر وبمستر وردپرس هستید و برای پیاده سازی تغییرات موردنظر نیاز به یادگیری مباحث CSS دارید، این دوره مناسب شماست.
دیجیتال مارکترها و سئوکارها
شما به عنوان یک دیجیتال مارکتر و سئوکار نیاز است که با مفاهیم CSS آشنایی داشته باشید تا بتوانید کارهایی که در حوزه سئوی تکنیکال، استفاده از ابزارهای گوگل و سایر ابزارها، ایجاد تغییرات در سایت و سایر موارد را به راحتی انجام دهید.
سوالات متداول
برای شرکت در این دوره نیاز است که با مبانی و مقدمات وب آشنا باشید. اگر آشنایی لازم را ندارید می توانید به دوره رایگان مقدمات وب مراجعه کنید.
این دوره هم به صورت حضوری و هم به صورت غیرحضوری برگزار می شود. برای ثبت نام در دوره غیرحضوری از همین صفحه اقدام نمایید. برای شرکت در دوره حضوری با ما تماس بگیرید.
بله، شما می توانید از مشاوره رایگان ۲۰ دقیقه ای با مدرس دوره ( در اسکایپ ) استفاده کنید.
سوالات خود را می توانید در پایین همین صفحه پرسیده و مدرس به سوالات شما جواب خواهند داد.
پس از ثبت نام در دوره می توانید فایل های آموزش را دانلود کرده و از دوره استفاده نمایید.
بله، به مرور زمان آپدیت های دوره عرضه شده و شما بدون پرداخت هیچ هزینه ای از این آپدیت ها می توانید استفاده کنید.
درخواست مشاوره
برای کسب اطلاعات بیشتر درباره این دوره درخواست مشاوره خود را ارسال کنید و یا با ما در تماس باشید.
درخواست مشاورهدوره های مرتبط
دوره کارآموزی دیجیتال مارکتینگ و وبمستری جهت ورود به بازار کار
این دوره با آموزش مباحث دیجیتال مارکتینگ و طراحی سایت با وردپرس و وبمستری، شما را برای ورود به بازار کار آماده می‌کند.
دوره آموزش مقدماتی وردپرس برای وبمستران
در دوره آموزش مقدماتی وردپرس برای وبمستران، کلیه مواردی که شما برای یادگیری مسیر حرفه ای وردپرس نیاز دارید، در خدمت شما خواهد بود
دوره آموزش PHP برای وبمستران
در پکیج آموزش طراحی سایت دو و چند زبانه، تمام ابزارهای مورد نیاز برای چندزبانه کردن یک وبسایت وردپرسی، در اختیار شما قرار گرفته است.
دوره آموزش مقدمات وب
در پکیج آموزش طراحی سایت دو و چند زبانه، تمام ابزارهای مورد نیاز برای چندزبانه کردن یک وبسایت وردپرسی، در اختیار شما قرار گرفته است.
نظرات
قیمت اصلی 300,000 تومان بود.240,000 تومانقیمت فعلی 240,000 تومان است.
قوانین ثبت دیدگاه