×
۵۵,۰۰۰ تومان تا ۱۵۰ هزار تومان تخفیف

آموزش طراحی وب با CSS3) CSS) - تکمیلی

آموزش طراحی وب با CSS3) CSS) - تکمیلی

تعداد دانشجو
۵,۴۶۶ نفر
مدت زمان
۳ ساعت و ۱۶ دقیقه
هزینه عادی آموزش
۵۵,۰۰۰ تومان
در طرح تخفیف
تا ۱۵۰ هزار تومان تخفیف (کسب اطلاعات بیشتر +)
محتوای این آموزش
تضمین کیفیت
۱۲ بازخورد (مشاهده نظرات)
آموزش طراحی وب با CSS3) CSS) - تکمیلی

با توجه به پیشرفت های حاصل در عرصه وب و همین طور تکنولوژی های مورد استفاده، زبان CSS نیز به مرور شاهد تغییراتی بود که با توجه به ارائه به روزرسانی ها و بهبودهای حاصل، هم اکنون با عنوان نسخه سوم CSS یا همان CSS3 شناخته می شود. زبان CSS3 نیز با توجه به بهبودها و همین طور بروزرسانی های انجام شده، توانسته تا به کاربر کمک کند تا بتوانند رابط کاربری وب سایت های خود را به زیبایی پیاده سازی کنند.

آموزش طراحی وب با CSS3) CSS) - تکمیلی

مدت زمان
۳ ساعت و ۱۶ دقیقه
هزینه عادی آموزش
۵۵,۰۰۰ تومان
در طرح تخفیف
تا ۱۵۰ هزار تومان تخفیف

(کسب اطلاعات بیشتر +)
محتوای این آموزش
۱۲ بازخورد (مشاهده نظرات)
مدرس
سید رضا هاشمیان

کارشناسی مهندسی فناوری اطلاعات (IT) - برنامه‌نویسی تحت وب

ایشان به عنوان برنامه‌نویس تحت وب فعالیت خود را آغاز کرده و همچنین به عنوان مدرس، در موسسه‌های آموزشی مختلف به تدریس تکنولوژی‌ها و زبان‌های برنامه‌نویسی تحت وب می‌پردازند. 

چکیده آموزش


توضیحات تکمیلی

طراحی رابط کاربری سایت

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

طراحی رابط کاربری سایت، ساده اما چگونه؟

با معرفی زبان نشانه گذاری HTLM، کاربران می توانند وب سایت های خود را پیاده سازی کنند اما مشکلی که وجود داشت، محدودیت های موجود بر روی زبان HTML به منظور طراحی رابط کاربری صفحات وب بود. با استفاده از زبان HTML شما می توانید فقط و فقط المان های موجود در صفحه وب را مشخص کنید و هیچ گونه کنترلی بر نحوه قرارگیری المان ها در صفحه و همین طور شکل و ظاهر آن ها ندارید؛ با توجه به مشکل موجود، زبان CSS ارائه شد. با استفاده از زبان CSS شما می توانید به المان های موجود در صفحه وب که توسط HTML ایجاد شده اند، شکل داده و تنظیم کنید که رابط کاربری وب سایت به چه صورت به کاربران نمایش داده شود.

CSS3، جدید و پرقدرت

