كيفية عمل شريط التمرير

جدول المحتويات:

كيفية عمل شريط التمرير
كيفية عمل شريط التمرير

فيديو: كيفية عمل شريط التمرير

فيديو: كيفية عمل شريط التمرير
فيديو: كيفية عمل شريط تمرير scroll bar داخل ورقة الاكسل| إمكانية رائعة. 2024, يمكن
Anonim

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

يعد شريط التمرير عنصرًا مهمًا في الموقع
يعد شريط التمرير عنصرًا مهمًا في الموقع

انه ضروري

الإنترنت أو أي برنامج تعليمي بلغة HTML

تعليمات

الخطوة 1

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

الخطوة 2

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

الخطوه 3

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

الخطوة 4

الآن يجب عليك بالتأكيد اختبار التعديلات الخاصة بك. لجعل شريط التمرير يبدو كما هو في جميع المتصفحات ، تحقق منه في المتصفحات الرئيسية - Internet Explorer و Mozilla Firefox و Opera. إذا لم ينجح الأمر في أحدها ، فارجع إلى الخطوة الأولى وأصلح الأخطاء.

موصى به: