الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

الشكل الجمالي للموقع..

مغلق
بدأه undo في 6 أبريل 2005 · 10 رد · 1,640 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

العبد لله -زي ما كلكم عارفين طبعاً- شاطر جداً في البرمجة و قواعد البيانات و الحسابات(سامعني يا هارووون :P) .. لكن اول ما تيجي للذوق و الجماليات فانا سالب صفر على الشمال (وسالب الصفر هو رقم اقل من الصفر)..

المشكلة في برمجة الويب ان الواجهة يجب ان يتم تصميمها ببرامج اخرى غير الفيجوال ستوديو..

انا لدي مجموعة ضخمة جداً من القوالب الجاهزة (عددها 153) و كلها شيك جداً و ذوق عالي جداً.. انا كنت اعتقد اني لمّا احب اصمم الواجهة هأستخدم واحدة منهم بسهولة مع صفحات الasp .net التي قمت بتصيمهم لكن الحقيقة ان عملية الدمج طلعت مزعجة جداً ..

بل حتى ما قبل الدمج لا اعرف كيف يتم.. القوالب مصممة بالphoto shop و امتدادها psd فلو تغاضينا عن الحقيقة المزعجة بأني لا اعرف استخدم الphotoshop فانا لا أتقن كيف استخدم صفحات الhtml الناتجة في صفحات الasp .net ..

على كل الحال، ما اقوم به حالياً هو اني انسخ كود الhtml الى صفحة الasp .net و أدمجهم معاً لكي تعمل الصفحة بشكل جيد.. طبعاً اكرر هذا الكلام لكل صفحة..

الكلام اللي فات كان تجربتي الشخصية..

الان اريد ان اعرف من شباب الasp .net كيف يقومون بعمل واجهة لبرامجهم؟؟ يعني كل واحد يحكي تجربته و خبرته في هذا الموضوع .. ما هي البرامج التي يستخدمها لتصميم الواجهة؟ كيف يقوم بعملية الدمج مع الasp .net؟ هل يستخدم style sheets ام لا (انا لم استخدمها لكن اعتقد انها مهمة، اليس كذلك؟)

اقتباس
الـ VB هى الأساس ... بتبرمج بيها بالاحساس

ولا سيمي كولن ولا أقواس ... وتعلمها سهل لكل الناس

راكب فيها موتور نفاث ... دي سريعه جدا وباخلاص

الـ VB هى التراث ... للذكور والايناث :D

الـ VB لغة عريقه ... حتى اسأل Anwarica

من ديوان الشاعر السي شاربي "معتز شمس"
#2

اهلا اندو

كل ما عليك هو التالي

بعد تقسيم الصورة في الفتوشوب احفظها على شكل ملف ويب Save for web

سوف تجد الناتج على شكل ملف بامتداد htm و مجلد للصور ..

فقط افتح ملف ال html في اي محرر و انسخ منطقة ال HTML و الصقها في الفيجوال ستديو بدل منطقة ال HTML الموجودة هناك لكن لا تنسى

أن الصفحة يجب أن يكون بها نموذج Form و يحمل الخاصية runat و يجب أن تكون قيمتها server.

لا تنس أن تضع مجلد الصور داخل مجلد التطبيق لان الصور محفوظة على شكل local directory او virtual path و بالتالي يجب نقلها لمجلد التطبيق حتى تظهر.

بالتوفيق

You can fly while you can touch the sky

#3
اقتباس
بعد تقسيم الصورة في الفتوشوب احفظها على شكل ملف ويب Save for web

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

ويمكن من خلال الفيجول استديوا بأن تقوم بإضافة صفحة جديدة وهذا من خلال الضغط بالزر الأيمن للمشروع في solution exploer ومن ثمه add existing item، وحدد الصفحة التي حفظتها بامتداد htm او html وسوف تجد بأن الصفحة تظهر لك في المشروع، فقط غير امتداد الصفحة إلى .aspx ومن ثمه اضغط انتر سوف يخبرك هل تريد تحويل الصفحة إلى aspx قل له نعم.

وبعدها تقوم بما أخبرك به الأخ محمد بعمل ال form وال runat، وطبعا ، وأيضاً اذا كنت تريد داخل الكود ان تظهر نتائج في بعض نتائج ال html يجب ان تضيف لها runat=server، أو تقوم بعمل فانكشن في الكود بهايند وان تكون من نوع public لكي تقوم بعرضها في كود ال html دون وضع runat=server، أو عمل متغيرات من نوع public وتقوم بعرض قيمها بهذا الشكل <%a=%>.

اقتباس
الان اريد ان اعرف من شباب الasp .net كيف يقومون بعمل واجهة لبرامجهم؟؟ يعني كل واحد يحكي تجربته و خبرته في هذا الموضوع .. ما هي البرامج التي يستخدمها لتصميم الواجهة؟ كيف يقوم بعملية الدمج مع الasp .net؟ هل يستخدم style sheets ام لا (انا لم استخدمها لكن اعتقد انها مهمة، اليس كذلك؟)

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

بعدها أقوم مثل ما ذكرة لك في الأعلى كيف أقوم بعملية الاستدعاء له.

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

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

مع التحية

تم تعديل هذه المشاركة بواسطة عبدالله جابر شقليه في 6 أبريل 2005 في 22:52

MCP

MCTS:.Net Framework 2.0: Web Applications

MCPD:Web Developer

#4

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

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

