لرن بلاگ

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

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

تصویر بنر مقاله "گیت چیست؟"

گیت چیست؟ آموزش git و دلیل استفاده از آن

گیت چیست؟ اهمیت git، محبوب‌ترین سیستم کنترل نسخه را کشف کنید. بیاموزید که چگونه git همکاری را امکان‌پذیر می‌کند، کنترل نسخه را ساده می‌کند و از گردش کار انعطاف‌پذیر هم برای کدنویسان به صورت فردی و هم برای تیم‌های توسعه پشتیبانی می‌کند. از توسعه‌دهندگان وب گرفته تا توسعه‌دهندگان برنامه‌های کاربردی، git برای هر کسی که کد می‌نویسد یا تغییرات فایل‌ها را ردیابی می‌کند، مفید است. بنابراین همه چیز در مورد اینکه گیت چیست و چرا باید شروع به استفاده از آن کنید، در این مقاله آورده شده است. به بیان ساده آموزش git و مفاهیم اولیه و پایه آن را در این جا بررسی می‌کنیم. البته هدف ما آموزش git به شکل کامل نیست. این مقاله صرفا راهنمایی برای افرادی است که به دنبال آشنایی اولیه با git و مفاهیم و ویژگی‌های آن هستند.

ادامه مطلب »
تصویر بنر مقاله بک آپ دایرکت ادمین

بک‌آپ دایرکت‌ادمین، نحوه بک‌آپ از وب‌سایت در DirectAdmin

آیا شما نیز این جمله مشهور را شنیده‌اید؟ «پیشگیری بهتر از درمان است». به همین دلیل است که ما توصیه می‌کنیم همواره از وب‌سایت‌های خود نسخه پشتیبان یا بک‌آپ (backup) تهیه کنید. زیرا ممکن است اتفاق ناخواسته‌ای برای وب‌سایت شما رخ دهد. در واقع وب‌سایت آنلاین شما در یک هاست و به کمک یک سری قطعات سخت‌افزاری کامپیوتری به فعالیت خود ادامه می‌دهد. هیچ تضمینی وجود ندارد که سایت شما 100 درصد از خطرات ایمن باشد. در این مقاله می‌خواهیم به بررسی بک‌آپ دایرکت‌ادمین بپردازیم. ابتدا به این مسئله می پردازیم که «DirectAdmin چیست؟». سپس آموزش نحوه تهیه نسخه پشتیبان از وب‌سایت خود را که در محیط DirectAdmin میزبانی می‌شود، ارائه کنیم.

ادامه مطلب »
تصویر نمایشی برای مقاله وردپرس یا html

وردپرس یا html، کدام یک برای ساخت وب‌سایت بهتر است؟

شاید ساخت یک وب‌سایت کار مهیجی به نظر بیاید. فرقی نمی‌کند که قصد شما راه‌اندازی یک تجارت باشد، بخواهید خلاقیت و مهارت خود را نشان دهید یا تنها قصدتان این باشد که حضور آنلاین داشته باشید. در هر صورت تصمیم مهم و حیاتی که باید در این زمینه بگیرید آن است که از چه ابزار و تکنولوژی جهت ساختن سایت خود بهره ببرید. در واقع مسئله‌ای که در این مقاله قرار است به آن پرداخته شود، این است که آیا بهتر است از قدرت خام html به عنوان زبان پایه وب استفاده کنیم؟ یا از ویژگی‌ها و قابلیت‌های یک سیستم مدیریت محتوا (CMS) مانند وردپرس بهره ببریم؟ باید گفت که پاسخ به چنین مسئله‌ای نیازمند سال‌ها تجربه و درک صحیح از دنیای وب‌سایت است. هم html و هم وردپرس، هر دو راه‌کارهای مناسبی برای ساخت وب‌سایت هستند.

ادامه مطلب »
تصویر مربوط به بنر مقاله آموزش نصب وردپرس، چگونه وردپرس را نصب کنیم؟

آموزش نصب وردپرس، چگونه وردپرس را نصب کنیم؟

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

ادامه مطلب »
تصویر نمایشی برای مقاله المنتور چیست

المنتور چیست؟ راهنمای افزونه المنتور برای تازه‌کارها

اگر شما نیز قصد ساخت وب‌سایت داشته باشید، احتمالاً درخصوص واژه‌هایی چون وردپرس، افزونه المنتور و صفحه‌سازهای وردپرسی مطالبی شنیده‌اید. در این مقاله قصد داریم بیشتر به پاسخ این سوال بپردازیم که «المنتور چیست؟». البته برای افرادی که با وردپرس آشنایی کافی ندارند، ابتدا توصیه می‌کنیم که مقاله وردپرس چیست؟ را مطالعه کنند. در واقع می‌توان گفت وردپرس یکی از معروف‌ترین ابزارها برای ساخت وب‌سایت است و دلیل معروفیت آن نیز واضح است: بسیار قابل انعطاف و شخصی سازی است، به راحتی قابل فهم است و همچنین رایگان است. با این حال ساخت وب سایت برای اولین بار ممکن است کمی دلهره آور باشد. به خصوص به این دلیل که مفاهیم زیادی وجود دارد که باید آن‌ها را یاد بگیرید. برای تصمیم گیری نهایی، باید گزینه‌های مختلفی را بررسی کنید.

