مواقعي في مادة بناء ونشر المواقع
مشاريع أنجزتها ونشرتها فعليًا على الإنترنت، مع روابطها الحقيقية.
ثَرَاء
من أنا؟
أنا ثَرَاء، أتعلّم بناء المواقع وأنجز صفحات واجهات رقمية باللغة العربية.
ما تعلّمته في مادة بناء ونشر المواقع:
- أساسيات HTML وCSS وJavaScript، وتنظيم ملفات المشاريع ومجلداتها.
- بناء صفحات عربية منسّقة بهوية بصرية واضحة واختبارها على الجوال والحاسب.
- نشر المواقع على خدمات النشر: Bolt Host وNetlify، ومعرفة كيف تصل الصفحة إلى المستخدم برابط واحد.
رَواق كافيه
- صفحة تعريفية سريعة لمقهى «رَواق» تُبرز هويته دون تعقيد.
- بنيتها باستخدام Bolt مع أقسام واضحة ودعوة للزيارة.
- النتيجة: منشورة على Bolt Host وتعمل على الجوال والحاسب.
السيرة الرقمية
- أعرض فيها خبراتي ومهاراتي في صفحة واحدة يسهل مشاركتها برابط.
- بنيتها بـ HTML وCSS وJavaScript.
- النتيجة: منشورة على Netlify ومتاحة للفتح من أي جهاز.
موقعي الثالث
- بنيت هذا الموقع أثناء التعلّم، واحتجت مكانًا لعرضه على الإنترنت.
- اخترت Netlify كخدمة نشر لعرض الصفحة برابط عام.
- النتيجة: الموقع منشور والرابط متاح للزيارة من أي جهاز.
معرض أعمالي
جميع مشاريعي منشورة مع صورها وروابطها في معرض أعمالي الرقمي.
- مشاريعي الثلاثة المنشورة: رَواق كافيه، والسيرة الرقمية، وموقعي الثالث.
- مشاريع تدريبية: صفحة تعريفية لمكتبة، وللمخبز، ولمبادرة تطوعية.
- المشاريع التدريبية تدريب على التخطيط والتنسيق فقط، غير منشورة وبدون رابط موقع.
ماذا تعلمت؟
- البناء بمساعدة الذكاء الاصطناعي: استخدمت أدوات ذكاء اصطناعي مثل Bolt لتوليد صفحاتي الأولى بسرعة، لكنني راجعت النصوص العربية والتنسيق بنفسي قبل النشر.
- تنظيم الملفات والمسارات: حفظت الصور في assets/images وملفّات التنسيق والسكربت في أماكنها، وتعلّمت أن المسار النسبي يتغيّر حسب عمق الملف.
- النشر واختبار المواقع: نشرت مشاريعي على Bolt Host وNetlify، ثم جرّبت الروابط على الجوال والحاسب قبل مشاركتها.
خطأ واجهتني وكيف أصلحته: عند إنشاء هذا العرض داخل مجلد slides لم تظهر الصور أصلًا، لأن المسار كان ينقصه مجلد واحد، فصحّحته إلى ../assets/images. كما اكتشفت أن بعض أسماء ملفات الصور تحتوي مسافة وأقواسًا، فرمّزتها في الرابط بـ %20 حتى تُحمَّل الصور كما هي دون نسخها.
شكرًا لكم
روابط العرض والمعرض، ووسيلة الوصول إلى مشاريعي:
لا تتوفر لدي وسيلة تواصل منشورة حاليًا (لا بريد ولا رقم)، ولذلك أُوجّهكم إلى صفحة التواصل داخل المعرض.
ثَرَاء