(3) تصميم موقع كالمجله بكل دقه واحتراف - منتديات نور الاستقامة
  التعليمـــات   قائمة الأعضاء   التقويم   البحث   مشاركات اليوم   اجعل كافة الأقسام مقروءة
أخواني وأخواتي..ننبه وبشدة ضرورة عدم وضع أية صور نسائية أو مخلة بالآداب أو مخالفة للدين الإسلامي الحنيف,,,ولا أية مواضيع أو ملفات تحتوي على ملفات موسيقية أو أغاني أو ماشابهها.وننوه أيضاَ على أن الرسائل الخاصة مراقبة,فأي مراسلات بين الأعضاء بغرض فاسد سيتم حظر أصحابها,.ويرجى التعاون.وشكراً تنبيه هام


** " ( فعاليات المنتدى ) " **

حملة نور الاستقامة

حلقات سؤال أهل الذكر

مجلة مقتطفات

درس قريات المركزي

مجلات نور الاستقامة



الإهداءات


العودة   منتديات نور الاستقامة > نور التصاميم والإبداع > الفوتوشوب وملحقاته

الفوتوشوب وملحقاته [برامج التصميم] [دروس التصميم] [فرش] [سكرابز] [صور للتصميم] [خطوط] [خلفيات]


إضافة رد
 
أدوات الموضوع
Icon26  (3) تصميم موقع كالمجله بكل دقه واحتراف
كُتبَ بتاريخ: [ 02-21-2011 ]
رقم المشاركة : ( 1 )
الصورة الرمزية عابر الفيافي
 
عابر الفيافي غير متواجد حالياً
 
رقم العضوية : 1
تاريخ التسجيل : Jan 2010
مكان الإقامة : في قلوب الناس
عدد المشاركات : 8,917
عدد النقاط : 363
قوة التقييم : عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز


نقره لعرض الصورة في صفحة مستقلة
(3) تصميم موقع كالمجله بكل دقه واحتراف


تكملة للجزء الثاني ..


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

الحين روح الى برنامج الفرونت بيج وافتحه
Microsoft FrontPage
اضغط كلك يمين بمنتصف الصفحه واختر خصائص الصفحه
نقره لعرض الصورة في صفحة مستقلة

ثم من التبويب عام اكتب اسم موقعك كما مبين لك بالصوره
نقره لعرض الصورة في صفحة مستقلة

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

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

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

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

سوف يصبح الجدول هكذا وبدون حدود
نقره لعرض الصورة في صفحة مستقلة

نقوم بسحب العمود الأيمن الى اقصى اليمين وايضا نسحب العمود الأيسر الى اقصى اليسار كما مبين لك بالصوره
نقره لعرض الصورة في صفحة مستقلة

وسيصبح شكل الجدول هكذا
نقره لعرض الصورة في صفحة مستقلة

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

بالضغط على الرمز هذا
نقره لعرض الصورة في صفحة مستقلة

ثم ستظهر نافذة ادراج الصوره ابحث عن الصور اللي حفظناها واختر الصوره hr واضغط ادراج
نقره لعرض الصورة في صفحة مستقلة

ثم اذهب وحط الماوس فوق الخليه العلويه اليسرى للجدول واضغط ضغطه واحده علشان يصير المؤشر بداخلها واختر اداة ادراج الصور
نقره لعرض الصورة في صفحة مستقلة

ثم اختر الصور اللي عطيناها اسم hl

والآن عزيزي حط الماوس فوق الخليه العلويه بالمنتصف ومن الأعلى اضغط على اداة التوسيط
نقره لعرض الصورة في صفحة مستقلة

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

ثم اضغط على استعراض واختر الصوره اللي بإسم hback
نقره لعرض الصورة في صفحة مستقلة

والحين حبيبي خلي مؤشر الماوس بالخليه اللي بالنص العلويه واضغط على اداة ادراج الصوره
نقره لعرض الصورة في صفحة مستقلة

واختر الصوره اللي قلنا عليها تعتبر بنر للشكل العلوي وتكتب عليها اسم موقعك >>> هل تتذكرها ؟؟
تحمل الاسم hb قم باختيارها واضغط على ادراج
والآن انتهينا من تركيب صور الشكل العلوي وستظهر لك كما الشكل التالي :
نقره لعرض الصورة في صفحة مستقلة

والآن اضغط كلك بالخليه اليمنى اللي بالمنتصف واختر خصائص الخليه ... ثم اضغط على استعراض واختر الصوره اللي حفظناها بإسم

right وهذه الخليه تفيدنا بأن (( مهما زاد ارتفاع الصفحخ سيتم تعبأة الخليه بهذه الصوره )) .

ثم اضغط كلك يمين بالخليه اليسرى اللي بالمنتصف واختر خصائص الخليه ... ثم اضغط على استعراض واختر الصوره اللي حفظناها