با توجه به پیشرفت های حاصل در عرصه وب و همین طور تکنولوژی های مورد استفاده، زبان CSS نیز به مرور شاهد تغییراتی بود که با توجه به ارائه به روزرسانی ها و بهبودهای حاصل، هم اکنون با عنوان نسخه سوم CSS یا همان CSS3 شناخته می شود. زبان CSS3 نیز با توجه به بهبودها و همین طور بروزرسانی های انجام شده، توانسته تا به کاربر کمک کند تا بتوانند رابط کاربری وب سایت های خود را به زیبایی پیاده سازی کنند.

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: انحنای گوشه ها در CSS3
  • درس دوم: درج تصویر در حاشیه ها در CSS3
  • درس سوم: درج سایه برای المان ها در CSS3
  • درس چهارم: هم تراز کردن متون در CSS3
  • درس پنجم: مدیریت نمایش محتوای متنی در کادر در CSS3
  • درس ششم: درج سایه برای متون در CSS3
  • درس هفتم: چندستونه کردن متون در CSS3
  • درس هشتم: کار با Font ها در CSS3
  • درس نهم: مدیریت نمایش پس زمینه در CSS3
  • درس دهم: Transform های دو بعدی در در CSS3
  • درس یازدهم: Transform های سه بعدی در در CSS3
  • درس دوازدهم: کار با انیمیشن ها در CSS3
  • درس سیزدهم: مدیریت رابط کاربری در CSS3
  • درس چهاردهم: کار با Gradients در CSS3
  • درس پانزدهم: کار با Flexbox در CSS3

مفید برای رشته های
  • مهندسی کامپیوتر

پیش نیاز


آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده




پیش نمایش‌ها

۱. انحنای گوشه ها در CSS3

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۵ مگابایت -- (کلیک کنید +))

۲. درج تصویر در حاشیه ها در CSS3

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۵ مگابایت -- (کلیک کنید +))

۳. درج سایه برای المان ها در CSS3

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۵ مگابایت -- (کلیک کنید +))

۴. هم تراز کردن متون در CSS3

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۵ مگابایت -- (کلیک کنید +))

۵. مدیریت نمایش محتوای متنی در کادر در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. درج سایه برای متون در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷. چند ستونه کردن متون در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸. کار با Font ها در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹. مدیریت نمایش پس زمینه در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰. Transform های دو بعدی در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۱. Transform های سه بعدی در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۲. کار با انیمیشن ها در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۳. مدیریت رابط کاربری در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۴. کار با Gradients در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۵. کار با Flexbox در CSS3
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
این آموزش شامل ۱۶ جلسه ویدئویی با مجموع ۳ ساعت و ۱۶ دقیقه است.
با تهیه این آموزش، می‌توانید به همه بخش‌ها و جلسات آن، دسترسی داشته باشید.

راهنمای سفارش آموزش‌ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

(راهنمایی بیشتر +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش طراحی وب با CSS3) CSS) - تکمیلی
ناشر فرادرس
شناسه اثر ۸–۱۲۴۵۲–۰۶۳۰۳۳ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
کد آموزش FVH4C9602
مدت زمان ۳ ساعت و ۱۶ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (نمایش آنلاین + دانلود)
حجم دانلود ۳۲۸ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس)


تضمین کیفیت و گارانتی بازگشت هزینه
توجه: کیفیت این آموزش توسط فرادرس تضمین شده است. در صورت عدم رضایت از آموزش، به انتخاب شما:
  • ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
  • و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.





نظرات

تا کنون ۵,۴۶۶ نفر از این آموزش استفاده کرده اند و ۱۲ نظر ثبت شده است.
alidanesh
alidanesh

80% مطالب این آموزش در آموزش مقدماتی موجود بود و انتظار من از این آموزش این نبود و پیش بینی میکردم مطالب به درد بخور تری رو شامل بشه.

محمد
محمد

دقیقا. به عنوان مباحث تکمیلی css میتونست بهتر باشه و مباحث کامل تر توضیح داده بشن. ازشون تشکر میکنیم بابت تهیه مجموعه آموزشی

سینا
سینا

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

بابک
بابک

با سلام. ایشون فن بیان خوبی ندارند و زیاد حرف های تکراری میزنند

sina
sina

آموزش مفید و خوبی بود. از فرادرس بخاطر آموزش هایش متشکرم.

سبحان
سبحان

کامل توضیح داده شده بود، تمام سرفصل ها رو توضیح داده بودن.

علیرضا
علیرضا

مدرس خیلی مسلط به مباحث بودند، و مطالب رو با جزییات مطرح میکردند.

مجتبی
مجتبی

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

مهرابی
مهرابی

