الإنترنتتم تصميم الموقع

مفتاح أتش تي أم أل: تطبيق والإنتاج

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

زر HTML في تصميم الموقع نمط القائمة

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

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

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

كيفية جعل زر في أتش تي أم أل

لجعل زر بطريقتين: من قبل نفسك أو استخدام خدمات لإنشاء أزرار.

الطريقة الأولى يتيح لك معرفة وفهم جوهر كل عمل، والثاني - فقط للحصول على نتيجة لذلك، ولكن محدودة أيضا في نطاق.

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

باستخدام زر صورة

زر بسيطة لديه شكل روابط HTML و الصور التي تم إنشاؤها من خلال إدخال علامة "أ" (المرجع) على رقم img (الصورة).

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

إلى زر لديه نظرة العرف ويمكن أن يتغير تبعا للحالة، يجب أن تغير شكلها الأصلي، وإضافة CSS.

زر لموقع مع CSS

CSS - انها لغة البرمجة المختلفة، والتي هي مسؤولة فقط عن الأساليب تسمى صفحات الطرز المتراصة.

سوف زر الكود للموقع على النحو التالي:

  • < "A" ح "ص" ه "و =" هنا لا بد من تحديد عنوان صفحة الويب "الطبقة =" ">

تحذير! عند استخدام الأمثلة، إزالة رمز "للحصول على وأ href.

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

  • .topbutton {/ * فئة زر * /
  • العرض: 111px؛ / * - عرض أزرار 111 بكسل * /
  • الحدود: 1PX الصلبة # 000؛ / * - زر الإطار في 1 بكسل، * الصلب والأسود /
  • خلفية: #red. / * - زر فتيلة - * أحمر /
  • محاذاة النص: غادر؛ / * - محاذاة النص على الزر الموجود على الحافة اليسرى * /
  • الحشو: 10px؛ / * - الإزاحات من العناصر الخارجية على الصفحة * /
  • اللون: # الاتحاد الفرنسي. / * - لون النص، في هذه الحالة الأبيض * /
  • الخط بين أفراد الأسرة: فيردانا. / * - خط النص (يمكنك فتح واختيار كلمة) * /
  • FONT-SIZE: 8px؛ / * - حجم النص على زر * /
  • الحدود بين دائرة نصف قطرها: 3PX. / * - أزرار التقريب زوايا * /
  • }

ملاحظة. / * تعليق * / - بحيث يمكنك ترك تعليق في مدونة CSS.

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

زر أكثر تعقيدا للموقع

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

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

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

كود زر HTML في هذه الحالة لديه النموذج:

  • < "الإدخال" نوع = "بوتون" اسم = "اسم الزر لفب" قيمة = "النص الذي يظهر على الزر">

تحذير! عند استخدام الأمثلة، وإزالة "لتلقي الإدخال.

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

  • نوع - يحدد أن هذا البند هو زر.
  • الاسم - هو العنصر الذي يجعل من زر فريدة من نوعها.
  • قيمة - تعرض تسمية الزر.

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

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

بالإضافة إلى الطريقة اليدوية لخلق أزرار، وهناك العديد من الخدمات التي يمكن أن تخلق تلقائيا أزرار مختلفة وتعديلها وفقا لذوقك، ولكن هذا الأسلوب لديه عيب كبير - لاستخدام هذه الأزرار يجب أن تعلم HTML.

أتش تي أم أل دراسة في حاجة إلى فهم حيث وضع زر الموقع - القائمة، الوحدة التي مخرجات المحتوى، أو في تذييل (أسفل الموقع) الموقع.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ar.atomiyme.com. Theme powered by WordPress.