المقاطع التالية شرح أهمية الاعتبارات صفحة إعدادات حجم الشاشة ، وطول الصفحة ، وتخطيط الصفحة للتحكم في كيفية صفحاتك ننظر في مستعرض ويب.
اعتبارات حجم الشاشة
معظم مستخدمي الكمبيوتر المستخدمة في التمرير لأعلى وأسفل لعرض الصفحات التي تكون أطول من ارتفاع الشاشة. ولكن عدد قليل من المستخدمين أن انتقل إلى اليسار واليمين لعرض الصفحات التي هي واسعة جدا. لتجنب التمرير الأفقي ، وتصميم صفحات موقعك بحيث يتم احتواؤها ضمن عرض الشاشة ، وإذا كنت ترغب في استهداف المستخدمين الذين تشغيل أجهزة الكمبيوتر الخاصة بهم مع الشاشة 800 × 600 قرار (التي تمثل تقريبا جميع المستخدمين الآن أن 15 بوصة ، وأكبر المراقبين ومن الشائع) ، واطلاق النار ل780 ك أقصى عرض الصفحة. إذا صفحاتك تتألف بالكامل من النص ، لا داعي للقلق حول حجم الشاشة لأن مستعرض ويب المستخدم تلقائيا بضبط خطوط النص ليناسب عرض الشاشة. والمرة الوحيدة التي تقلق على عرض الصفحة هو عندما كنت تقوم بإنشاء صفحة يتضمن العناصر التي لها عرض ثابت ، مثل الجداول والصور ، أو الإطارات. القائمة التالية تشرح كيفية ضبط عرض لتلك العناصر الثلاثة :
--الجداول : تعيين العرض الكلي للجدول باستخدام السمة العرض في
--الصور : حجم الصورة يحدد كيفية واسعة تظهر الصورة على الصفحة. إذا كانت الصورة واسع جدا ، يمكنك تغيير عرض باستخدام السمة العرض في العلامة :
--الإطارات : تعيين عرض جنبا إلى جنب الإطارات باستخدام أعمدة (العواميد) في السمة
طول الصفحة
رغم أن معظم المستخدمين لا مانع التمرير لأسفل لرؤية الصفحات التي تكون أطول من ارتفاع الشاشة ، يجب أن لا تزال تحد من طول صفحات موقعك. وكقاعدة عامة ، في محاولة للحد صفحاتك لمرتين أو ثلاث مرات على ارتفاع الشاشة حول نفس الكمية من المعلومات التي يمكن طباعتها على ورقة 81/2-x-11-inch واحدة من الورق.
تخطيط الصفحة
أفضل وسيلة لتهيئة فعالة لتصميم صفحات الويب الخاص بك هو لاقامة الشبكة الأساسية من العناصر المشتركة التي ستظهر في نفس أو ترتيب مماثل على جميع صفحات موقعك. وتبين القائمة التالية بعض العناصر التي قد تحتاج إلى تضمين في موقع ويب شبكة التصميم. (اعتمادا على محتوى موقعك ، قد لا تحتاج إلى توفير كل هذه العناصر.)
--رأس المنطقة : منطقة رأس يظهر في أعلى كل صفحة ، مما يدل على عنوان الموقع ، وصفحة العنوان ، اسم الشركة ، وأزرار التنقل في الموقع ، وأية عناصر أخرى لا تريد وضع في أعلى كل صفحة.
--تذييل المنطقة : منطقة يظهر التذييل في أسفل كل صفحة ، وربما بما في ذلك معلومات الاتصال ، حقوق التأليف ، وأزرار التنقل.
--النص الرئيسي المجال : تحتوي هذه المنطقة على النص الرئيسي ، والرسوم التوضيحية عن كل صفحة.
--منطقة الشريط الجانبي : والشريط الجانبي تحتل الفرقة الرأسي في الجزء الأيمن أو الأيسر من كل صفحة. هذا المجال يمكن أن تحتوي على عناصر مثل جدول المحتويات أو قائمة للموقع.
العمل مع الخلفيات
عند إنشاء صفحات ويب ، لا نقع في خطأ استخدام صورة خلفية متوهج الذي يجعل من المستحيل تقريبا صفحة للقراءة. إذا كنت تريد استخدام صورة خلفية لصفحات موقعك ، واختيار الصورة التي لا تتعارض مع نص وغيرها من العناصر على الصفحة.
تحديد لون الخلفية
لتعيين لون الخلفية لصفحة ويب ، اتبع الخطوات التالية :
1. إضافة لون الخلفية (BGCOLOR(السمة إلى العلامة.
2. اكتب اسما للون BGCOLOR السمة. على سبيل المثال :
لمزيد من المعلومات حول استخدام الألوان ، انظر "لون" ، في وقت سابق من هذه المقالة.
استخدام صورة خلفية
لاستخدام صورة خلفية لصفحة ويب ، اتبع الخطوات التالية :
1. إضافة معلومات أساسية ينسب إلى العلامة.
2. اكتب اسم ملف الصورة التي تريد استخدامه لخلفية ك معلومات أساسية قيمة السمة ، مثل هذا :
صورة الخلفية يكرر عدة مرات حسب الضرورة لملء صفحة ، ونتيجة لذلك ، على خلفية ملف الصورة لا يجب أن تكون كبيرة جدا.
واضاف صلات
الروابط هي جزء لا يتجزأ من أي صفحة ويب. الارتباطات الخاصة بك واسمحوا القارئ السفر إلى مكان مختلف ، والتي يمكن أن تكون جزءا من نفس الوثيقة أتش تي أم أل ، صفحة مختلفة موجودة على موقع ويب الخاص بك ، أو صفحة من موقع ويب آخر موجود في مكان آخر على الإنترنت. كل مستخدم القيام به ليتم نقلها إلى صفحة مختلفة هي فوق الارتباط.
باستخدام وصلات النص
أ نص الارتباط هو جزء من النص الذي عرض الصفحة الخاصة بك شخص ما يمكن أن يقفز فوق إلى موقع آخر. لإنشاء ارتباط النص ، اتبع الخطوات التالية :
1. تحديد عنوان الصفحة التي تريد الارتباط للانتقال إلى.
2. اكتب العلامة التي تريد الارتباط لتظهر على الصفحة.في العلامة ، استخدام سمة HREF للإشارة إلى عنوان الصفحة التي تريد الارتباط بها. على سبيل المثال :
3. بعد العلامة ، اكتب النص الذي تريده أن يظهر في المستند كحلقة وصل وإضافة إلى إغلاق العلامة ، مثل هذا :
والرسمية للحصول على البريد الإلكتروني صفحة ويب
النص الذي يظهر بين ويسمى مرساة. عنوان ويب الذي يظهر في السمة HREF يسمى هدف. مرساة النص يتم عرضها على صفحة ويب في لون خاص (عادة ما يكون اللون الأزرق) وأكد ذلك هو أن الشخص الذي عرض الصفحة يعلم أن النص هو ارتباط. وإذا كان الهدف يشير إلى صفحة أخرى في نفس الموقع مثل الصفحة الارتباط يظهر على ذلك ، يمكنك استخدام اسم الملف فقط كهدف. دائما ضع اسم أو عنوان بين علامتي اقتباس. على سبيل المثال :
راجع معالج
عندما ينقر المستخدم على رابط راجع معالج ، وأتش تي أم أل الملف المسمى emerald7.html يظهر على الشاشة.
باستخدام وصلات الرسم
و رابط الصورة هو صورة الرسم التي يمكن للمستخدم انقر للانتقال إلى صفحة أخرى أو إلى موقع مختلف على الصفحة الحالية. لخلق رابط الصورة ، اتبع الإجراء هو موضح في القسم السابق ، "باستخدام وصلات النص" ، ولكن في الخطوة 3 ، بدلا من كتابة النص للارتباط ، اكتب البطاقات التي تحتوي على كبريت السمة التي تحدد ملف صورة لاستخدامها في الارتباط. على سبيل المثال :
في هذا المثال ، صورة بيانية الملف المسمى emerald.gif يظهر على الشاشة ، وإذا كان المستخدم بالنقر فوق ذلك ، يعرض المستعرض صفحة emerald7.html.
ربط داخل نفس الصفحة
لإنشاء ارتباط ذلك ببساطة ينقل المستخدم إلى موقع آخر على نفس الصفحة ، اتبع الخطوات التالية :
1. تعيين اسم إلى المقطع الذي تريد الارتباط إلى بإضافة مع العلامة الاسم السمة الأولى للأتش تي أم أل سطر من هذا الباب. تتبع على الفور مع العلامة علامة نهاية.
2. إنشاء النص أو الرسم إلى ارتباط هذا القسم وكتابة اسم القسم يسبقها الرمز # في HREF السمة.هنا هو مثال على العلامة التي يعين اسم مكان في الوثيقة :
هنا مقتطف من أتش تي أم أل التي تخلق الارتباط الذي يقفز إلى موقع اسمه "هنا" :
أذهب الى هناك!