آرشیو مطالب بلاگ پلن سایت

+989352589150

آرشیو بلاگ سایت

کد های Schema,فشرده سازی کد,فشرده سازی فایل css,فشرده سازی فایل js,فشرده سازی فایل javascript,فشرده سازی فایل html,متریال دیزاین,material design,bootsnav,منوی دراپ داون,منوی dropdown,مگا منو,فونت فارسی مخصوص وب,css sprite,freepik,دانلود تصویر,بهینه سازی تصویر,کاهش حجم تصویر

آشنایی با سایت های کاربردی

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

mcustomerscrollbar,اسکرول بار,scrollbar,scroll,اسکرول,اسکرول برای سایت,پلاگین اسکرول بار

چگونه ظاهر اسکرول بار را زیبا کنیم

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

particles,افکت با قابلیت touch

افکت بسیار زیبا به شکل تارعنکبوت بنام particles برای پس زمینه

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

اسلایدر,slider,اسلایدر با قابلیت touch

ساخت اسلایدر حرفه ای و زیبا lightslider با قابلیت Touch

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

چک باکس,checkbox

چگونه CheckBoxها را از سادگی خارج کنیم؟

CheckBox  یکی از عناصر ورودی HTMLهست به این صورت که اطلاعاتی را از کاربر دریافت می کند. نوع داده ای که بر می گرداند boolean است یعنی یا True و یا False بر میگرداند.برای مواقعی استفاده می شود که تنها دو حالت دارد.

loading

انواع loading های بسیار زیبا و جذاب

loading زمانی استفاده می شود که کاربر باید مدتی را صبر کند تا رویداد مورد نظرش اتفاق افتد حال این رویداد می تواند بارگذاری کامل و یا بخشی از صفحه و یا submitشدن فرم و ... باشد.

paging,صفحه بندی

دکمه های صفحه بندی بسیار زیبا

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

validation

ایجاد validation جهت تست صفحات سایت

کار Validationها تست صفحات سایت می باشد . به این گونه که شما با استفاده از Validationها کاربر را زیر نظر داشته و از صحت و سقم اطلاعاتی که وارد می کند مطمئن می شوید سپس اقدام به ثبت اطلاعات خواهید کرد.

منوی آکاردئون,منوی Accordion,Accordion menu

ساخت منوی زیبای آکاردئونی(Accordion)

نام منوی آکاردئونی (جمع شونده) از نوعی ساز برگرفته شده که این ساز دارای محلی فنر شکل و پله ای برای عبور هوا می باشد. این منو نیز به صورت فنری باز و بسته شده و پله ای نمایش داده می شود.

Lazy Loading,Lazy Loading plugin,بارگذاری صفحه,بارگذاری سایت,بارگذاری تصاویر سایت,افزایش سرعت سایت

کاهش عملیات سرور هنگام بارگذاری صفحه با پلاگین Lazy Loading

پلاگین Lazy Loading باعث می شود که تصاویر هنگام اسکرول لود می شوند به گونه ای که تا زمانی که کاربر تصمیم به دیدن تصویر نکرده تصاویر بارگذاری نشنود و فشار کمتری به سرور وارد شود.

wall clock,نمایش ساعت,پلاگین ساعت,ساعت در سایت

ساعت متحرک با استفاده از پلاگین Wall Clock تنها در 5 ثانیه

ساعت و یا همان تایمر معمولا دغدغه طراحان می باشد. با استفاده از پلاگین wall clock تنها در عرض 5 ثانیه میتوانید زمان را به زیبایی در سایت نمایش دهید. جهت آموزش این پلاگین با ما همراه باشید.

toastr plugin,پلاگین toastr,پیغام سایت

toastr یکی از بهترین پلاگین ها جهت نمایش پیغام مناسب به کاربر

پیغام های سایت از جمله مواردی است که توجه به زیبایی و ظاهرشان باعث جذب کاربر می شود به گونه ای که کاربر به محض مواجهه با پیامی که به شکل زیبا نمایش داده می شود متوجه می شود که طراح سایت برای کاربران اهمیت زیادی قائل بوده است.

typed plugin,افکت تایپ

ایجاد افکت تایپ با استفاده از پلاگین Typed

