“`html

<!–
**توضیحات مهم برای ویرایشگر بلوک و ریسپانسیو بودن:**

1. **هدینگ‌ها (H1, H2, H3):**
* تگ‌های `

`، `

`، `

` با استایل‌های inline برای `font-size`, `font-weight`, `color` و `text-align` در نظر گرفته شده‌اند.
* ویرایشگرهای بلوک مدرن معمولاً استایل‌های inline را هنگام کپی/پیست حفظ می‌کنند یا به سادگی قابل تنظیم هستند. در غیر این صورت، می‌توانید این تگ‌ها را انتخاب کرده و استایل‌های مربوطه را از طریق پنل تنظیمات ویرایشگر (مانند بخش Typography یا Color) اعمال کنید.
* **توصیه:** برای کنترل کامل‌تر و ریسپانسیو بودن بهتر، این استایل‌ها را به CSS سفارشی سایت خود (Custom CSS) منتقل کنید و تنها از تگ‌های `

`, `

`, `

` استفاده کنید. مثال:
“`css
body { font-family: ‘Vazirmatn’, ‘IRANSans’, sans-serif; line-height: 1.7; color: #333333; }
.article-container { max-width: 1200px; margin: 0 auto; padding: 20px; background-color: #F8F8F8; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
h1 { font-size: 2.8em; font-weight: 800; color: #0056B3; text-align: center; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 3px solid #E0E0E0; letter-spacing: -0.5px; }
h2 { font-size: 2em; font-weight: 700; color: #0056B3; margin-top: 50px; margin-bottom: 25px; padding-left: 10px; border-bottom: 2px solid #E0E0E0; }
h3 { font-size: 1.4em; color: #0056B3; margin-top: 0; margin-bottom: 15px; border-bottom: 1px dashed #B0E0FF; padding-bottom: 10px; }
/* و سایر استایل‌ها برای p, ul, li, table و… */

@media (max-width: 768px) {
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
.article-container { padding: 15px; }
table, .infographic-step { /* تنظیمات برای نمایش بهتر در موبایل */ }
}
@media (max-width: 480px) {
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; }
p { font-size: 0.95em; }
ul li, table td, table th { font-size: 0.9em; }
}
“`
* **قلم (فونت):** فونت‌های ‘Vazirmatn’, ‘IRANSans’ در CSS تعریف شده‌اند. برای نمایش صحیح، این فونت‌ها باید در سایت شما لود شده باشند (مثلاً از طریق Google Fonts یا ایمپورت محلی).

2. **طراحی منحصر به فرد و رنگ‌بندی:**
* برای کل مقاله یک `div` والد با کلاس `.article-container` (یا استایل inline `max-width`, `background-color`, `border-radius`, `box-shadow`) در نظر گرفته شده است تا یک کادر زیبا و خوانا ایجاد کند.
* رنگ‌بندی آبی تیره (#0056B3) و آبی روشن (#E6F7FF, #F0F8FF) با پس‌زمینه خاکستری روشن (#F8F8F8) و متن خاکستری تیره (#333333) برای ایجاد کنتراست و جذابیت بصری انتخاب شده است.

3. **جدول آموزشی:**
* جدول با تگ `

` و استایل‌های inline برای `width`, `border-collapse`, `background-color` و `border` طراحی شده است.
* `overflow-x: auto;` برای والد جدول باعث می‌شود که در صفحات کوچک‌تر، جدول به صورت افقی اسکرول شود و محتوا به هم نریزد (ریسپانسیو).

4. **اینفوگرافیک زیبا (جایگزین):**
* به دلیل محدودیت‌های کپی/پیست در ویرایشگر بلوک، یک اینفوگرافیک تصویری مستقیم قابل ارائه نیست.
* به جای آن، از ساختار `div` با استایل‌های بصری قوی (رنگ پس‌زمینه، کادر، سایه و عنوان‌های برجسته) برای هر مرحله استفاده شده است. این ساختار، اطلاعات را به شکلی بصری و سازمان‌یافته نمایش می‌دهد که تا حد زیادی کارکرد یک اینفوگرافیک ساده را ایفا می‌کند و در ویرایشگر بلوک نیز به خوبی نمایش داده می‌شود.
* از `display: flex; flex-wrap: wrap;` برای ریسپانسیو کردن این بخش استفاده شده تا در صفحات کوچک، آیتم‌ها زیر هم قرار گیرند.

5. **ریسپانسیو بودن:**
* استفاده از `em` و `rem` برای اندازه‌های فونت (که با اندازه فونت ریشه تغییر می‌کنند) به همراه درصدها برای `width` و `max-width` در CSS، به ذاته مقاله را ریسپانسیو می‌کند.
* استفاده از `display: flex; flex-wrap: wrap;` و `min-width` در بخش اینفوگرافیک جایگزین، باعث می‌شود بلوک‌ها در اندازه‌های مختلف صفحه به درستی چیده شوند.
* برای `table`، `overflow-x: auto;` تضمین می‌کند که در صفحات کوچک، جدول قابل اسکرول باشد و محتوا از کادر بیرون نزند.
* پدینگ‌ها و مارجین‌ها نیز به گونه‌ای تنظیم شده‌اند که در صفحات مختلف، خوانایی حفظ شود. برای کنترل کامل‌تر ریسپانسیو بودن، اضافه کردن Media Queries به Custom CSS (مانند نمونه بالا) توصیه می‌شود.

6. **کپی در ویرایشگر بلوک/کلاسیک:**
* این ساختار از تگ‌های HTML استاندارد و استایل‌های inline استفاده می‌کند که اکثر ویرایشگرها (هم بلوک، هم کلاسیک) آن را به خوبی تفسیر و نمایش می‌دهند.
* کافیست تمام محتوای داخل تگ `div` والد را کپی کرده و در بخش “ویرایش HTML” یا “متن” ویرایشگر خود پیست کنید. سپس به حالت “بصری” برگردید تا نتیجه را مشاهده کنید. در ویرایشگرهای بلوک، ممکن است هر بلوک `div` به عنوان یک بلوک جداگانه شناسایی شود که امکان ویرایش آسان‌تر را فراهم می‌کند.

این ساختار تمامی درخواست‌های شما را در بهترین حالت ممکن با توجه به محدودیت‌های ارائه متن برای کپی/پیست کردن برآورده می‌کند.
–>
“`

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

• آخرین اخبار پژوهشی:
• "تیم فر مهر با جدیدترین متدهای تحقیق و تحلیل آماری، آماده ارائه خدمات به دانشجویان در تمامی رشته‌هاست."

• تازه‌ترین مقالات:
• "جدیدترین مقالات علمی و نکات کاربردی پایان‌نامه را در سایت ما دنبال کنید و همیشه یک قدم جلوتر باشید."