المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : دورة تصميم ستايلات للVb الجزء الأول



الناقل العجيب
10-08-2006, 08:11 AM
دورة تصميم ستايلات للVb الجزء الأول

bahrain2009

بعد الإنتهاء من تصميم لستايل في الفوتوشوب


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

وقصص لستايل بالطريقة التالية

ثم اختر file من القائمة العلوية وثم save for web

سيضهر لك التالي اضغط على save

ثم افتح برنامج لفرونت بيج

وبعدها اختر كلمة code من الأسفل

ثم ارجع لصفحة designe وكون جدول

بعد ذلك اضغط على الجدول رايت كلك table properties

وغير المعلومات إلى المعلومات التالية

الآن اضغط في اي مكان رايت كلك ثم page properties

وغير none إلى right to left to left

بعد الإنتهاؤ اضغط على زر ok
-
حدد ال3 مربعات الوسطية

واضغط عليهم رايت كلك marge cells

الحين افتح الملف الي خزنته قبل شوي من save for web بالفرونت بيج ورتب الصور
عند الإنتهاء من ترتيب الصور ستلاحض مشاكل مثل

و

الحل بسيط
كل صور على حسب اتجاهة خلها على اتجاها مثلاً الي على اليمين يمين والي على اليسار يسار من هذي الدوات

والعمودين اضغط عليهما دبل كلك وثم general

ثم امسح العمود واضغط رايت كلك cell properties مكانه

ضع علامة صح امام use background picture والصق مانيخته قبل قليل واضغط على ok
وافعل الشيئ نفسه للعمود الثاني
واذهب لأعلى الأٍستايل حيث المشاكل اضغط دبل كلك على الصورة العلوية


وثم احذف الصورة واضغط رايت كلك cell properties

ضع صح اما use background picture والصق مانسخته واضغط ok
واضغط رايت كلك cell propeties أيضاً على المكانين اليمين واليسار مكان ضهور الون الابيض

وضع علامة الصح والصق مانسخته مرة اخرى
وافعل الشيئ نفسه في الأسفل

النهاية اقتربت اختر صفحة code من الأسفل وانسخ كل المكتوب فيها

الأن افتح محرر النصوص note pad

والصق مانسخته
ثم اختر edit replace من القائمة العلوية

وفي اول خانة اكتب images/
في ثاني خانة اكتب اسم مجلد الصور ثم /

بعد الإنتهاء اضغط replace All و انسخ المكتوب في محرر النصوص والصقه فس صفحة code في لفرونت بيج وارجع لصفحة design
وضع الماوي في اي مكان في الوسط

وارجع لصفحة code

ولا تحرك الماوس إلى اي مكان من مكان الماوس

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

واضهب لمجلد الصور images الذي خزنه الفوتوشوب مع ملف الhtml وانسخ الصور الموجودين داخل images واعمل ملف جديد داخل مجلد المنتدى الرئيسي بالأسم الذي اخترته لمجلد الصور والصق الصور فيه
وشاهد النتيجة
----------------------------------------------------------------------
انتضرو الجزء الثاني