×
تعداد دانشجو
۸,۸۶۸ نفر
۲۴,۰۰۰ تومان ۱۴,۴۰۰ تومان

آموزش طراحی وب با CSS - مقدماتی

آموزش طراحی وب با CSS - مقدماتی

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

(کسب اطلاعات بیشتر +)
محتوای این آموزش
۶۵ بازخورد (مشاهده نظرات)
آموزش طراحی وب با CSS - مقدماتی

چکیده

یک صفحه وب به طور کلی دارای دو بخش Client Side و Server Side است. بخش Client Side را می‌ توان به سه بخش اساسی تفکیک کرد. اول ساختار صفحه است که توسط HTML ساخته می‌ شود. دوم شکل و شمایل و رنگ و لعاب صفحه است که در CSS تعیین می‌ شود و سوم منطق برنامه در سمت کلاینت است که با زبان‌های اسکریپتی مانند JavaScript مشخص می‌ شود. بنابراین لزوم یادگیری CSS برای طراحی وب مشخص می‌شود. در آموزش تهیه شده در فرادرس سعی شده که جامعیت و مانعیت آموزش رعایت شود. یعنی در عین حال که آموزش فراگیر است و تقریبا شامل تمامی مباحث مربوطه است از گزاف گویی و اتلاف وقت دانشجویان جلوگیری می‌ کند.

مدرس
محمد عبداللهی

کارشناسی مهندسی نرم افزار

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

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

CSS زبان استایل دهی صفحات وب

زبان برنامه نویسی HTML به خوبی می‌ تواند اجزای صفحه را ایجاد کند، اما ضعف اصلی زبان HTML عدم توانایی ایجاد رابط کاربری است. برای ایجاد رابط کاربری برای صفحات HTML زبان برنامه‌نویسی CSS یا Cascade Style Sheets ایجاد گردید. این زبان مکملی برای HTML می‌ باشد و سعی در پر کردن خلاها و برطرف کردن نقاط ضعف زبان HTML دارد. CSS شما را قادر می‌ سازد، تا قالب و استایل صفحات وب سایتتان را یک بار طراحی کرده و در دفعات استفاده کنید.

برای واضح‌ تر شدن ماجرا، یک مثال را بیان کنیم: در نظر بگیرید که وب‌ سایتی با ۱۰۰ صفحه‌ ای را به زبان HTML طراحی کرده‌ اید. حال بعد از گذشت مدتی، تصمیم دارید تا برخی خصوصیات را کمی تغییر دهید مثلا رنگ پس زمینه را کمی تیره‌ تر کنید. گفتن این حرف بسیار راحت است اما در عمل کمی بحث فرق می‌ کند. تغییر یک خط کد در ۱۰۰ صفحه بسیار زمان بر خواهد بود.

حال اگر ما از CSS در طراحی این وب‌ سایت استفاده کنیم، کافی است تا یک خط کد را در فایل خود تغییر دهیم و این تغییرات در تمامی صفحات اعمال می‌ شود. در واقع ما صفحات HTML خود را به یک فایل (CSS) متصل می‌ کنیم و قطعه کدهای مربوطه از این فایل خوانده و اجرا می‌ شود. این کار باعث می‌ شود، تا حجم کد کمتری نوشته شود و همین طور کد نویسی اصطلاحا تمیزتری خواهیم داشت.

 

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • مقدماتی سی اس اس
    • معرفی سی اس اس
    • ساختار دستورات CSS
    • گزینشگرهای CSS
    • فایل CSS خارجی
  • استایل دهی به عناصر
    • استایل دهی پس زمینه
    • استایل دهی متن
    • استایل دهی فونت
    • استایل دهی لینک ها
    • استایل دهی لیست ها
    • استایل دهی جداول
  • مفهوم باکس در سی اس اس
    • مفهوم Box
    • خاصیت border
    • خاصیت outline
    • خاصیت margin
    • خاصیت padding
  • پیشرفته سی اس اس
    • گروه‌بندی گزینش‌ گرها
    • تنظیم طول و عرض
    • طریقه نمایش عناصر
    • تنظیم موقعیت عناصر
    • شناور کردن عنصر
    • ترازبندی عناصر
    • شبه کلاس‌ ها
    • شبه عناصر
    • ساخت منو در CSS
    • ساخت گالری تصاویر
    • شفاف کردن تصویر
    • نمایش بخشی از عکس
    • رسانه‌ های مختلف
    • گزینش براساس صفت
    • خلاصه مطالب CSS
  • پیشرفته سی اس اس 3
    • معرفی
    • گرد کردن گوشه‌ ها
    • پس زمینه
    • شیب رنگ
    • افکت‌ های متن
    • فونت
    • تبدیل دو بعدی
    • تبدیل سه بعدی
    • انتقال یا Transition
    • متحرک سازی
    • چند ستونه کردن متن
    • رابط کاربری
    • خلاصه مطالب
    • آموزش‌ های متفرقه کاربران

 

