لا للظلم لا لسرقة أحلام الشعب السوري لا لسرقة خيرات الشعب السوري لا لسرقة عرق الشعب السوري لا لسرقة دماء الشعب السوري لا لحكم الأسرة الواحدة لا لآل الأسد الحرية لشعبنا العظيم و النصر لثورتنا المجيدة المصدر : منتديات دير الزور: https://2et2.yoo7.com |
منتديات دير الزور 3 بيج رنك |
|
| أُسُس تصميم المواقع الإلكترونية | |
| | كاتب الموضوع | رسالة |
---|
ابن الفرات Admin
الساعة : عدد المساهمات : 2577 نقاط : 6061 التقيم : 19 تاريخ الميلاد : 06/04/1984 تاريخ التسجيل : 03/04/2012 العمر : 40
| موضوع: أُسُس تصميم المواقع الإلكترونية الخميس أبريل 26, 2012 5:49 pm | |
| | |
| | | ابن الفرات Admin
الساعة : عدد المساهمات : 2577 نقاط : 6061 التقيم : 19 تاريخ الميلاد : 06/04/1984 تاريخ التسجيل : 03/04/2012 العمر : 40
| موضوع: رد: أُسُس تصميم المواقع الإلكترونية الخميس أبريل 26, 2012 5:49 pm | |
| | |
| | | ابن الفرات Admin
الساعة : عدد المساهمات : 2577 نقاط : 6061 التقيم : 19 تاريخ الميلاد : 06/04/1984 تاريخ التسجيل : 03/04/2012 العمر : 40
| موضوع: تقييم محتويات موقع على الشبكة الإلكترونية الخميس أبريل 26, 2012 5:51 pm | |
| المشكلة :إن الإنترنت عبارة عن وسط للإتصالات والمعلومات جديد نسبياً وغير مجرب. وهكذا , فإننا بحاجة إلى تقييم وتوسيع اعتماد المعيار المتوفر لتقييم المحتوى , إضافة إلى الحاجة إلى تطوير تقنيات جديدة للتقييم .إن الإنترنت عبارة عن وسط متواجد في كل مكان . وعندما نضع جانباً مسألة القدرة المادية , فإن الإنترنت متواجدة بقوة سواء عند قطاع الكتاب والمبدعين أو عند قطاع الجمهور المتلقي. فقد أصبح الآن عنوان موقع ما على الإنترنت معلومة عالمية ، بالإضافة إلى كونه وسيلة إقناع وتأثير. إن الإنترنت كوسيلة لا تقع ضمن دائرة نفوذ القواعد القانونية وكذلك فهي غير قابلة لذلك. وهكذا فإن الزائر لموقع ما عليه أن يمتلك الوسائل والمسؤولية لمعرفة وتحديد المواقع الجيدة. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الأنواع الأساسية للمواقع على الإنترنت حسب أهدافها وغاياتها :[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] موقع شخصي يحتوي على معلومات تتعلق بالسيرة الذاتية.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] موقع دعائي لبيع منتج معين.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] موقع إخباري آني , حيث يقدم أحدث المستجدات مثل مواقع الصحف.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] موقع معلوماتي , لتبادل المعلومات حول موضوع محدد او هواية ...[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] موقع موجه (إقناعي أو دعاوي) , أي يستخدم للدعاية السياسية التي تهدف إلى توجيهك لوجهة نظر معينة.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] موقع تعليمي , لتدريس وحدة أو حلقة دراسية .[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] موقع خدماتي تسجيلي , للتسجيل في دورات , للحصول على معلومات , و/ أو منتجات . يحتوي الموقع هنا على معلومات تتعلق بالجهة التي تقوم بالتسجيل , او يُسَهِّل الاتصالات مع هذه الجهة .[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] موقع للتسلية الخفيفة . ويمكن تلخيص التقسيمات أعلاه كما يلي : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] التقييم العام لصفحات المواقع الإلكترونية من حيث : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] العناوين المتن الملاحظات في نهاية الصفحات التصفح
| |
| | | ابن الفرات Admin
الساعة : عدد المساهمات : 2577 نقاط : 6061 التقيم : 19 تاريخ الميلاد : 06/04/1984 تاريخ التسجيل : 03/04/2012 العمر : 40
| موضوع: التصميم الناجح للموقع الإلكتروني الخميس أبريل 26, 2012 5:51 pm | |
| [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] مقاييس تصميم صفحات المواقع: إن مثل هذه المقاييس ضرورية في ظل وجود الخيارات العديدة المتوفرة على الإنترنت . فعلى سبيل المثال يقوم العديد من زائري المواقع الإلكترونية بإغلاق نوافذ الرسوم , وذلك من أجل تسريع عملية تنزيل الصفحات على الشاشة , إذن نجد أن من الضروري وجود خيار نصي يغني عنها . إن وسائل القراءة الصوتية الخاصة لمساعدة ذوي المشاكل البصرية , تقوم أيضاً بقراءة خيارات النص تلك, وكذلك الحال بالنسبة لمواقع المكتبات القائمة على أساس النص. كما قد تم إيجاد تكنولوجيات متنقلة جديدة تعتمد على النص بشكل أكبر , وهي تتضمن أمور مثل المفكرة الشخصية الرقمية , الهواتف الخلوية … الخ. إن ما يلي يوضح سبب ضرورة التصميم الناجح والمرن على الشبكة الإلكترونية ,وكذلك السبب الذي من أجله تم صنع هذا الدليل. أجب عن عدد من الأسئلة الأساسية بهدف التركيز: من سيقوم بزيارة موقعي الإلكتروني ! ... ولماذا ؟ قم بالكتابة لهم بشكل خاص. قم باستعمال مفردات مناسبة أو وضحها بالتعريف. قم باستعمال مفاهيم عريضة للمفهوم الخاص بك قبل أن تقوم بتطوير موقعك وذلك كي تتجنب البعد والتشتت عن الفكرة الأساسية. قم بتشكيل / تصميم / صفحة قياسية أساسية للموقع الإلكتروني: لا تفترض أن الشيء الذي تراه أنت هو ذات الشيء الذي سيراه المستخدمون الآخرون. يوجد القليل من الثبات ما بين المنصات التي تنطلق منها المعلومات , أحجام الشاشات, الألوان وأنواع الحروف الموجودة أصلاً كخيار أول في البرنامج , وكذلك حتى في أذواق الأفراد بخصوص تصفح الإنترنت. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] ضع في اعتبارك الحيِّز الحقيقي للشاشة. ضع المعلومات الأكثر أهمية إلى أعلى يسار الشاشة . لا تفترض حلول بخصوص الشاشة أو تفترض حجمها. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم بتسهيل الإطلاع: إن غالبية المشاهدين ( حوالي 75%) يقومون أولاً بالإطلاع على النص والقوائم للحصول على المعلومات ( ويقومون بتجاهل الصور) . قم بالتقليل من التفاصيل والعناوين الفرعية في الصفحة الأساسية , ( أقل من 20% يقومون بالقراءة التفصيلية كلمة كلمة ). [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] اجعل العرض والتصفح عادياً من حيث المقاييس: قم بوضع الشعارات , القوائم , والصفات في مواقع ثابتة وبالإمكان توقعها. قم باستعمال (وصلة العودة إلى أعلى) في نهاية الصفحات الطويلة . بشكل بديهي قم بتسمية الروابط / الوصلات حسب المضمون والـ (URL) الخاص بالصفحة . قلل من وجود المساحة البيضاء على صفحات القائمة الأساسية. إن هذه المسألة تسلسل وتسهّل عملية البحث. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم ببناء المضمون من خلال صفحات متصلة. إن الصفحات الموصولة يجب أن تكون ثلاثة أو أقل ضمن الموقع. ويجب دائماً أن يعرف الزائرون أين هم على الموقع ( أين يتواجدون على موقعك) , وأن يكونوا قادرين على الرجوع أو نقطة البداية . [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] اجعل النص سهلاً للقراءة ( انظر إلى الدليل الخاص بالكتابة لموقع إلكتروني ) استعمل بحرية كل من النشرات القصيرة , العناوين , العناوين الفرعية , وحجم الحرف . وقم بفصل أجزاء النص بواسطة مساحات بيضاء . لا تملأ الشاشة بالنص : اي اجعل أجزاء النص تقع في الوسط وأن تكون محاطة بحاشية يسري وحاشية يمنى ومقسمة إلى أعمدة .
|
|
| |
| | | ابن الفرات Admin
الساعة : عدد المساهمات : 2577 نقاط : 6061 التقيم : 19 تاريخ الميلاد : 06/04/1984 تاريخ التسجيل : 03/04/2012 العمر : 40
| موضوع: رد: أُسُس تصميم المواقع الإلكترونية الخميس أبريل 26, 2012 5:52 pm | |
| أشكال الحروف : قم باستعمال أنواع الحروف العادية أو الحجم الشائع استعماله , هذا إن لم تستعمل نوع الحروف الموجودة اصلاً كخيار أول في البرنامج . إن استعمال البنوط المناسبة للحروف التي تظهر على الشاشة يحكمها قياس الشاشة ودرجة الوضوح عليها . [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] ومن أجل أكبر قدر من سهولة الوصول , فإن حجم الحروف يجب أن يكون ملائماً بكشل نسبي , بدلاً من أن يكون ثابتاً أو مطلقاً في حالة الثبات.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] فإن أصغر حجم للحروف يجب أن يكون 10 ( PC) أو 12( Macitosh) أومتوسط أو " 3". قم باستعمال حجم كبير من الحروف في المواقع التي تخاطب الأطفال الصغار وكبار السن.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] لقد أظهرت الأبحاث وجود اختلاف بسيط من حيث سرعة القراءة أو مسألة التفضيل عند استخدام أحجام وبنوط مختلفة .[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم باستعمال نوع واحد من البنوط لتوضيح , الاتجاهات والتجوال , وقم باستعمال بنطاً آخر للمضمون . لا تقم باستعمال أكثر من نوعين من البنوط ضمن نفس الموقع.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تجنب أنواع الحروف ذات الأشكال ( الملونة , التي تظهر وتختفي , التي تبدو وكأنها انفلتت من لفافة ) ففي أغلب الأحيان هذه الحروف لا تحقق عرضاً مناسباً, أو أنها تعتبر مزعجة. استعمل الألوان بحكمة :[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] إما أن تقوم بتحديد نوعية كل الألوان أو لا تفعل ذلك مع أي منها .إن عدم تحديد أي منها سوف يتعارض مع ترتيبات البرمجة الخاصة بكومبيوتر الزائر. في حين أن قيامك بتحديد بعض الألوان فقط , سوف يجعل الآخرين يعيدون ترتيبات البرمجة على أجهزتهم , وهكذا فإن ألوانك المحددة قد تكون مجموعات أو خلطات غير جميلة مع تلك الترتيبات الأصلية.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم باستعمال ألوان تختلف عن بعضها البعض بشكل كبير وذلك بالنسبة للون الخلفية من جهة ولون النص من جهة أخرى . ومن المفضل أن تكون الخلفية فاهية (فاتحة) اللون وأن يكون النص داكن اللون.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تجنب الخلفيات التي تؤثر سلباً على وضوح النص.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] استعمل لوحة ألوان آمنة للمتصفح وتتألف من 216 لوناً. إن هذه الألوان تتسم بالمقاييس المألوفة لجميع المتصفحين . الصور:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] إن الصور يجب أن لا تتجاوز 75 وحدة من وحدات تشكيل الصورة للبوصة الواحدة (Pixels) . إن هذا هو الحد الذي بالإمكان توصيله عبر الإنترنت . أما ما يزيد عن ذلك فسوف يؤدي إلى تبطيء عملية التنزيل على الجهاز, دون أي زيادة على مدى الرؤية.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم باستعمال ملفات الـ ( JPG) وذلك للصور الفوتوغرافية ومن مثل تلك التي تحتوي على ألوان مظللة . في حين قم باستعمال ملفات (gif) للصور مثل الأشكال ذات المجالات الملونة الواسعة والثابتة .[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] نظام بديل يتكون من الرموز . وهو عبارة عن نص وصفي يحل محل , ويصف مضمون أو وظيفة ودور جميع الصور. إن هذا النظام يلائم ذوي المشاكل البصرية . وكذلك يلائم أولئك الذين يقومون بإغلاق أو إلغاء الصور في وسيلة تجوالهم. وكذلك فإن هذا النظام مفيد في مجال وسائل التجوال الخاصة بوصلات المكتبات , وكذلك للوسائل ذات الأساس الرقمي.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تجنب عرض الصور على أنها وصلات . أما إذا كان ذلك ضرورياً , فإن النص البديل يجب أن يصف محتوى الصفحة الموصلة .[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تجنب الإشارة إلى الصور على أنها نص . بشكل ديكور أو غير ذلك فقد تتحقق قيمة بصرية ضئيلة في حالة وجود حجم نسبي للنص كما وصفنا أعلاه.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تجنب استعمال الصور الشفافة أو الصور ذات الـ ( Gif) المؤلفة من وحدة واحدة ملونة من الأجزاء التي تتكون منها الصورة على الشاشة دون وجود سبب جيد لعمل ذلك. إن بعض الناس يقومون باستعمال هذه الوسائل كحشوات للوصول إلى شكل ترتيب الصفحة . ينتج عن ذلك أنهم يعملون صفحات لا يمكن استعمالها من قبل الزائرين الذين يتجولون وهم يغلقون برنامج تنزيل الصور. | |
| | | ابن الفرات Admin
الساعة : عدد المساهمات : 2577 نقاط : 6061 التقيم : 19 تاريخ الميلاد : 06/04/1984 تاريخ التسجيل : 03/04/2012 العمر : 40
| موضوع: رد: أُسُس تصميم المواقع الإلكترونية الخميس أبريل 26, 2012 5:52 pm | |
| قم باستعمال القوائم كي تشكل عرضاً أو تصميماً , ولكن :[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم بتحديد عرض القوائم وخلايا القوائم بنسب مئوية، وليس بالوحدات المطلقة لأجزاء الصورة على الشاشة. بشكل عام فإن الصفوف الأفقية يجب أن تتقلص أو تتمدد لتلائم حجم الشاشة . إن الصفوف الأفقية ذات العرض الثابت لا تتطابق في الكثير من الأحيان مع أحجام الحروف المكبرة. كما أن الصفوف ذات العرض الثابت قد تملي وتحدد المساحة العمودية على الشاشات الصغيرة .[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تجنب وضع القوائم مع الفقرات أو خلطها مع النصوص .[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تجنب السطور المتعددة من النص في خلايا عبر الصفوف بقراءة السطر العلوي عبر الصف الأفقي، قبل أن تتوجه إلى السطر الثاني الذي يقع في الأسفل منه. الوصلات:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] كن جيداً في الوصف قدر الإمكان عندما تقوم بوصف مضمون وصلة ما.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم بترك فراغ ثم ضع إشارة العمود ثم فراغ , وذلك للفصل ما بين الوصلات التي تأتي بشكل متتالي.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] لا تستعمل عبارات مثل "اضغط هنا" ، "أدخل".[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تجنب الصور المستعملة كوصلات , فمن الصعب من ناحية الإبصار الإنتباه إلى كونها وصلات.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تجنب أسلوب الإنسياب المستمر (Roll Over) للقوائم النازلة من الأعلى إلى الأسفل, إذ أنه من الصعب من ناحية الإبصار معرفة ما إذا كانت هذه القوائم تحتوي على وصلات . كما أنه من الصعب تقديم وصف كافٍ لمحتويات الوصلات. تجنّب:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] البراويز أو قم باستعمال بديل ليس له إطار.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] برمجة الجافا (Java) والفلاش (Flash) حيث كان ممكناً.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الأشكال التي ليس لها فائدة حيث إنها تشد الانتباه بعيداً عن المضمون.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الأشكال التي تفتقر إلى الأعلى وإلى الأسفل ، والتي تبرم ، والتي تدور أو التي تتحرك بشكل عام دون أن تكون ذات أهمية من حيث القيام بدور توضيحي للمضمون.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] النص المطول الذي يبدو على الشاشة وكأنه انفلت من لفافة . شاهد الصفحات الخاصة بك:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] مستعملات ترتيبات برمجة تقوم على أساس الأبيض والأسود وذلك للتأكد من إمكانية وصول ذوي مشكلة عمى الألوان.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] إلغاء الصور , للتأكد من إمكانية وصول ذوي المشاكل البصرية , وكذلك إمكانية وصول التكنولوجيات الخالية من الصور.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم بالمشاهدة بواسطة بدائل من وسائل التجوال (Linux , Macintosh , PC... الخ)[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم بالمشاهدة بواسطة بدائل من وسائل التجوال (Internet Explorer , Netscape , Opera , Linux).[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قم بالمشاهدة بواسطة بدائل من أحجام النص والـ (Windows). | |
| | | ثمينة ديري نشيط
الساعة : عدد المساهمات : 253 نقاط : 253 التقيم : 20 تاريخ التسجيل : 29/06/2012
| موضوع: رد: أُسُس تصميم المواقع الإلكترونية الأربعاء يوليو 18, 2012 7:35 am | |
| سلمت اناملك الذهبيه على ماخطته لنا
كم انا سعيد وانا واقف هنا
اروي ناظري بحروفك المفعمه
بالاشياء الجميله
| |
| | | | أُسُس تصميم المواقع الإلكترونية | |
|
مواضيع مماثلة | |
|
| صلاحيات هذا المنتدى: | لاتستطيع الرد على المواضيع في هذا المنتدى
| |
| |
| |
|
RSS RSS 2.0 XML MAP
HTML
جميع آلمشآركآت آلمكتوبهـ تعبّر عن وجهة نظر صآحبهآ ,, ولا تعبّر بأي شكلـ من آلأشكآل عن وجهة نظر المنتدى ~
|
تسجيل صفحاتك المفضلة في مواقع خارجية | |
تدفق ال | |
|