مبتديء ومحتاج مساعدتكم .........

[uas100]

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

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

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

تقبلو إحترامي و تحيتي.

[:: كويتي ::]

البرنامج الذي يستخدم في توزيع الاستايلات والقوالب والواجهات بإحتراف
هو برنامج الفرونت بيج
ابحث عنه في قوقل او في سوالف سوفت وستجده

[uas100]

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

[mades]

اخي الفاضل اهم شيء لازم تعرف في هذه المرحة هو ان الفوتوشوب برنامج تصميم ( ثاتيرات . ودمج. و جعل العمل جميل ) فقط
لو اردت ان تجعل الصفحة سريعة نسبيا فمازال لدي 50% من العمل على احد برانج تنسيق المواقع
front page or dreamweaver
اغلب المصممين الجدد يخرجون العمل من الفوتوشوب مقطع لكن المشكلة هي ان العمل كله صور ( ثقيل )
شد حيلك معاي ( كما بيقول المصريين ^^)
قم بتقطيع العناصر الضرورية للواجهة فقط ..... ازرار الهيدر والفوتر ولو في حواف للجداول او في تدرجات وهكدا ...
وقم بتركيبها على احد البرامج التي ذكرت فوق و حيكون العمل خفيف لانو ما في صور كثير
اكيد للوصول الى نتيجة مرضية يطلب عمل و صبر

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

[Remano]

شوف ياعزيزي
الموضوع لايكمن في برنامج
بل يكمن في طريقه تقطيع وتوزيع التصميم ككل
طبعا لتحصل على السرعه في ستايلات المنتدى مثلا
قم بالتوزيع عن طريق ال css ولا تستعمل الجداول
وقم بالاهتمام بالمعايير القياسية
ثانيا عند التقطيع قم بالاهتمام بكل بكسل
فمثلا اذا اردت ان تأخذ منطقة تمدد قم بجعل عرضها 1 بكسل فقط ولا تقم بأخذ كامل الصوره كما اشاهد في كثير من الستايلات
ثالثا هناك عدة تنسيقات للصورة تجعلها اخف فحسب تصميمك تقوم بأخراج صورك
ولا تنسى ان التصاميم القائمة على تعداد لوني ليس كبير مثل واجهات الweb2.0 تجدها افضل واخف من غيرها
ان شاء الله اكون افدتك ولو قليلا
واذا احتجت لأي مساعده او شرح اكثر لأي نقطع من السابقه لايردك الا كيبوردك

[M. Al-Dhafeeri]

هلا فيك اخوي الغالي..

اول شي شوف موقعي بالتوقيع (كمثال مهندس كويتي)

التقطيع يكون عن طريق الفوتوشوب (ومحد يقدر يستغني عنه)

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

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

ولكي أكون واضح نزل هذا القالب..
http://www.clickclick.ws/download/file.php?id=28

شوف طريقة التقطيع فقط الاشياء الضروريه والباقي (مثلا الحواف وغيرها) راح تقدر تستغني عنها لما تسوي خلفية بنفس اللون

أتمنى المعلومه وصلت واي خدمه الشباب وانا مانقصر ان شاء الله

[uas100]

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

[mades]

سبب بطئ الصفحة .. او شيء بلاحظه اخي هو استعمالك للصور بصيغة jpg ودا من الطبيعي
افضل صيغة gif /png .. حتلاحظ تغير نسبي
وكمان في شيء ثاني هو استعمالك للصور بكثرة /// والافضل تخلي الازرار ب css حتكون افضل
http://img372.imageshack.us/img372/8632/66556376kq8.jpg
المهم غير صيغة الصور

[uas100]

سبب بطئ الصفحة .. او شيء بلاحظه اخي هو استعمالك للصور بصيغة jpg ودا من الطبيعي
افضل صيغة gif /png .. حتلاحظ تغير نسبي
وكمان في شيء ثاني هو استعمالك للصور بكثرة /// والافضل تخلي الازرار ب css حتكون افضل
http://img372.imageshack.us/img372/8632/66556376kq8.jpg
المهم غير صيغة الصور

شكرا جزيلا لمداخلتك ، وبالنسبة للصيغة ، أنا لما إستعملت الصيغة gif مع المحافظة على جودة الصور كان حجم الصفحة أكثر من 500 و أقل ما قدرت أوصل له هو 470 كيلو
أما بالصيغة الحالية فحجم الصفحة 290 كيلو و هذا أقل ما قدرت أوصل له ، أما عن تقنية css هذه ما أعرفها و راح أعملي فكرة عن الموضوع من خلال البحث
و شكرا جزيلا لك.

[Remano]

لاحظت شيء اخر في مثالك
لك هذه الصورة
http://www.dzmaison.com/index_files/khra_17.jpg
مكرره حوالي 4 مرات في نفس الصفحه
عندما تكون هناك صورة واحده مكرره اكثر من مرة بالتصميم قم بالاستغناء عنها جميعا وابقي صورة واحده وقم بنسخها
ستقوم بالتحميل مره واحده فقط بدل خمس مرات

ملاحظه اخرى تساعدك ايضا
عندما تقوم بشرح خدمه مثل " مرحبا بك في بيت الجزائر ... الخ
قم بكتابتها يدويا ولاتقم بوضع صورة والكتابه عليها
لأن النتيجه واحده
انصحك ان تتعرف على ال css لانها ستفيدك كثيرا
بالتوفيق

[uas100]

لاحظت شيء اخر في مثالك
لك هذه الصورة
http://www.dzmaison.com/index_files/khra_17.jpg
مكرره حوالي 4 مرات في نفس الصفحه
عندما تكون هناك صورة واحده مكرره اكثر من مرة بالتصميم قم بالاستغناء عنها جميعا وابقي صورة واحده وقم بنسخها
ستقوم بالتحميل مره واحده فقط بدل خمس مرات

ملاحظه اخرى تساعدك ايضا
عندما تقوم بشرح خدمه مثل " مرحبا بك في بيت الجزائر ... الخ
قم بكتابتها يدويا ولاتقم بوضع صورة والكتابه عليها
لأن النتيجه واحده
انصحك ان تتعرف على ال css لانها ستفيدك كثيرا
بالتوفيق

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

[Remano]

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