مفید برای رشته های
  • کامپیوتر گرایش نرم افزار
  • گرافیک تحت‌ وب
  • طراحی تحت‌ وب
مشاهده بیشتر مشاهده کمتر

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

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

نرم افزارهای مرتبط با آموزش

NotePad ++ 6.9.2



پیش نمایش‌ها

۱. آموزش طراحی وب با CSS درس یکم

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

۲. آموزش طراحی وب با CSS درس دوم

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

۳. آموزش طراحی وب با CSS درس سوم

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

۴. آموزش طراحی وب با CSS درس چهارم

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

۵. آموزش طراحی وب با CSS درس پنجم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. آموزش طراحی وب با CSS درس ششم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷. آموزش طراحی وب با CSS درس هفتم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸. آموزش طراحی وب با CSS درس هشتم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹. آموزش طراحی وب با CSS درس نهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰. آموزش طراحی وب با CSS درس دهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۱. آموزش طراحی وب با CSS درس یازدهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۲. آموزش طراحی وب با CSS درس دوازدهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۳. آموزش طراحی وب با CSS درس سیزدهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۴. آموزش طراحی وب با CSS درس چهاردهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۵. آموزش طراحی وب با CSS درس پانزدهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۶. آموزش طراحی وب با CSS درس شانزدهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۷. آموزش طراحی وب با CSS درس هفدهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۸. آموزش طراحی وب با CSS درس هجدهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۹. آموزش طراحی وب با CSS درس نوزدهم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۰. آموزش طراحی وب با CSS درس بیستم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۱. آموزش طراحی وب با CSS درس بیست و یکم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۲۲. آموزش طراحی وب با CSS درس بیست و دوم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.

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

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

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

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


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

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


نظرات

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

واقعا جناب آقای مهندس عبداللهی خیلی خوب درس میدن

یاسمن
یاسمن

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

سینا
سینا

سلام به جناب آقای مهندس عبدللهی
من یک پسر 13 ساله هستم و از آموزش های خوبتون واقعا متشکرم. من وقتی آموزش HTML مقدماتی را دیدم به خاطر نحوه تدریستون عاشق طراحی وب شدم. از آموزش HTML مقدماتی و این آموزش که تقریبا نصف اون رو دیدم خیلی متشکرم. واقعا تدریستون عالیه و کاش تمام آموزش های طراحی وب فرادرس به دست شما.

M17
M17

آقای عبداللهی سلام
میگم خداوکیلی همه رو خودتون درس بدید

فرهاد
فرهاد

درود بر شما استاد. خیلی عالی بود، خسته نباشید.

یاسین
یاسین

آموزشتون خیلی خوب بود واضح و با جزئیات، فقط کاشکی display:flex رو هم توضیح میدادین.

سید مرتضی
سید مرتضی

با عرض سلام و خسته نباشید و تشکر ویژه بابت سایت پربارتون لازم به ذکر است که از تیم فرادرس تشکر کنم که علاوه به کیفیت دوروس به هزینه دروس هم توجه خاصی هم دارن و سعی میکنن در حد وسع و توان همه مردم باشه
من این اموزش رو تهیه کردم و از کیفیتش راضی ام نسبت به اموزش های مشابه خیلی عالیه و استاد با تسلط خوبی درس میدن خواهش میکنم با این استاد دروس بیشتری انتشار پیدا کنه

شهرام
شهرام

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

شاهین
شاهین

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

امیرارسلان
امیرارسلان

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

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

یه جورایی چون قسمت به قسمت چون گفته شده و صرفا توضیحیه؛ خیلی نتونست برای من کاربردی باشه.

محمد رضا
محمد رضا

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

شقایق
شقایق

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

سینا
سینا

مقدماتی/تکمیلی آموزش تهیه کردم. به نظرم با توجه به قیمت خیلی وارد جزئیات نشده که خیلی جالب نیست.
البته از آموزش های فرادرس به عنوان یه منبع کمکی نگاه می کنم.

علی
علی

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

حسن
حسن

