shams 27 خرداد 1393 3 7812 بازدید آموزش CSS
فیلم آموزش ساخت گالری عکس با CSS و HTML

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

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

ما در فیلم آموزش ساخت pagination با CSS و HTML، برای این گالری ساده یک صفحه بندی ایجاد کرده ایم.

فیلم آموزش ساخت گالری عکس با CSS و HTML

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

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

نظرات کاربران (3)



  1. Iman

    سلام
    شما تو مبحث margin گفتيد margin بالا و پايين حداكثرش در نظر گرفته ميشه ولي تو اين گالري شما margin بالا و پايين هر كدام ١٠ پيكسل داديد ولي جمعش ٢٠ پيكسل اعمال شد

    • گروه آموزش طراحی سایت

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