١. تجهيز الملفات

عندما تطلب من أداة ذكاء اصطناعي صفحة أو لعبة، فإنها تعطيك كوداً. انسخه والصقه في محرر نصوص بسيط مثل «المفكرة» أو VS Code، ثم احفظه بامتداد صحيح:

كود يبدأ بـ <!DOCTYPE html> ← احفظه باسم index.html
كود التنسيقات ← style.css
كود جافاسكربت ← script.js
كود يبدأ بـ <?php ← index.php

احرص عند الحفظ في «المفكرة» على اختيار «كل الملفات» وترميز UTF-8، وإلا قد يُحفظ الملف باسم index.html.txt وتظهر الحروف العربية رموزاً غريبة.

٢. الصفحة الرئيسية

عند زيارة رابطك يبحث الخادم تلقائياً عن ملف باسم index.html أو index.php. إن لم يجده سيظهر خطأ. لذلك يجب أن تكون صفحتك الأولى بأحد هذين الاسمين بالضبط وبأحرف صغيرة.

٣. الرفع من لوحة التحكم

سجّل الدخول وادخل «لوحة التحكم».
اضغط «اختيار ملف» وحدد الملف ثم «رفع».
كرر العملية لكل ملف، أو ارفع داخل مجلد فرعي بعد فتحه.
افتح رابطك ai.web.jo/yourname للتأكد.

إذا رُفض ملف، ستظهر رسالة توضح السبب. راجع القسم الخامس.

٤. المسارات والمجلدات

أكثر خطأ شائع هو استخدام مسارات مطلقة. استخدم دائماً مسارات نسبية:

<!-- صحيح -->
<link rel="stylesheet" href="style.css">
<img src="images/logo.png">

<!-- خطأ: يبحث في جذر الموقع وليس مجلدك -->
<link rel="stylesheet" href="/style.css">
<img src="C:\Users\me\Desktop\logo.png">

وتذكّر أن الخوادم تميز بين الأحرف الكبيرة والصغيرة: Logo.PNG ليس هو logo.png.

٥. الملفات المسموحة والممنوعة

الفئة	الامتدادات
صفحات	html, htm, php
تنسيق وبرمجة	css, js, json, xml, txt
صور	jpg, jpeg, png, gif, webp, svg, ico
خطوط	woff, woff2, ttf, otf

لحماية جميع المشتركين، يرفض النظام تلقائياً:

أي كود يرسل بريداً إلكترونياً، بأي طريقة.
أي كود ينفذ أوامر على الخادم أو يحاول الوصول لملفات خارج مجلدك.
الملفات ذات الامتدادات المزدوجة مثل photo.php.jpg.
ملفات SVG التي تحتوي سكربتات.

تحتاج نموذج «تواصل معي» في موقعك؟ استخدم خدمة نماذج خارجية مجانية ثم ضع رابطها في صفحتك، بدلاً من إرسال البريد من الخادم.

٦. حل الأخطاء الشائعة

تظهر صفحة خطأ 403 أو 404

تأكد من وجود index.html بأحرف صغيرة في المجلد الرئيسي وليس داخل مجلد فرعي.

الصفحة تظهر بلا تنسيق

مسار ملف CSS خاطئ أو الملف لم يُرفع. راجع القسم الرابع.

الصور لا تظهر

تحقق من تطابق اسم الصورة حرفياً مع ما في الكود، بما في ذلك الامتداد.

الحروف العربية تظهر رموزاً

أضف هذا السطر داخل <head> واحفظ الملف بترميز UTF-8:

<meta charset="UTF-8">

رُفض ملف PHP

غالباً يحتوي دالة ممنوعة مثل mail() أو exec(). اطلب من أداة الذكاء الاصطناعي نسخة بدونها.

٧. أوامر جاهزة لأداة الذكاء الاصطناعي

انسخ هذا النص وألصقه في نهاية طلبك لتحصل على كود جاهز للرفع مباشرة:

اكتب المشروع بحيث يكون جاهزاً للرفع على استضافة مشتركة:
- الصفحة الرئيسية باسم index.html
- استخدم مسارات نسبية فقط
- أسماء الملفات بأحرف إنجليزية صغيرة بلا مسافات
- أضف meta charset UTF-8 واتجاه rtl للعربية
- لا تستخدم دوال إرسال البريد أو تنفيذ أوامر النظام
- اجعل التصميم متجاوباً مع الجوال
- إن أمكن ضع كل شيء في ملف واحد

دليل رفع موقعك خطوة بخطوة