مباحث و سرفصل ها خوبه، بیان استاد هم خوب بود، چیزی که برام تو آموزش مهمه، اینه که سرفصل های آموزش کامل باشه، و اینکه تدریس استاد خوب باشه؛ مثلا استاد لهجه نداشته باشه، چون بیانشون مشکل دار میشه.

زینب
زینب

من اصلا از اصلاحات سر در نمیاوردم خیلی پایه ای کار کردند، در حد مقدماتی واقعا جالب بود.

پریسا
پریسا

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

حسین
حسین

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

امیرطه
امیرطه

همه چی عالی و خوبه اگر یه نفر مبتدی هم باشه می تونه با این دوره خودش وب طراحی کنه

زهرا
زهرا

کلا این آموزش به آدم میگه چه خبره، خیلی عملی راهگشا نیست.

شکوفه
شکوفه

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

محمد عبداللهی
محمد عبداللهی

با سلام
از همه دوستان خوبم که اظهار لطف کردند متشکرم . از نظرات شما بي نهايت انرژي ميگيرم. آقا پورياي نازنين اين احساس دو طرفه است و حتما اين نظر پر مهر شما بوده که من رو کشوند به اين صفحه که نظرات رو ببينم، آقا حامد گل که گفتن وارد مباحث پيشرفته نشديم، بايد توجه داشته باشن تو اين مدت تغييرات زيادي در طراحي وب بوجود آمده. به هر حال بابت تمامي نقصها پوزش ميطلبم.

ارادتمند شما - محمد عبداللهي

محمدعلی
محمدعلی

کلا تدریس های آقای عبدالهی خیلی عالی هست. دست مریزاد

پوریا
پوریا

من الان متوجه شدم که به جز ارادت آموزگاری نسبت به آقای عبداللهی, یه ارادت قلبی هم به ایشون دارم.
اصلا الان دارم با یه حس خوبی این پیامو مینویسم که یعنی خیلی ... ( دیگه کلمه پیدا نکردم.)
میرم قسمت بعدی آموزشو ببینم.

لرنو وب
لرنو وب

یادگیری CSS واقعا برای یه طراحی سایت واجب هست تا بتونه ظاهر صفحات رو به راحتی ویرایش و دلخواه خودش بکنه.

sepehr
sepehr

سلام میخواستم یک تشکر ویژه کنم بابت این مجموعه بی نظیرتون

احسان
احسان

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

flx
flx

با سلام و خسته نباشید توسط تیم توسعه دهنده و حرفه ای فرادرس که باعث شدند ما بتوانیم آموزش ها را سریع تر و بهتر یاد بگیریم و بتوانیم حتی در روز های تعطیل هم بتوانیم مباحث مورد نیازمان را یاد بگیریم باید در باره ی این آموزش باید بگم که آموزش استاد عبداللهی بسیار کامل و خوب و کارآمد بود در کل زبان برنامه نویسی css در مقایسه با html از نظر من خیلی بهتره چون هم کاملتره و هم به روز تر هست و قابلیت تاثیر گیری از زبان های دیگه تو css بیشتره و به نظر من بهترین ربان برای برنامه نویسی تحت وب است و حتی جاوا اسکریپت هم از html توی زمینه وب بهتر عمل کرده ولی در کل رسایی صدای دبیر و یکنواخت نبودن طن صدای ایشون باعث میشد خستگی بوجود نیاد در کل آموزش خوب و بجایی بود در آخر هم از تیم توسعه دهنده فرادرس نهایت تشکر رو دارم که باعث فراگیرتر شدن آموزش شده خیلی متشکر !

زهراسادات
زهراسادات

سلام. با تشکر ا زآموزش فوق العاده html مقدماتی شما

زهرا
زهرا

خیلی خوب بود. هم بیانشون و هم آموزش.

مجید
مجید

آموزش خوبی بود کاربردی بود.

سجاد
سجاد

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

میثم
میثم

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

محرابی
محرابی

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

hamed
hamed

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

علی
علی

واقعا اموزشهایی ک میدید عالین خیلی خلاصه و مفید

gholamreza
gholamreza

سپااااااس

پویا
پویا

سلام
طرز بیان استاد خیلی شیوا و پویا بود و من در پایان دوره توانستم قالب طراحی کنم و کسب درآمد کنم و حتی میخواهم استخدام بشم!
پیشنهاد میکنم از این مجموعه آموزشی استفاده کنید و لذت ببرید و تشکر ویژه دارم از استاد عزیز و مجموعه فرادرس که با مبلغ کم به ما مجموعه های آموزش جامع و کامل ارائه می کنند.
با تشکر و خسته نباشید.

محمد عبداللهی
محمد عبداللهی

