۰۹ اردیبهشت ۱۳۹۴ ۱۵ 3606 بازدید

در ادامه ی آموزش های مربوط به دوره آموزش پیشرفته طراحی صفحات وب (موسوم به تبدیل PSD به HTML) به سراغ آموزش کدنویسی آیکون های شبکه های اجتماعی در هدر (header) سایت می رویم. لطفا توجه داشته باشید که این آیکون ها جهت لینک شدن به صفحه ی پروفایل وب سایت مربوطه در این شبکه های اجتماعی است و نه برای اشتراک گذاری همان صفحه سایت.

کاربرپسندی آیکون های Social Networks (شبکه های اجتماعی) در طراحی سایت

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

آن چه در این فیلم آموزش طراحی سایت تقدیم تان میگردد:

  • کدنویسی شبکه های اجتماعی در هدر PSD دوره آموزشی و تبدیل آن به HTML
  • استفاده از تکنیک CSS Sprite برای آیکون های شبکه های اجتماعی هدر سایت
  • در نظر گرفتن حالت وسط چین شدن تمامی محتوا در صفحه (ایجاد یک کلاس عمومی برای این کار تا پایان طرح در CSS)

جهت دانلود فیلم آموزشی این جلسه به همراه فایل های قالب HTML تا پایان این جلسه، بر روی لینک زیر کلیک نمایید:

آموزش قبلی : فیلم آموزش شروع کدنویسی header و اعمال نوار اولیه

دسترسی سریع :

لطفا به این مطلب رای دهید
[تعداد: 1    میانگین: 4/5]
کدنویسی آیکون های شبکه های اجتماعی در Header سایتخرید و دانلود فایل1,500 تومان