آموزش های مریم شیردل

پک های آموزشی

خرید پک های آموزشی

پک آموزش طراحی سایت

محتوای آموزشی : آموزش صفر تا صد طراحی یک وب سایت

استاد : مریم شیردل

مطالعه

ویدیو های کاربردی

خرید ویدیو های کاربردی

بزودی ...

ویدیو های رایگان

رایگان ببینیم و یاد بگیریم

آموزش طراحی سایت از مبتدی تا پیشرفته - سی اس اس داخلی - جلسه چهارم

محتوای آموزشی : سلام این جلسه با css داخلی آشنا میشیم و با یکسری از کد های css آشنا میشیم و با اونها بازی میکنیم شما هم صفحه خودتون رو بسازید و برای ما بفرستید

استاد : مریم شیردل

مطالعه

آموزش طراحی سایت از مبتدی تا پیشرفته - آموزش css - جلسه سوم

محتوای آموزشی : این جلسه با css خطی آشنا میشیم و با یکسری از کد های css آشنا میشیم و با اونها بازی میکنیم شما هم صفحه خودتون رو بسازید

استاد : مریم شیردل

مطالعه

آموزش طراحی وب سایت از مبتدی تا پیشرفته - جلسه اول

محتوای آموزشی : آموزش html آموزش پروژه محور آموزش تگ های مهم بازارکار

استاد : مریم شیردل

مطالعه

مقالات رایگان

رایگان بخوانیم و یاد بگیریم

فلکس باکس

محتوای آموزشی : برای تعیین یک نگهدارنده از نوع  flexbox باید display را از نوع flex قرار بدهیم .

استاد : مریم شیردل

مطالعه

وسط چین کردن عناصر در css

محتوای آموزشی : اگر میخواهید عنصری را  از نظر افقی دقیقا در وسط صفحه قراردهید باید به دو سوال زیر جواب بدید آیا جزو عناصر Inline  است ؟ اگر نه عرض مشخصی دارد؟

استاد : مریم شیردل

مطالعه

ویژگی order در فلکس باکس

محتوای آموزشی : در فلکس باکس ها میتوانیم ترتیب عناصر را عوض کنیم مثلا آخرین عنصر در Html  بیاید و در وسط یا به عنوان دومین عنصر قرار بگیرد.با استفاده از ویژگی order  که به هر عنصری نسبت میدهیم

استاد : مریم شیردل

مطالعه

دستورات ریسپانسیو

محتوای آموزشی : مدیاکوئری اول بگیم ریسپانسیو چیه اینکه سایت ما نه فقط در دسکتاپ بلکه در گوشی یا تبلت هم ظاهر خوبی داشته باشد و محتوا به خوبی دیده شوند. من کد زیر رو مینویسم :

استاد : مریم شیردل

مطالعه

مکان علامت لیست ها

محتوای آموزشی : در لیست ها هر آیتم شماره یا علامتی دارد ما با css   میتوانیم جای اونها را تعیین کنیم که از نظر ظاهری داخل تگ li  باشند یا خارج از آن . این ویژگی list-style-position  نام دارد

استاد : مریم شیردل

مطالعه

حل مشکل سرریز مطلب با css ویژگی overflow

محتوای آموزشی : وقتی محتوای که داخل عنصر ریختیم به فضای بیشتری نیاز داشت ،چه اتفاقی بیوفتد .ویژگی over-flow  را داریم با چهار مقدار

استاد : مریم شیردل

مطالعه

گرد کردن گوشه ها در css ویژگی border-radiuse

محتوای آموزشی : برای گرد کردن لبه های عنصر از ویژگی border-radius   استفاده میکنیم .مقدار اون میتونه برحسب px   یا % باشد. و اگر یک عدد مقابلش بنویسید اون به چهار گوشه اعمال میشود.

استاد : مریم شیردل

مطالعه

تغییر رنگ هایلایت متن در مرورگر

محتوای آموزشی : وقتی در مرورگر قسمتی از متن را انتخاب میکنیم به رنگ ابی هایلات میشود . css  با استفاده از شبه کلاس ::seletion  میتوانیم استایل اون قسمت وقتی انتخاب شده را تغییر دهیم .

استاد : مریم شیردل

مطالعه

آموزش scale - بزرگنمایی در css

محتوای آموزشی : برای اینکه عنصری را ظاهرا بزرگتر و زومم کنیم از این تابع استفاده میکنیم کد زیر عنصر را  در جهت  افقی (محور x)        بزرگتر میکند . 2 برابر میتوانیم از عدد اعشاری مثل 1.2 هم استفاده کنیم transform: scaleX(2);

استاد : مریم شیردل

مطالعه

سی اس اس لینک

محتوای آموزشی : شبه کلاس های مربوط به لینک ها از شبه کلاس ها برای تعیین وضعیت یک عنصر در حالت خاص استفاده میکنند

استاد : مریم شیردل

مطالعه

شبه کلاس :focus و :hover

محتوای آموزشی : شبه کلاس :focus  و  :hover برای تعریف وضعیت خاصی از عنصر ها از شبه کلاس استفاده میکنیم .

استاد : مریم شیردل

مطالعه

تابع translate برای ویژگی transform

محتوای آموزشی : تابع  translate  برای ویژگی transform  translate()  - translateX()-translateY()-translateZ()-translate3d()

استاد : مریم شیردل

مطالعه

آموزش تابع rotate در خصوصیت transform

محتوای آموزشی : برای چرخش عناصر از این تابع استفاده میکنیم rotate() - rotateX() - rotateY()-rotateZ()-rotate3d() با استفاده از کد زیر میتوان تصویر یا عناصر را در فضای دو بعدی بچرخونیم

استاد : مریم شیردل

مطالعه

آموزش css پیشترفته

محتوای آموزشی : شبه کلاس ها عناصری هستند که به کمک ما برای دستری به عناصر میان . قبل شبه کلاس ها از علامت : استفاده میشه .

استاد : مریم شیردل

مطالعه

آموزش اسکرول افقی با جاوااسکریپت

محتوای آموزشی : خب برای داشتن نوار اسکرول  افقی مثل عکس پایین صفحه اول قسمت html  اونو مینویسیم .تگی که قسمت هدر رو مشخص میکنه

استاد : مریم شیردل

مطالعه

تغییر ظاهر نوار اسکرول با css

محتوای آموزشی : خب برای داشتن نوار اسکرول  زیر اول باید عرضی براش مشخص کنیم.من رنگ ابی خیلیی روشنی هم بهش دادم

استاد : مریم شیردل

مطالعه
تمام حقوق مادی و معنوی سایت مربوط به عامرتجارت خلیج فارس میباشد
سوالی دارید؟ از من بپرسید

سلام چطور میتونم کمکتون بکنم؟