‎.١‏ برنامج السيرفرا لجلي (+10631105) للتحميل
ون برنامج تحرير الصفحات ( 990632008 011008) للتحميل
؟. برنامج ما لجة الصورالمشهور( 2 م6910 000) للتحميل
تنبيه :-
إذا كان عند ك أحد البرامج مثبت فلاما نع فرق الإصدارإذا قريب
مثال عند ك برنا مج 0110105110 أي إصد اريمشي أهم شي ؛المخرجات إن شاء الله وصات
المعلومة

والصلاة والسلام على سيد نا محمد النبي الكريم وعلي آله وصحبه أجمعين
إهداء لكل شخص يسعي للتعلم والاستفادة..
إهداء لكل من علمني حرفاً وساعد ني أنأصل إلى ما أنا عليه ...
إهداء لكل مستخدم مسام يسعي ليصبح مطور..
تُطورموقعاً وإدارة وأعضاءوزائرين
التعليمية ؛فهذهالدورة هي متا حك لتدخل مفهوم التصميم للمواقع بأسلوب امحترفين
مُستخد ما الأساس البرمجي في التصميم والابتعاد عن الأدوات التي باتت تقليدية في
تتمثل الدورة في كيفية التصميم باستخدام مبدأ 2.0 0/65 الذي سوف أقوم
بشرح مفهومه مع بدايةالدورة بأذن الله .

تعريف بمفهوم الأسلوب المتطور في تصميم المواقع
مات وفا8
نبدأ معكم أعضا ءنا الكرام بأول دروس الدورة وهو تعريف لصطلجح 2.0 104/65
الذي قد لا يعلم الكثير مفهومه الكامل
أولاً؛ في عام01٠٠‏ حدثت طفرة في الويب وأصبحت المواقع تتطورفي محتواها
ومنها ظهو رأسلوب هيكلة المواقع وهوما نسميه 0. 10/602
0 11/65 وهي عبارة عن مجموعة متكاملة من الأدوات والخيارات والوظائف التي
توجد تحت بيئة واحدة ؛ هذه المجموعة يتم عملها عن طريق مجموعة من لفاتالبرمجة
المختلفة , لتعمل بتناغم وتكامل مع بعضها البعض

لنضرب مثال عملي ؛ موقع مطور!
موقع مطورعبارة عن منتدى تحت بيئة برمجية متكا ملة ]1/5101
ال011116117/ لونظرت لها راح تجد بها الاتى +
‎:562316017-١‏ وهومحرك البحث الذى تستخد مه لتبحث عن مواضيعك اومواضيع اعضاء
‏"-11145: فأنت يوجد في الهيدر لنكاتاعلانية - والناف با رلنكات ارشادية للوحة
التحكم والبحث والمشاركات الاخيرة.......الخ
لها ردود ونجد له تجديدات تحدث يوميا
225-4]: الكلمات الارشادية فهى ما تسهل لك عناء الوصول البحث ؛ فهى تبين لك الاكثر
كلمانا بحثا من بين الاعضاء ا
‏455-0]: وهى مفتاح نشر مواضيع المنتدى خارج مكانه على محركات البحث والمواقع

12171+655-1: فموقع مطورراح تجد انه مقسم إلى هيد رومنتدى ( جداول) وفوتر »
وأيضا راح تجد خانات لكتابة موضوع وللردود ...الخ
2-2 :؛ لعلك تلاحظ عند ما تكتب رد على موضوع يتم اضا فته دون اعادة تحميل
00-3 ؛ لعلك تلاحظ السهولة البالغة في كتابة موضوع ؛ وتغزين بياناتك ومواضيعك
من مما سبق نكون قد عرفنا مفهوم 2.0 دا 0/6 بشكل دقيق

بعد أن تعرفنا على مفهوم 0. 2 ‎١8/217‏ بشكل صحيح د عونا نبد أ بأول دروس الدورة وهى
إعطاء نبذة عن 655+ 2711171 يما يخدم دورتنا .
والنبذة راح أركزفيها على ما يهمنا لان الكلام قد يطول كثيرا في التحدث عن
1711171+5 ولكن دعونا نعطيكم الخلاصة من خلال ما توصلت له وراحاشرح الموضوعغ
بشكل ممتع ان شاء الله ولكن قبل ان تبد ا عليك ان تعرف أساسيات هيكيلة الصفحات بشكل
أساسى لذا أنص با لتوجه لدورة 18177 على مطورفهى راح تفيد ك كثير
تنبيه قبل البدء : لابد وحتما والزاما أن تعود نفسك على كتابة وحفظ الاكواد بنشسك
وليس نسخ ولصق ؛ لان الإبداع لن يأتي إلا من حفظ الكود وطريقة عمله
ننطلق بمثال عملي حتى نفهم بشكل أوسع ؛
قم بعمل كليك يمين وأنت واقف على الصفحة ؛ واختيارعرض مصد رهذهالصفحة /1/1610
راح نشوف السورس البرمجي لهذه الصفحة كما با لصورة :

فوع" حمل جص
بعد تطير
ا<طا/ه المدوى حفط
© ماذا كن أن أفعل بتقنية ذم
عي لغة تسيم تقدد شكل ونيقة 688
صورة خلفية الموقغء وكيفية توزيع المساحات وأضياء أخرى كثير
يمكن أن تستخدم بشكل خاطع لإضافة تعميم 8780
دعونا نجلل هذه الصفحة ؛
1.0 تتثلعي: 0328//020//-" 2031126 السلط 00027225! >
هذه الجملة مهمة جدا ولابد من وضعها في بداية اى صفحة ؛ووظيفتها
انها تقوم بجمل نسق الصفحة موحد على جميع المتصفحات طبقا 1/31 المؤسة
فمثلا قد تجد موقع في الهيد رفوقه فراغ على الاكسبلو وعلى الغا يرفوكس يعمل بشكل
سليم ؛وهذا بسبب ان هذه الجملة قد لاتد عم الانترنت اكسبلورر"
0060/7" عمد ل

لوتلاحظ انه بين وسمى 1630 تم وضع الاتى +
<© 111 / >درس تخطيط وتصميم الزوايا المستديرة<» 111 >
9 إيشاء موضوع جديد - موزلا برفيكس - ااه 0002 , مطهر
7 ست براي
هذه الجملة مهمة جدا ووظيفتها تكمن في تعريف الترميز الغا ص با لصفحة لاحظ أن
10/11100104/5-6 هوالترميز الخاص با لصفحة والمناسب للغة العربية ويوجد أنواغ
ترميز أخرى ك 8- نا و8859-1- 150 تخيل مثلاإننا قمنا بتغيير ترميز هذه
الصفحة ل 150-8859-1 شوفوا اللخبطة اللي راح تحصل؛:

جملة مهمة وهى تشير لمكان ملف 55 المسمى 55 . 5/16 اللى لاحقا راح نتعرف كيف
عن طريقه راح نغير تصميم الصفحة صورة ملف 655
لقا لأكثر زيارة © فيداية .يز آخر لأخبار [. قعادل! مجاني إل ملفا :تايا [ 048 [. تخصيص الارتباظات.
هذا هوالملف المسئول عن إستا يل الصفحة من خلاله يمكنك تغير خطوط + اللون + نوع