افکت تایپ را در سایت های مختلف مشاهده کردید نوشته سایت شبیه زمانی که در word و یا نرم افزارهای مشابه تایپ می کنید در سایت نمایش داده می شوند. البته این افکت برای تمامی نوشته ها استفاده نمی شود بلکه برای قسمتهایی که قرار است در معرض دید باشد مثل عناوین خبرهای مهم.

jQuery Nice Select,پلاگین جی کوئری,لیست html

پلاگین jQuery Nice Select جهت زیباسازی لیستهای HTML

لیستهای html ظاهر مناسبی برای طراحی سایت زیبا ندارند. عملا میتوان گفت اگر لیستهای HTML را به همان شکل پیش فرض در سایت قرار دهید باعث دلزدگی کاربر می شود اما ما به شما پلاگینی معرفی می کنیم تا به راحتی ظاهر لیستها را تغییر داده و از زیبایی سایتتان لذت ببرید.

پلاگین FoxHolder,پلاگین جی کوئری,افکت سایت,افکت,افکتهای طراحی سایت

پلاگین FoxHolder برای انیمیشنی کردن فرم ها و دکمه ها با افکت های متنوع

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

پلاگین BigSlide,منو ریسپانسیو,منو برای موبایل,منو کنار سایت,منوی عمودی

چند مرحله ساده و ایجاد منو جهت طراحی ریسپانسیو از طریق پلاگین BigSlide

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

جی کوئری چیست؟,جی کوئری,آموزش جی کوئری,jquery,کتابخانه جی کوئری

آشنایی سریع با جی کوئری

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

آدرس دهی صفحات,آدرس استاندارد صفحات سایت,آدرس دهی سئو,بهترین روش آدرس دهی Seo

آدرس صفحات و اهمیت آن برای موتورهای جستجو و کاربران سایت

هر وب سایت جدای از صفحه اصلی، از صفحات جانبی متعددی تشکیل شده است. بسته به نوع سیستم مدیریت محتوایی که استفاده میکنید، این آدرس دهی ممکن است متفاوت باشد.

html,کد نویسی استاندارد Html,آموزش کدنویسی اصولی,html5,کدنویسی استاندارد سئو

چگونه کدهای استاندارد و بدون خطا Html بنویسیم؟

در هنگام طراحی سایت توجه به این نکته بسیار ضروری است که کدهای Html استانداردی نوشته شود.استفاده از Html5 و نحوه صحیح از به کارگیری تگ های آن نظیر Article,Header,Footer, اهمیت بالایی در سئو سایت دارد.

نقشه سایت,sitemap,نقشه سایت چیست,آموزش ساخت نقشه سایت

آموزش کامل نقشه سایت و اهمیت آن برای موتورهای جستجو

نقشه سایت در واقع یک فایل xml ساده است که در آن آدرس تمام لینک های موجود در سایت وجود دارد.وجود نقشه سایت برای یک وب سایت امری ضروری است

ASP,ASP.Net,ای اس چی,تکنولوژی ASP

آشنایی با Asp.net تنها در چند دقیقه

ابتدا به ساکن لازم است بدانید asp.net یک زبان نیست بلکه یک تکنولوژی معرفی شده توسط شرکت مایکروسافت می باشد. ASPمخفف Active Server Pages می باشد و برای ایجاد صفحات داینامیک که با سرور در ارتباطند استفاده می گردد. برای استفاده از این تکنولوژی نیاز به نصب نرم افزار Microsoft VisualStudio.net دارد.

آموزش css,کدهای css,سلکتورهای css

آموزش شالوده اصلی css

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

آموزش Html,HTML,TAG,تگ,HTML5,ساختار HTML

شروع طراحی سایت با Html

اولین قدم در طراحی سایت ارزان یادگیری کدهای HTMLاست. اصلا استرس نداشته باشید یادگیری این زبان کار سختی نیست و فقط نیاز به تمرین و تکرار دارد تا ملکه ذهنتان شود. آخرین ورژن 5HTML می باشد که قابلیت های جدیدی را اضافه کرد و ساختار معنایی به سایت داد.

آموزش بوت استرپ,آموزش bootstrap,bootstrap,بوت استرپ,طراحی ریسپانسیو,طراحی واکنش گرا