لكن لكل طريقته

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

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

مثل البانر الرئسي و الفوتر و القوائم و اللوغو طبعا

ثم الصور الفرعية من خلفيات و جداول و فواصل وكلمات وعناوين

بعدين بجيبهم على المشروع الضغط بالزر الأيمن للمشروع في solution exploer ومن ثمه add existing item،

وثم اعمل table للصفحة واعتقد انو من اهم الاشيلء التي تغفل عنها كثير من المواقع خذ عندك cnn.com مثلا واحعل هذا ال table سينتر عشان مهما كانت اعدادات الشاشة

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

#5

السلام عليكم..

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

والسلام عليكم..

techvisio.gif

اللهم انصر إخواننا المجاهدين في كل مكان..

#6

مشكووووووورين يا شباب....

هناك عدة طرق و كلهم رائعين ..

الأخبار الحلوة ان asp .net سيأتي بميزة اسمها templates و هي فصل التصميم عن الصفحة.. بحيث عند التغيير في شكل الصفحة لا حاجة لتغيير جميع الصفحات في المشروع..

اقتباس
الـ VB هى الأساس ... بتبرمج بيها بالاحساس

ولا سيمي كولن ولا أقواس ... وتعلمها سهل لكل الناس

راكب فيها موتور نفاث ... دي سريعه جدا وباخلاص

الـ VB هى التراث ... للذكور والايناث :D

الـ VB لغة عريقه ... حتى اسأل Anwarica

من ديوان الشاعر السي شاربي "معتز شمس"
#7
اقتباس
اقتباس
بعد تقسيم الصورة في الفتوشوب احفظها على شكل ملف ويب Save for web

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

وماذا قلت انا ؟؟ نقسيم الصفحات = تقطيع الصفحات !

Undo يفضل عند التعامل مع الأدوات عمل UserControl تحوي على ال Styles الخاصة بها و من ثم إدراجها عن طريق التالي :

 this.LoadControl("cntrl.ascx");

 or 
  
 Me.LoadControl("cntrl.ascx")

حظا موفقا

You can fly while you can touch the sky

#8
اقتباس
وماذا قلت انا ؟؟ نقسيم الصفحات = تقطيع الصفحات !

جرب عمل ذلك وشاهد النتيجة بعد ان تصمم على الفوتشوب وتقوم بعمل Save for web، وشاهد نتيجة التقطيع، وجرب رفعها على الويب وياريت أن تضع الوقت الذي استغرقته مع الصفحة لعملية تنفيذ الصفحة.

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

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

تم تعديل هذه المشاركة بواسطة عبدالله جابر شقليه في 9 أبريل 2005 في 02:55

MCP

MCTS:.Net Framework 2.0: Web Applications

MCPD:Web Developer

#9

الي كل من يعرف شيئاً عن هذا الموضوع

اقتباس
الأخبار الحلوة ان asp .net سيأتي بميزة اسمها templates و هي فصل التصميم عن الصفحة.. بحيث عند التغيير في شكل الصفحة لا حاجة لتغيير جميع الصفحات في المشروع..

الرجاء مدنا بالمعلومة أو رابط للمعلومة ,,

وقد رأيت ذلك في إحدي المنتديات الاجنبية أن المنتدي يمكن أن يظهر بأكثر من شكل علي حسب طلب العميل ولكن ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟ :rolleyes: كيف !

والله الموفق

#10

مستعجل أوي يا عمار.. :D :D

كل اللي اعرفه عن الموضوع انه سيكون هناك اداة اسمها Master page و هذه الاداة هي المسئولة عن شكل الصفحة..و بالتالي يمكنك تغيير شكل الموقع كله بمجرد تغيير شكل الmaster page

على كل حال، الصبر جميييييل لأن هذه الميزات و غيرها لن تستخدمها الا مع نزول asp .net 2 اخر هذا العام ان شاء الله.. (الا اذا كنت من هواة البيتا )

نرجع لموضوعنا:

كما قلت بالظبط يا محمد.. لقد وجدت ذلك افضل .. يعني تضع الheader في user control و الfooter في user control اخر.. لكن مرة تانية هذا لا يحل المشكلة و لكنه اشبه بمسكن لها .. لأني عند الرغبة في تعديل شكل الصفحة يجب ان اغير كل صفحة في الموقع.. :( :(.. اما عن الحلول الاخرى فقد وجدت بالفعل عدة روابط لكنها اما غير عملية او معقدة جداً بالنسبة لي..

اقتباس
الـ VB هى الأساس ... بتبرمج بيها بالاحساس

ولا سيمي كولن ولا أقواس ... وتعلمها سهل لكل الناس

راكب فيها موتور نفاث ... دي سريعه جدا وباخلاص

الـ VB هى التراث ... للذكور والايناث :D

الـ VB لغة عريقه ... حتى اسأل Anwarica

من ديوان الشاعر السي شاربي "معتز شمس"
#11

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

انه عندما تضع الصورة بطريقة الاخ محمد بعدها لا تستطيع ان تضع اي tool من جدول الأدوات .

لحل هذه المشكلة ما عليك إلا ان من خانة خصائص الصفحة ان تجعل page layout هي grid laout وتستطيع وقتها ان تضع اي اداة لا اعلم اذا كان احد يعلم هذه هذه المسألة لأنه لم يذكرها احد .

نموت وتحيا ...................فلسطين .

هذا الموضوع مغلق.

مواضيع مشابهة