تصميم مواقع الانترنت من الصفر حتى الاحتراف

السلام عليكم مرة اخرى .. اليوم سنتحدث عن معرّفات جديدة في الجداول هي تختصر الوقت وايضا تعطي شيفرة الجدول ترتيب بحيث لا ادخل مع كل خلية او عامود بداخل وسم <tr> او ال <td> على سبيل المثال : سمات ال الخلفية bgcolor والعرض width وال valign حتى بمعنى اخر "ما يصير عجئة " خاصة في الجداول الكبيرة وحتى اذا اردت التعديل اتوصل بسهولة للموقع الذي اريد بالجدول .. هناك معرّفان يعتبران اداتان قويتان لمصمم الويب الذي يريد التحكم بمحاذاة العناصر المحتواة ضمن خلايا الجدول .. ولا اعرف سبب اغفال الكثير عنهما مع اني اجدهما كالرباط القوي الذي يشد على الجدول . وعلى فكرة هناك الكثير من مطوري المواقع ممن التقيتهم لا يعرفون هذا المعرف ويغفلون ايضا عن اهميته ومنهم يعلمه ولكن لايعطيه اهمية و لا اعرف السبب .. على العموم هذا التمرين اليوم هو يقدم عادة على انه تمرين للمحترفين .. لكن انا لن اتوسع به ولن ادخل في كيفياته توصلت الى تمرين بسيط سهل يعطي الفكرة بشكل عام عنه من غير تفاصيل اخرى .. لنبدأ : لدينا معرّفان جديدان هما <colgroup> و <col> والسمة span. ولدينا ايضا المعرفات التي ستنتاولها في الفقرة التالية وهم <thead> و <tbody> و <tfoot> . لنبدأ مع المجموعة الاولى : لنفترض اني اريد عمل جدول من ثلاث اعمدة وثلاث اسطر خلايا .. واريد ان احدد عدد من المواصفات لكل عامود وخلية طبعا ستقول اني ساتي الى <tr> والى ال <td> واحدد ما اريد داخل الوسم المخصص لهما .. نعم صحيح لكن عندي طريقة اخرى واقوى من التي فكرت بها انظر الى هذا الجدول البسيط الذي انشاته لنلقي نظرة على شيفرة ال <tr> و ال <td> التي استخدمتها : <tr> <th>A</th> <th>B</th> <th>C</th> </tr> <tr> <td>e</td> <td>f</td> <td>g</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> فارغة وخالية من التنسيقات ومنظمة ومرتبة . ما الذي قمت به ؟! كل ما هنالك اني استعملت المعرف <colgroup> و <col> و span في راس الجدول حددت لها المهام وهي من قامت بهذا التنسيق والمحاذاة التي اخترتها . لنقل ان <colgroup> معرّف حاوي وهو معرف مجموعة من الاعمدة يحدد فيه الاعدادات التي اريد لمجموعة من الاعمدة في جدول . و <col> هو معرّف خال اي لا يحتاج الى اقفال </> و span تحدد عدد الاعمدة التي تحتويها المجموعة التي اخترتها . انظر الى شيفرة راس الجدول التي قمت بانشائها للجدول السابق : <table > <colgroup> <col span=2 bgcolor=#FF5050 align=center width=80> </colgroup> <colgroup> <col span=1 align=left width=90 bgcolor=#00FF00> </colgroup> انشأت ال table ثم كتبت المعرّف <colgroup> اخبر المتصفح اني اريد ان انشأ مجموعة من الاعمدة بمواصفات معينة .. <table > <colgroup> ثم افتتحت الوسم <col> وضعت فيه المواصفات اولا span حددت لها الرقم 2 ان هذه المواصفات ستكون مجتمعة في عمودين <col span=2 وحددت لون الخلفية وهو مشتق من اللون الاحمر bgcolor=#FF5050 وحددت المحاذات aling لمحتويات الجدول اخترتها التوسط center align=center وحجم عرض الاعمدة المختارة width بالامكان اقدرها بالنسبة المئوية وانا اخترتها هنا مقدرة بعناصر الصورة وهي البكسل : width=80 انتهيت من تطبيقات مجموعة الاعمدة الاولى التي اخترتها فأغلقت الوسم colgroup : </colgroup> ثم بدأت بتحديد مجموعة اخرى من الاعمدة فتحت الوسم colgroup جديد : <colgroup> ومن ثم وسم ال col وحددت ال span=1 عامود واحد مع مجموعة خلاياه : <col span=1 وال align=left اتجاهها اليسار و bgcolor بلون مشتق من اللون الاخضر والعرض width=90 حددته حجم 90 بالبكسل . ثم اغلقت وسم المعرّف colgroup الثاني الذي بدأت فيه : <col span=1 align=left width=90 bgcolor=#00FF00> </colgroup> وكانت النتيجة التي رايتم سابقا في الجدول .. المعرف colgroup ياخذ ايضا السمات التي اخذها المعرف col ال span والخلفية والعرض والمحاذاة . لكن مبدئيا اعتمدوها هكذا .. كما اسلفت لا اريد ان ادخل في تفاصيل اكثر حول هذه المعرفات لانها متشعبة واكتفي بالتوضيح هذا واعود واكرر انهما اداتان قويتان لمصممي الويب خاصة الذي يريد التحكم بكيفية محاذاة العناصر المحتواة ضمن خلايا الجدول . لا تقلق الجداول اوشكت على الانتهاء .. يتبع في الفقرة التالية ان شاء الله القسم الثاني من المعرفات . تحياتي

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

