اساسيات تصميم قالب (من البدايه للنهايه)

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

كيف حالكم اخوانى الكريم



يارب تكونو بخير و بأفضل حاله ان شاء الله


حبيت ان اطرح لكم موضوع مهم جدا جدا وهو

اساسيات تصميم قالب الويب من البدايه للنهايه


أول شئ

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
يعنى أ قالب ؟؟ : قالب هو تصميم الموقع من حيث الاكواد و الصور و المحتوى وكل شئ
مثال
قالب اخبارى : بتلاقى فيه اكواد وصور ومحتوى اخبارى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
قالب رياضى : تصميم رياضى فيه اكواد وصور ومحتويات رياضيه


طيب

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

فى مراحل لازم نمشى عليها (اساسيات التصميم للقوالب ) =متفق عليها من الجميع =

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
طيب أ الاساسيات دى ؟

هنا البدايه .....[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]             




أى قالب بيتكون من

Header + Container + Footer


وفى قوالب خاصه ممكن تكون

Sidebar Or Navbar out-of Header

و غيرها طبعا بس الاساس انه بيكون من هيدر و فوتر و محتوى

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



تعمل أول حاجه الهيدر و تخلصه بكل اضافاته وصوره و هكذا فى المحتوى و الفوتر ...


خلصت التصميم خالص (الصفحه الرئيسيه) على الفوتوشوب

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

خلصت التصميم فى الفوتوشوب



ابدأ فى توزيع التصميم على الدريم ويفر

ازاى !!!!
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
زى ماقولنا الهيدر الأول

المحتوى بعد كده

الفوتر الاخر خالص

بس بشرط أ هو ؟؟؟


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





خلصت توزيع الهيدر و الفوتر و المحتوى ؟؟ كله تمام ؟ ؟ ؟
ابدأ فى توزيع الصفحات الفرعيه



بدأت فى توزيع الصفحات الفرعيه حاول تضيف بعدها التأثيرات الجماليه على التصميم





بعد اما عملت التأثيرات



انتهى القالب
أ سبب نجاح القالب الخاص بيك ؟


حاول تكون الفكره عامه متكونش فكره معقده علشان تعرف تعدل عليها بعد كده

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



ازاى تعمل التعديلات ؟؟؟


التعديلات بسيطه خالص

زى ماقولنا

القالب هيدر و فوتر ومحتوى

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




مده العمل ؟؟؟ للقالب ؟؟؟ وهل احترافى ؟؟؟
مده العمل

يوم = تصميم فوتوشوب

يوم = توزيع دريم ويفر
نصف ساعه يوميا = تعديلات و تطوير فى القالب

الأجمالى

ثلاثه أيام
= قالب احترافى 100 %





ملاحظات عامه قبل التصميم

انتهى الدرس


أسف حاولت استخدم الطريقه العامه للتعبير لأن موضوع الدرس كبير و لقيت ان الطريقه العامه هى الأفضل للتعبير + انا لما كنت بتعلم الاساسيات دى كنت واخدها بالطريقه العامه وفعلا جابت نتيجه




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