فیلم آموزش ساخت منوی عمودی با CSS از روی طرح گرافیکی فتوشاپ (بخش اول)

با توجه به مفاهیمی که از html و css در فیلم های آموزشی آنلاینر برای شما توضیح دادیم، یک منوی عمودی با استفاده از css، از روی طرح گرافیکی (PSD) برای شما خواهیم ساخت. علاوه بر این در ادامه ی مباحث آموزش طراحی سایت، در این فیلم با نکاتی در مورد تبدیل طرح گرافیکی (PSD) به HTML آشنا خواهید شد.

بخش دوم این آموزش را می توانید از این قسمت مشاهده کنید.

می توانید لیست منوهای دیگری که در آنلاینر آموزش داده شده است را در زیر مشاهده کنید :

• منوی کشویی افقی
• منوی کشویی عمودی
• منوی آکاردئونی (کشویی)
• منوی افقی ساده
• منوی افقی کاربردی و استفاده از تکنیک double border
• تب منوی افقی
• تب منوی عمودی

[hdplay id=69]

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

[free_vip]
[video_download cat=’html’ url=’https://dl.onliner.ir/css-videos/vertical-nav1.mp4′]دانلود فیلم آموزش ساخت منوی عمودی با CSS از روی طرح گرافیکی فتوشاپ (بخش اول) [/video_download]

[onliner_button type=”edu-demo” url=’http://dl.onliner.ir/css-snippets/vertical-nav1.zip’]دانلود دمو[/onliner_button]
[/free_vip]

دسترسی سریع :

• آموزش قبلی : فیلم آموزش ساخت دکمه ی دانلود بر اساس طرح گرافیکی
• آموزش بعدی : فیلم آموزش ساخت منوی عمودی با CSS از روی طرح گرافیکی فتوشاپ (بخش دوم)
• لیست فیلم ها : فیلم های آموزش جامع CSS