السلام عليكم ورحمة الله وبركاته الاخ hebron شكرا لك اخي الكريم ولك مني اجمل تحية .. لنتنابع : حديثنا في هذه الفقرة عن المعرّفات <thead> و <tbody> و <tfoot> .. كما ترى من مسميات هذه المعرفات اننا نستطيع تقسيم الجدول الى انقسامات هرمية كصفحة ال html بحيث نقسمه الى <thead> اي table head و <tbody> قسم الجسم للجدول بمعنى table body وتذييل الجدول مع معرف <tfoot> اي table foot . ونستطيع طبعا بوسم كل هذه المعرفات ان نضع مجموعة من الاوامر .. وماهي في النهاية الا مجموعة روابط تشد من محتويات الجدول اكثر واكثر .. وبرايي انها تختصر الوقت .. لاحظ معي الجدول التالي : في تصميمه يبدو كالجداول السابقة لكن شيفرته تختلف : < body bgcolor="#FFCFBF"> <div align="center"> <table border=2 width=40% bgcolor="#FF9977"> <thead align=center> <tr> <th>A</th><th>B</th><th>C</th> </tr> </thead> <tbody align=left bgcolor="#F97C00"> <tr> <td>1</td><td>2</td><td>3</td> </tr> </tbody> <tfoot align=right bgcolor="#FFC671"> <tr> <td>E</td><td>F</td><td>G</td> </tr> </tfoot> </table> افتتحنا وسم ال TABLE اعطيناه بعض الاوامر border=2 و width=40% وال bgcolor: <table border=2 width=40% bgcolor="#FF9977"> ثم افتتحنا الوسم thead مخبرين المتصفح ان لدينا جدول بتركيبة هرمية .. وحددنا في داخل الوسم ايضا ال align المحاذاة واخترناه التوسط center : <thead align=center> ثم معرفات الجدول السطر الاول TR و TH : <tr> <th>A</th><th>B</th><th>C</th> </tr> ثم اخبرنا المتصفح بانتهاء قسم ال thead بإقفال وسمه : </thead> وبدأنا بعدها بفتح وسم tbody حددنا في داخل وسمه المحاذاة align=left الى جهة اليسار و ال bgcolor بخلفية مختلفة عن الخلفية التي اخترتها بوسم ال TABLE الاساسي : <tbody align=left bgcolor="#F97C00"> ثم معرفات السطر الثاني من الجدول <TR> و <TD> : <tr> <td>1</td><td>2</td><td>3</td> </tr> ثم اخبرنا المتصفح باغلاق وسم ال TBODY : </tbody> وانتقلنا الى الجزء النهائي وهو معرّف تذييل النص tfoot افتتحنا الوسم وحددنا معه المحاذاة الى جهة اليمين و align=right و bgcolor مختلف : <tfoot align=right bgcolor="#FFC671"> ومن ثم معرفات السطر الثالث التي ستجري التطبيقات عليها : <tr> <td>E</td><td>F</td><td>G</td> </tr> واخيرا اخبرنا المتصفح باغلاق وسم التذييل tfoot : </tfoot> ومن ثم اغلاق وسم ال TABLE الاساسي : </table> اذا المعرّف <thead> هو معرّف عنوان الجدول .. يحدد سطر عنوان الجدول .. ممكن ان يحدد في داخل وسمه ال aling المحاذاة و valing تحديد المحاذاة الراسية للجدول وال bgcolor تحديد لون الخلفية . المعرف المعرّف <tbody> هو معرّف جسم الجدول .. يعرف جسم الجدول .. ممكن ان يحدد في داخل وسمه ال aling المحاذاة و valing تحديد المحاذاة الراسية للجدول وال bgcolor تحديد لون الخلفية . المعرف المعرّف <tfoot> هو معرّف تذييل الجدول .. يعرف سطر تذييل الجدول .. ممكن ان يحدد في داخل وسمه ال aling المحاذاة و valing تحديد المحاذاة الراسية للجدول وال bgcolor تحديد لون الخلفية . نضيف الان معرف جديد وهو معرف ال <caption> وهو معرف عناوين الجداول وهو عنصر اختياري يقوم بأنشاء عنوان للجدول يمكن ان يظهر في اعلى او اسفل الجدول : هذا نفس الكود السابق ولكن اضفت عليه في نهايته معرف ال caption: <table border=2 width=40% bgcolor="#FF9977"> <thead align=center> <tr> <th>A</th><th>B</th><th>C</th> </tr> </thead> <tbody align=left bgcolor="#F97C00"> <tr> <td>1</td><td>2</td><td>3</td> </tr> </tbody> <tfoot align=right bgcolor="#FFC671"> <tr> <td>E</td><td>F</td><td>G</td> </tr> </tfoot> <caption>table 1</caption> </table> هذا هو منفصل للتوضيح : <caption>table 1</caption> مع اني اضفته اخر الكود الا ان النتيجة كما سترى في متصفحك ستظهر في اعلى الجدول لاني تركته من غير ان احدد له ال الاتجاه .. ان تركته هكذا يظهر اعلى الجدول .. بشكل طبيعي وهذا المعرف ياخذ معه ال valing وفيه القيمتان اما اعلى الجدول top او اسفل الجدول bottom . وكذلك المحاذاة aling . لاحظ في هذه الصورة ان محتوى caption ظهر في اعلى الجدول خارج حدووده ممثلا عنوان لهذا الجدول وهو table 1 لعل قائل يقول لما كل هذا ؟! ساقول لك لا تستعجل كل هذه الامور ستحتاج اليها عندما تتوسع اكثر وكما اني وعدت في بداية الحديث عن الجداول اني ساقوم بشرح كل ذراته اتمنى ان شاء الله ان اكون قد اوفيت بهذا الامر .. ان فهمت كل مضى اقول لك مبروك اصبحت انت والجداول اصدقاء وستطوعه بين يديك .. وليس هذا فقط ان انهيت هذه المهام بنجاح فلن يصعب عليك شيئا فيما بعد بإذنه تعالى .. هل بقي لنا شيء هنا في الجداول ؟! نعم بقي لنا امر واحد والجداول المتداخلة ليس فيها الا ان تتعلم كيف تتحكم بانشاء الجداول داخل بعضها البعض وهي اساسية في التصميم .. لكن الدرس ان شاء الله سيكون ممتع جدا لانه تطبيق عملي للنقطة الجديدة وفيه تلخيص لاكثر نقاط مرت معنا .. سترى فيه امور درستها هنا ستحتاجها كثيرا في التصميم . الى ان نلتقي في الفقرة القادمة لكم مني اطيب تحية .

