آموزش طراحی وب با CSS

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

درباره ناشر

فرادرس
فرادرس

فرادرس بزرگ‌ترین ناشر دیجیتال آموزش‌های تخصصی، دانشگاهی و مهندسی است.

درباره مدرس

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

عضو گروه مدرسین فرادرس

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


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



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

👤 مدرس: مهندس محمد عبداللهی
🕓 مدت زمان: ۴ ساعت و ۳۴ دقیقه
🎓 تعداد دانشجو: ۱۱۴۱ نفر این آموزش را تهیه کرده اند. — ۷۹ نفر در یک ماه اخیر
روش دریافت: لینک دانلود و/یا ارسال فیزیکی

هزینه آموزش: ۱۶,۰۰۰ تومان


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

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

(توضیحات بیشتر +)



    توضیحات

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

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

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

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

     

    فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
    • مقدماتی سی اس اس
      • معرفی سی اس اس
      • ساختار دستورات CSS
      • گزینشگرهای CSS
      • فایل CSS خارجی
    • استایل دهی به عناصر
      • استایل دهی پس زمینه
      • استایل دهی متن
      • استایل دهی فونت
      • استایل دهی لینک ها
      • استایل دهی لیست ها
      • استایل دهی جداول
    • مفهوم باکس در سی اس اس
      • مفهوم Box
      • خاصیت border
      • خاصیت outline
      • خاصیت margin
      • خاصیت padding
    • پیشرفته سی اس اس
      • گروه بندی گزینش گرها
      • تنظیم طول و عرض
      • طریقه نمایش عناصر
      • تنظیم موقعیت عناصر
      • شناور کردن عنصر
      • ترازبندی عناصر
      • شبه کلاس ها
      • شبه عناصر
      • ساخت منو در CSS
      • ساخت گالری تصاویر
      • شفاف کردن تصویر
      • نمایش بخشی از عکس
      • رسانه های مختلف
      • گزینش براساس صفت
      • خلاصه مطالب CSS
    • پیشرفته سی اس اس ۳
      • معرفی
      • گرد کردن گوشه ها
      • پس زمینه
      • شیب رنگ
      • افکت های متن
      • فونت
      • تبدیل دو بعدی
      • تبدیل سه بعدی
      • انتقال یا 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 - مورد تایید فنی فرادرس)
    حجم دانلود ۳۷۲ مگابایت     (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)
    تعداد DVD یک عدد (در صورت دریافت غیر آنلاین)


    ​راهنمای تهیه آموزشها

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

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

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

    با شروع یادگیری، یک کلیک فاصله دارید. همین حالا شروع کنید.

    آموزش طراحی وب با CSS

    هزینه آموزش: ۱۶,۰۰۰ تومان




    سایر آموزش های مهندس محمد عبداللهی



    مطالب مرتبط


    دیدگاه ها

    ( امتیاز ۴٫۸ از ۵ )
    4.8 از 5


    تا کنون ۱۱۴۱ نفراز این آموزش استفاده کرده اند و ۴ نظر ثبت شده است.
    1. 5 از 5

      :

      The best!!!!!!

    2. 0 از 5

      :

      با عرض سلام.

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

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

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

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

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

      با تشکر

    3. 0 از 5

      :

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

    4. 5 از 5

      :

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

    5. 5 از 5

      :

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

    6. 0 از 5

      :

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

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

    7. 0 از 5

      :

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

    8. 0 از 5

      :

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

    9. 3 از 5

      :

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

    10. 0 از 5

      :

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


    نظر شما در مورد این فرادرس چیست؟

    درج دیدگاه

    امتیاز شما به این آموزش:

    *



​همین امروز شروع به آموختن کنید​

آموزش طراحی وب با CSS

هزینه آموزش: ۱۶,۰۰۰ تومان



برچسب‌ها: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

دسته های مرتبط:



فرادرس در رسانه ها و جشنواره ها

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

عضویت در خبرنامه فرادرس

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


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