اليوم سوف تكون بداية الشرحات الحقيقية لإنشاء المواقع الإليكترونية الخاصة.
فكرة هده الدورة جاءت عندما لاحظت أن هناك الكثير من ألأعضاء يريدون انشاء مواقع اليكترونية
ولكن لا يجدون مواضيع مكتملة ومشرحة بشكل واضح, فقط بعض الشرحات المبتورة تكون بداية لإنشاء موقع أو تطوير الى غير دلك
والتي تجلعهم يتراجعون عن فكرة انشاء موقع اليتكروني
سواء كان موقع خاص أو موقع لأحد ألأقرباء كما يمكن لمتابعي هده الدورة أن يحترفوا فيما بعد طروق انشاء المواقع
-وأهم شئ هو المتابعة وطرح ألأسئلة حول ألأشياء غير الواضحة,ومن جهتي سوف أشرح بالتفصيل كل ألأشياء التي
لم يتم توضحها في الشرحات,كما سوف أجيب عن الإستفسارات التي سوف تتفضلون بطرحها.
لن أطيل في الكلام وتدكورا أن هده الدورة حصريا ولم يتم التطرق لها في أي منتدى.أقول هدا لأنني متأكد أن هناك
شخص واحد لن يعجبه أمر احضار الجديد.
قبل البدأ في الدورة يجب على جميع ألأعضاء تحميل برنامج notepad++
لأنه سوف يساعدنا في الشرحات واليكم رابط تحميل البرنامج
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]بعد التحميل وتثبيث البرنامج ندهب الى اعداد البرنامج حسب اللغة البرمجية التي سوف
نستعمل,ودلك كما يلي:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]تدكروا شئ أساسي هدا البرنامج لا يعطي أكواد ولا يعطي شئ فقط
هو برنامج مساعد لأن به ألوان تساعدنا على التميز بين ألأكواد.
لكننا سوف نتسعمل برنامج واحد فقط هو المخ .
ادن قوموا بتثبيث كل شئ على سطح المخ وبدؤوا المغامرة
كما نعلم عند البداية في انشاء أي موقع اليكتروني أول شئ نفكر فيه
هي الواجهة الرئيسية للموقع أو ما يسمى بالبوابة,لأن من خلال هده البوابة
يمكن لموقعك أن يجلب زوار أو أن يصبح موقعك مفضلا عن باقي المواقع
سوف تقولون أننا تكلمنا كثيرا ولم نبدأ بعد ؟ صراحتا مهما تكلمنا ومهما
قدمنا لن نتطرق لمفهوم المواقع الإليكترونية في هده السطور البسيطة, ولكن استعياب المفهوم يأتي مع
الوقت ويأتي بالممارسة لهدا النوع من المفاهيم
ألأن جاءت ضربة البداية
نتوكل على الله
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]كما تلاحظون هدا هو الوسم العام للغة html حيث نقوم بكتابة جميع ألأكواد والوسوم ألأخرى
داخل هدا الوسم,لاحظوا الفرق بين وسم البداية ووسم النهاية (/).
جميع اللغات تقريبا تعتمد وسم البداية ووسم النهاية الا ما ندر ؟؟؟؟؟؟
ألأن سوف نكتب الشكل العام لوثقية html
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]كما رأيتم كتنبا الشكل العام للغة على شكل أرقام.
الرقم (1) :نعني به الوسم العام للغة
الرقم (2) :جزء مهم جيدا داخل اللغة,حيث مكان وضع الستايلات والجافا والكلمتا المفتاحية الى غير دلك
وسوف أعود لتفسير هدا الجزء فيما بعد.
الرقم(3):هدا هو المكان الدي يهمنا نحن ألأن؟ لأن هدا المكان هو مكان الصفة التي سوف تظهر لنا
على شبكة ألأنترنت.
سوف ننسنى كل شئ ونأخد الرقم (3) حيث سوف يبدأ عملنا.
شخصيا فكرت في تقسيم الصفحة الى ثلاث أجزاء:
الجرء العلوي:المكان الدي سوف نضع فيه عنوان الموقع وشعار الموقع
الجرء الوسط:حيث سوف نضع كتابة تقدمية للموقع
الجزء السفلي حيث سوف نضع معلومات الموقع
-لتوضيح داك برمجيا نكتب ما يلي:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]مادا فعلنا لتقسيم الصفحة ؟
استعملنا وسم <div> ومعناه division أي تقسيم.
في مخيلتنا نحن قسمنا الصفحة الى ثلاث أجزاء لكن هدا التقسيم لن يظهر حاليا
لأنه يحتاج الى مزيد من التحرير والتفكير في أسهل الطروق كي يظهر بشكل واضح.
نقوم ألأن بحفظ ما كتبناه كي نرى الى أي حد وصلنا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]نجرب العمل ودلك بالضغط على الملف الدي قمنا بانشائه,حيث سوف تظره النتيجة التالية:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكثير منكم طبعا الدين لم يسبق لهم البرمجة سوف يقولون يستاهل اعدام
كل هدا التعب وفي ألأخير نصل الى نتيجة غير مرضية
أقول لكم ان اردتم الوصول الى أي شئ عليكم بالصبر فا القادم أحلى
وادا لم تستوعبوا هدا الدرس وتطرحوا استفسراتكم أكيد لن تكونوا في الصورة
في الدرس القادم