السلام عليكم ورحمة الله دردشة مع قهوة قبل الفجر .. كما وعدتك " والله سبحانه وتعالى يقدرني" ان اخذ بيدك حتى الاحتراف .. على قدر ما اعلم .. ("وما أوتيتم من العلم إلا قليلاً") .. ولا ابتغي من ذلك سوى " علم ينتفع به " علّ الله عز وجل ينفعني به خالصا لوجهه الكريم .. قبل ان ندخل في الفقرة الجديدة واحسبها اخر فقرات الجداول .. كلمة لا بد منها اعلم اخي - اختي ان التصميم فن وابداع ليس المهم ان اصمم والسلام .. لا بل كيف يكون تصميمي كامل متكمل من حيث البرمجة وقوتها ورصانتها .. ومن حيث رشاقة الشكل وتجاذب الالوان .. حتى لو كنت اريد تصميم ستايل بسيط لايوجد فيه الكثير من العمل فالاناقة وتناسق الالوان مطلوب .. خذها نصيحة : عندما تريد تصميم الوان الستايل ان لم تكن من هواة العمل الكثير وتبحث عن الراحة فعلى الاقل اختر الالوان الجميلة المريحة التي تبعث على الراحة في داخلك وداخل من ينظر اليها .. فاعلم انك لست الوحيد الذي سيطلع على صفحاتك والجمال والترتيب لا تختلف فيه عينان .. واخترها الوان متناسقة .. عندما تريد اختيار الالوان لا تقم باختيار الوان متنافرة لا تليق لبعضها البعض .. وانما تخيل نفسك دائما وكانك ترتدي هذه الالوان على ملابسك فان كانت منفرة وغير مرتبة فبالتاكيد هي ستنفر الناس من حولك وتجعلهم ينظرون اليك بنظرة تعجب .! اعلم ان البنات بشكل عام لهم بال طويل على تصميم الستايلات التي تحتاج عمل وجمالية .. بينما الشباب على العكس يهتمون باللغات الداخلية البرمجية اكثر من الشكل .. عندما انظر الى عمل احد الشباب مثلا انظر الى تركيبة البرمجة اراها محكمة و قوية .. ولكن في مجال ال html والستايل فرق كبير .. اخذ العمل منه واقوم بترتيبه ترتيب اخر ودائما ما يقال لي كلمة " يااااااااااااااااااااه ما اطول بالك " . يحسبون ان التصميم اخذ معي وقت كبير .. وهم لا يدرون اني وانا احتسي قهوتي قمت بالتغيير اللازم وباسرع وقت !! نعم .. فكثرة التدريب تكسبك السرعة في الانجاز .. وكثرة التدريب تكسبك الاتقان ..نعم التجربة لها دور .. نعم اهتم بادق التفاصيل في الستايل .. نعم امرن عيني دائما على تناسق الالوان والشكل .. احيانا يكون عندي مهمة تصميم استايل لموقع .. لا اعرف ما الالوان التي ساختارها .. هل تعلم اين اذهب ؟!!! اذهب الى صور عالم البحار لانظر الى الاسماك وتناسق الوانها .. سبحان الخلاق .. وهذا ليس بغريب فالكثير من مصممي الازياء ياخذون الوان الموضة من عالم البحار .. نصيحة : أتقن اي علم تتعلمه من جميع جوانبه حتى تكون مع نفسك فريق عمل كامل ... فليس دائما هناك من يساعدك في بعض الاوقات وضع على تصميمك بصمتك الخاصة التي تعرف عنك .. التقي بكم في الفقرة التالية ان شاء الله . تحياتي .