بإسم left .
وشاهد كيف أصبح التصميم :
نقره لعرض الصورة في صفحة مستقلة

والآن نذهب للخليه اليمنى بالأسفل ونحط الماوس فوق الخليه ونضغط بالماوس ضغط واحده حتى يصبح المؤشر بداخل الخليه ثم نختار

اداة ارداج الصور
نقره لعرض الصورة في صفحة مستقلة

ثم نختار الصوره اللي تحمل الإسم fr ونضغط على ادراج شاااااااااهد كيف اصبحت :
نقره لعرض الصورة في صفحة مستقلة

بعدها اذهب وضع الماوس فوق الخليه اليسرى السفليه تمانا واضغط مره واحده في منتصف الخليه حتى يصبح المؤشر بداخل الخليه ثم

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

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

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

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

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

مهما تمدد التصميم او كبرت مقاسات الشاشه راح يتمدد تلقائيا وبدون مشاكل ان شاء الله >>> شاهد الصوره :
نقره لعرض الصورة في صفحة مستقلة

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

واختر الصوره اللي تحمل الأسم fb واذا تتذكر ترانا قلنا هالصوره راح تكون بمثابة بنر سفلي نستطيع كتابة نص الحقوق مثلا او اسم

المصمم او المبرمج وهكــذا ... شاهد الآن كيف أصبح شكل التصميم
نقره لعرض الصورة في صفحة مستقلة

والآن ولله الحمد انتهينا من تركيب الإطار كاملا للمجله >>> وراح تلاحظ بأن لون الصفحه أبيض ومغاير عن لون التصميم !! فما الحل ؟


افتح الفوتوشوب ثم افتح التصميم اللي عملناه ثم من صندوق الأدوات بالاسفل اضغط على اداة ادارة الألوان التي تحمل الرقم 1 بالصوره

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

الكود المحدد بالصوره التاليه
نقره لعرض الصورة في صفحة مستقلة

ثم اذهب للفرونت بيج بالصفحه الخاصه بتصميمنا واضغط على HTML
نقره لعرض الصورة في صفحة مستقلة

ستجد الكود التالي
bgcolor="#FFF7DE"

هو لاضافة لون الخلفيه للصفحه ... كل ما عليك فعله هو حذف كود اللون بالكود السابق ولصق كود اللون اللي نسخناه من الفوتوشوب
لاحظ أن كود اللون هو المحدد باللون الأزرق بالصوره التاليه :
نقره لعرض الصورة في صفحة مستقلة

ثم ارجع لتصميمنا وستلاحظ انه تم تغيير لون الخلفيه
نقره لعرض الصورة في صفحة مستقلة


ملاحظه : اذا لم تجد كود اللون تستطيع انت كتابته بالشكل التالي :

bgcolor="#FFF7DE"

وضعه بعد كلمة BODY العلويه بحيث سيصبح هكذا كامل الكود :
<body topmargin="0" leftmargin="0" bgcolor="#FFF7DE">


والآن اصبح الاطار جاهزا وأصبحت الألوان متناسقه مع صور التصميم ... كلااااااااام حلو وجميل ويشجع اننا نكمل مع بعض التطبيق .


انتهى الجزء الثالث وانتظروا الجزء الرابع ...

(3) jwldl l,ru ;hgl[gi f;g ]ri ,hpjvht 3 l,ru jwldl f;g ]ri ,hpjvht ;hgl[gi





توقيع :



لا يـورث الـعلم مـن الأعمام **** ولا يـرى بالليـل فـي الـمنـام
لـكــنـه يحصـــل بالتـــكـــرار **** والـدرس بالليـــل وبـالـنـهار
مـثاله كشجرة فـــي النــفس **** وسقيه بالدرس بعد الـغرس

رد مع اقتباس

إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
3 , موقع , تصميم , بكل , دقه , واحتراف , كالمجله


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
موقع متكامل مصمم على سكربت جوملا عابر الفيافي نور السكربتات ومجلات إدارة المحتوى 4 11-28-2012 10:48 PM
(2) تصميم موقع كالمجله بكل دقه واحتراف عابر الفيافي الفوتوشوب وملحقاته 0 02-21-2011 09:18 PM
(1) تصميم موقع كالمجله بكل دقه واحتراف عابر الفيافي الفوتوشوب وملحقاته 0 02-21-2011 09:17 PM
دليلك الطبي جنون نور الصحة والعناية 0 10-30-2010 04:37 PM
شرح طريقة التسجيل رفع الفيديو إلى موقع "يوتيوب" YouTube عابر الفيافي نــور الـفـيـديـو والـيـوتـيـوب 0 10-28-2010 11:29 PM


الساعة الآن 01:58 AM.