(تمت الافادة)طلب مساعده في تصميم الواجهة جننتني ؟

[محمد العنزي]

السلام عليكم
يا اخوان انا عندي مشكلة في واجهة الموقع
صممة موقع في فوتوشوب وقطعت الواجهة وحولتها لفرنت بيج
ورفعت الواجهة الى الشبكة لكن المشكلة ان الواجهة تطلع متقطعة ماتطلع كامله
وهذا مثال لها www.dmrm.hostaim.com
واتمنى المساعده وشكرا

[abohmam]

حياك الله أخى محمد

من خيارات الجدول قم بتعديل 1 إلى 0
حتى لايكون هناك مسافات فى أعمدة الجدول

http://img6.imageshack.us/img6/8910/capturewiz004j.jpg

وستكون هذه هى النتيجة

http://img87.imageshack.us/img87/7179/capturewiz003o.jpg


موفق بإذن الله ... لك مني أجمل تحية .

[محمد العنزي]

الله يجزاك بالخير يابو همام على الرد ...
والله انا حاولت على الشي هذا وخليتها على صفر لكن تطلع مقطعه نفس الشي
هذا الشي من اول اسويه ولا يتغير شي واتمنى انك تفيدني وشكرا لك ..
تصميم الواجهة في برنامج فوتوشوب 8 والتقطيع بعد
والتعديل في برينامج فرنت بيج 2003

[abohmam]

حياك الله أخى محمد

ممكن ترفع لى الملفات كى ألقى نظرة للتأكد

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

فى إنتظار التصميم بدون تقطيع او بعد التقطيع أو ملف html إن شاء الله ساقوم بتعديله لك

[محمد العنزي]

راح اتعب معي .......
وهذا الملف رفعته على الموقع هذا

http://arabsh.com/vuw4bjvgwbql.html
وانتظرك ... انشاء الله

[abohmam]

حياك الله أخى محمد

تصحيح ( إنشاء الله ) إلى إن شاء الله بارك الله فيك

جارى التحميل والإطلاع إن شاء الله

[abohmam]

بعد التحميل ومشاهدة التقطيع

وجدت أخطاء كثيرة جدا أخى محمد

ولا أدرى هل فعلا ستستخدم هذا التصميم أم فقط للتعلم والتجربة ؟
لأنه يحتاج إعادة نظر سواء فى التصميم والتقطيع

فهناك أمور لابد ان تراعيها فى التصميم كى يتم التقطيع بطريقة صحيحة وسليمة
ولا أدرى هل ستستخدم القوائم بوضعها الحالى أم ستستبدلها بقوائم داينمك او جافا أو css ؟

أرجوا توضيح الأمر والتأكد من أنك ستستخدمه كى لايضيع المجهود فى تصميم سوف لايتم إستخدامه !!!

[محمد العنزي]

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

[abohmam]

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

حياك الله اخانا محمد

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

ثانيا الأخطاء فهى كثيرة جدا وأرجوا المسامحة فالتخطيط كان غير جيد ومتناسب

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

الحلول السريعة تلاحظها من خلال هذه الصورة

http://img832.imageshack.us/img832/5863/morfqaat003.jpg

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

ابدلت القائمة الجانبية بقوائم تفاعلية DHTML من خلال برنامج فرونت بيج ( يمكنك إختيار مايناسبك )

لم أقم بتغير التصميم حيث أننى لم اعرف مساحات البلوكات المطلوبة ( بلوك الدردشة ) مثلا فكان من الممكن ان يتم التقطيع رباعي الأطراف

الخلاصة أرفقت لك المثال فى المرفقات إن شاء الله تستفيد منه

وهناك دورة جميلة جدا قام بنقلها أخينا محمود بارك الله فيه عن توزيع التصميم وإنشاء موقع بلغة CSS

http://www.abc4web.net/vb/showthread.php?t=15810

موفق بإذن الله ... لك مني أجمل تحية .

[محمد العنزي]

,,,,,,,,,,,, بارك الله فيك ,,,,,,,,,,,,,,