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

خانه/آموزش طراحی سایت
۵ ۰۶, ۱۳۹۶

آموزش رایگان طراحی سایت با وردپرس – جلسه اول

توسط | ۱۳۹۶-۶-۵ ۱۶:۰۸:۳۳ +۰۴:۳۰ شهریور ۵ام, ۱۳۹۶|آموزش طراحی سایت بدون برنامه نویسی|بدون دیدگاه

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

۱۳ ۰۵, ۱۳۹۶

طراحی سایت شرکتی

توسط | ۱۳۹۶-۵-۱۳ ۱۹:۲۵:۱۰ +۰۴:۳۰ مرداد ۱۳ام, ۱۳۹۶|آموزش طراحی سایت|بدون دیدگاه

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

۱۰ ۰۵, ۱۳۹۶

ضرورت طراحی سایت حرفه ای

توسط | ۱۳۹۶-۵-۱۰ ۲۰:۰۳:۲۵ +۰۴:۳۰ مرداد ۱۰ام, ۱۳۹۶|آموزش طراحی سایت|بدون دیدگاه

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

۲۴ ۰۴, ۱۳۹۶

کدهای جذاب و دیدنی ( Preloader ) : ساخت لودر زیبا و جالب

توسط | ۱۳۹۶-۴-۲۴ ۱۲:۴۹:۵۲ +۰۴:۳۰ تیر ۲۴ام, ۱۳۹۶|کد های طراحی سایت|دیدگاه‌ها برای کدهای جذاب و دیدنی ( Preloader ) : ساخت لودر زیبا و جالب بسته هستند

در این قسمت میخوام یک کد ( Preloader ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک لودر زیبا و حرفه ای با استفاده از سه دایره ساخته شده و میتونین از اون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و [...]

۲۲ ۰۴, ۱۳۹۶

کدهای جذاب و دیدنی ( Heart Animation ) : افکت انیمیشنی زیبا برای لایک کردن

توسط | ۱۳۹۶-۴-۲۲ ۱۵:۱۰:۰۳ +۰۴:۳۰ تیر ۲۲ام, ۱۳۹۶|کد های طراحی سایت|دیدگاه‌ها برای کدهای جذاب و دیدنی ( Heart Animation ) : افکت انیمیشنی زیبا برای لایک کردن بسته هستند

در این قسمت میخوام یک کد ( Heart Animation ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک قلب قرار گرفته و زمانی که بر روی اون کلیک میکنید، یک افکت انیمیشنی زیبا نمایش داده میشه. میتونین از این ایده برای لایک کردن استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای [...]

۲۲ ۰۴, ۱۳۹۶

انیمیشن زیبا برای گریدبندی تصاویر – Grid Loading Animations ( نمونه ۱)

توسط | ۱۳۹۶-۵-۷ ۱۹:۳۸:۲۸ +۰۴:۳۰ تیر ۲۲ام, ۱۳۹۶|کد های طراحی سایت|دیدگاه‌ها برای انیمیشن زیبا برای گریدبندی تصاویر – Grid Loading Animations ( نمونه ۱) بسته هستند

;(function(window) {   /** * GridLoaderFx obj. */ function GridLoaderFx(el, options) { this.el = el; this.items = this.el.querySelectorAll('.grid__item > .grid__link'); }   GridLoaderFx.prototype._render = function(effect) { // Reset styles. this._resetStyles();   var self = this, effects = { 'Hapi': { animeOpts: { duration: function(t,i) { return 600 + i*75; }, easing: 'easeOutExpo', delay: function(t,i) { [...]

۲۲ ۰۴, ۱۳۹۶

COLORON : بازی جالب و زیبا مربوط به رنگ توپ

توسط | ۱۳۹۶-۴-۲۲ ۱۴:۲۷:۰۱ +۰۴:۳۰ تیر ۲۲ام, ۱۳۹۶|ابزار های طراحی سایت|دیدگاه‌ها برای COLORON : بازی جالب و زیبا مربوط به رنگ توپ بسته هستند

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

۲۱ ۰۴, ۱۳۹۶

grid-system : آموزش ساخت سیستم گریدبندی واکنشگرا

توسط | ۱۳۹۶-۴-۲۲ ۱۴:۳۱:۰۱ +۰۴:۳۰ تیر ۲۱ام, ۱۳۹۶|ابزار های طراحی سایت|دیدگاه‌ها برای grid-system : آموزش ساخت سیستم گریدبندی واکنشگرا بسته هستند

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون به صورت قدم به قدم به شما آموزش داده میشه که چطور سیستم گریدبندی واکنشگرا رو به وجود بیارید. با مطالعه این آموزش کامل، میتونین با موارد زیادی در این زمینه آشنا بشید. برای شروع وارد سایت grid-system بشین. امیدوارم بدردتون بخوره. منبع : ۷learn.com [...]

۲۱ ۰۴, ۱۳۹۶

css-variables : آموزش استفاده از شرط در متغیرهای CSS

توسط | ۱۳۹۶-۴-۲۲ ۱۴:۳۸:۱۳ +۰۴:۳۰ تیر ۲۱ام, ۱۳۹۶|ابزار های طراحی سایت|دیدگاه‌ها برای css-variables : آموزش استفاده از شرط در متغیرهای CSS بسته هستند

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون به شما آموزش میده که چطور از قدرت شرط گذاری یا Condition درون مبحث متغیرهای CSS یا CSS Variables استفاده کنید و کارهای بیشتری رو انجام بدین. برای شروع وارد سایت css-variables بشین. امیدوارم بدردتون بخوره. منبع : ۷learn.com .

۲۱ ۰۴, ۱۳۹۶

کدهای جذاب و دیدنی ( Wispy Ember ) : گلوله آتشین زیبا

توسط | ۱۳۹۶-۴-۲۲ ۱۴:۴۳:۲۶ +۰۴:۳۰ تیر ۲۱ام, ۱۳۹۶|کد های طراحی سایت|دیدگاه‌ها برای کدهای جذاب و دیدنی ( Wispy Ember ) : گلوله آتشین زیبا بسته هستند

در این قسمت میخوام یک کد ( Wispy Ember ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک گلوله آتشین زیبا قرار گرفته و زمانی که ماوستون رو به سمت راست و چپ میبرید، آتش مربوط به این دایره جابجا میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم [...]