در فیلم آموزش آشنایی با تکنیک 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]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش آشنایی با تکنیک css sprites در طراحی صفحات وب
- آموزش بعدی : فیلم آموزش پیاده سازی حرفه ای اسپرایت (sprites)
- لیست فیلم ها : فیلم های آموزش جامع CSS
5 دیدگاه دربارهٔ «فیلم آموزش پیاده سازی تکنیک css sprites بصورت کاربردی»
سلام ،نام این آقایی که بیشتر آموزشها ویدیویی را می دهد چیست؟
جناب آقای آبسالان
سلام
تکنیک و روش خیلی خوبی بود
چیزی که اکثر سایت ها رعایت نمی کنند
و باعث سنگین شدن سایت ها میشه
یک نکته هم من اضافه کنم به آموزشتون اینکه
اولین عکس هایی که باید لود شود در سطح بالاتری قرار بگیره حتما
علت این امر هم این است که موقع لود یک عکس از بالا به پایین شروع به لود می کنه و با سرعت اینترنت پایین ، امکان داره طول بکشه تا اون قسمت مورد نظر لود بشه ولی اینجوری اول اون جاها لود میشه
بعد که کاربر مشغول بازدید شد بقیه عکس هم لود میشه
موفق باشید
سلام
از توجه شما ممنون هستیم. بله این هم نکته ی ظریفی بود که اشاره فرمودید.
با سلام خدمت شما
به نظرم اگر در وبسایتتون قسمتی با عنوان اخرین نظرات بگذارید خوب بشه؟
با احترام