Loading…

جزیره طراحی و توسعه وب

  • مرتب سازی بر اساس
  • تعداد نمایش در هر صفحه

این پست توسط در تاریخ 19 مهر 1396 01:15:40 حذف شده است.

دلیل: مطلب جنبه تبلیغاتی دارد

این پست توسط در تاریخ 06 مهر 1396 06:14:56 حذف شده است.

دلیل: نامشخص

ارسطو عباسی
آموزش: چرا باید از جاوا اسکریپت استفاده کنیم؟!
چرا باید از جاوا اسکریپت استفاده کنیم؟! سلام، روزتون بخیر! جاوا اسکریپت یکی از اون زبان های برنامه نویسی فوق العاده منعطف و ساده است که دارای فریمورک ها و محیط های توسعه بسیاری است. نمی خوام خیلی زیاده گویی بکنم و بگم که تاریخچه اش چی بوده و از کجا اومده و … چون می تونید اون رو از ویکی‌پدیا پیدا کنید. اما چرا جاوا اسکریپت برای خودم خیلی مهمه و کاربردیه؟! اول از همه بگم که جاوا اسکریپت زبان وب هستش این رو همه قبول داریم. تا چند سال اخیر...
parsasi
آموزش: درست کردن یک Grid System اختصاصی
درست کردن یک Grid System اختصاصی سلام به همه ی itproیی ها خیلی خوشحالم که با یه آموزش متنی بعد از مدت های زیاد در خدمتتون هستم. توی این آموزش نسبتا طولانی ولی شیرین می خوایم با هم یک GridSystem برای خودمون بنویسیم. اگه با مفهوم GridSystem آشنا نیستید و شکل کلی کار با اون رو بلد نیستید پیشنهاد می کنم ویدیو آموزشی کار با GridSystem در BootStrap رو ببیینید. (از این به بعد برای این که سخت نباشه به جای GridSystem از GS استفاده...
مهدی عادلی
آموزش: آموزش قرار دادن منوی سفارشی کلیک راست در صفحه وب با استفاده از بوت استرپ
آموزش قرار دادن منوی سفارشی کلیک راست در صفحه وب با استفاده از بوت استرپ سلام به دوستان ITPRO. منویی که در هنگام کلیک راست کردن روی یک آیتم یا یک قسمت از صفحه نمایش داده می شود می تواند بسیار کاربردی باشد. در این مطلب می خواهیم ببینیم که در بعضی سایت ها که کلیک راست به شکل دیگری است و منوی دیگری نمایش می دهند به چه شکلی است. ما در این مطلب از Bootstrap, Jquery استفاده می کنیم. پس قبل از این که شروع به نوشتن کد بکنیم باید این پکیج ها را دانلود کرده و به پروژه وب اضافه ک...
Alighalehban
آموزش: تنظیمات وردپرس و ووکامرس برای محدود شدن نمایش محصولات به کاربران ثبت نام کرده + تایید ثبت نام توسط ادمین +سورس کد
تنظیمات وردپرس و ووکامرس برای محدود شدن نمایش محصولات به کاربران ثبت نام کرده + تایید ثبت نام توسط ادمین +سورس کد اگر هم شما دارای فروشگاهی اینترنتی هستید و اقدام به فروش محصولات اینترنی میکنید شاید برای شما مهم باشد که صرفا کاربران عضو فروشگاه صرفا به اطلاعات محصولات دسترسی داشته باشند و از طرفی هویت و عضویت این کاربران از طرف شما تایید شود باید مراحل زیر را انجام دهید. در حالت عادی ابتدا باید ثبت نام را در ووکامرس فعال نمایید چون اگر متوجه باشید صرفا در صفحه حساب کاربری ووکامرس امکان لاگین فعال بوده و صفحه ...
mellatweb
آموزش: سئو سایت و فاکتورهای رنکینگ گوگل
 سئو سایت و فاکتورهای رنکینگ گوگل سئو سایت و فاکتورهای رنکینگ گوگل سئو سایت و فاکتورهای رنکینگ گوگل – قسمت اول : فاکتور صفحه به جهت احترام به درخواست های مکرر شما دوستان عزیزم، از امروز شروع میکنم به ارائه مراحلی منحصربفرد که به شما کمک میکند عوامل رتبه بندی گوگل و محل قرارگیری سایتتان در نتایج جستجو (SERP) را بشناسید. البته قبلا خیلی جامع تر به 200 فاکتور گوگل در بخش آموزش سئو اشاره کردم اما این سلسله مقالات سئو جدیدی که د...
danter
آموزش: آموزش امنیت وردپرس با فایل .htaccess
آموزش امنیت وردپرس با فایل .htaccess سلام به تمام آی تی پرویی های عزیز امروز می خواهیم به شما آموزش امنیت در وردپرس با استفاده از فایل .htaccess رو آموزش بدیم. کد محافظت از فایل htaccess. خب ابتدا برای افزایش امنیت خود فایل htaccess باید کد زیر رو داخل فایل بزارید: افزایش امنیت فایل wp-config.php این فایل یکی از مهمترین فایل های وردپرس است که اگر دست هکر ها آن به آن برسد تمام رمز های دیتابیس شما را بدست میاورد. افزایش امنیت فا...
r.mombeni
آموزش: روش نصب وردپرس روی مودم
با سلام خدمت دوستان عزیز وردپرسی! در این مقاله وردپرسی با شما همراه هستم تا به طریقه نصب وردپرس روی مودم وای فای بپردازم. در نگاه اول شاید عجیب به نظر برسد و از خود بپرسید، مگر چنین چیزی امکان دارد؟! در پاسخ باید بگوییم بله امکان پذیر است! نصب وردپرس روی مودم -- برای اینکه بتوانید وردپرس را بر روی مودم وای فای نصب کنید به وسایل و ابزار سخت افزاری نیاز دارید.اولین چیزی که لازم است یک مودم روت...
afarhad
آموزش: nodejs , express js توسعه برنامه تحت وب
nodejs , express js توسعه برنامه تحت وب به نام خدا سلام دوستان عزیز در قسمت قبلی سری آموزش node js نحوه نصب و راه اندازی express توضیح داده شد حالا قصدمون این هست که نحوه راه اندازی یک سایت یا برنامه تحت وب از طریق express , nodejs یاد بگیریم. -- وارد اون پروژه ای که در قسمت قبل ساختیم میشیم از طریق کنسول با دستور npm start اجراش می کنیم : توی کنسول آدرس فایلی رو که فراخوانی کرده رو نشون میده bin/www همین فایل رو با ویرایشگ...
ارسطو عباسی
آموزش: آموزش گام بە گام CSS: قسمت چهاردهم: واکنشگرایی چیست؟
آموزش گام بە گام CSS: قسمت چهاردهم: واکنشگرایی چیست؟ سلام به دوستان آی تی پرو، امروز میخواهیم در ادامه آموزش های CSS سراغ بحث Responsive Layout بریم و با هم یاد بگیریم. Responsive یا واکنشگرا چیست؟ در ابتدای پیدایش صفحات وب، صفحات ساده و دارای یک اندازه ثابت بودند، صفحات با توجه به بزرگ بودن یا کوچک بودن هیچ واکنش خاصی را انجام نمی دادند. اما از زمانی که وبگردی با موبایل و تبلت مرسوم شد این مشکل واقعا خودش را نشان داد. با پیدایش نسخه جدید CSS3 ا...
برنامه نویس
آموزش: سفارشی کردن ASP.NET Identity و استفاده در MVC 5
سفارشی کردن ASP.NET Identity و استفاده  در  MVC 5 به نام او که هستی از آن اوست با سلام خدمت شما دوستان در این مقاله قصد دارم تا آموزش Identity با شما با اشتراک بگذارم در این مقاله قصد دارم تا با هم نحوه استفاده و کاربر Identity در MVC 5 آشناشویم. نکته: دراین آموزش علاوه بر یادگیری Identity با ساخت فرم ثبت نام و ورود در یک صفحه و کمی هم با کدفرست آشنا خواهید شد. پس از خواندن مطلب پیشنهاد میشود پروژه ضمیمه شده همین مقاله هم نگاه کنید. ...
afarhad
آموزش: معرفی فریمورک BackBone.Js در زبان جاوا اسکریپت
معرفی فریمورک BackBone.Js در زبان جاوا اسکریپت به نام خدا ، جاوا اسکریپت زبان محبوب برنامه نویسان تحت وب ، فرم ورک های بسیار زیادی رو داره که در این سری از آموزش قصد داریم فرم ورک Backbone رو مورد مطالعه قرار بدیم. backbone چیست ؟ -- یک فرم ورک به زبان javascript هست که برای ایجاد برنامه های تحت وب تک صفحه ای کاربرد داره. چرا از backbone استفاده می کنیم ؟ -- ایجاد برنامه های تحت وب تک صفحه ای ، تنها با استفاده از جی کوئری مشکلات و...
afarhad
آموزش: nodejs و express js | معرفی
nodejs و express js | معرفی به نام خدا ، سلام و عرض ادب خدمت دوستان عزیز با توجه به آموزش های چهار قسمت قبلی ، تقریبا میشه گفت که کلیات کار مربوط به nodejs برامون واضح و آشکار هست. وقش رسیده که با استفاده از ماژول express قدمی فراااااتر برداریم.این ماژول به خاطر گسترده بودنش میشه به عنوان چارچوب یا همون فرم ورک هم برای node js در نظر گرفت ، ساده ترین حالت شروع با express این هست که ما ابتدا ماژول express-generator رو نصب کنی...
afarhad
آموزش: node js و npm شروع کار
node js و npm شروع کار به نام خدا با سلام خدمت همه ی دوستان عزیز اغلب هر زبان برنامه نویسی علاوه بر از افزونه هایی که به صورت پیش فرض در خودش داره ، یک سری افزونه های دیگری هم داره که میشه اون ها رو به دلخواه به برنامه اضافه کرد. در واقع افزونه هایی که به خاطر open source بودن زبان برنامه نویسی ، توسط اشخاص دیگری نوشته و استفاده از اون ها به مراتب کار ما رو راحت تر میکنه. node js هم به خاطر open source بودن افز...
ارسطو عباسی
آموزش: آموزش گام به گام CSS قسمت دوازدهم: جهت ها, تراز ها و غلظت
آموزش گام به گام CSS قسمت دوازدهم: جهت ها, تراز ها و غلظت در یک صفحه وب همه المنت ها نباید در جهت یا تراز پیش‌فرض مرورگر باشد, شما می‌توانید متن ها, تصاویر و… را به هر سمتی که دوست دارید ببرید. البته برای المنت های مختلف باید راههای متفاوتی را امتحان کرد. تراز بندی متون: برای آنکه جهت گیری متون را تغییر دهید به صورت منحصر به فرد می‌توانید از خاصیت text-align استفاده کنید. به مثال زیر توجه کنید: البته توجه کنید برای اینکه متن را به صورت راست به چپ یا چپ...
ارسطو عباسی
آموزش: آموزش گام به گام CSS قسمت یازدهم: موقعیت ها , Overflow
آموزش گام به گام CSS قسمت یازدهم: موقعیت ها , Overflow گاهی اوقات می‌توان موقعیت یک المنت را تعیین کرد برای مثال موقعیت یک المنت را به صورت ثابت در یک مکان قرار داد, طوری که حتی با اسکرول کردن هم موقعیت خود را از دست ندهد. خب این یکی از موقعیت هاست. به صورت کلی ۴ گونه موقعیت وجود دارد: • static • relative • fixed • absolute بعضی از موقعیت ها دارای مقادیر top , right , bottom , left است. این مقادیر برای کنترل موقعیت المنت ها استفاده می شود. ...
ارسطو عباسی
آموزش: آموزش گام به گام CSS قسمت نهم: جداول
آموزش گام به گام CSS قسمت نهم: جداول در قسمت قبلی از این سری آموزش به استایل های موجود برای لینک ها و لیست ها پرداختیم. در این جلسه می خواهیم به چگونگی استایل دادن به جداول بپردازیم. همانطور که در سری آموزش HTML مشاهده کردید، جداول از مهمترین عنصرهای یک صفحه وب است. می توانید توسط این عنصر داده های مورد نظرتان را به صورت مرتب جدول بندی کنید. تگ های اصلی این عنصر table , tr, th, td است. Table Borders: در حالت کلی یک جدول باید دارای ح...
ارسطو عباسی
آموزش: آموزش گام به گام CSS قسمت هفتم : فونت‌ و قالب‌های متنی
آموزش گام به گام CSS قسمت هفتم : فونت‌ و قالب‌های متنی در جلسه قبل در رابطه با استایل های متون در CSS صحبت کردیم دانستیم که چگونه می‌توان به راحتی یک متن را آنچنان که دوست داریم نمایش دهیم. ولی یکی از مهمترین استایل های متن فونت مربوط به متن است. فونت از اجزای کلیدی یک صفحه وب محسوب می شود. در HTML ورژن ۵ به پایین اینکار توسط خود HTML امکان‌پذیر بود اما با ظهور HTML5 این امکان حذف شد. حال برای آنکه بهتر با این خاصیت ها در CSS آشنا شویدبا ما همراه باش...
ارسطو عباسی
آموزش: آموزش گام به گام CSS قسمت ششم: متون
آموزش گام به گام CSS قسمت ششم: متون پس از کار با حاشیه ها و تعیین فاصله یکی دیگر از دستورهای مهم، دستورات مربوط به متون است، چگونه می توان متون را کنترل کرد، رنگ، فونت و... . پس بریم سروقت آموزش! -- Text Color: از اولین استایل هایی که به یک متن داده می شود رنگ آن است، می توان توسط دستور color و مقادیری که در بخش رنگ ها و پشت زمینه ها در css با آن آشنا شدیم مقدار دهی کرد. به مثال زیر توجه کنید: -- Text Alignment: موقعیت یک متن در...
ارسطو عباسی
آموزش: آموزش گام به گام CSS قسمت اول : معرفی و آشنایی با نوشتن دستورات و کامنت
آموزش گام به گام CSS قسمت اول : معرفی و آشنایی با نوشتن دستورات و کامنت با سلام، با دوره جدیدی از وبسایت آی تی پرو در خدمت شما هستم. خوشبختانه تا حالا تونستم دوره آموزش گام به گام HTML رو بخوبی تکمیل کنم. امیدوارم تا آخر با این آموزش در خدمت شما باشم. پیش نیاز های این دوره، آموزش گام به گام HTML می باشد. خب حرف زدن کافیه، بریم سر اصل مطلب. CSS یک زبان برنامه نویسی طراحی وب برای تشریح و تولید استایل یک فایل HTML است. توسط این قابلیت می توانید که تعیین کنید یک جز در HT...
ارسطو عباسی
آموزش: آموزش گام به گام HTML قسمت بیست و دوم: چندرسانه/ویدیو و صدا
آموزش گام به گام HTML قسمت بیست و دوم: چندرسانه/ویدیو و صدا تا قبل از اچ تی ام ال 5 هیچ استاندارد کلی و خاص برای وارد کردن رسانه هایی از جمله ویدیو و صدا به صفحات وب نبود. البته راههای دیگری از جمله استفاده از فلش بود، اما این در بطن اچ تی ام ال نیست. با ظهور اچ تی ام ال 5 خیلی چیزها تغییر کرد یکی از مهمترین تغییرات وجود رسانه های صوتی و تصویری متعدد در وب بود. تگ video: با استفاده از تگ video به راحتی می شود ویدیوی را فراخوانی کنید. تگ پرکاربرد و مهم ...
ارسطو عباسی
آموزش: آموزش گام به گام HTML قسمت پانزدهم: Head در HTML
آموزش گام به گام HTML قسمت پانزدهم: Head در HTML دستوراتی که درون تگ head قرار می گیرد در بدنه سایت نمایش داده نمی شود، و تقریبا اکثر آنها قابل مشاهده نیستند. این تگ ها برای مرورگر ها و موتورهای جستجوگر بسیار مهمند. طبق تعریف اجزای تگ head شامل متاتگ ها می باشد. (تگ هایی که درباره تگ های دیگر هستند). تگ عنوان: اولین و شاید مهمترین تگ در این قسمت تگ عنوان یا title می باشد. این تگ مشخص کننده نام صفحه اچ تی ام ال است. محتویات این تگ در نتایج موتو...
ارسطو عباسی
آموزش: آموزش گام به گام HTML قسمت دوازدهم: لیست ها در HTML
آموزش گام به گام HTML قسمت دوازدهم: لیست ها در HTML برای ساخت لیست در اچ تی ام ال شما چندین گزینه دارید، ساخت لیستهای نامرتب، مرتب، توضیحی و... . برای ساخت هر یک از این گزینه ها یک تگ مخصوص وجود دارد اما در کل ساختار آنها تقریبا شبیه به هم می باشد: لیست نامرتب: برای ساخت این لیست ما به دو تگ Ul و li احتیاج داریم، تگ li داخل تگ ul قرار می گیرد. به مثال زیر توجه کنید: تگ ul مشخص کننده نوع لیست (مرتب / نامرتب) بودن آن می باشد. Ul مخفف Unordered List...
ارسطو عباسی
آموزش: آموزش گام به گام HTML قسمت یازدهم: جداول در HTML
آموزش گام به گام HTML قسمت یازدهم: جداول در HTML در این قسمت می خواهم که چگونگی ساخت جداول در اچ تی ام ال به همراه چندین صفت مهم را توضیح دهم. خب برای ساخت یک جدول در کل ما نیاز به چهار تگ اصلی داریم که به ترتیب، table، tr، th و td هستند. شیوه کاری این تگ ها به صورت زیر می باشد: ساخت بدنه کلی جدول با تگ table ساخت ردیف های جدول با تگ tr ساخت عناوین جدول با تگ th ساخت مقادیر هر عنوان با تگ td هر جدولی که ساخته شود دارای یک یا چند عنوان و برا...
afarhad
آموزش: آموزش کامل وب سوکت سیستم گفتگو (چت)
آموزش کامل وب سوکت سیستم گفتگو (چت) با عرض سلام خدمت همه ی دوستان عزیز بدون هیچ مقدمه ای بریم سر اصل مطلب ، در انتهای قسمت قبلی گفتیم که در قسمت سوم آموزش وب سوکت یه سیستم گفتگو (chat) مبتنی بر وب سوکت رو توسعه خواهیم داد. ابتدا قالب قسمت کاربر(client) رو با استفاده از html , css , js طراحی می کنیم که من یه قالب آماده از اینترنت برداشتم با کمی ویرایش به شکل زیر شد که فایل های این قالب و سایر قسمت ها در انتهای آموزش قابل دریافت هستن...
afarhad
آموزش: node js قسمت سوم
 node js قسمت سوم با سلام مجدد و عرض پوزش بابت تاخیر زیاد در فاصله بین قسمت های آموزشی (گرفتاری زیاده :| ) همون طور که در انتهای آموزش قسمت قبلی گفته شد در این قسمت قراره درخواست های ارسالی رو بررسی بکنیم و برای هر در خواست قالب مناسب خودش رو تعیین کنیم ، خب شروع با فایل server.js می کنیم و در اولین مرحله نیاز داریم که سرور http رو راه اندازی بکنیم طبق کد زیر این کد روی پورت 8888 سرور ما رو ایجاد می کنه ، کد با...
ارسطو عباسی
آموزش: آموزش گام به گام HTML قسمت اول : معرفی HTML و آشنایی کلی
آموزش گام به گام HTML قسمت اول : معرفی HTML و آشنایی کلی سلام/ HTML چیست؟ HTML مخفف کلمات Hyper Text markup Language می باشد. با اچ تی ام ال شما می توانید صفحات وب خود را بسازید. اچ تی ام ال یکی از پایه ترین زبان های مورد نیاز برای طراحی وب می باشد. در این مجموعه آموزش سعی می کنم اچ تی ام ال را به صورت تخصصی به شما یاد دهم. منبع آموزش ها سایت W3Schools می باشد.پیش از آنکه این مجموعه شروع شود باید بگویم که این مجموعه خود از چند زیر مجموعه ساخته شده است....
مهدی عادلی
آموزش: مدیریت کاربران در وردپرس
مدیریت کاربران در وردپرس سلام دوستان Itpro. کاربران در وردپرس نقش های متفاوتی دارند. هر نقش یک مجموعه مجوز به یک کاربر می دهد تا از امکانات سایت استفاده کند. این نقش ها فقط توسط مدیر به یک کاربر داده می شوند. در ادامه چند تا از این نقش ها را معرفی می کنیم. -- نقش های موجود در وردپرس -- * مدیر کل(Administrator). مدیر کل همه حقوق ها و دسترسی ها را دارا می باشد. یک مدیرکل می تواند همه کاری در سایت وردپرس انجام دهد. می تو...
مهدی عادلی
آموزش: تنظیمات قالب وردپرس و نحوه استفاده از قالب های متفاوت در وردپرس
تنظیمات قالب وردپرس و نحوه استفاده از قالب های متفاوت در وردپرس سلام دوستان Itpro. اگر سایت شما قابلیت های بسیار بالایی داشته باشد و امکانات خارق العاده ای در آن گنجانده شده باشد ولی از نظر ظاهر و رنگ بندی و طراحی خوب نباشد و به راحتی قابل استفاده نباشد پیشرفت نمی کند و شکست خواهد خورد. در بسیاری از سایت ها به مرور زمان قالب های ظاهری و طراحی ها تغییر می کند. در وردپرس می توان ظاهر وردپرس را به راحتی تغییر داد. با توجه به این که وردپرس یک CMS آماده است پس باید...