اهلا وسهلا بك من جديد زائر آخر زيارة لك كانت في الخميس يناير 01, 1970 مجموع مساهماتك 85 آخر عضو مسجل Amwry فمرحباً به


اذهب الى الأسفل
ميلاد البغدادي
ميلاد البغدادي
عضو جديد
عضو جديد
الجنس : ذكر
عدد المساهمات : 22
المزاج : حزين
النقاط : 64

عاجل دورة تصميم مجلة لموقعك

الخميس مايو 26, 2011 1:44 pm
الدرس الخامس والاخير


دورة تصميم مجلة لموقعك  Teacher86.net_12989900721

تكملة للجزء الرابع .... وهو تصميم الاطار للمحتوى

روح للفوتوشوب وافتح التصميم اللي سويناه

دورة تصميم مجلة لموقعك  Magazeeen65-jpg

ثم اختر هذه الأداة

دورة تصميم مجلة لموقعك  Teacher86.net12821634691

ثم اضف طبقه جديده ثم قم برسم مستطيل وقم بإعطائه الاستايل اللي حفظناه
وقد قمت برسم مستطيل واعطائه نفس الاستايل اللي حفظناه اصبح هكذا

دورة تصميم مجلة لموقعك  Teacher86.net12821635171



ثم قم بحفظ العمل بالضعط على File ثم save as ثم قم بتسمية الصوره اي اسم ومن امام كملة format اختر الامتداه الموضح لك

بالصوره التاليه بالرقم 1 ثم اضغط على save

دورة تصميم مجلة لموقعك  Teacher86.net12821635591

ثم قم بفتح الصوره اللي حفظناها للتو من الخيار file ثم open ثم اختر الصوره اللي حفناها .
ثم اختر اداة التحديد

دورة تصميم مجلة لموقعك  Teacher86.net12821636021


ثم قم بتحديد المستطيل اللي عملناه كما التحديد الموضح لك بالصوره
(( لاحظ ان التحديد يعطي فراغ بسيط من اليمين واليسار وذلك لظهور الظل اللي بالإطار واذا لم يكن هنا ظل للاطار قم بتحديد المستطيل

بدون ترك فراغات يمين ويسار المستطيل .. ويفضل ترك فراغ بسيط من اليمين واليسار كما بالصوره التاليه ))

دورة تصميم مجلة لموقعك  Teacher86.net12821636611


ثم
ثم من قائمة Edit اختر Cut ثم اذهب الى قائمة File واختر New واضغط على ok مباشرة ثم اضغط على قائمة Edit واختر منها

Paste ... وستلاحظ انه تم لصق المستطيل

ثم قم بتقسيم المستطيل الى 3 أجزاء (( تقطيع )) علوي وسفلي ومنتصف



دورة تصميم مجلة لموقعك  Teacher86.net12821637161

دورة تصميم مجلة لموقعك  Teacher86.net12821637212

دورة تصميم مجلة لموقعك  Teacher86.net12821637213


ثم قم بتحديد الجزء العلوي من اليسار (( لا بد من فتح نافذة info علشان نقدر نعيّن مقاسات التحديد وما يهمنا بالتحديد هو العرض فقط

احفظه بذاكرتك لأننا راح نرجع له بالتقصيص للمستطيل ))

دورة تصميم مجلة لموقعك  Teacher86.net12821637871


ثم من قائمة Edit اختر Cut ثم اذهب الى قائمة File واختر New واضغط على ok مباشرة ثم اضغط على قائمة Edit واختر منها

Paste ... ثم احفظ الصوره بأي إسم يدل على الصوره .
ثم حدد الجزء الأيمن بنفس عرض التحديد اللي عملناه ثم قم بقصه وحفظه بإسم يدل عليه .
وأيضا في المنتصف حدد عرض بسيط من الصوره حتى يصبح خلفيه وقم بقصه وحفظه بإسم يدل عليه .
وبعد ان قمت بقص الصوره العلويه للمستطيل نتج لي هذه الصور

دورة تصميم مجلة لموقعك  Teacher86.net12821638421

دورة تصميم مجلة لموقعك  Teacher86.net12821638522

دورة تصميم مجلة لموقعك  Teacher86.net12821638523



ثم اذهب للصوره السفليه للمستطيل وقم بعمل تحديد للجهه اليسرى ثم اليمنى ثم المنتصف كما فعلنا بالصوره العلويه واحفظ الصور

بأسماء تدل عليها . (( ولا تنسى أن عرض التحديد يجب ان يكون متساوي )) .
وقمت بتقصيص الجزء السفلي ونتج لي هذه الصوره

دورة تصميم مجلة لموقعك  Teacher86.net12821639201

دورة تصميم مجلة لموقعك  Teacher86.net12821639202

دورة تصميم مجلة لموقعك  Teacher86.net12821639203


ثم اذهب للصوره اللي بالمنتصف >>> ولا نحتاج منها سوى قص الجهه اليمنى واليسرى فقط (( ولاحظ ان العرض لابد أن يكون هو

نفسه بتحديدنا اللي حفظناه بذاكرتنا )) .
وقمت بالقص ونتج لي التالي :

دورة تصميم مجلة لموقعك  Teacher86.net12821639721

دورة تصميم مجلة لموقعك  Teacher86.net12821639822



والحين ارجع للفرونت بيج يااااامال الغنيمه وافتح الصفحه اللي ركبنا فيه التصميم ثم اضغط بالماوس مره واحده بمنتصف الصفحه حتى

تجعل المؤشر بداخله

