abdilahsez
مدير المنتدى
الدولة : 
الْمَشِارَكِات : 182
الْنِّقَاط : 10003413
التَقْيِمْ : 28
 |  موضوع: الدرس(1):من تعلم انشاء المواقع من الصفر حتى الإحتراف(حصريا) الخميس فبراير 24 2011, 06:48 | |
|
بسم الله الرحمن الرحيم
و الصلاة و السلام على أشــرف المــرسليـن ..
السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..
الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله
مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و مـن يظـلل فلن تـجد له ولياً
اهلا بكم اخوانى اعضاء ومشرفى ومحبى هذا المنتدى العظيم ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اليوم سوف تكون بداية الشرحات الحقيقية لإنشاء المواقع الإليكترونية الخاصة.
فكرة هده الدورة جاءت عندما لاحظت أن هناك الكثير من ألأعضاء يريدون انشاء مواقع اليكترونية
ولكن لا يجدون مواضيع مكتملة ومشرحة بشكل واضح, فقط بعض الشرحات المبتورة تكون بداية لإنشاء موقع أو تطوير الى غير دلك
والتي تجلعهم يتراجعون عن فكرة انشاء موقع اليتكروني
سواء كان موقع خاص أو موقع لأحد ألأقرباء كما يمكن لمتابعي هده الدورة أن يحترفوا فيما بعد طروق انشاء المواقع
-وأهم شئ هو المتابعة وطرح ألأسئلة حول ألأشياء غير الواضحة,ومن جهتي سوف أشرح بالتفصيل كل ألأشياء التي
لم يتم توضحها في الشرحات,كما سوف أجيب عن الإستفسارات التي سوف تتفضلون بطرحها.
لن أطيل في الكلام وتدكورا أن هده الدورة حصريا ولم يتم التطرق لها في أي منتدى.أقول هدا لأنني متأكد أن هناك
شخص واحد لن يعجبه أمر احضار الجديد.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
قبل البدأ في الدورة يجب على جميع ألأعضاء تحميل برنامج notepad++
لأنه سوف يساعدنا في الشرحات واليكم رابط تحميل البرنامج
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد التحميل وتثبيث البرنامج ندهب الى اعداد البرنامج حسب اللغة البرمجية التي سوف
نستعمل,ودلك كما يلي:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم نتخار اللغة التي سوف نعمل عليها
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تدكروا شئ أساسي هدا البرنامج لا يعطي أكواد ولا يعطي شئ فقط
هو برنامج مساعد لأن به ألوان تساعدنا على التميز بين ألأكواد.
لكننا سوف نتسعمل برنامج واحد فقط هو المخ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة].
ادن قوموا بتثبيث كل شئ على سطح المخ وبدؤوا المغامرة[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
كما نعلم عند البداية في انشاء أي موقع اليكتروني أول شئ نفكر فيه
هي الواجهة الرئيسية للموقع أو ما يسمى بالبوابة,لأن من خلال هده البوابة
يمكن لموقعك أن يجلب زوار أو أن يصبح موقعك مفضلا عن باقي المواقع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
سوف تقولون أننا تكلمنا كثيرا ولم نبدأ بعد [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]؟ صراحتا مهما تكلمنا ومهما
قدمنا لن نتطرق لمفهوم المواقع الإليكترونية في هده السطور البسيطة, ولكن استعياب المفهوم يأتي مع
الوقت ويأتي بالممارسة لهدا النوع من المفاهيم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ألأن جاءت ضربة البداية [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نتوكل على الله
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
كما تلاحظون هدا هو الوسم العام للغة html حيث نقوم بكتابة جميع ألأكواد والوسوم ألأخرى
داخل هدا الوسم,لاحظوا الفرق بين وسم البداية ووسم النهاية (/).
جميع اللغات تقريبا تعتمد وسم البداية ووسم النهاية الا ما ندر ؟؟؟؟؟؟
ألأن سوف نكتب الشكل العام لوثقية html
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
كما رأيتم كتنبا الشكل العام للغة على شكل أرقام.
الرقم (1) :نعني به الوسم العام للغة
الرقم (2) :جزء مهم جيدا داخل اللغة,حيث مكان وضع الستايلات والجافا والكلمتا المفتاحية الى غير دلك
وسوف أعود لتفسير هدا الجزء فيما بعد.
الرقم(3):هدا هو المكان الدي يهمنا نحن ألأن؟ لأن هدا المكان هو مكان الصفة التي سوف تظهر لنا
على شبكة ألأنترنت.
سوف ننسنى كل شئ ونأخد الرقم (3) حيث سوف يبدأ عملنا.
شخصيا فكرت في تقسيم الصفحة الى ثلاث أجزاء:
الجرء العلوي:المكان الدي سوف نضع فيه عنوان الموقع وشعار الموقع
الجرء الوسط:حيث سوف نضع كتابة تقدمية للموقع
الجزء السفلي حيث سوف نضع معلومات الموقع
-لتوضيح داك برمجيا نكتب ما يلي:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
مادا فعلنا لتقسيم الصفحة ؟
استعملنا وسم <div> ومعناه division أي تقسيم.
في مخيلتنا نحن قسمنا الصفحة الى ثلاث أجزاء لكن هدا التقسيم لن يظهر حاليا
لأنه يحتاج الى مزيد من التحرير والتفكير في أسهل الطروق كي يظهر بشكل واضح.
نقوم ألأن بحفظ ما كتبناه كي نرى الى أي حد وصلنا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نجرب العمل ودلك بالضغط على الملف الدي قمنا بانشائه,حيث سوف تظره النتيجة التالية:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكثير منكم طبعا الدين لم يسبق لهم البرمجة سوف يقولون يستاهل اعدام [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]كل هدا التعب وفي ألأخير نصل الى نتيجة غير مرضية [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]أقول لكم ان اردتم الوصول الى أي شئ عليكم بالصبر فا القادم أحلىوادا لم تستوعبوا هدا الدرس وتطرحوا استفسراتكم أكيد لن تكونوا في الصورة في الدرس القادم | |
|