دوستان عزیز بویژه آقا محمد ممنونم از لطف شما(عبداللهی)

محمد
محمد

استاد عبداللهی انصافا استاد بهتر از شما‌ ندیدم واقعا دست مریزا امیدوارم هرجا که هستید موفق و موید و سربلند باشید خیلی خیلی مسلط هستید در اموزش و سرعت برنامه نویسیتون هم عالیه هم ویدیو ها زمانش کمه و ادم حوصلش سر نمیره دوستان در خرید اموزش های استاد عبداللهی شک نکنید حتی اگ حرفمم باور هم نمیکنید میتونید ویدیو های نمونه رو مشاهده بفرمایید از اینا گذشته بنده اموزش htmlهم تهیه کردم اون نیز عالی بودن الان هم میخوام کم کم اموزش js استاد رو شروع کنم

صادق
صادق

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

محسن
محسن

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

علی
علی

خسته نباشید اقای عبدالهی همه چی خوب بود اما DROPDOWN و IMAGE SPRITES رو اصلا خوب یاد نگرفتم.

سجاد دلگشا
سجاد دلگشا

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

فرزانه
فرزانه

با سلام
آموزش ها واقعا عالی بودند بسیار کامل توضیح داده شده بود وبیان مهندس عبداللهی بسیارشیوا و صدای بسیار رسایی داشتند
من قبلا چند آموزش ویدیویی دیده بودم اما به علت کم بودن میزان صدای گوینده پشت مانیتور احساس خواب الودگی می کردم که این مشکل در این ویدیو وجود نداشت
ممنون از زحماتتون

علیرضا جباری
علیرضا جباری

واقعا این آموزش عالیه فقط بحث counter ها در درس 13 خوب تفهیم نشده...

حامد سعید نیا
حامد سعید نیا

من قبلا کلاس html ccs رو توی مجتمع فنی با مبلغی شاید چند برابر این رفتم و به جرات بگم حتی یک دهم ابن مطالب در کلاس به من گفته نشد. واقعا عالی بود تنها شاید بهتر بود در آخر دوره یه پروژه کوچیک هم انجام میشد ولی بازم دوره پروژه محور هم در فرادرس وجود داره این دوره رو واقعا پیشنهاد میکنم به همه. و اینکه هر چی در آخر خودتون هستید باید خودتون دنبال مطالب برید هیچ آموزشی نمیتونه معجزه کنه و باید خودتون تلاش و تمرین کنید.

امیر حسین
امیر حسین

سلام
این آموزش بسیار عالیه،ولی یه سری اشکال وجود داره که مدرس در بعضی از درس های خود کد ها را خلاصه می کند و یا اصلا معرفی نمی کند.

اکبر گرامی
اکبر گرامی

سلام. دوست دارم به خاطر این اموزش زیبا و روان از مجموعه فرادرس و مخصوصا استاد عبدالهی به خاطر بیان شیوا و گیراشون تشکر کنم. قبل این اموزش (آموزش طراحی وب با HTML – مقدماتی) را تهیه کرده بودم که پیش نیاز همین اموزش محسوب میشه. با تماشای این دو درس و البته تمرین، تقریبا به طراحی سایت وارد شدم و میتونم سایت های استاتیک رو طراحی کنم. این درس هم مثل بقیه فرادرس ها کیفیت صدا و تصویرش عالیه و سرفصل ها به صورت مجزا تدریس میشن که نه تنها باعث خستگی نمیشه بلکه برای درس بعدی اشتیاق ایجاد میکنه. خیلی عالی هستین

بی بی اقدس
بی بی اقدس

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

jahan
jahan

omidvaram ke drupal8 ra ham amozesh bedin

جهان
جهان

karetan khli khob va zibast omidvaram hamishe sarbolanad bashid

محمد عبداللهی
محمد عبداللهی

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

ایلخوانی
ایلخوانی

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

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

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

محمد
محمد

آقا انصافا آقای عبدالهی فوق العاده یاد میده .
من که یه بار میبینم همش ملکه ی ذهنم میشه.
دمش گرم.

پیمان
پیمان

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

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

با سلام .من چند وقت پیش اموزشhtmlرو تهیه کردم و واقعا راضی بودم از نحوه تدریس استاد عبداالهی.میخواستم cssرو هم شروع کنم که دیدم تدریس این سری هم کار استاد عبداللهی است .واقعا خوشحال شدم و ممنونم به خاطر تدریس خوب.

م.پورفر
م.پورفر

