انجام پایان نامه برای دانشجویان علوم تربیتی

+-----------------------------------+
| 1. انتخاب موضوع و طرح مسئله       |
|    (کنجکاوی و نیازسنجی)           |
+-----------------------------------+
         |
         V
+-----------------------------------+
| 2. مرور ادبیات و چارچوب نظری        |
|    (پایه‌ها و شکاف پژوهشی)         |
+-----------------------------------+
         |
         V
+-----------------------------------+
| 3. روش‌شناسی و ابزار گردآوری داده  |
|    (نقشه عمل و ابزارها)           |
+-----------------------------------+
         |
         V
+-----------------------------------+
| 4. جمع‌آوری و تحلیل داده‌ها        |
|    (اجرا و کشف یافته‌ها)           |
+-----------------------------------+
         |
         V
+-----------------------------------+
| 5. نگارش گزارش و دفاع             |
|    (تبیین و ارائه)                |
+-----------------------------------+
        

/*
** راهنمای استایل‌دهی برای ویرایشگر بلوک یا سایت شما **
این بخش به صورت کامنت در HTML یا CSS شما قرار می‌گیرد و پس از کپی در ویرایشگر،
به عنوان راهنما برای اعمال استایل‌های مورد نظر شما عمل می‌کند.
برای اینکه هدینگ‌ها و طراحی به درستی نمایش داده شوند، نیاز است که این استایل‌ها
را در بخش CSS سایت یا در تنظیمات بلوک‌های ویرایشگر خود اعمال کنید.
این کدها مستقیماً در خروجی متنی که کپی می‌کنید، رندر نمی‌شوند، بلکه توضیحی برای شماست.
**توصیه‌های رنگ‌بندی:**
* پس‌زمینه کلی مقاله: #FFFFFF (سفید تمیز)
* رنگ متن اصلی: #333333 (خاکستری تیره برای خوانایی)
* رنگ لینک‌ها: #0056b3 (آبی تیره)
* H1: #0056b3 (آبی اقیانوسی) با پس‌زمینه #e9f7ff
* H2 (معرفی): #28a745 (سبز زمردی)
* H2 (مراحل): #ffc107 (طلایی آفتابی) با پس‌زمینه #fff3cd برای اینفوگرافیک
* H2 (چالش‌ها): #dc3545 (قرمز آتشین) با پس‌زمینه #fcecec برای جدول
* H2 (نکات): #17a2b8 (آبی فیروزه‌ای)
* H2 (کلام آخر): #6c757d (خاکستری ملایم)
* H3 (داخل H2ها): #0056b3 (همان آبی اقیانوسی)
* رنگ جداکننده خطی زیر H2 ها: همان رنگ H2 مربوطه.
* رنگ حاشیه بلوک‌های اطلاعاتی: #007bff (آبی روشن برای فهرست مطالب), #ffeeba (طلایی روشن برای اینفوگرافیک), #f5c6cb (قرمز روشن برای جدول)
* فونت پیشنهادی: ‘Vazirmatn’, sans-serif (برای فارسی)

**نکات مربوط به ریسپانسیو بودن:**
* `max-width: 900px; margin: auto;` برای محتوای اصلی کمک می‌کند که در صفحه‌های بزرگ از حد معینی پهن‌تر نشود و در وسط قرار گیرد.
* اندازه فونت‌ها با `em` یا `rem` تنظیم شده‌اند که به صورت ریسپانسیو (نسبت به اندازه فونت والد) عمل می‌کنند.
* `padding` و `margin` مناسب برای خوانایی در دستگاه‌های مختلف.
* `overflow-x: auto;` در `pre` (اینفوگرافیک) باعث می‌شود در صفحات کوچک‌تر، اسکرول افقی ظاهر شود و محتوا از صفحه بیرون نزند.
* جدول با `width: 100%;` و `border-collapse: collapse;` و padding مناسب برای سلول‌ها طراحی شده تا در هر سایزی محتوا به درستی نمایش داده شود. در موبایل، اگر تعداد ستون‌ها زیاد بود، نیاز به استایل‌های خاص (مثلا `display: block;` برای `td` و `th` در `@media` کوئری) دارد که در این طرح دو ستونه، کمتر نیاز می‌شود.
*/

/* استایل‌های کلی برای بدنه و ریشه‌های فونت */
body {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.7;
color: #333;
background-color: #fcfcfc;
margin: 0;
padding: 0;
}

/* کانتینر اصلی مقاله برای حداکثر عرض و مرکزیت */
div[style*=”max-width: 900px”] {
max-width: 900px;
margin: auto;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 0 15px rgba(0,0,0,0.05);
border-radius: 10px;
}

/* استایل برای H1 */
h1 {
font-size: 2.5em; /* اندازه فونت برای دسکتاپ */
font-weight: bold;
color: #0056b3;
text-align: center;
margin-bottom: 40px;
padding: 15px;
background-color: #e9f7ff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* استایل‌های H2 */
h2 {
font-size: 2em;
font-weight: bold;
margin-top: 40px;
margin-bottom: 25px;
border-bottom: 2px solid; /* رنگ این border در استایل inline هر H2 تعیین شده */
padding-bottom: 10px;
}

/* استایل‌های H3 */
h3 {
font-size: 1.5em;
font-weight: bold;
color: #0056b3; /* رنگ پیش‌فرض برای H3 */
margin-top: 30px;
margin-bottom: 15px;
}

/* استایل برای پاراگراف‌ها */
p {
text-align: justify;
margin-bottom: 20px;
font-size: 1.1em;
}

/* استایل برای لیست‌ها */
ul {
margin-bottom: 20px;
padding-left: 25px;
font-size: 1.1em;
}
ul li {
margin-bottom: 10px;
}

/* استایل برای جدول */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
font-size: 1em;
}
table th, table td {
padding: 12px;
border: 1px solid #dee2e6;
text-align: right;
}
table thead th {
background-color: #dc3545;
color: white;
}

/* استایل برای بلوک کد/اینفوگرافیک متنی */
pre {
background-color: #fff;
padding: 15px;
border: 1px dashed #ccc;
border-radius: 5px;
overflow-x: auto; /* برای ریسپانسیو کردن در موبایل */
font-family: ‘Consolas’, ‘Courier New’, monospace;
font-size: 0.9em;
line-height: 1.6;
}

/* ریسپانسیو کردن فونت H1 برای صفحه نمایش‌های کوچک */
@media (max-width: 768px) {
h1 {
font-size: 2em;
padding: 10px;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.3em;
}
p, ul, table {
font-size: 1em;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
padding: 8px;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
div[style*=”max-width: 900px”] {
padding: 15px;
}
}