اطلنا المكوث في الجداول اليس كذلك ؟! هل استطيع ان افعل بها شيء الان ؟! نعم تستطيع تعال لنبني بها صفحة وترى بنفسك .. لكن الاجمل من هذا كله " اني ساقوم ببناء صفحة كاملة من غير برامج مساعدة كالفرونت بيج " اليس هذا جميل ؟؟ بهذا التمرين مراجعة لبعض العناصر التي مرت معنا سابقا .. اضافة الى تمرين جديد وهو الجداول المتداخلة والذي قلنا اساسي في التصميم .. لنبدأ .. قم بفتح فولدر جديد new folder في ال My Documents او اذا كان لديك ال My Web Sites فقم بفتح الفولدر الجديد بداخله .. ثم انشأ مستند html واحفظه داخل الفولدر الجديد .. الان قم بنسخ الصور التالية عن طريق كليك يمين على الصورة وقم بحفظها في الفولدر الجديد اي بنفس الفولدر الذي حفظت به المستند الذي قمت بانشائه لا تغير اسماء الصور اثناء الحفظ انما احفظهم باسمائهم كما هي .. الصورة 1 الصورة رقم 2 " هذه الصورة صغيرة هي عبارة عن خطين دقيقين بلون الزهر ضع الماوس عليها وكليك يمين وقم بحفظها : الصورة رقم 3 : الصورة رقم 4 : الان في المستند الذي قمت بانشائه قم بنسخ الكود التالي وضعه في مستندك بدل الكود الموجود الذي كنت قد كتبته بالحفظ .. <html> <head> <Title>The first page</Title> </head> <body background=1.jpg> <table BORDER=2 CELLSPACING=0 CELLPADDING=15 WIDTH="90%" BACKGROUND="9.jpg" borderColorDark="#76B291" bordercolorlight="#D1E1D8" align="center" > <tr> <td> <table BORDER=2 CELLSPACING=0 CELLPADDING=12 WIDTH="100%" BACKGROUND="1.jpg" borderColorDark="#76B291" bordercolorlight="#D1E1D8" align="center" > <tr> <td> <table BORDER=2 CELLSPACING=0 CELLPADDING=15 WIDTH="100%" BACKGROUND="9.jpg" borderColorDark="#76B291" bordercolorlight="#D1E1D8" align="center" > <tr> <td> <table BORDER=2 CELLSPACING=0 CELLPADDING=10 WIDTH="100%" BACKGROUND="3.jpg" borderColorDark="#76B291" bordercolorlight="#D1E1D8" align="center" > <tr> <td> <div align="center"> <p><font face="Chiller" size="7" color="#547562">jordan weathe</font><p> <font face="Edwardian Script ITC" size="7" color="#D79798">yasminah</font><table class="text01" width="80%" border="0" cellspacing="0" cellpadding="40" align="center"> <tr> <td align="center"> <img border="0" src="4.jpg" width="150" height="85"></td> </tr> </table> <p>&nbsp;</p> </tr> </table> </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html> قم بالحفظ وعمل الريفريش للصفحة ستظهر معك النتيجة صفحة جميلة كهذه : اليس رائعا ! نعم استطعنا ان ننشىء صفحة منسقة .. الان قم بقراءة الكود جيدا وحلله لتعرف ماقمنا به ولتتتعرف على مواضع بعض السمات والمعرفات التي مرت معنا سابقا وكيف وظفناها في الشيفرة الى ان اعود الى شرحها سطر سطر ان شاء الله .. يتبع ان شاء الله تحياتي .