دورة تصميم مجلة لموقعك  Teacher86.net12821640221

ثم اضف جدول ذو 3 أعمده رأسيه و 3 أعده أفقيه

دورة تصميم مجلة لموقعك  Teacher86.net12821640631

ثم اضغط كلك يمين بمنتصف الجدول واختر خصائص الجدول

دورة تصميم مجلة لموقعك  Teacher86.net12821640961

ثم اعمل القيم كما مبين لك بالصوره

دورة تصميم مجلة لموقعك  Teacher86.net12821641431

ثم اسحب العمود الأيمن الى أقصى اليمين واحسب العمود الأيسر الى أقصى اليسار وسيظهر كهذا

دورة تصميم مجلة لموقعك  Teacher86.net12821641781


ثم قم بتركيب الصور كما فعلنا سابقا وكل صوره بمكانها المناسب (( ألم أقل لك أن تضع اسم يدل على الصوره ))
شاهد كيف قمنا بتركيب الصور بالجدول

دورة تصميم مجلة لموقعك  Teacher86.net12821642141



والآن نقول لنفسنا هنئا لكي لقد قمتي بعمل شيء جميل ...

في أعلى الأطار أكتب مسمى لمحتوى الإطار >> مثلا (( جديد الموقع )) وفي المنتصف أكتب المحتويات كما في هالصوره :

دورة تصميم مجلة لموقعك  Teacher86.net12821642511



وتستطيع اضافة أكثر من قائمة للموقع أو أكثر من اطار محتويات حسب رغبتك ... كل ما عليك هو نسخ جدول القائمه ولصقه اسفل

القائمه المنسوخه ... أو اذا كانت لك خبرة بالتعامل من اكواد HTML تستطيع نسخ كود جدول القائمه بالكامل ومن ثم لصقه أسفل

الكود اللي نسخته مباشرة (( واذا تبي تفصل بين القائمتين تستطيع وضع هالكود
فهو يعني سطر بحيث سيتم الفصل بين

القائمتين بسطر واحد )) ... شاهد معي الطريقه

دورة تصميم مجلة لموقعك  Teacher86.net12821642911



ثم بنفس الطريقه تستطيع اضافة اطارات .

وبعد إضافة القوائم والإطارات اللازمه لموقعنا ... شاهد كيف اصبح الآن

دورة تصميم مجلة لموقعك  Teacher86.net12821643361


ولاحظ أن هناك خليه فارغه في الأعلى وايضا بالأسفل >>>
أما العلويه فتستطيع وضع صور للإعلانات بها او اي روابط او نصوص محببه لك .
وأما السفليه فهي لكتابة (( جميع الحقوق محفوظه لموقع بوادي )) أو كتابة اي جمله ترغبها أو وضع عداد زوار او عداد احصائيه .


وبهذا انتهينا من التصميم والتركيب بقي لدينا حفظ العمل كصفحة ويب HTM او HTML كلتا الجملتين تفي بالغرض ..


بعد الانتهاء من اضافة القوائم والاطارات اذهب للقائمة ملف من أعلى الفرونت بيج ثم اختر حفظ بإسم وستظهر لك النافذه التاليه :

دورة تصميم مجلة لموقعك  Teacher86.net12821643811



ثم سيتم حفظ الصفحه بنفس الإسم index .

والآن قم بتحميل مجلد الصور كاملا الى موقع والصفحه التي بجانبه الى موقعك ... وأصبح جاهزا للتصفح


ألف مبرووووووك عليك المجله الحلوه .


وإنتهينا ولله الحمد من الدرس المتعب والجميل ومن طبّق هذا الدرس سأبصم له بالعشره انه قادر على تصميم استايل للمنتدى بكل سهوله او تصميم استايل لأي سكربت يواجهه دون صعووووووبات ... لأن أصعب التصاميم وأكثرها دقه هي التصميم كالمجله حيث يتطلب صبرا كثيرا ودقه بالعمل مع شوية احترافيه .



وتمنياتي لكم بالتوفيق


دورة تصميم مجلة لموقعك  576261 دورة تصميم مجلة لموقعك  576261 دورة تصميم مجلة لموقعك  576261 دورة تصميم مجلة لموقعك  576261 دورة تصميم مجلة لموقعك  576261 دورة تصميم مجلة لموقعك  576261 دورة تصميم مجلة لموقعك  576261
هيثم
هيثم
عضو ذهبي
عضو ذهبي
الجنس : ذكر
عدد المساهمات : 4077
المزاج : هادئ
العمر : 44
تاريخ الميلاد : 20/03/1980
النقاط : 10880
ألقاب اضافية : مشرف قسم الأغاني العراقية الحديثة

MMS : فيس بوك العراق والعرب iq-fb.com

عاجل رد: دورة تصميم مجلة لموقعك

الأحد أبريل 29, 2012 1:04 am
دورة تصميم مجلة لموقعك  574714

دورة تصميم مجلة لموقعك  132525
Jalal Alzobaidy
Jalal Alzobaidy
عضو فضي
عضو فضي
عدد المساهمات : 2702
المزاج : رومانسي
العمر : 52
تاريخ الميلاد : 11/03/1972
النقاط : 4250
العمل : ضابط جيش
ألقاب اضافية : مشرف على اقسام الشعر الشعبي والفصيح

MMS : فيس بوك العراق والعرب iq-fb.com

عاجل رد: دورة تصميم مجلة لموقعك

الأحد أبريل 29, 2012 6:12 pm
879879
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى