آموزش نصب زمپ Xampp
با آموزش نصب زمپ(XAMPP) از تیم وب یار با شما هستیم که بنا به در خواست کاربران در سایت قرار داده شده است ,قدم به قدم با وب یار همراه باشید تا مراحل نصب رو کامل وبه راحتی انجام بدهید.
آموزش نصب زمپ Xampp
میخوام شما رو با روشی آشنا کنم که به راحتی بتونید از وردپرس در کامپیوتر شخصی خودتون استفاده کنید,چرا که نصب و اجرای وردپرس روی لوکال هاست به مراتب خیلی بهتر از اتصال به اینترنت هست,چون که اگر هر زمان نیاز به تغییرات داشته باشد بدون نیاز به اینترنت به ویرایش قالب ,افزونه و یا هر چیز دیگری که مدنظرتون هست میپردازید,و بدون محدودیت هایی از قبیل محدودیت های ترافیکی و سرعت با خیال راحت کارهایی که نیاز دارید روی قالبتون انجام میدهید وبعدا که کار تکمیل شد آن رو روی هاست منتقل میکنید.
قبل از هر کاری میدونیم که برای نصب و راه اندازی وردپرس نیاز به یک هاست محلی دارید, برای ایجاد یک هاست محلی یا همان Localhost, نرم افزار های مختلفی ارائه شده اند (مثل Xampp، WampServer، easyPHP ) که هر کدام ویژگی های منحصر به فردی را در اختیار ما قرار می دهند. از میان همه این نرم افزار ها به نظر من بهترین گزینه Xampp می باشد, شما با استفاده از این نرم افزار می توانید در کامپیوتر خود Apache, MySQL, PHP که برای راه اندازی وردپرس نیاز هستند را فراهم کنید.
آموزش نصب زمپ (xampp)
بهتر که برای نصب زمپ به سراغ سایت رسمی xampp رفته و جدیدترین نسخه آن را (دقت:با توجه به نوع سیستم و نوع ویندوز خود) دانلود و به روش ساده زیر نصب کنید.
برای راحتی کارتون ساختار exe رو دانلود کنید . خوب ما میخوایم با این نرم افزار یک لوکال هاست در درایو اصلی خودمون ایجاد کنیم.
در پنجره ی اول دکمه Yes رو فشار دهید تا فایل exe اجرا بشه . در پنجره بعدی زبان English رو انتخاب کنید :
بعد از انتخاب زبان English پنجره ای باز میشه که شما باید خیلی راحت دکمه next رو بزنید.
آموزش نصب زمپ
خوب بعد از اینکه به مرحله بعد رفتید ، یک پنجره باز میشه که از شما میخواد درایو اصلی سیستمون و برای نصب انتخاب کنید .
صورت پیشفرض آدرس بالا رو تو browes مشاهده می کنید ، در سیستم من درایو C درایو اصلی به شمار میاد ، پس میذاریم همین آدرس باقی بمونه . به مرحله بعد میریم :
آموزش نصب زمپ
تمام گزینه هارو تیک میزنیم و به مرحله install میریم :
آموزش نصب زمپ
در این مرحله کامپوننت های لازم رو روی سیستمتون نصب می کنه . کمی زمان میبره ، پس از اینکه کامپوننت ها extract و نصب شد ، یک پنجره cmd مشکی رنگ باز میشه ، صبر می کنیم تا عملیات تکمیل بشه و کادر زیر باز بشه :
آموزش نصب زمپ
حالا دیگه دکمه ی finish رو بزنید.
آموزش نصب زمپ
پس از اینکه دکمه finish رو زدید کادر زیر باز میشه :
آموزش نصب زمپ
نرم افزار xampp شما بر روی پورت ۸۰ نصب شد ، حالا دکمه ok رو فشار دهید ، چند کادر بعدی رو هم ok و در نهایت yes بزنید . پس از گذروندن این مراحل ، کادر زیر کنار صفحه کامپیوتر ظاهر میشه :
آموزش نصب زمپ
این نشان دهنده ی اینه که یک لوکال هاست با موفقیت در سیستم شخصی خودتون ایجاد کردید . حالا در یکی از مرورگر های خودتون مثل فایر فاکس یا … آدرس زیر را تایپ کنید. : C:\xampp\htdocs
برای ایجاد هر پروژه یه پوشه توی همین محل ایجاد کنید و تمامی محتویات و فایل های پروژتون و داخل پوشه ی مربوطه قرار بدید . به تصویر زیر دقت کنید :
آموزش نصب xampp
تو مسیر C:\xampp\htdocs یک پوشه ایجاد کردیم به نام webyar که از این به بعد فایل ها و محتویات پروژه ی webyar رو تو این پوشه قرار میدیم. برای مثال یک فایل index.html با محتویات زیر داخل این پوشه ایجاد می کنیم :
اموزش نصب زمپ
حالا برای مشاهده ی این پروژه از طریق لوکال هاست ، با مرورگر خود به آدرس http://localhost/webyar بروید.
اموزش نصب xampp
خب خوشحال که تا اینجای کار صبر و حوصله به خرج دادید,و آموزش نصب زمپ را یاد گرفتید,حالا یه کار دیگه هم برای راه اندازی ورد پرستون مورد نیاز هست که در آموزش xampp بسیار بسیار ضروری و مهمه, اون هم ساخت پایگاه داده نصب ورد پرس که به راحتی در چند ثانیه انجام میشه برای پس این مورد رو هم خوب ویاد بگیرید که خیلی آسونه.
آموزش ساخت پایگاه داده وردپرس در زمپ
حالا باید یک پایگاه داده برای نصب وردپرس ایجاد کنیم. برای ساخت پایگاه داده ابتدا آدرس http://localhost/phpmyadmin را در مرورگر وارد کنید تا صفحه ای مثل زیر برای شما به نمایش در آید.
در بالای این صفحه چندین زبانه وجود دارد, شما روی زبانه Databases کلیک کنید, سپس در صفحه جدید از طریق بخش Create database با وارد کردن یک نام دلخواه و انتخاب دکمه Create یک پایگاه داده جدید ایجاد نمایید.
ساخت پایگاه داده در زمپ
اسم پایگاه داده را هر چیز که دوست داشتید می توانید قرار دهید فقط توجه داشته باشید که این نام را در مراحل بعدی نیاز داریم پس آن را به خاطر بسپارید.یا اینکه اون رو جایی یاداشت کنید تا در موقع نصب وردپرس زمانی که نام پایگاه داده از شما پرسیده شد,نام پایگاه داده را فراموش نکرده باشید.
دوستای عزیز حالا که آموزش نصب زمپ با ساخت پایگاه داده رو به طور کامل یاد گرفتید,در مطلب بعدی آموزش نصب ورد پرس رو هم خدمتتون میگم که به طور کامل آموزش ها رو یاد بگیرید و این مرحله از آموزش وردپرستون که شامل نصب وردپرس بوده رو با موفقیت سپری بشه,پس با آموزش بعدی همراه ما باشید.
آموزش رشد و کسب درآمد باسلام با ما در این مقاله (آموزش رشد و کسب درآمد) در وب یار همراه باشید. لطفا با حوصله این آموزش کسب درآمد با ارزش و رایگان را تا آخرش بخونین و حتما یاداشت برداری کنین . همیشه دوست داریم که کار کم استرس، کم فشار، کم خطر و پر درآمد داشته باشیم یا حتی بعد از این همه سال دیگه خیلی کم کار نکنیم و یا اگر کار می کنیم با توجه به این وضعیت اقتصادی برای خودمون کار کنیم و پول زحماتی که میکشیم تو جیب خودمون بره، ! که این طرز فکر اگر درست برداشت نشه کاملا اشتباه ، چون موفقیت تو کار گروهی یا به اصطلاح تیم ورک هستش . دلیلش را بعدا بهتون میگم بریم سراغ ادامه آموزش. لقمه آماده پول ساز دوره آموزش قدم به قدم رشد و کسب درآمد ! خیلی فکر کردم به برخی از مشتریان سال‌های اخیرم، به حرف هایی که میزدن.. وقتی موفقیت دیگران را در کسب درآمد از اینترنت میدیدند با اینکه همیشه باهاش مخالف بودن میان و درخواست یک سایت کامل و آماده که لینک یک گوگل باشه و از فرداش پر مشتری باشه یا به اصطلاح لقمه آماده پول ساز می کنند. 😉 این افراد مایلن لقمه آماده بزارم دهنشون و میدونن چون برای این کار زحمت نکشیدند و جرء […]
با آموزش منو ریسپانسیو Responsive واکنش گرا از تیم وب یار خدمت شما هستیم,اگر اصول کلی در مورد کدهای ریسپانسیو را نمیدانید و میخواهید صحفه ای ریسپانسیو بسازید حتما مطلب آموزش کدهای طراحی سایت ریسپانسیوResponsive را بخوانید. آموزش طراحی منو ریسپانسیو Responsive قدم به قدم با من همراه باشید تا ببینید که به چه راحتی به طراحی و کدنویسی یک منو ریسپانسیو (واکنش گرا) میپردازیم,و شما پس از یاد گرفتن کدهای طراحی منو واکنش گرا به راحتی میتوانید منو ریسپانسیو داشته باشید که در حالت عادی به صورت افقی نمایش داده بشود,و در صفحه نمایش هایی همانند موبایل ,تبلت,به صورت یک آیکون نمایش داده شود که با کلیک کردن بر روی این آیکون منو به صورت منوی کشویی ریسپانسیو نمایش داده شود. برای این کار ما از هیچ فریم ورکی استفاده نمیکنیم . خودمون با Media Query ها این کار رو به راحتی انجام میدیم . اول از همه بذارید با منطق این موضوع آشناتون کنم . ما با استفاده از Media Queries میتونیم تعیین کنیم که صفحه ی وبمون تو هر رزولوشن به چه شکلی نمایش داده بشه . برای منویی که قراره ایجاد کنیم هم به همین صورت عمل می کنیم . یک منو طراحی می کنیم و با استفاده از media query و کدهای css تعیین می کنیم که در رزولوشن های بالا منو بصورت عادی نمایش […]
حالا چند وقتیه که اصطلاح طراحی فلت خیلی باب شده,البته بهتر بگم چندین سال,من هم امروز تصمیم گرفتم درباره ی آموزش طراحی فلت در اصفهان مقاله جدیدی در وب یار قرار بدهم.تا کسانی که مایل به دانستن اطلاعات درباره ی طراحی فلت هستند,به اطلاعاتی جامع و کامل از طراحی فلت برسند.خب حالا قدم به قدم تا انتهای این پست با من باشید تا ببنید که چه مطالب مفیدی از طراحی فلت بدست می آورید. خب خیلی وقتتون رو نمی‌گیرم و سریع شروع میکنم. اول از همه:طراحی فلت چیست (flat design) طراحی فلت به نوع جدیدی از طراحی گفته میشود که اول ازهمه در کشورهای خارجی باب شد. که در آن از نوع خاصی از رنگ ها ,آیکون ها و محدودیت های خاص خودش استفاده میشه و یک شعار خاص. در واقع همه چیز ساده است اما زیبا… در طراحی تخت به مانند طراحی سنتی دیگر از سایه‌های مخلتف ، گرادینت‌ها ، آنیمیشن‌ها ، تکسچرها و پترنها استفاده نمی‌شود.این نوع طراحی clean ، ساده و دارای یک ساختار تمیز و مرتب است ، فضای خالی زیاد دارد ، رنگ‌ها روشن، ساده و یکپارچه هستند، همه‌ی المان‌ها ۲ بعدی می‌باشند ، گوشه‌ها شارپ هستند ، روی تایپوگرافی نوشته‌ها کار شده است و دکمه‌ها و المان‌ها یک دست بدون سایه و برآمدگی هستند.نمونه های معروف شروع به کار طراحی فلت رو در طراحی […]
روش های مختلفی برای تغییر فونت و رنگ در ویژوال استدیو وجود دارد. به عنوان مثال، میتوانید تم تیره پیشفرض (که به آن «حالت تاریک» نیز گفته میشود) به یک تم روشن، یک تم آبی، یک تم با کنتراست اضافی، یا موضوعی که با تنظیمات سیستم شما مطابقت دارد، تغییر دهید. همچنین می توانید نوع فونت و اندازه متن را هم در IDE و هم در ویرایشگر کد تغییر دهید. تم رنگ را تغییر دهید در نوار منو، Tools > Options را انتخاب کنید. در لیست گزینه ها، Environment > General را انتخاب کنید. با استفاده از فهرست تم رنگی، تم پیشفرض تیره، تم روشن، تم آبی یا آبی (کنتراست اضافی) را انتخاب کنید. همچنین می توانید با انتخاب گزینه Use system setting، از تم مورد استفاده ویندوز استفاده کنید. توجه داشته باشید! وقتی تم رنگی را تغییر میدهید، متن در IDE به فونت‌ها و اندازه‌های پیشفرض یا سفارشی‌شده قبلی برای آن تم باز می‌گردد. تغییر فونت و اندازه متن میتوانید فونت و اندازه متن را برای تمام پنجره‌های قاب و ابزار IDE یا فقط برای پنجره‌ها یا عناصر متنی خاص تغییر دهید. برای تغییر اندازه فونت و متن در IDE در نوار منو، Tools > Options را انتخاب کنید. گزینه ها، Environment > Fonts and Colors را انتخاب کنید. در لیست Show settings for Environment را انتخاب […]
دارت یک زبان برنامه نویسی نو ظهور است که توسط گوگل ارائه شده است. تا پیش از معرفی فریمورک فلاتر این زبان در بین برنامه نویسان ناشناخته بود. با معرفی فریمورک محبوب فلاتر که توسط ان میتوان یک بار کدنویسی کنید و بارها برای دستگاه های مختلف ios ، android ، window از آن خروجی بگیرید. که به زبان دارت نوشته شده است زبان برنامه نویسی دارت نیز محبوبیت خود را بین برنامه نویسان پیدا کرد. در این مقاله قصد داریم با این زبان برنامه نویسی بیشتر آشنا شویم. مروری برزبان برنامه نویسی دارت این زبان در 10 اکتبر 2011 توسط توسط Lars Back و KasperLund که از کارشناسان ارشد شرکت گوگل بودند ارئه شد. سال 2013 اولین نسخه رسمی این زبان منتشر شد. در آن زمان هدف از ارائه این زبان ساخت وب اپلیکیشن ها بود. پس از آن تغییرات زیادی در ساختار اصلی این زبان صورت گرفت در سال 2018 نسخه 2 این زبان ارائه شد که این نسخه با نسخه قبلی خود تغییرات زیادی از فرمت داینامیک تا استاتیک داشت. در نسخه جدید بیشتر تمرکز بر روی برنامه نویسی cross platform یعنی یک بار کد نویسی و خروجی گرفتن برای سیستم عامل های مختلف قرار گرفت. دارت از زبان های برنامه نویسی مختلفی مثل C , C++ , C# , java , Javascript , Kotlin , Ruby […]
برای آموزش طراحی سایت در فتوشاپ باید سرعت طراحی سایتتان در فتوشاپ بالا باشد در این آموزش طراحی سایت با فتوشاپ photoshop به شما کلید های سریع طراحی سایت در فتوشاپ را آموزش میدهیم. ترفند شماره 1: چگونه یک قسمت از یک سند را که از چند لایه تشکیل شده کپی کنیم وقتی منطقه ای از یک سند را انتخاب کنید و برای انجام عمل کپی کلیدهای Ctrl+C را می فشارید آن منطقه تنها از لایه انتخابی کپی می شود. اما اگر شما بخواهید از تمام اجزای لایه ها در آن قسمت در یک لایه جدید کپی داشته باشید می توانید با افزودن کلید Shift به کلیدهای Ctrl+C این کار را انجام دهید. ترفند شماره 2: اسناد خود را در کنار هم مشاهده کنید در ابتدای تاریخ فتوشاپ (زمان زندگی دایناسورها!) وقتی تعدادی سند را باز می کنید فتوشاپ آنها را به صورت جلوی هم نمایش می دهد. یعنی تصاویر یکی پس از دیگری در جلوی هم باز می شوند که این روش Cascading نام دارد. اما اگر بخواهید به طور مثال 4 تصویر باز شده خود را کنار هم قرار دهید کافیست از منوی Windows منوی Documents را باز کرده و گزینه Tile را انتخاب کنید. ترفند شماره 3:حالت ارائه طرح به مشتری در فتوشاپ زمان آن فرا رسیده که طرح نهایی خود را به مشتری نشان […]