فیلم آموزش پیاده سازی تکنیک css sprites بصورت کاربردی

فیلم آموزش پیاده سازی تکنیک css sprites بصورت کاربردی

در فیلم آموزش آشنایی با تکنیک css sprites در طراحی صفحات وب، با مفهوم این تکنیک آشنا شدید و نحوه ی طراحی منوی آیکون های اجتماعی (social icons) را به شما آموختیم. در این فیلم آموزش طراحی سایت، مشکلاتی که در ساخت این آیکون ها بیان کردیم را رفع خواهیم کرد و تکنیک css sprites را در ساخت این آیکون ها بکار خواهیم برد تا بصورت کاربردی با این تکنیک مهم در طراحی صفحات وب آشنا شوید.

به شما پیشنهاد می کنیم، قبل از مشاهده ی این فیلم، برای آشنایی با مشخصه ی background-position که در این تکنیک استفاده می شود، فیلم آموزش تنظیم پس زمینه در css را مشاهده کنید.

[hdplay id=112]

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

[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.ir/css-videos/sprite-social-nav.mp4′]دانلود فیلم آموزش پیاده سازی تکنیک css sprites بصورت کاربردی[/video_download]
[onliner_button type=”edu-demo” url=’http://dl.onliner.ir/css-snippets/sprite-social-nav.zip’]دانلود دمو[/onliner_button]
[/free_vip]

دسترسی سریع :

دیدگاه خود را برای ما ارسال کنید

5 Comments
    • کوروش
    • ۱۳۹۳-۰۴-۱۰
    پاسخ

    با سلام خدمت شما
    به نظرم اگر در وبسایتتون قسمتی با عنوان اخرین نظرات بگذارید خوب بشه؟
    با احترام

    • علی کینگ
    • ۱۳۹۳-۰۴-۱۲
    پاسخ

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

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

    موفق باشید

      • گروه طراحی سایت
      • ۱۳۹۳-۰۴-۱۳
      پاسخ

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

    • پرویز
    • ۱۳۹۳-۱۰-۲۲
    پاسخ

    سلام ،نام این آقایی که بیشتر آموزشها ویدیویی را می دهد چیست؟

      • علی آخرتی
      • ۱۳۹۳-۱۰-۲۴
      پاسخ

      جناب آقای آبسالان