احمد سعد!
07-18-2006, 01:33 AM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
:::::الدرس:::::
بسم الله الرحمن الرحيم
اخواني الاعزاء سوف نقوم بتصميم موقع كامل من الالف الى الياء وبطريقة احترافية وتفصيلية جدا وقد تطول السلسلة لعدة حلقات وذلك لرغبتنا في ادراج كل كبيرة وصغيرة في تصميم المواقع حتى تكون ان شاء الله موسوعه كاملة لتعليم تصميم المواقع يعتمد عليها كل من يرغب التصميم دووون التنقل من منتدى الى اخر للحصول على معلومات تساعده على بناء موقع متكامل
وذلك يجب اتباع الاتي
- المكونات الاساسية:
1- برنامج الفوتوشوب
2-مساحه على شبكة الانترنت لرفع الموقع
3- برنامج الفرنت بيج
4- حجز برنامج الشات
5- برنامج الاف تي بي
- سلسلة الدروس التي سوف نتطرق لها
الحلقة الاول :حجز مساحه على شبكة الانترنت بشرح مفصل وحجز شااااات
الحلقة الثانية: تصميم واجهة موقع احترافية من الالف الى الياء (الجزء الاول)
الحلقلة الثالثة:رفع واجهة الموقع الاحترافية عن طريق الاف تي بي (الجزء الثاني)
الحلقة الرابعة: تصميم صفحات فرعية للموقع بطريقة احترافية( الجزء الاول)
الحلقة الخامسة: رفع الصفحات الفرعية عن طريق الاف تي بي(الجزء الثاني)
الحلقة السادسة: تركيب منتدى على الموقع مع انشاء قاعدة له ( الجزء الاول)
الحلقة السابعة:تركيب منتدى على الموقع مع انشاء قاعدة له ( الجزء الثاني)
الحلقة الثامنه:تركيب الشات والصور الرمزية والابتسامات
الحلقة التاسعة:اضافة مكتبة الصور للموقع
الحلقة العاشرة: اضافة مكتبة البرامج للموقع
الحلقة الحادية عشر: اضافة شريط الاهداء للواجهة الرئيسية
الحلقة الثانية عشر:اضافة ستايل للمنتدى
الحلقة الثالثة عشر: اضافة بعض الهاكات المهمة للمنتدى
ملاحظة مهمة جدا : قد يتم تعديل على احد الدروس وذلك لزيادة معلومة او لتعديل خطاء لا قدر الله وسوف ينبه عن ذلك بالدرس الذي يليه ووضعه كملاحظة في بداية الدرس الجديد
ارجوووا من الاخوان المتابعة وتطبيق الدروس حتى يتاكد لي انكم معي خطوة بخطوة واي ملاحظة او سؤال لا تتردد فيه طرحه
والان اخواني الاعزاء سوف نبداء في سلسلة الدروس وكان الله في عوننا جميعاً
الحلقة الاول
حجز مساحه على شبكة الانترنت بشرح مفصل وحجز شااااات
اخواني هناك شركات كثيرة تقدم خدمة الاتسضافة ولكن تختلف عن بعضها من حيث الاسعار والحماية والدعم الفني المتواصل والخدمات الاخرى
فقد تجد شركة تعطيك عرض 100 ميغا ب 100 ريال ولكنه لا توجد فيها حماية قوية ولا يمكن تقديم الدعم الفني على مدار 24 ساعه ولا يوجد نسخ احتياطي
وتجد شركة ثانية تعطيك عرض 100ميغا ب 300 ريال ولكن يوجد عليها حماية قوية ودعم 24 ساعه وخدمات اخرى ونسخ احتياطي
واهم خدمة تقدمه الشركة المستضيفه هو النسخ الاحتياطي فالافضل ان تختار شركة تقوم بنسخ يومي، اسبوعي، شهري حتى لو لا قدر الله اخترق الموقع او هبط السيرفر يكون هناك نسخه من قواعد موقعك عندهم تستطيع اعادته ولا يذهب جهدك سداء
فقد حدث الامر لاحد اصدقائي حيث حجز مسحه في شركة رخيصة وبعد اربعة اشهر كان موقعه قد اشتهر ولديه اعضاء تجاوزا الالفين والمنتدى يحتوي على مواضيع كثير والشات لديه زوار كثر وبدون سابق انذار اخترق سيرفر الشركة وذهبت جميع جهود صديقي سداء حيث ان الشركة لم تكن تعمل نسخ احتياطي للموقع وذهب الالفين عضو ومعهم المنتدى والشات.
فاذا كنت ترغب بالرخص عليك بالاول واذا كنت تبحث عن الجودة والافضل عليك بالثانية
واذا كان موقعك بسيط وليس كبير ويختصر على منتدى وشات فالافضل ان تبداء بمساحه قدرها 100 ميغا وتستطيع ان تزيدها بأي وقت .
انا لن اتطرق لاي شركة حتى لا يكون هناك تحيز ولكن انت يمكن ايجاد الشركة بنفسك وتستطيع معرفة اذا كانت شركة قوية او لا من حيث مشاهدة عملائها فاذا كانوا من المواقع الكبيرة فعرف انها شركة استضافة ممتازة وكذالك عن طريق الاسعار فلا تغرك رخس الشركة فقد تاتي على راسك بعد فترة
فطريقة الحجز سهلة اختر اي شركة وسوف تجد في موقعهم حساب الشركة ارسل المبلغ لهم حسب المساحه التي اخترتها وكذالك سعر الشات
لنفرض انك اخترت مساحة 100 ميغا بسعر 250 ريال
وشات لمدة 6 شهور بمبلغ وقدره 300 ريال
المجموع : 550 ريال
ارسل المبلغ على حسابهم اما عن طريق الايداع او عن طريق الصراف او عن اي طريقه هم يحددونها في الموقع
بعد ان ترسل المبلغ على حسابهم اتصل على رقم الجوال او رقم الخدمه للموقع وتجده في الموقع وتخبرهم انك ارسلت المبلغ للمساحه 100 ميغا وشات 6 شهور
سوف يطلب منك صاحب الاستضافة الاميل حتى يرسل ملعومات الموقع لك وكذلك دومين الموقع
ملاحظة: قد تختلف طرق ارسال المبلغ او طرق الاتصال بهم فهذا لا يهم لانك سوف تجد الطريقة في موقع الاستضافة اهم شي وصول معلومات الموقع الى بريدك
ولا تنسى ان صاحب الموقع سوف يطلب منك الدومين وهو رابط الموقع الذي يقع بين www و .comاو net
http://files.shabab.ps/vb/images_cash/up4/080308223039fjLq.gif
فختر الدومين الذي يناسبك و هناك مواقع تساعدك في معرفة اذا كان الدومين موجود او لا
على الراااابط
http://alarbia.com/index.php?display=Domain
هذا هي صفحة البحث عن الدمين
http://files.shabab.ps/vb/images_cash/up4/080308223040aoZz.gif
سوف تظهر النتيجه وبعدها تتاكد اذا كان الدومين محجوز او لا
فاذا ظهرت النتيجة ( ربما يكون متوفر ) فهو غير محجوز ويمكنك حجزه
واذا ظهرت النتيجة (غير متوفر) فهو محجوز ولا يمكن حجزه
http://files.shabab.ps/vb/images_cash/up4/080308223040FiCV.gif
وبعد ان اخترت الدومين واودعت المبلغ واخبرت صاحب الشركة المستضيفة تنتظر وصول الرسالة وفيه معلومات الموقع ( العادة لا يتجاوز الامر24 ساعه)
سوف تصلك الرسالة على هذا الشكل وبها معلومات الموقع ورسالة ثانية فيها معلومات الشات
http://files.shabab.ps/vb/images_cash/up4/080308223041ODwN.gif
وبنفس الطريقة والمظهرسوف تصلك رسالة معلومات الشات
وان شاء الله سوف نتطرق الى طريقة الاستفادة من هذه البيانات في الحلقات القادمة
اتمنى ان يكون الشرح واضح وان تستفيدوا منه
ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــ
بسم الله الرحمن الرحيم
( اللهم لاعلم لنا الأ ماعلمتنا )
كما وعدناكم اخواني بان نكمل السلسلة الى الاخير لتعم الفائدة ويتخرج منها دفعه من الشباب الراغبين بالتصميم ، وذلك لا يتم الا بالمتابعة خطوة خطوة وتطبيق الدروس
اولا باول .
كما لا يغيب عنكم بان الدروس مكملة لبعضها ، حيث انه تم طرح الحلقة الاول لسلسلة تصميم موقع كامل وبطريقة احترافية
وقبل البداء في الحلقة الثانية من سلسلة تعليم التصميم موقع كامل وبطريقة احترافية ، لابد من مشاهدة الحلقة الاول لانها مكملة لبعضها
لنبداء الدرس وكان الله في عوننا جميعاً
الحلقة الثانية
سلسلة تعليم تصميم موقع كامل ( واجهة موقع احترافية ) الجزء الاول
-
نقوم بعرض الواجهه النهائية التي سنصممها
http://files.shabab.ps/vb/images_cash/up4/0803082230417bt2.gif
نبداء بالجزء الأول وهو تصميم .. الخلفيه مع البنر .. وهو الجزء الاصعب بالموقع والأهم .. لذالك خصصنا له الجزء الاول كاملا .. وبعده نكمل
الموقع بالجزء الثاني كاملا ..
,,,,,,,,,,,,,,,,,,,,,,,,
افتح برنامج الفوتوشوب بالضغط مرتين على ايقونة البرنامج ( دبل كليك )
http://files.shabab.ps/vb/images_cash/up4/080308223042LUzp.gif
نختار من ملف .... جديد .
http://files.shabab.ps/vb/images_cash/up4/080308223042aIvn.gif
نضبط المقاسات كما تلاحظ 770 - 800 بكسيل
http://files.shabab.ps/vb/images_cash/up4/080308223043a4zk.gif
نختار لونين متناسقين واحد ثقيل والاخر خفيف ... ونقوم بتلوين الخلفيه باللون الخفيف كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223043N5Xu.gif
الان نرسم بالدائره ( اذا لم تكن واضحه الدائره عندك اضغط الزر الايمن على المربع وخترها من القائمه ) نرسم 3 دوائر ويكون شكلها كما تلاحظ بالصوره
اثنتين بشكل طولي والاخرى كبيره بالنص
http://files.shabab.ps/vb/images_cash/up4/08030822304358f9.gif
الان نحول الدوائر جميعا لنتمكن من التعامل معها بشكل افضل ... تابع الصوره لتحويل الدوائر الى اشكال عاديه
http://files.shabab.ps/vb/images_cash/up4/080308223044OTVb.gif
الان نقوم بتعبئة الدوائر بالباترين .. والباترين هو خطوط او نقط او اشكال لتجميل الحشو بالمربعات والدوائر .. تابع الصوره لتتعرف كيف يتم الوصل للباترين
والتعبئه
http://files.shabab.ps/vb/images_cash/up4/080308223044hJNA.gif
نقوم بتعبئة الدوائر واحد واحد نحدد الدائره بالضغط عليها ثم نعبئها بالباترن المختار ... والان نريد اعطاء الدوائر شكل افضل .. نختار الاداة الموضحه
بالصوره ونذهب للخيار الاخير .
http://files.shabab.ps/vb/images_cash/up4/080308223045h3JZ.gif
نعمل كما تلاحظ بالصوره وهذا لأعطاء الدائره تحديد على اطرافها
http://files.shabab.ps/vb/images_cash/up4/080308223045cr27.gif
الان نرسم دائرتين بالاعلى كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223045GOyR.gif
ونعدل على الدوائر لنعطيها شكل افضل
http://files.shabab.ps/vb/images_cash/up4/080308223046R4I8.gif
نبداء بضبط الاعدادات كما تلاحظ بالصور التاليه
http://files.shabab.ps/vb/images_cash/up4/080308223046jqdt.gif
http://files.shabab.ps/vb/images_cash/up4/080308223047bkHv.gif
http://files.shabab.ps/vb/images_cash/up4/080308223047MMQa.gif
http://files.shabab.ps/vb/images_cash/up4/080308223047EEDj.gif
وهذا التعديل الاخير ولاكن انتبه عند الانتهاء من ضبط الاعدادات نضغط على الزر المحدد باللون الأحمر . نيو ستايل . لنحفظ التعديلات ونطبقها بكل سهوله على
اي شكل اخر ... بعد الحفظ اضغط اوكي ..
http://files.shabab.ps/vb/images_cash/up4/080308223048pCUO.gif
الان نطبق الاعدادات على الدائره الثانيه نفس الاولى .. وهذا بالذهاب الى قائمة الستايلات او الانماط .. وختيار اخر نمط . وهو الذي قمنا بحفظة قبل قليل
. ومن لم تظهر له هذه الانماط يذهب الى .. قائمة وندوز او نوافذ .. ثم يختار ستايل او نمط ....... بعد تعديل الدوائر . نرسم مستطيل فوقها
ونعطيه الاعدادات نفس مافعلنا بالدوائر .. ونقوم بتعبئتة بالباترن كما تعلمنا قبل قليل ... ينتج هذا الشكل
http://files.shabab.ps/vb/images_cash/up4/080308223048VwbX.gif
الان نريد ان نرسم اشكال على الاطراف للبنر ... نختار الشكل من قائمة الادوات ونحدد الشكل الذي نريد كما تلاحظ بالصوره وهو محدد باللون الاحمر
ومن لم تظهر هذه الاشكال عنده يضغط على الزر الصغير بأقصى اليمين .. وهو محدد باللون الازرق بالصوره التاليه .. تظهر قائمه . اختر كلمة all
او الكل
http://files.shabab.ps/vb/images_cash/up4/080308223049aU9G.gif
نرسم بالشكل المحدد اثنين ونوزعها على اليمين واليسار بشكل منسق ونعطيها اعدادات مثل الدوائر السابقه من قائمة ستايل التي حفظنا الاعدادات بها كما تلاحظ
بالصوره
http://files.shabab.ps/vb/images_cash/up4/080308223049r1vQ.gif
والان نختار شكل جديد وليكن الموجود بالصوره التاليه
http://files.shabab.ps/vb/images_cash/up4/080308223050qHNu.gif
نرسم ورقه يمين وننسخها او نرسم اخرى يسار ونعطيها ستايل نفس ستايل الاشكال الاخر .. وتلاحظ تكرار الاعدادات او الستايل على الكل وهذا لتنسيق الموقع
بشكل احترافي .. الان نريد ان نضبط الشكلين بحيث يظهر الثاني عكس الاول وهذا لتنسيق الشكل بين اليمين واليسار للموقع .. نقوم اولا بتحديد الشكل
المطلوب تابع الصور التاليه
http://files.shabab.ps/vb/images_cash/up4/0803082230505RIl.gif
ثم نعكسها باأتباع الصوره التاليه
http://files.shabab.ps/vb/images_cash/up4/080308223050sTaO.gif
ينتج هذا الشكل الى الان ..
http://files.shabab.ps/vb/images_cash/up4/080308223051mgFb.gif
نرسم دائره متناسقه بالنص ونعطيها نفس ستايل الاشكال الاخرى .
http://files.shabab.ps/vb/images_cash/up4/0803082230512pfY.gif
الانر نريد ان نجعل للدائره التي بالنص خلفية ولتكن صوره .. نذهب الى ملف ... فتح .
http://files.shabab.ps/vb/images_cash/up4/080308223052PvZW.gif
نختار الصوره ونضغط فتح
http://files.shabab.ps/vb/images_cash/up4/080308223052ZGuk.gif
الان نجعل الصوره فوق الدائره .. وندمجها .. باتباع الصوره التاليه .
http://files.shabab.ps/vb/images_cash/up4/080308223052wcPT.gif
بعد الدمج نريد تعديل الوان الصوره لتتناسق مع الموقع .. تابع الصوره لتعديل الألوان
http://files.shabab.ps/vb/images_cash/up4/080308223053onxU.gif
تظهر نافذه التعديل .. اول شي نأشر بعلامة صح على المربعات الموضحه تحت .. ثم نسحب الموشر ليعطينا اللون المطلوب للصوره
http://files.shabab.ps/vb/images_cash/up4/0803082230532nMv.gif
بعد تعديل البنر .. باقي اضافات جماليه .. خفيفه .. وليكن كما هو موضح بالصوره التاليه .. نرسم دائره صغيره ثم نختار من الاشكال الخط
http://files.shabab.ps/vb/images_cash/up4/080308223053uMrk.gif
نرسم الخط من فوق لتحت كما هو محدد باللون الاحمر بالصوره التاليه .. ونعطيه الفلتر الموضح ... تابع
http://files.shabab.ps/vb/images_cash/up4/080308223054Crg0.gif
تظهر نافذه تحذيريه .. اضغط اوكي
http://files.shabab.ps/vb/images_cash/up4/080308223054YJ3e.gif
هذا الفلتر يسمح لك بالتعديل على الخط كما تشاء .. اعمل منحنيات بالخط بالضغط والسحب للجهه التي تريد ... اذا اردت ان تعيده لشكله الاول لتعدل عليه
مره اخرى اضغط على الزر المحدد باللون الاحمر للتعديل .. بعد ضبط الخط اضغط اوكي
http://files.shabab.ps/vb/images_cash/up4/080308223054OdVt.gif
الان نكرر الخط ونعمل الشكل المطلوب مع الدائره الصغيره التي رسمناها .. ونكرر هذا الشكل لتوزيعه على البنر كما تريد ..
ينتج عندنا هذا البنر بشكل احترافي مع الخلفيه ........
http://files.shabab.ps/vb/images_cash/up4/080308223055xE7k.gif
ويبقي الجزء الثاني وهو اضافة البنر السفلي .. الفوتر .. والقوائم والعشر مواضيع او الاهداءات ومربع الشات ... وننهي درسنا ..
اتمنى التطبيق لتعم الفائده ...
مع خالص تمنياتي للجميع بالتوفيق
ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــ
بسم الله الرحمن الرحيم
( اللهم لاعلم لنا الأ ماعلمتنا )
بعد ان اجتزنا الجزء الاول من تصميم الواجهه الاحترافيه .. وكان الدرس عن تصميم البنر والخلفيه ... نبداء الان بالجزء الثاني وهو الاخير لتصميم الواجهه ولكن ليس الدرس الاخير بالسلسله ...
فبقي علينا بعد تصميم الواجهه تقطيعها وطريقة رفعها على الانترنت وادراج الروابط والجماليات مثل الاهداءات واخر 10 مواضيع وخلافه وايضا طريقة تركيب الشات وضبط اعداداته ... فالطريق مازال طويلاً ومن يريد ان يتعلم كل شي ماعليه الا ان يتابع وان شاء الله تتوضح كل الامور للجميع
درس اليوم هو انهاء الواجهه الرئيسية وسيكون الدرس على الفوتر ثم مربع العشر مواضيع ومربع الاعلانات والشات والقوائم
على بركة الله نبداء ....
نفتح عملنا السابق ونرسم مربع اسفل الواجهه وهو الفوتر على شكل مستطيل منحنى الاطراف
http://files.shabab.ps/vb/images_cash/up4/080308223055ZuoE.gif
ندرج صوره ونجعلها فوق الفوتر ونضغط الاختصار CTRL+G من لوحة المفاتيح ليتم دمج الصوره مع الفوتر وهي حركه تجميليه للفوتر وتستطيع ان تستغني عنها
http://files.shabab.ps/vb/images_cash/up4/080308223056qw7m.gif
نختار شكل من قائمة الاشكال وهو الموضح بالصور وايضا تستطيع ان تختار مايناسبك ونحن هنا نعطيك البدايه او طريقة التصميم والابداع يبقى عليك انت
http://files.shabab.ps/vb/images_cash/up4/080308223057fCs0.gif
بعد رسم المربع نضبط اعداداته او شكل كما عملنا سابقا بالبنر .. ونوزع الشكل على الفوتر يمين ويسار بحيث يتناسب مع بعضه
http://files.shabab.ps/vb/images_cash/up4/080308223057mPoZ.gif
نرسم دائره بالنص ونكتب مانريد داخلها من حفظ حقوق وخلافه ... والى هنا ننتهي من الفوتر
http://files.shabab.ps/vb/images_cash/up4/080308223058gMRZ.gif
الان بعد الانتهاء من الفوتر نصمم مربع الاخر 10 مواضيع وهو شكل تجميلي للواجهه ... بالبداية نرسم مستطيل باطراف منحنيه كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223058BAlK.gif
نكرر المستطيل او نرسم واحد اخر ولكن بشكل اصغر بكثير ونضعه فوق الاول ونكتب مثلا اخر 10 مواضيع بالشكل التالي
http://files.shabab.ps/vb/images_cash/up4/0803082230589hRo.gif
الان انتهينا من اخر 10 مواضيع .. نبداء بتصميم المساحات الأعلانيه وانا اعتبرها من الأساسيات بالموقع .. فهي التي تحقق شهره للموقع بالتبادل الاعلانيه وغيره
نرسم مربع باطراف منحنيه تحت العشر مواضيع ونضبط اعداداته وشكله كما تعلمنا سابقا
http://files.shabab.ps/vb/images_cash/up4/080308223059njFl.gif
نرسم مربع اخر بنفس الشكل ولاكن اصغر منه قليلا ونضعه فوق الاول
http://files.shabab.ps/vb/images_cash/up4/080308223059JC3c.gif
الان ندرج صوره تجميليه ونضغط كما فعلنا سابقا CTRL+G لدمجها مع المربع العلوي وهي حركه تستطيع الاستغنى عنها . ونكتب مثلا مساحه اعلانيه كما تلاحظ بالصوره التاليه وتلاحظ ايضا ترتيب اللير ليسهل عليك معرفة تصميمها
http://files.shabab.ps/vb/images_cash/up4/080308223100MTaC.gif
الان انتهيناء من المساحه الاعلانيه ... مثل ماصممنا الاولى نصمم الثانيه ونجعلها تحت بهذا الشكل
http://files.shabab.ps/vb/images_cash/up4/080308223100aNdN.gif
نبداء بتصميم مربع او نافذة الدردشه . الشات . نرسم دائرتين يمين ويسار كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223100UYy9.gif
فوق هذه الدوائر نرسم مربع بأطراف منحنيه ..
http://files.shabab.ps/vb/images_cash/up4/080308223101lI3K.gif
نرسم مستطيلين صغيرين فوق وتحت ونكتب مانريد كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223101M5qR.gif
نرسم مستطيلات مثل السابقه ونوزعها كما تلاحظ بالصوره ونضع روابط الشات عليها
http://files.shabab.ps/vb/images_cash/up4/0803082231025Vsz.gif
وهكذا نكون خلصنا من تصميم مربع الشات .. ومثل ماتلاحظ العملية كلها رسم مربعات وتنسيقها لا اكثر .
نبداء بتصميم القوائم وهي اخر ماتبقى لنا .. نذهب الى الأشكال ونختار الشكل المحدد كما تلاحظ بالصور وتستطيع ان تستبدله بأي شكل تريد
http://files.shabab.ps/vb/images_cash/up4/08030822310202u8.gif
الان نرسم الشكل الذي اخترناه ونرسم ايضا اشكال اخرى بطريقة متناسقه كما تلاحظ هنا
http://files.shabab.ps/vb/images_cash/up4/080308223103pjv9.gif
نرسم دائره فوقها جميعا
http://files.shabab.ps/vb/images_cash/up4/080308223103I41h.gif
نرسم اشكال اخرى فوق كما تلاحظ لندمجها مع القائمه
http://files.shabab.ps/vb/images_cash/up4/080308223103Njqk.gif
ندمجها واحدا واحدا بالضغط كما تعلمنا سابقا على CTRL+G وهذه الحركه تجميليه ..
http://files.shabab.ps/vb/images_cash/up4/080308223104xZyf.gif
نرسم شكل اخر فوق كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223104qwYd.gif
نرسم الازرار وهي مستطيلات متناسقه كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/08030822310564cm.gif
نرسم دائر تجميلية صغيره لها كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223105TYse.gif
نضع روابط للقائمه ..
http://files.shabab.ps/vb/images_cash/up4/080308223106qGXo.gif
وهكذا ننهي الموقع كاملااااااا
اتمنى من الجميع التطبيق مره ومرتين وعشر . قبل طرح اي سؤال ..
مع خالص تمنياتي للجميع بالتوفيق
تقبلو تحياتى أخوكم احمد سعد!
السلام عليكم ورحمة الله وبركاته
:::::الدرس:::::
بسم الله الرحمن الرحيم
اخواني الاعزاء سوف نقوم بتصميم موقع كامل من الالف الى الياء وبطريقة احترافية وتفصيلية جدا وقد تطول السلسلة لعدة حلقات وذلك لرغبتنا في ادراج كل كبيرة وصغيرة في تصميم المواقع حتى تكون ان شاء الله موسوعه كاملة لتعليم تصميم المواقع يعتمد عليها كل من يرغب التصميم دووون التنقل من منتدى الى اخر للحصول على معلومات تساعده على بناء موقع متكامل
وذلك يجب اتباع الاتي
- المكونات الاساسية:
1- برنامج الفوتوشوب
2-مساحه على شبكة الانترنت لرفع الموقع
3- برنامج الفرنت بيج
4- حجز برنامج الشات
5- برنامج الاف تي بي
- سلسلة الدروس التي سوف نتطرق لها
الحلقة الاول :حجز مساحه على شبكة الانترنت بشرح مفصل وحجز شااااات
الحلقة الثانية: تصميم واجهة موقع احترافية من الالف الى الياء (الجزء الاول)
الحلقلة الثالثة:رفع واجهة الموقع الاحترافية عن طريق الاف تي بي (الجزء الثاني)
الحلقة الرابعة: تصميم صفحات فرعية للموقع بطريقة احترافية( الجزء الاول)
الحلقة الخامسة: رفع الصفحات الفرعية عن طريق الاف تي بي(الجزء الثاني)
الحلقة السادسة: تركيب منتدى على الموقع مع انشاء قاعدة له ( الجزء الاول)
الحلقة السابعة:تركيب منتدى على الموقع مع انشاء قاعدة له ( الجزء الثاني)
الحلقة الثامنه:تركيب الشات والصور الرمزية والابتسامات
الحلقة التاسعة:اضافة مكتبة الصور للموقع
الحلقة العاشرة: اضافة مكتبة البرامج للموقع
الحلقة الحادية عشر: اضافة شريط الاهداء للواجهة الرئيسية
الحلقة الثانية عشر:اضافة ستايل للمنتدى
الحلقة الثالثة عشر: اضافة بعض الهاكات المهمة للمنتدى
ملاحظة مهمة جدا : قد يتم تعديل على احد الدروس وذلك لزيادة معلومة او لتعديل خطاء لا قدر الله وسوف ينبه عن ذلك بالدرس الذي يليه ووضعه كملاحظة في بداية الدرس الجديد
ارجوووا من الاخوان المتابعة وتطبيق الدروس حتى يتاكد لي انكم معي خطوة بخطوة واي ملاحظة او سؤال لا تتردد فيه طرحه
والان اخواني الاعزاء سوف نبداء في سلسلة الدروس وكان الله في عوننا جميعاً
الحلقة الاول
حجز مساحه على شبكة الانترنت بشرح مفصل وحجز شااااات
اخواني هناك شركات كثيرة تقدم خدمة الاتسضافة ولكن تختلف عن بعضها من حيث الاسعار والحماية والدعم الفني المتواصل والخدمات الاخرى
فقد تجد شركة تعطيك عرض 100 ميغا ب 100 ريال ولكنه لا توجد فيها حماية قوية ولا يمكن تقديم الدعم الفني على مدار 24 ساعه ولا يوجد نسخ احتياطي
وتجد شركة ثانية تعطيك عرض 100ميغا ب 300 ريال ولكن يوجد عليها حماية قوية ودعم 24 ساعه وخدمات اخرى ونسخ احتياطي
واهم خدمة تقدمه الشركة المستضيفه هو النسخ الاحتياطي فالافضل ان تختار شركة تقوم بنسخ يومي، اسبوعي، شهري حتى لو لا قدر الله اخترق الموقع او هبط السيرفر يكون هناك نسخه من قواعد موقعك عندهم تستطيع اعادته ولا يذهب جهدك سداء
فقد حدث الامر لاحد اصدقائي حيث حجز مسحه في شركة رخيصة وبعد اربعة اشهر كان موقعه قد اشتهر ولديه اعضاء تجاوزا الالفين والمنتدى يحتوي على مواضيع كثير والشات لديه زوار كثر وبدون سابق انذار اخترق سيرفر الشركة وذهبت جميع جهود صديقي سداء حيث ان الشركة لم تكن تعمل نسخ احتياطي للموقع وذهب الالفين عضو ومعهم المنتدى والشات.
فاذا كنت ترغب بالرخص عليك بالاول واذا كنت تبحث عن الجودة والافضل عليك بالثانية
واذا كان موقعك بسيط وليس كبير ويختصر على منتدى وشات فالافضل ان تبداء بمساحه قدرها 100 ميغا وتستطيع ان تزيدها بأي وقت .
انا لن اتطرق لاي شركة حتى لا يكون هناك تحيز ولكن انت يمكن ايجاد الشركة بنفسك وتستطيع معرفة اذا كانت شركة قوية او لا من حيث مشاهدة عملائها فاذا كانوا من المواقع الكبيرة فعرف انها شركة استضافة ممتازة وكذالك عن طريق الاسعار فلا تغرك رخس الشركة فقد تاتي على راسك بعد فترة
فطريقة الحجز سهلة اختر اي شركة وسوف تجد في موقعهم حساب الشركة ارسل المبلغ لهم حسب المساحه التي اخترتها وكذالك سعر الشات
لنفرض انك اخترت مساحة 100 ميغا بسعر 250 ريال
وشات لمدة 6 شهور بمبلغ وقدره 300 ريال
المجموع : 550 ريال
ارسل المبلغ على حسابهم اما عن طريق الايداع او عن طريق الصراف او عن اي طريقه هم يحددونها في الموقع
بعد ان ترسل المبلغ على حسابهم اتصل على رقم الجوال او رقم الخدمه للموقع وتجده في الموقع وتخبرهم انك ارسلت المبلغ للمساحه 100 ميغا وشات 6 شهور
سوف يطلب منك صاحب الاستضافة الاميل حتى يرسل ملعومات الموقع لك وكذلك دومين الموقع
ملاحظة: قد تختلف طرق ارسال المبلغ او طرق الاتصال بهم فهذا لا يهم لانك سوف تجد الطريقة في موقع الاستضافة اهم شي وصول معلومات الموقع الى بريدك
ولا تنسى ان صاحب الموقع سوف يطلب منك الدومين وهو رابط الموقع الذي يقع بين www و .comاو net
http://files.shabab.ps/vb/images_cash/up4/080308223039fjLq.gif
فختر الدومين الذي يناسبك و هناك مواقع تساعدك في معرفة اذا كان الدومين موجود او لا
على الراااابط
http://alarbia.com/index.php?display=Domain
هذا هي صفحة البحث عن الدمين
http://files.shabab.ps/vb/images_cash/up4/080308223040aoZz.gif
سوف تظهر النتيجه وبعدها تتاكد اذا كان الدومين محجوز او لا
فاذا ظهرت النتيجة ( ربما يكون متوفر ) فهو غير محجوز ويمكنك حجزه
واذا ظهرت النتيجة (غير متوفر) فهو محجوز ولا يمكن حجزه
http://files.shabab.ps/vb/images_cash/up4/080308223040FiCV.gif
وبعد ان اخترت الدومين واودعت المبلغ واخبرت صاحب الشركة المستضيفة تنتظر وصول الرسالة وفيه معلومات الموقع ( العادة لا يتجاوز الامر24 ساعه)
سوف تصلك الرسالة على هذا الشكل وبها معلومات الموقع ورسالة ثانية فيها معلومات الشات
http://files.shabab.ps/vb/images_cash/up4/080308223041ODwN.gif
وبنفس الطريقة والمظهرسوف تصلك رسالة معلومات الشات
وان شاء الله سوف نتطرق الى طريقة الاستفادة من هذه البيانات في الحلقات القادمة
اتمنى ان يكون الشرح واضح وان تستفيدوا منه
ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــ
بسم الله الرحمن الرحيم
( اللهم لاعلم لنا الأ ماعلمتنا )
كما وعدناكم اخواني بان نكمل السلسلة الى الاخير لتعم الفائدة ويتخرج منها دفعه من الشباب الراغبين بالتصميم ، وذلك لا يتم الا بالمتابعة خطوة خطوة وتطبيق الدروس
اولا باول .
كما لا يغيب عنكم بان الدروس مكملة لبعضها ، حيث انه تم طرح الحلقة الاول لسلسلة تصميم موقع كامل وبطريقة احترافية
وقبل البداء في الحلقة الثانية من سلسلة تعليم التصميم موقع كامل وبطريقة احترافية ، لابد من مشاهدة الحلقة الاول لانها مكملة لبعضها
لنبداء الدرس وكان الله في عوننا جميعاً
الحلقة الثانية
سلسلة تعليم تصميم موقع كامل ( واجهة موقع احترافية ) الجزء الاول
-
نقوم بعرض الواجهه النهائية التي سنصممها
http://files.shabab.ps/vb/images_cash/up4/0803082230417bt2.gif
نبداء بالجزء الأول وهو تصميم .. الخلفيه مع البنر .. وهو الجزء الاصعب بالموقع والأهم .. لذالك خصصنا له الجزء الاول كاملا .. وبعده نكمل
الموقع بالجزء الثاني كاملا ..
,,,,,,,,,,,,,,,,,,,,,,,,
افتح برنامج الفوتوشوب بالضغط مرتين على ايقونة البرنامج ( دبل كليك )
http://files.shabab.ps/vb/images_cash/up4/080308223042LUzp.gif
نختار من ملف .... جديد .
http://files.shabab.ps/vb/images_cash/up4/080308223042aIvn.gif
نضبط المقاسات كما تلاحظ 770 - 800 بكسيل
http://files.shabab.ps/vb/images_cash/up4/080308223043a4zk.gif
نختار لونين متناسقين واحد ثقيل والاخر خفيف ... ونقوم بتلوين الخلفيه باللون الخفيف كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223043N5Xu.gif
الان نرسم بالدائره ( اذا لم تكن واضحه الدائره عندك اضغط الزر الايمن على المربع وخترها من القائمه ) نرسم 3 دوائر ويكون شكلها كما تلاحظ بالصوره
اثنتين بشكل طولي والاخرى كبيره بالنص
http://files.shabab.ps/vb/images_cash/up4/08030822304358f9.gif
الان نحول الدوائر جميعا لنتمكن من التعامل معها بشكل افضل ... تابع الصوره لتحويل الدوائر الى اشكال عاديه
http://files.shabab.ps/vb/images_cash/up4/080308223044OTVb.gif
الان نقوم بتعبئة الدوائر بالباترين .. والباترين هو خطوط او نقط او اشكال لتجميل الحشو بالمربعات والدوائر .. تابع الصوره لتتعرف كيف يتم الوصل للباترين
والتعبئه
http://files.shabab.ps/vb/images_cash/up4/080308223044hJNA.gif
نقوم بتعبئة الدوائر واحد واحد نحدد الدائره بالضغط عليها ثم نعبئها بالباترن المختار ... والان نريد اعطاء الدوائر شكل افضل .. نختار الاداة الموضحه
بالصوره ونذهب للخيار الاخير .
http://files.shabab.ps/vb/images_cash/up4/080308223045h3JZ.gif
نعمل كما تلاحظ بالصوره وهذا لأعطاء الدائره تحديد على اطرافها
http://files.shabab.ps/vb/images_cash/up4/080308223045cr27.gif
الان نرسم دائرتين بالاعلى كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223045GOyR.gif
ونعدل على الدوائر لنعطيها شكل افضل
http://files.shabab.ps/vb/images_cash/up4/080308223046R4I8.gif
نبداء بضبط الاعدادات كما تلاحظ بالصور التاليه
http://files.shabab.ps/vb/images_cash/up4/080308223046jqdt.gif
http://files.shabab.ps/vb/images_cash/up4/080308223047bkHv.gif
http://files.shabab.ps/vb/images_cash/up4/080308223047MMQa.gif
http://files.shabab.ps/vb/images_cash/up4/080308223047EEDj.gif
وهذا التعديل الاخير ولاكن انتبه عند الانتهاء من ضبط الاعدادات نضغط على الزر المحدد باللون الأحمر . نيو ستايل . لنحفظ التعديلات ونطبقها بكل سهوله على
اي شكل اخر ... بعد الحفظ اضغط اوكي ..
http://files.shabab.ps/vb/images_cash/up4/080308223048pCUO.gif
الان نطبق الاعدادات على الدائره الثانيه نفس الاولى .. وهذا بالذهاب الى قائمة الستايلات او الانماط .. وختيار اخر نمط . وهو الذي قمنا بحفظة قبل قليل
. ومن لم تظهر له هذه الانماط يذهب الى .. قائمة وندوز او نوافذ .. ثم يختار ستايل او نمط ....... بعد تعديل الدوائر . نرسم مستطيل فوقها
ونعطيه الاعدادات نفس مافعلنا بالدوائر .. ونقوم بتعبئتة بالباترن كما تعلمنا قبل قليل ... ينتج هذا الشكل
http://files.shabab.ps/vb/images_cash/up4/080308223048VwbX.gif
الان نريد ان نرسم اشكال على الاطراف للبنر ... نختار الشكل من قائمة الادوات ونحدد الشكل الذي نريد كما تلاحظ بالصوره وهو محدد باللون الاحمر
ومن لم تظهر هذه الاشكال عنده يضغط على الزر الصغير بأقصى اليمين .. وهو محدد باللون الازرق بالصوره التاليه .. تظهر قائمه . اختر كلمة all
او الكل
http://files.shabab.ps/vb/images_cash/up4/080308223049aU9G.gif
نرسم بالشكل المحدد اثنين ونوزعها على اليمين واليسار بشكل منسق ونعطيها اعدادات مثل الدوائر السابقه من قائمة ستايل التي حفظنا الاعدادات بها كما تلاحظ
بالصوره
http://files.shabab.ps/vb/images_cash/up4/080308223049r1vQ.gif
والان نختار شكل جديد وليكن الموجود بالصوره التاليه
http://files.shabab.ps/vb/images_cash/up4/080308223050qHNu.gif
نرسم ورقه يمين وننسخها او نرسم اخرى يسار ونعطيها ستايل نفس ستايل الاشكال الاخر .. وتلاحظ تكرار الاعدادات او الستايل على الكل وهذا لتنسيق الموقع
بشكل احترافي .. الان نريد ان نضبط الشكلين بحيث يظهر الثاني عكس الاول وهذا لتنسيق الشكل بين اليمين واليسار للموقع .. نقوم اولا بتحديد الشكل
المطلوب تابع الصور التاليه
http://files.shabab.ps/vb/images_cash/up4/0803082230505RIl.gif
ثم نعكسها باأتباع الصوره التاليه
http://files.shabab.ps/vb/images_cash/up4/080308223050sTaO.gif
ينتج هذا الشكل الى الان ..
http://files.shabab.ps/vb/images_cash/up4/080308223051mgFb.gif
نرسم دائره متناسقه بالنص ونعطيها نفس ستايل الاشكال الاخرى .
http://files.shabab.ps/vb/images_cash/up4/0803082230512pfY.gif
الانر نريد ان نجعل للدائره التي بالنص خلفية ولتكن صوره .. نذهب الى ملف ... فتح .
http://files.shabab.ps/vb/images_cash/up4/080308223052PvZW.gif
نختار الصوره ونضغط فتح
http://files.shabab.ps/vb/images_cash/up4/080308223052ZGuk.gif
الان نجعل الصوره فوق الدائره .. وندمجها .. باتباع الصوره التاليه .
http://files.shabab.ps/vb/images_cash/up4/080308223052wcPT.gif
بعد الدمج نريد تعديل الوان الصوره لتتناسق مع الموقع .. تابع الصوره لتعديل الألوان
http://files.shabab.ps/vb/images_cash/up4/080308223053onxU.gif
تظهر نافذه التعديل .. اول شي نأشر بعلامة صح على المربعات الموضحه تحت .. ثم نسحب الموشر ليعطينا اللون المطلوب للصوره
http://files.shabab.ps/vb/images_cash/up4/0803082230532nMv.gif
بعد تعديل البنر .. باقي اضافات جماليه .. خفيفه .. وليكن كما هو موضح بالصوره التاليه .. نرسم دائره صغيره ثم نختار من الاشكال الخط
http://files.shabab.ps/vb/images_cash/up4/080308223053uMrk.gif
نرسم الخط من فوق لتحت كما هو محدد باللون الاحمر بالصوره التاليه .. ونعطيه الفلتر الموضح ... تابع
http://files.shabab.ps/vb/images_cash/up4/080308223054Crg0.gif
تظهر نافذه تحذيريه .. اضغط اوكي
http://files.shabab.ps/vb/images_cash/up4/080308223054YJ3e.gif
هذا الفلتر يسمح لك بالتعديل على الخط كما تشاء .. اعمل منحنيات بالخط بالضغط والسحب للجهه التي تريد ... اذا اردت ان تعيده لشكله الاول لتعدل عليه
مره اخرى اضغط على الزر المحدد باللون الاحمر للتعديل .. بعد ضبط الخط اضغط اوكي
http://files.shabab.ps/vb/images_cash/up4/080308223054OdVt.gif
الان نكرر الخط ونعمل الشكل المطلوب مع الدائره الصغيره التي رسمناها .. ونكرر هذا الشكل لتوزيعه على البنر كما تريد ..
ينتج عندنا هذا البنر بشكل احترافي مع الخلفيه ........
http://files.shabab.ps/vb/images_cash/up4/080308223055xE7k.gif
ويبقي الجزء الثاني وهو اضافة البنر السفلي .. الفوتر .. والقوائم والعشر مواضيع او الاهداءات ومربع الشات ... وننهي درسنا ..
اتمنى التطبيق لتعم الفائده ...
مع خالص تمنياتي للجميع بالتوفيق
ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــ
بسم الله الرحمن الرحيم
( اللهم لاعلم لنا الأ ماعلمتنا )
بعد ان اجتزنا الجزء الاول من تصميم الواجهه الاحترافيه .. وكان الدرس عن تصميم البنر والخلفيه ... نبداء الان بالجزء الثاني وهو الاخير لتصميم الواجهه ولكن ليس الدرس الاخير بالسلسله ...
فبقي علينا بعد تصميم الواجهه تقطيعها وطريقة رفعها على الانترنت وادراج الروابط والجماليات مثل الاهداءات واخر 10 مواضيع وخلافه وايضا طريقة تركيب الشات وضبط اعداداته ... فالطريق مازال طويلاً ومن يريد ان يتعلم كل شي ماعليه الا ان يتابع وان شاء الله تتوضح كل الامور للجميع
درس اليوم هو انهاء الواجهه الرئيسية وسيكون الدرس على الفوتر ثم مربع العشر مواضيع ومربع الاعلانات والشات والقوائم
على بركة الله نبداء ....
نفتح عملنا السابق ونرسم مربع اسفل الواجهه وهو الفوتر على شكل مستطيل منحنى الاطراف
http://files.shabab.ps/vb/images_cash/up4/080308223055ZuoE.gif
ندرج صوره ونجعلها فوق الفوتر ونضغط الاختصار CTRL+G من لوحة المفاتيح ليتم دمج الصوره مع الفوتر وهي حركه تجميليه للفوتر وتستطيع ان تستغني عنها
http://files.shabab.ps/vb/images_cash/up4/080308223056qw7m.gif
نختار شكل من قائمة الاشكال وهو الموضح بالصور وايضا تستطيع ان تختار مايناسبك ونحن هنا نعطيك البدايه او طريقة التصميم والابداع يبقى عليك انت
http://files.shabab.ps/vb/images_cash/up4/080308223057fCs0.gif
بعد رسم المربع نضبط اعداداته او شكل كما عملنا سابقا بالبنر .. ونوزع الشكل على الفوتر يمين ويسار بحيث يتناسب مع بعضه
http://files.shabab.ps/vb/images_cash/up4/080308223057mPoZ.gif
نرسم دائره بالنص ونكتب مانريد داخلها من حفظ حقوق وخلافه ... والى هنا ننتهي من الفوتر
http://files.shabab.ps/vb/images_cash/up4/080308223058gMRZ.gif
الان بعد الانتهاء من الفوتر نصمم مربع الاخر 10 مواضيع وهو شكل تجميلي للواجهه ... بالبداية نرسم مستطيل باطراف منحنيه كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223058BAlK.gif
نكرر المستطيل او نرسم واحد اخر ولكن بشكل اصغر بكثير ونضعه فوق الاول ونكتب مثلا اخر 10 مواضيع بالشكل التالي
http://files.shabab.ps/vb/images_cash/up4/0803082230589hRo.gif
الان انتهينا من اخر 10 مواضيع .. نبداء بتصميم المساحات الأعلانيه وانا اعتبرها من الأساسيات بالموقع .. فهي التي تحقق شهره للموقع بالتبادل الاعلانيه وغيره
نرسم مربع باطراف منحنيه تحت العشر مواضيع ونضبط اعداداته وشكله كما تعلمنا سابقا
http://files.shabab.ps/vb/images_cash/up4/080308223059njFl.gif
نرسم مربع اخر بنفس الشكل ولاكن اصغر منه قليلا ونضعه فوق الاول
http://files.shabab.ps/vb/images_cash/up4/080308223059JC3c.gif
الان ندرج صوره تجميليه ونضغط كما فعلنا سابقا CTRL+G لدمجها مع المربع العلوي وهي حركه تستطيع الاستغنى عنها . ونكتب مثلا مساحه اعلانيه كما تلاحظ بالصوره التاليه وتلاحظ ايضا ترتيب اللير ليسهل عليك معرفة تصميمها
http://files.shabab.ps/vb/images_cash/up4/080308223100MTaC.gif
الان انتهيناء من المساحه الاعلانيه ... مثل ماصممنا الاولى نصمم الثانيه ونجعلها تحت بهذا الشكل
http://files.shabab.ps/vb/images_cash/up4/080308223100aNdN.gif
نبداء بتصميم مربع او نافذة الدردشه . الشات . نرسم دائرتين يمين ويسار كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223100UYy9.gif
فوق هذه الدوائر نرسم مربع بأطراف منحنيه ..
http://files.shabab.ps/vb/images_cash/up4/080308223101lI3K.gif
نرسم مستطيلين صغيرين فوق وتحت ونكتب مانريد كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223101M5qR.gif
نرسم مستطيلات مثل السابقه ونوزعها كما تلاحظ بالصوره ونضع روابط الشات عليها
http://files.shabab.ps/vb/images_cash/up4/0803082231025Vsz.gif
وهكذا نكون خلصنا من تصميم مربع الشات .. ومثل ماتلاحظ العملية كلها رسم مربعات وتنسيقها لا اكثر .
نبداء بتصميم القوائم وهي اخر ماتبقى لنا .. نذهب الى الأشكال ونختار الشكل المحدد كما تلاحظ بالصور وتستطيع ان تستبدله بأي شكل تريد
http://files.shabab.ps/vb/images_cash/up4/08030822310202u8.gif
الان نرسم الشكل الذي اخترناه ونرسم ايضا اشكال اخرى بطريقة متناسقه كما تلاحظ هنا
http://files.shabab.ps/vb/images_cash/up4/080308223103pjv9.gif
نرسم دائره فوقها جميعا
http://files.shabab.ps/vb/images_cash/up4/080308223103I41h.gif
نرسم اشكال اخرى فوق كما تلاحظ لندمجها مع القائمه
http://files.shabab.ps/vb/images_cash/up4/080308223103Njqk.gif
ندمجها واحدا واحدا بالضغط كما تعلمنا سابقا على CTRL+G وهذه الحركه تجميليه ..
http://files.shabab.ps/vb/images_cash/up4/080308223104xZyf.gif
نرسم شكل اخر فوق كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223104qwYd.gif
نرسم الازرار وهي مستطيلات متناسقه كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/08030822310564cm.gif
نرسم دائر تجميلية صغيره لها كما تلاحظ
http://files.shabab.ps/vb/images_cash/up4/080308223105TYse.gif
نضع روابط للقائمه ..
http://files.shabab.ps/vb/images_cash/up4/080308223106qGXo.gif
وهكذا ننهي الموقع كاملااااااا
اتمنى من الجميع التطبيق مره ومرتين وعشر . قبل طرح اي سؤال ..
مع خالص تمنياتي للجميع بالتوفيق
تقبلو تحياتى أخوكم احمد سعد!