اقتباس: المشاركة الأصلية كتبت بواسطة yasminah  السلام عليكم ورحمة الله دردشة مع قهوة قبل الفجر .. كما وعدتك " والله سبحانه وتعالى يقدرني" ان اخذ بيدك حتى الاحتراف .. على قدر ما اعلم .. ("وما أوتيتم من العلم إلا قليلاً") .. ولا ابتغي من ذلك سوى " علم ينتفع به " علّ الله عز وجل ينفعني به خالصا لوجهه الكريم .. قبل ان ندخل في الفقرة الجديدة واحسبها اخر فقرات الجداول .. كلمة لا بد منها اعلم اخي - اختي ان التصميم فن وابداع ليس المهم ان اصمم والسلام .. لا بل كيف يكون تصميمي كامل متكمل من حيث البرمجة وقوتها ورصانتها .. ومن حيث رشاقة الشكل وتجاذب الالوان .. حتى لو كنت اريد تصميم ستايل بسيط لايوجد فيه الكثير من العمل فالاناقة وتناسق الالوان مطلوب .. خذها نصيحة : عندما تريد تصميم الوان الستايل ان لم تكن من هواة العمل الكثير وتبحث عن الراحة فعلى الاقل اختر الالوان الجميلة المريحة التي تبعث على الراحة في داخلك وداخل من ينظر اليها .. فاعلم انك لست الوحيد الذي سيطلع على صفحاتك والجمال والترتيب لا تختلف فيه عينان .. واخترها الوان متناسقة .. عندما تريد اختيار الالوان لا تقم باختيار الوان متنافرة لا تليق لبعضها البعض .. وانما تخيل نفسك دائما وكانك ترتدي هذه الالوان على ملابسك فان كانت منفرة وغير مرتبة فبالتاكيد هي ستنفر الناس من حولك وتجعلهم ينظرون اليك بنظرة تعجب .! اعلم ان البنات بشكل عام لهم بال طويل على تصميم الستايلات التي تحتاج عمل وجمالية .. بينما الشباب على العكس يهتمون باللغات الداخلية البرمجية اكثر من الشكل .. عندما انظر الى عمل احد الشباب مثلا انظر الى تركيبة البرمجة اراها محكمة و قوية .. ولكن في مجال ال html والستايل فرق كبير .. اخذ العمل منه واقوم بترتيبه ترتيب اخر ودائما ما يقال لي كلمة " يااااااااااااااااااااه ما اطول بالك " . يحسبون ان التصميم اخذ معي وقت كبير .. وهم لا يدرون اني وانا احتسي قهوتي قمت بالتغيير اللازم وباسرع وقت !! نعم .. فكثرة التدريب تكسبك السرعة في الانجاز .. وكثرة التدريب تكسبك الاتقان ..نعم التجربة لها دور .. نعم اهتم بادق التفاصيل في الستايل .. نعم امرن عيني دائما على تناسق الالوان والشكل .. احيانا يكون عندي مهمة تصميم استايل لموقع .. لا اعرف ما الالوان التي ساختارها .. هل تعلم اين اذهب ؟!!! اذهب الى صور عالم البحار لانظر الى الاسماك وتناسق الوانها .. سبحان الخلاق .. وهذا ليس بغريب فالكثير من مصممي الازياء ياخذون الوان الموضة من عالم البحار .. نصيحة : أتقن اي علم تتعلمه من جميع جوانبه حتى تكون مع نفسك فريق عمل كامل ... فليس دائما هناك من يساعدك في بعض الاوقات وضع على تصميمك بصمتك الخاصة التي تعرف عنك .. التقي بكم في الفقرة التالية ان شاء الله . تحياتي . يندرج هذا تحت اطار خاطرة الكترونية ,, اوافقك الرأي في كل ما ورد فالتنسيق , واستخدام الالوان بشكل يليق مع ستايل التصميم او حتى ودعيني اركز على هذه النقطة مع مضمون التصميم لهو امر مهم فطالما كانت الالوان تعبر عن افكار ,, اعتقادات ,, الخ اما بالنسبة لبساطة التصميم فحدث ولا حرج واعتقد ان ستايل هذا المنتدى هو منسق بالعامية (( غير معجوق)) ,, يدفعك للاطلاع عليه بكل يسر ,, اما عن الستايلات الغريبة والتي اعتقد انها تشتت الذهن وتعمى الاعين بعدم تنساق الوانها فلنا في تصاميم المواقع الخليجة نظرة حيرة ,, والحديث يطول اختصرته انا بكلمة وهي بخاطرة ,, ان كنت انا قد تعلمتها من قبل فلا انكر اني اتعلم كل مرة شيء جديد ,,, كتبتي فابدعتي وافيتي الموضوع حقه لك ,,

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