آموزش کامل و پروژه محور بوت استرپ| bootstrap

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

تصاویر سایت,تصاویر,عکس های سایت,سایز تصاویر,حجم تصاویر,کیفیت تصاویر,تصاویر و سئو سایت

رعایت نکات سئو هنگام درج تصاویر هنگام طراحی سایت

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

تبدیل بازدیدکننده سایت به مشتری,کاربران سایت,مشتریان سایت,جذب کاربران

جذب بازدیدکننده برای سایت

جذب مشتری در تمامی کسب و کارها، دغدغه صاحبان مشاغل بوده و هست. فرقی هم نمیکند که این کسب و کار سنتی باشد و یا اینترنتی. ما در اینجا، در مورد کسب و کار اینترنتی صحبت می کنیم و مواردی را که باید رعایت کنیم تا کاربر،بین تمامی سایت ها و خدمات و محصولات مختلف، ما را انتخاب کند بررسی می کنیم.

زمان ماندگاری کاربر در سایت,دلایل ترک سایت توسط کاربر,bounce rate,Average time

راز ماندگاری کاربر در سایت و دلایل ترک سایت توسط کاربران چیست؟

یکی ازپارامتر های مهم سئو مدت زمانی است که کاربر در سایت شما باقی می ماند و مطالب سایت را بررسی می کند. هرچه کاربر زمان بیشتری را صرف خواندن مطالب سایت کند گوگل متوجه می شود که این سایت برای کاربران مفید واقع شده است. به همین جهت در این مقاله سعی داریم که شما را برای رسیدن به این مهم همراهی کنیم.

روش های افزایش سرعت لود سایت,سئو سایت,رابطه افزایش سرعت سایت با سئو

چگونه سرعت لود سایت را افزایش دهیم

یکی دیگر از آیتم های مورد نظر گوگل سرعت بالای سایت می باشد چنانچه کاربر وارد سایت شودو به سرعت تمامی المان های سایت لود گردد یک امتیاز مثبت برای شما لحاظ خواهد گردید. برای افزایش سرعت لود سایت راه های زیادی وجود دارد که به توضیح هر یک می پرازیم.

سئو کلاه سفید، کلاه سیاه و کلاه خاکستری چیست؟,سئو کلاه سفید,سئو کلاه سیاه,سئو کلاه خاکستری,سئو

سئو کلاه سفید، کلاه سیاه و کلاه خاکستری در یک نگاه

برای افزایش رتبه سایت در گوگل و سایر موتورهای جستجو دو روش مرسوم است: 1- سئو کلاه سفید 2- سئو کلاه سیاه و سئو کلاه خاکستری ترکیبی از دو مورد بالا می باشد.

schema,سئو,نشانه گذاری schema,تاثیر schema بر روی سئو,schemaاز نظر گوگل

نشانه گذاری Schema و تاثیرش بر سئو

زبان نشانه گذاری Schema شامل یکسری کد جهت تعریف جزئیات سایت می شود. به این صورت که شما با استفاده از این زبان یکسری توضیحات در مورد بخش های مختلف سایت به موتورهای جستجو می دهید.

تعریف فریم ورک Amp و نحوه استفاده و تاثیر آن بر سئو

Ampچیست؟ چگونه استفاده می شود؟ آیا بر سئو تاثیر دارد؟

Amp مخفف Accelerated Mobile Page می باشد. Amp فریم ورک جدید برای افزایش سرعت لود صفحات سایت در موبایل می باشد که در سال 2016 توسط گوگل معرفی شد. پروژه Ampتوسط گوگل و توییتر نوشته شد و باعث کاهش حجم صفحات HTML می شود.

متا تگ,اپن گراف,open graph,شبکه های اجتماعی,اشتراک گذاری در شبکه های اجتماعی,سئو,تاثیر متاتگ ها بر روی سئو

متاتگ ها، اپن گراف ها(Open Graphs) چه تاثیری بر سئو دارند

متا تگ ها، بخشی از تگ های HTML هستند که بر خلاف تگ های دیگر که نتیجه چاپی دارند چیزی را بر روی صفحه چاپ نمی کنند اما تاثیر بسزایی بر روی سئو دارند و در بخش Head سایت قرار می گیرند.

