برچسب: <span>آموزش طراحی سایت</span>

در دو جلسه آموزش قبلی از همین مجموعه ی آموزش تبدیل PSD به HTML، مشاهده فرمودید که از طرفی بگراند تب منوهای سایدبار، رنگ سفید نیاز داشتند و همچنین از طرفی فاصله ای بین نوار افقی زیر هدر و محتوای صفحه ی وب وجود داشت؛ در این جلسه آموزشی به سراغ اعمال استایل دهی های […]

نوبت به آموزش نحوه ی اندازه گیری و ابعاد دهی به بخش های اصلی و ارکان صفحات سایت های در دست طراحی مان می رسد. همانطوری که قبلا نیز خدمت شما آموزش داده بودیم، روش طراحی و قرار دادن بخش ها و عناصر مختلف در یک صفحه ی وب می بایستی بر اساس روش طراحی […]

وقتی می خواهیم یک سایت را به صورت حرفه ای طراحی کنیم، و دید تجاری و ارائه به مشتری و بازار را در کار خودمان داشته باشیم، استفاده ی اصولی از class ها در اچ تی ام ال و سی اس اس از اهمیت بالایی برخوردار میشود. اگر احساس نیاز می کنید، میتوانید ابتدا فیلم […]

در ادامه ی مباحث آموزش طراحی صفحات وب پیشرفته و مطابق طرح گرافیکی ای که از ابتدا شروع به کدنویسی آن کردیم و قصد داریم از آن یک سایت کامل کدنویسی کنیم، نوبت به کدنویسی فرم جستجوی موجود در طرح گرافیکی میرسد. در این فیلم آموزشی نکات و روش های ممکن جهت کدنویسی فرم جستجو […]

با توجه به اهمیت استفاده از جی کوئری – jQuery در طراحی سایت های مدرن و زیبا، در این جلسه آموزشی قصد داریم تا به آموزش اصول و syntax های اولیه و البته پرکاربرد جی کوئری بپردازیم. در این جلسه آموزشی، مشاهده خواهید کرد که چگونه می توان یک عنصر خاص را در یک صفحه […]

در جلسه آموزشی قبلی با آموزش ساخت منوی کشویی با استفاده از جی کوئری – jQuery در خدمت تان بودیم و آموزش دیدید که چگونه میتوان یک منوی کشویی را با استفاده از پلاگین Superfish جی کوئری ساخت؛ و اما حالا نوبت به پیاده سازی همان منوی کشویی ساخته شده با jQuery در طرح اصلی […]

در طراحی صفحات وب پیشرفته، پیاده سازی منوهایی زیبا که قابلیت باز شدن به صورت کشویی داشته باشند، یکی از ضروری ترین موارد هستند. در این فیلم آموزش طراحی سایت، به سراغ آموزش ساخت منوی کشویی با استفاده از جی کوئری – jQuery می رویم. در حقیقت آموزش این جلسه مربوط به آموزش ساخت منوی […]

هر چه که طراح سایت بتواند پروژه های خودش را در زمان کوتاه تری انجام بدهد، هم لذت بیشتری از کار خواهد برد و هم اینکه تعداد سفارش طراحی وب بیشتری میتواند انجام بدهد و از این طریق درآمد بیشتری نیز داشته باشد. بنابراین افزایش سرعت انجام پروژه های طراحی وب و سفارشات طراحی سایت، […]

در ادامه ی مباحث آموزش طراحی صفحات وب پیشرفته، به سراغ شروع آموزش های استفاده از jQuery – جی کوئری در طراحی صفحات وب می رویم. همانطوری که میدانید، استفاده از jQuery در طراحی صفحات وب به صورت مدرن، از اهمیت بسیار بالایی برخوردار است، چرا که باعث به وجود آمدن زیبایی بیشتر، افزایش کارآیی […]

در فیلم آموزشی قبل، نحوه ی ساخت منوی اصلی وب سایت را به صورت بدون عمق خدمت تان آموزش دادیم؛ و اما در این فیلم آموزشی و در ادامه ی مباحث آموزش طراحی صفحات وب پیشرفته، به سراغ آموزش کدنویسی و ساخت منوی دراپ داون وب سایت به وسیله ی html و css می رویم. […]

در ادامه ی آموزش های طراحی صفحات وب (مرحله ی پیشرفته) به سراغ ادامه ی آموزش تبدیل psd به html خودمان می رویم و طبق طرح گرافیکی ای که داریم، میخواهیم تا بنر تبلیغاتی ای که در هدر صفحه ی وب مربوطه درج شده است را در کنار لوگو قرار بدهیم. در بین فایل هایی […]

یکی از اموری که تقریبا در طراحی تمامی صفحات وب به کار می آید، کدنویسی بخش لوگو در صفحه ی وب است. در این فیلم آموزشی و در ادامه ی مباحث آموزش های پیشرفته طراحی صفحات وب، به سراغ کدنویسی بخش لوگو در تبدیل PSD به HTML این دوره آموزشی می رویم. در این فیلم […]

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

در این فیلم آموزشی به سراغ کدنویسی نوار باریک ابتدای صفحه ی وب مورد نظرمان می رویم. همچنین با یکسری نکات در اهمیت دقت به ظرافت های پیاده سازی شده در طراحی گرافیکی قالب سایت آشنا می شوید تا یک طراح سایت با کیفیت کار بالا باشید؛ نکاتی که به خصوص در حین آموزش طراحی […]

در ادامه ی مباحث آموزش طراحی سایت (آموزش طراحی سایت پیشرفته – آموزش تبدیل PSD به HTML) نوبت به آموزش کار با pattern ها در طراحی صفحات وب می رسد. در این فیلم آموزشی به شما آموزش داده میشود که چگونه میتوانید با استفاده از تصاویر کوچکی که به صورت متقارن طراحی شده اند، بتوانید […]

برای شروع به کدنویسی و ساخت صفحه ی وب مورد نظرمان، ابتدا شاخه بندی ها و فایل های مورد نیازمان را ایجاد می کنیم. سپس نیاز داریم تا برای یکسان سازی نحوه ی نمایش فایل های کدنویسی صفحات وب خودمان، یک فایل ریست مناسب برای کدهای CSS بسازیم؛ فایلی که در این فیلم آموزشی با […]