السلام عليكم اخي معتصم اهلا بك .. مع اني الان منشغلة بتصميم اخر من نوعه " تصميم حلويات العيد" الا انه : اولا طبعا يسعدني مرورك دائما لاني اشعر اني لست وحيدة هنا .. وطبيعي اي انسان يخشى الوحدة ثانيا بالنسبة كما اسميتها خاطرة الكترونية واشكرك على هذه التسمية .. لم اقصد منها سوى التنبيه لبعض الاخطاء التي كثيرا ما يقع بها مصممو ومطوري الويب .. وبالفعل انا اقصد كل حرف لانه ما كتبت وما تنبهت له الا عن وقوع الكثيرين فيه سابقا .. ثالثا : بالنسبة لتصميم الاستايل نعم اضافتك واعطائك المثل في مكانهما تماما .. وكل موقع على حسب تصنيفه يجب ان يتقيد بنظام الوان تتفق مع الاختصاص .. فعندما اقول منتدى .. اي ان رواده كثر منهم الكبير والصغير ومن يشتكي من ضعف بالنظر ومنهم من له حساسية ضد الوان معينة .. وفوق هذا كله الهدوء مطلوب في الالوان .. لانه مكان تفاعلي ومكان مطالعة .. نعم هناك منتديات انا شخصيا لا استطيع حتى ان اطرق بابها اشعر بها بضجيج بالدماغ .. يعتمدون فيها على الصور الكبيرة في البنر وصور كثيرة في الجداول .. مما يجعل الداخل اليهم ينتظر فتح الصفحات وكانه ينتظر الفرج من طابور باص طويل .. وعندما اقول موقع شركة واريد فيها عرض صور بكثرة لمنتجات الشركة فلا بد من تخفيف الستايل الرئيسي حتى لا ياخذ ثقل بالتحميل مع كم الصور اي يكفي بعض الرتوش شعار الشركة في الاعلى مع خلفية فاتحة وجداول بسيطة .. وهناك بالتاكيد مواقع تطلب جمالية .. كالمواقع الشخصية " من وجهة نظري " .. ومواقع الشعر والادب والقصص .. فلي رؤيا فيها انه حتى حدود الجدول يجب ان تنطق مع الشعر المكتوب او القصة اي تاتي كصور مترجمة لمحتوى القصة .. او الشعر .. فتكون عامل جذب اساسي .. بكل الاحوال اخي انصح الاخوة اتخاذ الوان الطبيعة كالترابية ومشتقاتها .. الوان الزرقة ومشتقاتها .. لاحظ ان الطبيعة التي خلقها الله عز وجل كل الوانها فاتحة .. فهي تناسب حدقة العين .. انا شخصيا احب الالوان الفاقعة الهادية بنفس الوقت .. لان فيها جمالية تبعث بالنفس السرور .. كما ورد في قوله تعالى " صفراء فاقع لونها تسر الناظرين ".. والحديث هنا يطول ويطول .. رابعا بالنسبة للتدريب السابق نعم يحتاج لتدريب لان فيه توظيف كما قلت سابقا لبعض المعرفات والسمات التي مرت معنا لان المتدرب سيوظفها عمليا في صفحة كاملة .. طبعا ويجب عليه اثناء التدريب ان يحاول التغيير بالخلفيات مثلا وان يستعمل بدلا عنها الالوان وهكذا .. تحياتي للجميع وشكرا لك اخي معتصم .

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

عودا حميدا إن شاء الله ننتظر كل ما هو جديد في عالم تصميم المواقع , وبارك الله في جهودك المميزة للاهمية : تم تثبيت الموضوع