با سلام و خسته نباشید خدمت استاد هاشمیان عزیز
ممنون بخاطر فیلم های جامعه و کاملتون ممنون

سیاوش
سیاوش

سلام به فرادرس و استاد هاشمیان عزیز.
من آموزش html و اگر اشتباه نکنم bootstrap رو هم با ایشون دیدم و در کل راضی بودم. این آموزش هم بسیار عالی بود و تنها ایرادی که تو آموزش های قبلی هم مطرح کردم اینه که کاش کد ها رو جوری مینوشتن که بشه ازشون به عنوان یه منبع جهت مراجعات بعدی استفاده کرد. چون تو هر قسمت مطالب زیادی رو میگن و چون اکثرش رو اخل یه فایل می نویسن آدم یکم گیج میشه.ولی در کل فوق العاده بود. ممنون

پورسلیمانی
پورسلیمانی

سلام به فرادرس و همچنین سید رضا هاشمیان، کارشناس فناوری اطلاعات گرایش برنامه نویسی تحت وب هستند. که این اموزش خوب را دراختیار ما گذاشتن و من تونستم با این اموزش پروژه خود را تمام کنم و یاد گرفتم و دوستان عزیزی که میخوان اموزش طراحی وب را شروع کنند این اموزش رو تهیه کنن و استفاده کنن تنها اموزش خوبی بود که من دیده بودم و دوستان عزیز میتونن این اموزش فراهم کنن ببینید این اموزش نکته به نکته اموزش میده و واقعا عالیه دمتون گرم که واقعا این اموزش هارو فرادرس دراختیار ما میزارن خیلی خیلی ممنونیم

دسته‌بندی موضوعی: طراحی سایت
برچسب‌ها:
Animation | Cascading Style Sheet | CSS | CSS3 | CSS3 Video | CSS3 Video Tutorial | Gradients | Selector | Transform | Transform های 2 بعدی | Transform های 3 بعدی | variant | Web Design | web design using css3 | web design with css3 | weight | آشنایی با صفحات تک‌ستونی | آشنایی با صفحات چندستونی | آشنایی با ویژگی‌های یک فونت | آشنایی کامل با انتخاب‌کننده‌ها در CSS | آموزش طراحی وب | آموزش طراحی وب با CSS3 | افکت سایه | افکت شعاع به المان ها | افکت گرادیانت | انتخاب المان مورد نظر در HTML | انیمیشن | انیمیشن در CSS3 | پس زمینه | تایپوگرافی | تراز یک متن در صفحه وب | تصاویر در css3 | تعیین تورفتگی یک متن | تعیین سایز فونت | تعیین موقعیت المان‌ها (Position) | تعیین نوع فونت مورد نظر | تغییر حالت | تگ های مرور گر های مختلف | تنظیم ابعاد کادر | حاشیه در css3 | درک ساختار یک دستور CSS | دکمه در css3 | رنگ ها در css | ساخت صفحات دوستونی | ستون بندی در css3 | سی اس اس | شناور کردن المان‌ها در صفحه وب | شیوه نامه | شیوه نامه آبشاری | صفحه بندی در css3 | طراحی وب با CSS3 | فرمت‌دهی متن و فونت توسط CSS | کار با CSS3 | کار با Flexbox در CSS3 | کار با font | کار با font در css3 | کار با Gradients | کار با Gradients در CSS3 | کار با Media Query در CSS3 | کار با سایه | کار با سایه در css3 | کار با فرم ها | کار با متن | کار با متن در css3 | گوشه در css3 | گوشه ها و حاشیه ها | گوشه ها و حاشیه ها در css3 | مخفی کردن المان‌ها در یک صفحه وب | مفهوم User Interface در CSS3 | مقدمات کار با CSS | مقدمه ای بر CSS3 | نقش استانداردها در CSS Box Model | نوشتن دستورات CSS در کنار یکدیگر | وب | وراثت در CSS
مشاهده بیشتر مشاهده کمتر

×
فهرست جلسات ۱۶ جلسه ویدئویی