السلام عليكم ورحمة الله وبركاته
************************
للأسف أخي كان بإمكاني مساعدتك لكن لذيق الوقت راح على الأقل
أعطيك شرح مبسط لصناعة موقعك بنفسك هذا إن لم تجد من يلبي طلبك
يمكنك أن تستعين بهذه الدروس وراح تستفيد بإذن الله منها
-------------------------------------------------------------------------
قبل هذا كنت قد تطرقت سابقا لأحد المواضيع كنت حاب أكمل
الدورة لكن لذيق الوقت كما أخبرتك لم أكملها
هذا رابطها
http://montada.echoroukonline.com/sh...d.php?t=270794
-------------------------------------------------
الأن وبعد بحثي في بعض المواقع ربما راح تفيدك هذه الشروحات لتصميم موقعك بنفسك
--------------------------------------------------
اولا
مرحلة التصميم
التصميم جداا مهم في اعطاء جمالية للموقع
لذا يجب عليك ان تكون بدراية باساسيات الفوتوشب..
أو يمكنك طلب المساعدة من بعض الأعضاء هنا بالمنتدى
راح تجد إن شاء الله إن لم تجد وكنت تجيد التصميم
فهذه اساسيات تصميم المواقع
يتكون الموقع من 3 اجزاء اساسيين:
الجزء الاول يسمى الهيدر Header :
و هو يكون في اعلى الموقع وبه يوضع ازرار الموقع و أزرار الموقع تسمى ناف بار Nav Bar
الجزء الثاني يسمى Body :
و هو جسم الصفحة ويكون به محتوى الموقع.
الجزء الثالث هو الفوتر Footer :
و هو ذيل الصفحة و يكون به الحقوق و ما الى ذالك..
----------------------------------------------
نبدأ بتعلم تصميم موقع من البداية الى النهاية بالاسماء التي ذكرناها فوق .
اساسيات تصميم المواقع
تصميم الهيدرو الناف بار
تصميم الفوتر
----------------------------------------
ثانيا
مرحلة التكويد
اولا اي صفحة وب WEB لا تخلو من 3 اشياء
1- structure وهي هيكلة الصفحة و مسؤل عنها الـ HTML .
2- presentation و هو زينة الصفحة او مايزين به الصفحة من الوان وحدود و اشياء اخرى و مسؤل عنها الـ CSS .
3- Behavior و هي الحركة في الصفحة و مسؤل عنها ال Java Script ..
فبعد ان عرفنا مما تتكون صفحة الويب نأتي الى رسم خارطة طريق لتعلم هذه الاشياء و تبيين كل ماذكرته فوق
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ↓↓
اولاً لغة HTML
هي هيكلة صفحة الويب كما ذكرت سابقاً و هيكلة معنا ترتيب يعني وضع الفقرات والكلام و العناوين ترتيب الموقع بمعنى اصح.
تعريف بسيط للغة
html هي لغة وليست لغة كيف هي لغة وصفية و ليست لغة برمجية مثل الجافا و غيرها..
وهي اختصار لـ Hyper Text MarkUp Language بمعنى: وصف النص التشعبي
سأعطيكم شروحات تفي بالغرض و توصلك للفهم الصحيح.
تعلم html
دورة الاستاذ يوسف اسماعيل لم أتعلم عليه لكن في رأيي شرح جميل منه
اضغط هنا لدخول القناة
-----------------------------------------
ثالثا لغة CSS
مثل ماذكرت في البداية هي لتزيين عناصر الصفحة المهيكلة بـ html
وهي اختصار لـ cascading style sheets بمعنى ورقة الانماط الانسيابية
و نزل منها اصدارين 2 و 3
تعلم CSS
دورة استاذ يوسف اسماعيل في css2
تعلم CSS3
كما ذكرت يوجد نسختين من الـCSS
دورة استاذ احمد سامح في CSS 3
------------------------
هكذا نكون تعلمننا لغتين مهمتين بهما نستطيع انشاء موقع جميل جداا
هذه دورة لبناء قالب موقع بسيط مقدمة من
يوسف اسماعيل
-----------------------------
أخيرا
يجب عليك ان تعلم ان جميع المواقع موجودة على شيء يسمى سيرفر Server و السيرفر لا نريد ان ندخل في تفاصيله لكن مايهمنا هو ان هذا السيرفر يمكننا من استضافة موقعنا عليه و من هنا نشئت ما يعرف بالاستضافات.
الاستضافة: هي المكان التي تشترك به لتستطيع مشاركة موقعك مع الناس.
