درخواست های ارتباط
جستجو تنظیمات
لیست دوستان من

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

با هم رشد می کنیم

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
گذاشتن کپی رایت مخفی بر روی تصاویر سایت

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

ادامه مطلب...
2

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
انتقال داده بین کامپوننت ها در انگولار

هنگام نوشتن برنامه های انگولار حتما برای شما هم پیش امده که بخواید بین کامپوننت ها داده ها را انتقال دهید برای انتقال داده ها به طور کلی چندین روش وجود دارد که ان هارا مورد برسی قرار میدهیم Parent to Child: Sharing Data via Input اگر بخواید از کامپوننت پدر داده ای را برای کامپوننت فرزند بفرستید استفاده میشود حال به برسی کد مربوط به این قسمت میپردازیم #parent.component.ts import { Compo...

ادامه مطلب...
0

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
جست و جو پیشرفته در ASP.NET MVC

به احتمال خیلی زیاد برای شما پیش اومدده که یک تابع برای جست و جو در دیتابیس نوشته باشید.ساده ترین روش به این صورت است که به ازای هر فیلد دیتابیس یک Quarry بنویسید که کدبه شکل زیر خواهد بود if (_SearchBy == "Code") search = Service.Where(x => x.Code == search).ToList(); if (_SearchBy == "Mail") search = Service.Where(x ...

ادامه مطلب...
3

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
نحوه اجرای سایت در LocalHost

امروز میخوام نحوه انتشار پروژه بر رویه لوکال رو توضیح بدم. انتشار پروژه در لوکال دلایل خاصی میتونه داشته باشه مثلا فرض کنید در یک تیم گروهی شما در حال نوشتن api هستید بعد اجرای فاز اول پروژه شما بایدapi رو به کلاینت کار بدید چون همتون در یک شبکه محلی lanهستید کافیه شما پروژه رو بر رویه لوکال هاست خودتون Publish کنید سپس کلاینت کار با وارد کردین ip سیستم شما میتونه به apiها دست رسی داشته...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
مستند سازی Web API با استفاده از Swagger در ASP.NET

به نام خدا ، یکی از مباحث برنامه نویسی وب مبحث api هستش که امروزه پروژه های بزرگ به سمت این تکنولوژی در حال تغیر و توسعه هستند.در این اموزش قصد دارم یکی از کتاب خانه ها پر کاربرد .net به اسمSwagger رو به اشتراک بزارم. بزارید با یک مثال ساده شروع کنیم.فرض کنید شما به عنوان برنامه نویش backend در ایران با یک شرکت خاجی قرار داد بسته اید و از شما خواسته شده که api های سایتو بزنید. ((چون بحث اصل...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
چرا باید از جاوا اسکریپت استفاده کنیم؟!

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

ادامه مطلب...
3

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
درست کردن یک Grid System اختصاصی

سلام به همه ی itproیی ها خیلی خوشحالم که با یه آموزش متنی بعد از مدت های زیاد در خدمتتون هستم. توی این آموزش نسبتا طولانی ولی شیرین می خوایم با هم یک GridSystem برای خودمون بنویسیم. اگه با مفهوم GridSystem آشنا نیستید و شکل کلی کار با اون رو بلد نیستید پیشنهاد می کنم ویدیو آموزشی کار با GridSystem در BootStrap رو ببیینید. (از این به بعد برای این که سخت نباشه به جای GridSystem از GS استفاده...

ادامه مطلب...
3

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش قرار دادن منوی سفارشی کلیک راست در صفحه وب با استفاده از بوت استرپ

سلام به دوستان ITPRO. منویی که در هنگام کلیک راست کردن روی یک آیتم یا یک قسمت از صفحه نمایش داده می شود می تواند بسیار کاربردی باشد. در این مطلب می خواهیم ببینیم که در بعضی سایت ها که کلیک راست به شکل دیگری است و منوی دیگری نمایش می دهند به چه شکلی است. ما در این مطلب از Bootstrap, Jquery استفاده می کنیم. پس قبل از این که شروع به نوشتن کد بکنیم باید این پکیج ها را دانلود کرده و به پروژه وب اضافه ک...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
تنظیمات وردپرس و ووکامرس برای محدود شدن نمایش محصولات به کاربران ثبت نام کرده + تایید ثبت نام توسط ادمین +سورس کد

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

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش امنیت وردپرس با فایل .htaccess

سلام به تمام آی تی پرویی های عزیز امروز می خواهیم به شما آموزش امنیت در وردپرس با استفاده از فایل .htaccess رو آموزش بدیم. کد محافظت از فایل htaccess. خب ابتدا برای افزایش امنیت خود فایل htaccess باید کد زیر رو داخل فایل بزارید: order allow,deny deny from all افزایش امنیت فایل wp-config.php این فایل یکی از مهمترین فایل های وردپرس است که اگر دست هکر ها آن به آن برسد تمام رمز های دیت...

ادامه مطلب...
0

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
روش نصب وردپرس روی مودم

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

ادامه مطلب...
3

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
nodejs , express js توسعه برنامه تحت وب

به نام خدا سلام دوستان عزیز در قسمت قبلی سری آموزش node js نحوه نصب و راه اندازی express توضیح داده شد حالا قصدمون این هست که نحوه راه اندازی یک سایت یا برنامه تحت وب از طریق express , nodejs یاد بگیریم. -- وارد اون پروژه ای که در قسمت قبل ساختیم میشیم از طریق کنسول با دستور npm start اجراش می کنیم : توی کنسول آدرس فایلی رو که فراخوانی کرده رو نشون میده bin/www همین فایل رو با ویرایشگ...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام بە گام CSS: قسمت چهاردهم: واکنشگرایی چیست؟

سلام به دوستان آی تی پرو، امروز میخواهیم در ادامه آموزش های CSS سراغ بحث Responsive Layout بریم و با هم یاد بگیریم. Responsive یا واکنشگرا چیست؟ در ابتدای پیدایش صفحات وب، صفحات ساده و دارای یک اندازه ثابت بودند، صفحات با توجه به بزرگ بودن یا کوچک بودن هیچ واکنش خاصی را انجام نمی دادند. اما از زمانی که وبگردی با موبایل و تبلت مرسوم شد این مشکل واقعا خودش را نشان داد. با پیدایش نسخه جدید CSS3 ا...

ادامه مطلب...
0

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
سفارشی کردن ASP.NET Identity و استفاده در MVC 5

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

ادامه مطلب...
3

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
معرفی فریمورک BackBone.Js در زبان جاوا اسکریپت

به نام خدا ، جاوا اسکریپت زبان محبوب برنامه نویسان تحت وب ، فرم ورک های بسیار زیادی رو داره که در این سری از آموزش قصد داریم فرم ورک Backbone رو مورد مطالعه قرار بدیم. backbone چیست ؟ -- یک فرم ورک به زبان javascript هست که برای ایجاد برنامه های تحت وب تک صفحه ای کاربرد داره. چرا از backbone استفاده می کنیم ؟ -- ایجاد برنامه های تحت وب تک صفحه ای ، تنها با استفاده از جی کوئری مشکلات و...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
nodejs و express js | معرفی

به نام خدا ، سلام و عرض ادب خدمت دوستان عزیز با توجه به آموزش های چهار قسمت قبلی ، تقریبا میشه گفت که کلیات کار مربوط به nodejs برامون واضح و آشکار هست. وقش رسیده که با استفاده از ماژول express قدمی فراااااتر برداریم.این ماژول به خاطر گسترده بودنش میشه به عنوان چارچوب یا همون فرم ورک هم برای node js در نظر گرفت ، ساده ترین حالت شروع با express این هست که ما ابتدا ماژول express-generator رو نصب کنی...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
node js و npm شروع کار

به نام خدا با سلام خدمت همه ی دوستان عزیز اغلب هر زبان برنامه نویسی علاوه بر از افزونه هایی که به صورت پیش فرض در خودش داره ، یک سری افزونه های دیگری هم داره که میشه اون ها رو به دلخواه به برنامه اضافه کرد. در واقع افزونه هایی که به خاطر open source بودن زبان برنامه نویسی ، توسط اشخاص دیگری نوشته و استفاده از اون ها به مراتب کار ما رو راحت تر میکنه. node js هم به خاطر open source بودن افز...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام CSS قسمت دوازدهم: جهت ها, تراز ها و غلظت

در یک صفحه وب همه المنت ها نباید در جهت یا تراز پیش‌فرض مرورگر باشد, شما می‌توانید متن ها, تصاویر و… را به هر سمتی که دوست دارید ببرید. البته برای المنت های مختلف باید راههای متفاوتی را امتحان کرد. تراز بندی متون: برای آنکه جهت گیری متون را تغییر دهید به صورت منحصر به فرد می‌توانید از خاصیت text-align استفاده کنید. به مثال زیر توجه کنید: p { text-align: center; } البته توجه کنید برای ای...

ادامه مطلب...
0

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام CSS قسمت یازدهم: موقعیت ها , Overflow

گاهی اوقات می‌توان موقعیت یک المنت را تعیین کرد برای مثال موقعیت یک المنت را به صورت ثابت در یک مکان قرار داد, طوری که حتی با اسکرول کردن هم موقعیت خود را از دست ندهد. خب این یکی از موقعیت هاست. به صورت کلی ۴ گونه موقعیت وجود دارد: • static • relative • fixed • absolute بعضی از موقعیت ها دارای مقادیر top , right , bottom , left است. این مقادیر برای کنترل موقعیت المنت ها استفاده می شود. ...

ادامه مطلب...
0

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام CSS قسمت نهم: جداول

در قسمت قبلی از این سری آموزش به استایل های موجود برای لینک ها و لیست ها پرداختیم. در این جلسه می خواهیم به چگونگی استایل دادن به جداول بپردازیم. همانطور که در سری آموزش HTML مشاهده کردید، جداول از مهمترین عنصرهای یک صفحه وب است. می توانید توسط این عنصر داده های مورد نظرتان را به صورت مرتب جدول بندی کنید. تگ های اصلی این عنصر table , tr, th, td است. Table Borders: در حالت کلی یک جدول باید دارای ح...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام CSS قسمت هفتم : فونت‌ و قالب‌های متنی

در جلسه قبل در رابطه با استایل های متون در CSS صحبت کردیم دانستیم که چگونه می‌توان به راحتی یک متن را آنچنان که دوست داریم نمایش دهیم. ولی یکی از مهمترین استایل های متن فونت مربوط به متن است. فونت از اجزای کلیدی یک صفحه وب محسوب می شود. در HTML ورژن ۵ به پایین اینکار توسط خود HTML امکان‌پذیر بود اما با ظهور HTML5 این امکان حذف شد. حال برای آنکه بهتر با این خاصیت ها در CSS آشنا شویدبا ما همراه باش...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام CSS قسمت ششم: متون

پس از کار با حاشیه ها و تعیین فاصله یکی دیگر از دستورهای مهم، دستورات مربوط به متون است، چگونه می توان متون را کنترل کرد، رنگ، فونت و... . پس بریم سروقت آموزش! -- Text Color: از اولین استایل هایی که به یک متن داده می شود رنگ آن است، می توان توسط دستور color و مقادیری که در بخش رنگ ها و پشت زمینه ها در css با آن آشنا شدیم مقدار دهی کرد. به مثال زیر توجه کنید: p { color: #ffaaee } -- Tex...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام CSS قسمت اول : معرفی و آشنایی با نوشتن دستورات و کامنت

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

ادامه مطلب...
2

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام HTML قسمت بیست و دوم: چندرسانه/ویدیو و صدا

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

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام HTML قسمت پانزدهم: Head در HTML

دستوراتی که درون تگ head قرار می گیرد در بدنه سایت نمایش داده نمی شود، و تقریبا اکثر آنها قابل مشاهده نیستند. این تگ ها برای مرورگر ها و موتورهای جستجوگر بسیار مهمند. طبق تعریف اجزای تگ head شامل متاتگ ها می باشد. (تگ هایی که درباره تگ های دیگر هستند). تگ عنوان: اولین و شاید مهمترین تگ در این قسمت تگ عنوان یا title می باشد. این تگ مشخص کننده نام صفحه اچ تی ام ال است. محتویات این تگ در نتایج موتو...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام HTML قسمت دوازدهم: لیست ها در HTML

برای ساخت لیست در اچ تی ام ال شما چندین گزینه دارید، ساخت لیستهای نامرتب، مرتب، توضیحی و... . برای ساخت هر یک از این گزینه ها یک تگ مخصوص وجود دارد اما در کل ساختار آنها تقریبا شبیه به هم می باشد: لیست نامرتب: برای ساخت این لیست ما به دو تگ Ul و li احتیاج داریم، تگ li داخل تگ ul قرار می گیرد. به مثال زیر توجه کنید: Home Blog Contact Us تگ ul مشخص کننده نوع لیست (مرتب / نامرتب) بودن آن...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام HTML قسمت یازدهم: جداول در HTML

در این قسمت می خواهم که چگونگی ساخت جداول در اچ تی ام ال به همراه چندین صفت مهم را توضیح دهم. خب برای ساخت یک جدول در کل ما نیاز به چهار تگ اصلی داریم که به ترتیب، table، tr، th و td هستند. شیوه کاری این تگ ها به صورت زیر می باشد: ساخت بدنه کلی جدول با تگ table ساخت ردیف های جدول با تگ tr ساخت عناوین جدول با تگ th ساخت مقادیر هر عنوان با تگ td Firstname Lastname Age ...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش کامل وب سوکت سیستم گفتگو (چت)

به نام خدا با عرض سلام خدمت همه ی دوستان عزیز بدون هیچ مقدمه ای بریم سر اصل مطلب ، در انتهای قسمت قبلی گفتیم که در قسمت سوم آموزش وب سوکت یه سیستم گفتگو (chat) مبتنی بر وب سوکت رو توسعه خواهیم داد. ابتدا قالب قسمت کاربر(client) رو با استفاده از html , css , js طراحی می کنیم که من یه قالب آماده از اینترنت برداشتم با کمی ویرایش به شکل زیر شد که فایل های این قالب و سایر قسمت ها در انتهای آموزش ...

ادامه مطلب...
4

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
node js قسمت سوم

با سلام مجدد و عرض پوزش بابت تاخیر زیاد در فاصله بین قسمت های آموزشی (گرفتاری زیاده :| ) همون طور که در انتهای آموزش قسمت قبلی گفته شد در این قسمت قراره درخواست های ارسالی رو بررسی بکنیم و برای هر در خواست قالب مناسب خودش رو تعیین کنیم ، خب شروع با فایل server.js می کنیم و در اولین مرحله نیاز داریم که سرور http رو راه اندازی بکنیم طبق کد زیر http = require('http'); var port = 8888 ; ...

ادامه مطلب...
1

این مطلب در انجمن جزیره طراحی و توسعه وب ارسال شده است

photo
آموزش گام به گام HTML قسمت اول : معرفی HTML و آشنایی کلی

سلام/ HTML چیست؟ HTML مخفف کلمات Hyper Text markup Language می باشد. با اچ تی ام ال شما می توانید صفحات وب خود را بسازید. اچ تی ام ال یکی از پایه ترین زبان های مورد نیاز برای طراحی وب می باشد. در این مجموعه آموزش سعی می کنم اچ تی ام ال را به صورت تخصصی به شما یاد دهم. منبع آموزش ها سایت W3Schools می باشد.پیش از آنکه این مجموعه شروع شود باید بگویم که این مجموعه خود از چند زیر مجموعه ساخته شده است....

ادامه مطلب...
4
کاربران برتر
arrow