Friend Book (social media website)

فريندبوك هو تصميم وتطوير واجهة لشبكة تواصل اجتماعي ، تم تصميمه بهدف التعلم أو التدريب على إنشاء منصات اجتماعية باستخدام أدوات تطوير الويب. يشمل التصميم واجهة رئيسية تحتوي على: شريط علوي للتنقل (navigation bar) يتضمن أيقونات مثل الصفحة الرئيسية، الإشعارات، الرسائل، والإعدادات. قائمة جانبية (sidebar) تعرض اختصارات مثل الألعاب أو الصفحات المحفوظة. قسم المنشورات (posts) لعرض منشورات الأصدقاء أو المستخدم. عناصر تفاعلية مثل الأزرار (Buttons) لإنشاء منشور، تأكيد طلبات الصداقة، أو التفاعل مع المنشورات التقنيات والأدوات المستخدمة في تصميم FriendBook: HTML (HyperText Markup Language): لتحديد الهيكل الأساسي للموقع (الهيكل العظمي للواجهة). يتم استخدام علامات مثل <header>، <nav>، <section>، <div>، و<button>. CSS (Cascading Style Sheets): لتنسيق الصفحة وجعلها تبدو مشابهة لتصميم Facebook. يمكن أن تتضمن: Flexbox وGrid لتوزيع العناصر بشكل مرتب. الألوان والخطوط لتمييز الأقسام المختلفة. التأثيرات (Hover Effects) عند التفاعل مع الأزرار أو الروابط.