شرح عمل واجهة مميزة و رفعها على موقعك حصريــــــــا
السلام عليكم و رجمة الله تعالى و بركاته
اليوم باذن الله و رعايته أقدم لكم
شرح تركيب تصميم واجهة موقع + تقطيعها + وضع روابط + رفعها الى الموقع
المستلزمات :
الفوتوشوب داعم للغة العربية
+
الفرونتبيج
+
برنامج لرفع الملفات الى المواقع
+
الصبر ....
بسم الله الرحمن الرحيم نبدأ : نفتح الفوتوشوب بالتأكيد و عمل و جديد :
بعدها نحدد القياس المبين لنا : ننقر مرتيين على الخلفية :
ثم ...:
بعدها نختار ما يلي :
يليها ...: نختار التالي :
ننقر أوكي :
و نختار اللون مثلا البرتقالي : و ليكون التصميم متوازنا نختار :
و سيظهر لنا التصميم على هذا الشكل لا تخف خخخخ :
نختار اداة المربع :
نرسم الهيدر : بعدها :
ثم ....: الآن نأخذ أداة التدرج لعمل تدرج للهيدر :
و نعمل هذا الشكل : و نرسم مثل ما رسمنا الهيدر الآن الفووتر يعني الجزء السفلي : نعمل تأثيرا للفووتر عن طريق ....:
أوكي :
نحدد القياس المبين بالصورة :
و نحصل على : الآن نختار الأداة التالية لعمل القائمة الرئيسية للواجهة :
و نرسم التالي : الآن و بنفس الأداة نرسم الزر :
نختار استايل للزر :
بعدها ...: و نكرر اللير أربع مرات :
الآن نرسم الشكل التالي : و لاعطاء تأثير جميل نختار :
أوكي :
نحدد القياسات الموجودة بالصورة :
و بعدها نحصل ....:
الآن بقي علينا فقط الكتابة و هذا شيء سهل :
الآن نمر الى مرحلة التقطيع و علينا اختيار الأداة التالية :
و نقوم بتطيع الواجهة على هذا النحو :
و بعدها مباشرة نختار :
ثم ....:
ثم ....: الآن انتهينا ما عليك سوى غلق الفوتوشوب و تبع معي : نفتح ملف الهتمل الذي حفظناه مع الصور بواسطة برنامج الفرونتبيج : ستظهر لنا الواجهة جانبا و ليس بالوسط لهذا نضغط بالزر الأيمن على صورة من الواجهة :
ثم نختار ما بالصورة :
الآن نحدد الروابط بالضغط على احد أزرار الواجهة بالزر الأيمن :
نكتب الرابط : ستظهر لنا ما في الصورة ان الواجهة قد تشوهت :
لذلك نضغط مرتين متتاليتين على صورة من الواجهة : و نعطي القيمة 0 مكان 2 :
الآن نحدد لونا لخلفية الموقع بالضغط بالزر الأيمن على مكان من الواجهة :
نختار لونا يتناسق مع الواجهة مثلا البرتقالي :
و سيظهر لنا التصميم على هذا الشكل :
نحفظ العمل :
نمر الى برنامج رفع الملفات :
نرفع ملف الصور + ملف الهتمل : بعد اكتمال الرفع نغير اسم ملف startimes.html الى index.html :
بعدها نحدد الاسم : و ألف مبروووووووووووووووك
------------
منقوول من هنا :[ فقط المشتركين فى المنتدى يمكنهم رؤية الرابط . اضعط هنا للتسجيل ... ]