::الدرس الرابع التقطيع والتوزيع والتركيب على المنتدى:: دورة تصميم استايل للمبتدئين

أهلا وسهلا بجميع اعضاء معهد أول استايل الغاليين بدورتنا البسيطه للمبتدئين
ودرس جدد فى عالم التصميم وعالم تصميم استيلات المنتديات

والدورة الخاصة والمجانية بتصميم الاستيل للمبتدئيين

بدعم من شبكة ومنتديات فوكـ

www.focvb.com/vb

الدرس الرابع من( دورة تصميم الاستايل للمبتدئيين )التقطيع والتوزيع




وبعد هذه الدروس(الاول والثاني) كان ناتج دروسنا التالى



والناتج دا اللى هنقوم بتقطيعة وتوزيعة و هنعمل من خلالة الدرس الثالث

بس قبل كل دا يا جماعة فى حاجه لازم تكون عندنا قبل عملية التقطيع والتوزيع

اولا يكون عندنا برنامج Microsoft FrontPage 2003

واللى مش عنده البرنامج دا تقدر تحملة من هنا

http://awlstyle.com/vb/showthread.php?t=5414

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

ومن هنا لازم كل واحد فينا يكون عنده منتدى على جهازة وايضا من هنا

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

[ AppServ ] شرح تركيب السيرفر على جهازك وتنصيب منتدى عليه
والشرح هنا

http://awlstyle.com/vb/showthread.php?t=5414


وبكدا نكون عندنا الحاجات اللى من خلالها ان شاء الله هنكمل الاستايل بتعنا

فى الدرس دا انا شرحته بطريقتيين

ياريت اللى يقرأ الدرس يشوف طريقتيين الشرح

علشان لو معرفش حاجه من هنا

يقدر يكملها من الشرح الاخر

الاولى عن طريق شرح الفيديو

اللى تقدر تحمل من رابط مباشر من هنا
حجمه 18 ميجا

http://ia360636.us.archive.org/2/ite...vb.com.rar.mpg

بعد التنزيل عليك بمسح .mpg من الملف
بحيث يكون اسم الملف كدا بس
focvb.com.rarوبعدين تفك الضغط من عليه

ولو الامتداد مش ظاهر عندك
بتظهر امتداد الملفات عن طريق
Tools
Folder Options
View
وتشيل العلامة من المربع اللى جمب
Hide Extensions For know File Typeوتعمل موافق

وثانيا
وشرح عن طريق الصور
وهوا اللى هشرحه الوقتى

هنقول بسم الله

الوقتى التصميم بتعنا خلاص خلص وهوا اللى قدمنا دا




اول خطوات الدرس بتعنا النهاردة وهيا تقطيع التصميم

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

هيجى واحد يقول ايه اللى راجل قاعد يقوله دا ايه تمدد ومش تمدد

اقولك انا بقى يعنى ايه تمدد

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

يعنى لو عندك الشاشه بتعتك 800*600 هيكون الاستايل مظبوط عليها

ولو الشاشة عندك 1024*768 ايضا الاستايل هيكون مظبوط عيها

عشان الاسكرول بار ميظهرش فى الاستايل تحت وميتعبش اللى بيتصفح موقعك

غير كدا كمان المفجأة اللى هعملها دى تمدد من نوع خاص


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

دلوقتى التصميم قدامنا فى ا لفوتوشب

هنختار اداة التقطيع



وهنقوم بتقطيع التصميم زى ما قدمكم كدا



بعد التقطيع هنقوم بحفظ التصميم وحفظه فى السيرفر الشخصى بتاعنا فى نسخه المنتدى على المسار دا
C:\AppServ\www\vb



ومثلا انا مسمى فولدر الاستايل بتاعى
t3lemy



يبقى هيبقى المسار بتاع حفظ الصور بتعنا

C:\AppServ\www\vb\t3lemy


وهيكون لينا الناتج دا بتاع التصميم

انقر هنا لمشاهدة الصوره بحجمها الطبيعي. الحجم الاصلي لهذه الصوره هو 924x389 53kb

وزى ما انتو شايفيين انا معلم فوق على المسار بتاع التصميم بتعنا

خليكم بقى معايا فى الحتة دى

احنا الوقتى عندنا فى الهيدر الصورة الى على اليمين والصورة اللى على الشمال والصورة اللى فى النص

احنا هناخد صورة واحدة من اللى على اليمين والشمال دول وهنعملها تمدد ونمسج التانية

وايضا نفس النظام مع الفوتر

يعنى هنمسح الصور اللى مش هنسختدمها فى التصميم

اللى انا معلم عليها دى



علشان يكون زى ما قدمنا كدا فى صور التصميم

وبكدا تكون صور الاستايل بتعنا جاهزة للتوزيع على الفرونت بيج



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



هنقوم بمسح الاكواد اللى متعلم عليها دى



ونضغط على كلمة
Design
من تحت زى ما فى الصورة



ونقوم بعمل ادراج جدول كالاتى



ومن هنا تم عمل الجدول



نضغط داخل الجدول وعمل كليك يميين

واختيار

Tabel properties



وهعمل الاتى كما بالصورة والضغط على Ok



بعد عمل الاتى نقوم بعمل ايضا كليك يميين فى الجدول واختيار

Cell Properties



ونقوم باختيار التمدد عن طريق

Browse



واختيار صورة تمدد الهيدر





علشان يكون ناتج التمدد بتعنا دا



نقوم بالضغط فى الجدول

ونعمل توسيط من شريط الادوات اللى فوق



ونقوم بالضغط على علامة اختيار الصور



واختيار صورة الهيدر



علشان يكون الناتج الىل قدامنا دا



انا شايف الناس نامت منى كله يفوق شوية وركزوا

بعد كدا احنا عملنا الهيدر والتمدد

الوقتى عاوزيين نعمل الروابط بتاع الزراير اللى احنا عامليينها فى الهيدر

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

ونضغط كليك يميين واختيار

Picture



علشان يطلع لينا شريط الادوات دا



هنقوم باختيار اداة التحديد



هنحدد على الزر اللى احنا عاوزيين نعمل عليه الرابط



ونضع كود الرئيسية كالتالى

ودى بعض الاكواد اللى ممكن نستخدمها فى الروابط