دامنه,وب مستر,آدرس صفحات,URL,سئو,افزایش رتبه در گوگل,افزایش سئو

دامنه ها، urlها و وب مستری چه تاثیری بر روی سئو دارد؟

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

قوانین مهم گوگل راجع به طراحی سایت

نکاتی راجع به طراحی سایت که برای گوگل اهمیت دارد:

یکی از مواردی که بر روی سئو تاثیر دارد چگونگی استفاده از کدهای اچ تی ام ال و جاوا اسکریپت در طراحی سایت ارزان می باشد. که در این بخش در مورد هریک توضیح خواهیم داد

محتواگذاری در سایت,اصول محتوا گذاری موثر بر سئو,سئو,محتوای سایت

اصول محتواگذاری در سایت جهت افزایش رتبه سایت

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

تاثیر متاتگ بر سئو,متاتگ Discription,متاتگ Keywords,متاتگ Language,متاتگ Refresh,Redirect301

تاثیر متاتگ بر سئو

اهمیت متاتگ ها برای Bingو Yahoo بیشتر از Googleاست. مهم ترین متاتگ ها Discription و Keyword است. هنگام طراحی سایت باید متاتگ ها را در بخش Headسایت قرار داد.

لینک,لینک داخلی سایت,لینک خارجی سایت,لینک ورودی سایت,تاثیر لینک بر سئو سایت

اصولی در مورد لینک ها که جهت بالا بردن رتبه سایت باید رعایت کنیم

لینکها به سه دسته تقسیم بندی می شوند: 1- لینکهای داخلی: کلماتی که از داخل سایت خود به صفحات دیگر همان سایت لینک می دهیم. 2- لینک های ورودی: لینکهایی که از سایت های دیگر به سایت شما وارد می شود. 3- لینکهای خروجی: لینکهایی که شما داخل سایت خود قرار می دهید و مربوط به سایت های دیگران است.

سئو سایت,کلمات کلیدی,تاثیر کلمات کلیدی بر سئو,افزایش سئو سایت از طریق کلمات کلیدی,چگالی کلمه کلیدی,بهینه سازی کلمات کلیدی

لیستی از پرکاربرد ترین فعالیت ها بر روی کلمات کلیدی در زمینه افزایش سئو سایت

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

ui,ux,User Interface Design,User Experience,تفاوت ui و  ux در طراحی سایت ,تفاوت ui و  ux , طراحی رابط کاربری,تجربه کاربری

تفاوت ui و ux در طراحی سایت چیست؟

UI همان طراحی قالب سایت است، دقیقا همان بخش گرافیکی سایت که کاربر می بیند و UX به معنای درک کاربر توسط UXکار و تلاش جهت راحتی وی می باشد.

انتخاب عنوان مناسب برای صفحات سایت,عنوان سایت,عنوان صفحات سایت,عنوان درست برای سایت,عنوان درست برای صفحات سایت

نحوه انتخاب عنوان مناسب برای صفحات سایت

اولین و مهم ترین مبحث در محتواگذاری انتخاب عنوان مناسب برای صفحات به جهت فهم بهتر مطالب توسط کاربر و تائید گوگل جهت بالا بردن رتبه سایت می باشد.

طراحی ریسپانسیو در کرج,طراحی ریسپانسیو,سایت ریسپانسیو,سایت ریسپانسیو در کرج

طراحی ریسپانسیو در کرج

ریسپانسیو در لغت به معنای واکنشگرا می باشد. به این معنا که قالب سایت به گونه ای طراحی می شود که در تمامی دستگاه ها اعم از لپ تاپ،گوشی، تبلت و PC، به شکل منظم و بدون نیاز به زوم نمایش داده می شود.

دامنه,نام دامنه,دامنه وب سایت,دامنه سایت,انتخاب نام دامنه

آشنایی با پسوند های دامنه در طراحی سایت

سایت ها هم مانند ما انسانها نام و یا همان آدرس منحصر به فرد دارند که اصطلاحا به آن دامنه و یا آدرس سایت می گویند.

قالب,طراحی قالب,طراحی قالب PSD,قالب PSD لایه باز

طراحی قالب PSD لایه باز

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