ادامه مطلب »
تصویر نمایشی مقاله اصول طراحی سایت

اصول طراحی سایت، طراحی سایت خود را به شکل اصولی انجام دهید!

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

ادامه مطلب »
تصویر مربوط به مقاله تگ‌های HTML مهم

تگ‌های HTML مهم و کاربردی برای توسعه‌دهندگان وب‌سایت

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

ادامه مطلب »
تصویر مربوط به مقاله جاوااسکریپت چیست

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

جاوااسکریپت یک زبان برنامه‌نویسی است که به همراه دو زبان HTML و CSS معمولاً به عنوان زبان‌های پایه وب شناخته می‌شوند. این زبان که توسط برندان ایچ (Brendan Eich) خلق شد، شما را قادر می‌سازد که ویژگی‌های جذاب‌تر و پیشرفته‌تری را به صفحات وب‌سایت خود اضافه کنید. در‌واقع بدون این زبان، وب‌سایت‌ها باید تنها به نمایش المان‌های ساده که کاربر سایت هم نمی‌تواند هیچ گونه تعاملی با آن‌ها داشته باشد، بسنده کنند. البته از کاربردهای جاوااسکریپت در سمت سرور که به پیدایش تکنولوژی چون نود جی اس (Node.js) منجر شده است نیز نباید غافل شویم. برای فهم بهتر موضوع به بررسی فواید و معایب این زبان نیز می‌پردازیم تا به پاسخ این پرسش دست یابیم که جاوااسکریپت چیست و چگونه رفتار می‌کند؟.

این محتوا تنها برای کاربران دارای پلن طلایی قابل نمایش است.
اکنون سطح عضویت خود را تعیین کنید!
ادامه مطلب »
تصویر مربوط به مقاله ری‌اکت‌جی‌اس (React.js) چیست

ری‌اکت‌جی‌اس (React.js) چیست؟ موارد استفاده، مثال‌‌ها و …

امروزه کتابخانه‌ها و فریم‌ورک‌های فرانت‌اند به یک بخش ضروری از فرآیند توسعه‌وب در دنیای مدرن تبدیل شده‌اند. فریم‌ورک ری‌اکت، در بین فریم‌ورک‌‌های جاوااسکریپت یکی از محبوب‌‌ترین گزینه‌‌ها می‌باشد. در اینجا می‌ خواهیم برای کسانی که با توسعه‌وب آشنا نیستند یا به تازگی در این عرصه وارد شده و سعی در درک آن دارند، ری‌اکت و ویژگی‌‌های آن را بررسی کنیم. در پاسخ به این پرسش که "ری‌اکت چیست؟" باید گفت که: ری‌اکت جی‌اس یک کتابخانه جاوااسکریپت منبع‌باز است که توسط فیس بوک با دقت ساخته شده است و هدف آن ساده کردن فرآیند پیچیده ساخت رابط های کاربری تعاملی است. یک رابط کاربری ساخته شده با ری‌اکت را به عنوان مجموعه‌ای از اجزا و کامپوننت‌ها تصور کنید که هر کدام مسئول نمایش یک قطعه کوچک از کد HTML هستند.

این محتوا تنها برای کاربران دارای پلن طلایی قابل نمایش است.
اکنون سطح عضویت خود را تعیین کنید!
ادامه مطلب »
تصویر مربوط به مقاله مشکلات وردپرس

مشکلات وردپرس: برخی خطاهای رایج سایت‌های وردپرسی و رفع آن‌ها

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

این محتوا تنها برای کاربران دارای پلن طلایی قابل نمایش است.
اکنون سطح عضویت خود را تعیین کنید!
ادامه مطلب »

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

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

ادامه مطلب »

روش‌هایی برای وسط قرار دادن تگ div به کمک CSS

چه در حال ساختن یک سایت از ابتدا باشید و چه اینکه به کمک یک سازنده وب‌سایت در حال ایجاد سایت خود باشید، داشتن حداقل درک اولیه از HTML و CSS برای ایجاد و سفارشی‌کردن طرح بندی صفحات شما مناسب است. چالش اصلی در ساختن ساختار و لی‌اوت (layout) صفحات سایت، چیدمان و استایل عناصر در صفحه است. آیا می‌خواهید عناصر با هم همپوشانی داشته باشند یا بین آنها فضا وجود داشته باشد؟ آیا می‌خواهید برخی از متن ها در صفحه در مرکز قرار گیرند و بقیه در سمت چپ قرار بگیرند؟ اینها فقط چند سوال هستند که شما باید در هنگام کدنویسی سایت به آن‌ها پاسخ دهید. خوشبختانه، تگ‌های دیو (div) می توانند کمک‌کننده باشند. در این مقاله به بررسی چندین روش برای در مرکز قرار دادن یک تگ دیو یا متن، می‌پردازیم.

ادامه مطلب »