با اطمینان می توام بگویم جز بهترین آموزش های بود که تا به حال دیده بودم من کتابهایcss را خوانده بودم بعضی مفهموم ها را در درک شان مشکل داشتم بطور کلی با این آموزش برطرف شدند .فقط اگر یک کمی در موردچیدمان فارسی نویسی که مبتدی هاخیلی با آن مشکل دارند بیشتر صحبت میشد بهتر بود ،مثلا در موردمنوهای فارسی و زیر منوهای فارسی و نحوه چیدمان div ها در قالب های فارسی.چونکه اکثر کتابها و فیلم های آموزشی معمولا در مورد طراحی سایت از چپ به راست هستند .
و اینکه در مورد سایت دو زبانه وچند زبانه صحبتینشده بود و اینکه چطوری وقتی در قالب فارسی هستیم و خواستیم به زبان برفرض انگلیسی سایت سوئیچ کنیم چطوری باید اینکارو انجام بدهیم وکدهای css و html چطوری در این حالتها نوشته میشوند.
و اینکه اگرامکانش هست درمورد فارسی سازی قالبهای ltr بهrtl مثل قالبهای تم فارست وtemplate monster... یک فیلم آموزشی درست کنید.
تشکر

سینا
سینا

به نام خدا
با عرض سلام و وقت بخیر خدمت شما.

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

آریوبزرن
آریوبزرن

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

یاسین
یاسین

خیلی عالی و ارزنده بود. ممنون.

محمد عبداللهی
محمد عبداللهی

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

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

با عرض سلام.

بابت این آموزش ها بسیار متشکرم و از اینکه این علوم را به راحتی در اختیار ما قرار می دهید سپاسگذارم.

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

کیفیت فیلم و صدا هم طبق معمول همیشه عالی ضبط شده بود.

ویژگی های تدریس استاد عبداللهی هم که دیگه نمیشه ازشون ایرادی گرفت.

من از خدا خواستار توفیق روزافزون برای این استاد گرانقدر و تمامی اساتید این مجموعه می باشم.

با تشکر

مظفر
مظفر

The best!!!!!!

دسته‌بندی موضوعی:

برچسب‌ها:
Animation | Cascading Style Sheet | CSS | Selector | variant | weight | آشنایی با استایل‌ها و روش‌های مختلف نوشتن آن | آشنایی با المان‌های دروغین (Pseudo-Element) | آشنایی با انواع صفحات وب مختلف | آشنایی با انواع مختلف تعیین موقعیت یک المان و کاربردهای آن | آشنایی با باگ‌های مختلف مرورگرهای مختلف | آشنایی با صفحات Absolutely-Positioned | آشنایی با صفحات تک‌ستونی | آشنایی با صفحات چندستونی | آشنایی با کلاس‌های دروغین (Pseudo-Class) | آشنایی با گروه‌های کلی فونت (Font Families) | آشنایی با واژه Cascade و نحوه عملکرد آن | آشنایی با ویژگی‌های یک فونت: style | آشنایی کامل با انتخاب‌کننده‌ها در CSS | افکت سایه | افکت شعاع به المان ها | افکت گرادیانت | انتخاب المان مورد نظر در HTML | انیمیشن | انیمیشن در CSS3 | تایپوگرافی | تراز یک متن در صفحه وب | تعیین تورفتگی یک متن از کناره‌ها | تعیین سایز فونت | تعیین فاصله بین حروف و فاصله بین خطوط یک متن | تعیین موقعیت المان‌ها (Position) | تعیین نوع فونت مورد نظر | تغییر حالت | تگ های مرور گر های مختلف | تنظیم ارتفاع تمامی ستون‌های صفحه وب به یک اندازه | چرا برای ساخت یک صفحه وب، از جداول استفاده نکنیم | درست کردن ساختار (Layout) توسط CSS | درک ساختار یک دستور CSS | درک کامل CSS Box Model و ناسازگاری‌های موجود | درک مفهوم CSS و جایگاه آن در کنار HTML | ساخت صفحات دوستونی | ساخت صفحات سه‌ستونی ساده و پیچیده | سی اس اس | شناور کردن المان‌ها در صفحه وب | شیوه نامه | شیوه نامه آبشاری | فرمت‌دهی متن و فونت توسط CSS | کار با CSS3 | کار با فرم ها | کنترل المان‌های موجود در مجاورت المان‌های شناور | مخفی کردن المان‌ها در یک صفحه وب | مقدمات کار با CSS | نقش استانداردها در CSS Box Model | نوشتن دستورات CSS در کنار یکدیگر | وراثت در CSS
مشاهده بیشتر مشاهده کمتر