كيفية هيكل المحتوى الخاص بك للحصول على صفح أفضل

يبدأ مطورو الويب المحترفون مشاريع من خلال جمع جميع محتواهم وهدفهم، وتنظيم محتوى TAT في أقسام منطقية بناء على الأهمية للجمهور المستهدف. تنتهي مرحلة بنية المعلومات هذه عادة مع إنشاء خريطة موقع ويب. / ص>

موقع الويب الذي ستخضع فيه في هذه الدورة من المحتمل أن يتكون من 5-6 أقسام أو صفحات فقط. نظرا لأننا بدأنا صغيرا، فلن تقلق بشأن إنشاء خريطة إرادة تتعلم، على الرغم من أنك سوف تتعلم كيفية جعل هذه في DGM 2740 - تصميم الويب. بدلا من ذلك، سنعتمد على تصميم بنية الصفحة لإخراج بنية الموقع ضمنيا. / ص> ::

الأهداف الأساسية لتصميم الصفحة

بينما تصف خريطة موقع الويب كيفية تنظيم جميع الصفحات الموجودة في الموقع، يمكننا استخدام إطارات الأسلاك الثابتة (خطط صفحة AKA) لوصف كيفية تنظيم جميع هذه العناصر المعلوماتية مع صفحات ويب غير لامعية. إطار سلك ثابت هو رسم واحد لقالب صفحة فردية يخيط المكونات الإعلامية، وخاصة التنقل، الذي سيظهر على صفحة في شكل تقريبي بحيث يمكن أن تكون مكونات الملاحة المستندات وتقييمها. قد يقترح الرسم تخطيطا مرئيا أساسيا، ولكنه لا يلتزم بأي مظهر محدد. / ص> p> على الرغم من أن تصميم الرسوم البياني (نظرة السطح والسقط) من صفحات الويب، يمكن أن يساعدك إطار سلك ثابت جيد في التخطيط لكيفية استخدام "عقارات الشاشة" الخاصة بك كما تبدأ العمل على الرسم على الرسم على الرسم التصميم. يشبه الإطار الأساسي الثابت المسودة الأولى من التصميم الخاص بك، وهو واحد يركز على قابلية الاستخدام ووضع العناصر الرئيسية.

إطارات الأسلاك الثابتة وسهولة الاستخدام

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

قابلية الاستخدام غريب Jakob Nielson يقول أن "كقاعدة عامة في Thamb، تمثل المحتوى Shold لمدة لا تقل عن نصف تصميم الصفحة، ويفضل أن يكون أقرب إلى 80٪." عند وضع المحتوى IM من المهم دائما أن تبقي جمهورك المستهدف في الاعتبار. / ص> ::

ما هيكل الصفحات الجيدة التي يمكن أن تحقق

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

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

يرجى تنزيل متصفح حديث:

مقدمة: مقارنة بالنص العادي التقليدي، تحتوي صفحة الويب على المزيد من الهيكل. يتم تسجيل صفحات الويب أيضا كبيانات شبه منظمة. الهيكل الأساسي لصفحة الويب هي هيكل DOM4 (نموذج كائن المستند). هيكل DOM لصفحة الويب هي بنية شجرة، حيث كل علامة HTML في شجرة Dom. يمكن تجزئة صفحة الويب من قبل بعض العلامات الهيكلية المحددة مسبقا. تشمل العلامات المفيدة p (الفقرة)، table (الجدول)، ul (قائمة)، [h1 ~ h6 (العنوان)، إلخ. وبالتالي، يمكن استخدام هيكل DOM لتسهيل استخراج المعلومات. / ص>

لسوء الحظ، نظرا لمرونة بناء جملة HTML، لا تطيع العديد من صفحات الويب مواصفات HTML W3C، مما قد يؤدي إلى أخطاء في بنية شجرة DOM. علاوة على ذلك، تم تقديم شجرة DOM في البداية للعرض العرضي في المتصفح بدلا من وصف الهيكل الدلالي لصفحة الويب. على سبيل المثال، على الرغم من أن العقدتين في شجرة Dom لها نفس الوالد، فقد لا تكون العقدتان مرتبطان أكثر دلالة ببعضهما البعض أكثر من العقد الأخرى. الشكل 10. يوضح صفحة مثال. الشكل 10. (أ) يعرض جزءا من مصدر HTML (نحن فقط الحفاظ على رمز العمود الفقري)، والشكل 10. (B) يعرض شجرة دوم من الصفحة. على الرغم من أن لدينا نص الوصف المحيطي لكل صورة، إلا أن هيكل شجرة DOM فشل في تحديد العلاقات الدلالية بشكل صحيح بين أجزاء مختلفة. / ص>

بمعنى التصور البشري، عرض الأشخاص دائما صفحة ويب ككائنات دلالية مختلفة بدلا من كائن واحد. تظهر بعض الجهود البحثية أن المستخدمين يتوقعون دائما أن تظهر أجزاء وظيفية معينة من صفحة الويب (E. أو روابط ملاحية أو شريط علوي) في بعض المواقف في الصفحة. في الواقع، عندما تكون صفحة ويب مقدم للمستخدم، فإن الإشارات المكانية والبصرية يمكن أن تساعد المستخدم بتقسيم صفحة الويب دون وعي في العديد من الأجزاء الدلالية. TheraEde، من الممكن تقسيم صفحات الويب تلقائيا باستخدام الإشارات المكانية والمرئية. بناء على هذه الملاحظة، يمكننا تطوير الخوارزميات لاستخراج المعلومات المكانية والبصرية. / ص>