یکی از نکات مهمی که طراحان وب باید به آن توجه کنند، سرعت بارگذاری (load) صفحه وب سایت است. تکنیک ها و راه حل های مختلفی برای بهبود سرعت load صفحات وب وجود دارد که ما در این فیلم آموزش طراحی سایت، یکی از این تکنیک ها را که css sprites نام دارد، با مثال برای شما کاربران عزیز توضیح خواهیم داد. تکنیک css sprites، برای کاهش استفاده از تصاویر در صفحات وب بکار می رود.
آنچه در این فیلم آموزشی خواهید آموخت:
- آشنایی با مفهوم css sprites
- ساخت منوی آیکون های اجتماعی (social icons)
- آشنایی با کاربردهای تکنیک css sprites
برای آشنایی با کاربرد این تکنیک می توانید فیلم آموزش پیاده سازی تکنیک css sprites بصورت کاربردی را مشاهده کنید.
[hdplay id=111]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.ir/css-videos/css-sprite-introduction.mp4′]دانلود فیلم آموزش آشنایی با تکنیک css sprites در CSS[/video_download]
[onliner_button type=”edu-demo” url=’http://dl.onliner.ir/css-snippets/social-nav-sprite-introduction.zip’]دانلود دمو[/onliner_button]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش استفاده از pattern ( الگوهای تکرار شونده ) در صفحات وب
- آموزش بعدی : فیلم آموزش پیاده سازی تکنیک css sprites بصورت کاربردی
- لیست فیلم ها : فیلم های آموزش جامع CSS
2 دیدگاه دربارهٔ «فیلم آموزش آشنایی با تکنیک css sprites در طراحی صفحات وب»
سلام دلیل اینکه سایت در مرورگر های دیگر بهم میریزد چیه ممنون
با عرض سلام و احترام خدمت شما
دلایل بسیار متعدد و متنوعی ممکن است باشد که دانش پذیران محترم در در دوره ی آموزش طراحی صفحات وب می توانید به صورت دقیق بپرسند.