جزاك الله خير

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

و اشكرك من كل قلبي

السلام عليكم ورحمة الله.

صبرك معانا شوي أخي العزيز.

هناك درس خاص في تقطيع الصور وحفظها كـ HTML سأنقله قريباً إن شاء الله تعالى في نفس هذا الموضوع عزيزي.

تحياتي.

شكراً اخي Selection28
هذا الموضوع يفيد كثيراً مصممين المواقع ومن يرغبون في عمل الواجهات Interface لمواقعهم
وهناك رجاء ان يتم في الدروس اللاحقة توضيح بعض التفاصيل الدقيقة المتعلقة بتنفيذ العمل والتي يمكن ان تكون حجر عثرة في طريق من لا يملك خبرة كافية بالبرنامج ..

تحياتي ..

السلام عليكم ورحمة الله وبركاته

درس جميل جداً ومفيد بارك الله فيك .

رفيق الدرب

شكرا للجمـيع.

الأخ ابو بدر

أنا مستعد ابين اي تفصيل أو شئ غير واضح في تطبيق هذه الدروس إن شاء الله هنا.

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

شكراً لكم على الملاحظة وإن شاء الله أنا في خدمة الجمـيع.

تحياتي لكم.

حضرة الأخ العزيز Anmar

سلام عليكم

تفضل أخي تكملة الدرس وتحويل الشكل إلى جداول HTML:

http://www.photoshopclub.net/Tutoria...gn/slicing.htm

وأنا في خدمتك.

تحياتي لك.

ما اعرف كيف اشكرك

ولله حليت لي مشكلة كبيرة و لله ما اعرف كيف اشكرك

تسلم اخي Selection28

السلام عليكم
اخوي Selection28 , هذا الدرس جميل جدا وكنا محتاجينه
فيه اسئلة اترك الصورة هي التي تسألك
هنا
http://www.ro7e.net/upload/files/123asd.jpg



سؤال اخير : درس التصميم مشابه لتصميم هذه الصفحة http://www.abunawaf.ws/forum/index.php?act=SF&f=7

لكن هذه الصفحة عندما يتم تحول مقاس الشاشة الى 764×1024 لايتأثر التصميم لكن في تصميم هذا الدرس يتأثر ويكون التصميم كأنه وضع لمقاس الشاشة 640×480 .. سؤالي كيف نضع تصميم لايتأثر بأي مقاس لشاشة زائر الموقع

ارجوا ان يكون السؤال واضح

حضرة الأخ العزيز عابر
السلام عليكم
شكراً لك أخي لمتابعتك الدرس وتطبيقه.

الرد على السـؤال الأول:

الظاهر من الشكل الذي تفضلت به هو أنك وضعت لاير الـ Stroke أسفل لاير الـ Style لهذا فأن الستايل باين على الستروك ...
عليك أن تضع لاير الستروك فوق لاير الستايل.
قمت بتحرير الدرس للتركيز على هذه الخطوة بالذات ... إن شـاء الله يكون هذه المرّة أوضح.

شكراً لك مرّة ثانية على المتابعة والملاحظة.

الرد على السـؤال الثاني:

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

الموقع الذي نقلته لي .. فلنأخذ البنر الفوق كمثال:

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

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

هناك درس في النادي يتطرق إلى هذا الأمر ولكن التايبل هناك عمودي بدل من أن يكون أفقي ... مهما طال التايبل فأن شكله لن يتغير.

الدرس ستجده:

http://www.photoshopclub.net/Tutoria...ders/index.htm

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

أتمنى أن يكون الشرح واضح وإذا فيه اي سـؤال أو إسـتفسار أنا في الخدمة عزيزي.

تقبل تحياتي.

اخوي Selection28
شكرا على الشرح المستفيض
يعني الحل هي جعل الصورة في وسط التصميم خلفية ..
فيه مشكلة عندي وهي ان الدروس الخط فيها رمادي فاتح جدا وصغير وهذا يتعبني في القراءة
شكرا اخي الدروس فعلا قيّمة وتسد فراغ نعاني منه

لا شكر على واجب ..
إن شـاء الله سنقوم قريباً بتغيير تصميم المنتدى من جديد وسيتغر الستايل حقه بما يناسب طلبات الجمـيع.

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

تقبل تحياتي.

اخي العزيز Selection28

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

و شكراً

الأخ العزيز أنمـار

صورة الـ Spacer وغيرها موجودة داخل جداول Tables، هذه الجداول لها حجم معين بالبكسل وليست بالنسب المئوية ... يعني إذا كان ما هو موجود في داخل الـ Spacer أكبر من خارجه فأن الجدول سيمتد حتى يحتوي على الكلام ... مع إمتداد الجدول فأن الصور الموجودة في داخل هذه الجداول ستتغير أخي العزيز.

هذه أحد سلبيات تصميم المواقع بالفوتوشوب فقط لأنه يقيدك.

يستحب إستخدام الفوتوشوب في قص الصور والدريم ويفر أو الفرونت بايج في ترتيبها ووضعها في جداول بالنسب المئوية ...

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

تفضل:

http://www.maxforums.net/showthread....threadid=26035

لا أعرف مدى إهتمام الأخوة بهذه الأمور لكن الدرس في غاية الأهمية لمصممي المواقع

شوف الدرس وإذا واجهت مشكلة أخبرني وأنا في خدمتك.

بيض الله وجهك والله يرفع قدرك .......
مشكووور الله يكتب أجرك .
ونفتقر لمثل هذه الدروس المهمه جداً .
وبالتوووفيق ،،،