Html düyməsini: tətbiq, istehsal

Acemi site yaradıcıları (hazır olan həllər istifadə edənlər deyil, veb saytları özləri yaratmaq istəyənlər deyil) html öyrənirlər, ancaq hər zaman bir-birindən öz əlləri ilə sayt yaradan bütün nüansları anlamaq mümkündür.

Dizayn üslubunda site menyusunda düyməni html

Bağlantılar - bu bir səhifədən digərinə hərəkət edə bilən yeganə şeydir, ancaq sadə əlaqələr - bu, bir dizayn modelinin tamamilə olmamasıdır, buna görə də linkin həssaslaşdırılması və gözəl görünüş verməsi üçün seçimlər axtarmaq lazımdır.

Html saytının düymələri iki funksiyanı yerinə yetirir: birincisi, onlar sizə müəyyən səhifəyə keçməyə imkan verir, ikincisi, səhifənin ümumi üslubuna uyğundur və uyğundur.

Düymələr, təbii olaraq, eyni görünüşdür, yalnız gözəl bir görünüşə malikdir və tələb olunarsa, üzərinə tıklayarkən və ya hovering zamanı kölgələri və ya forma dəyişdirir.

Html-də bir düyməsi etmək

Bir düyməni iki yolla edə bilərsiniz: özünüz və ya düymələr yaratmaq üçün xidmətlərdən istifadə edin.

Birinci üsul bütün işin mahiyyətini öyrənmək və anlamaq imkanı verir, ikincisi - nəticə əldə etmək üçün, hətta imkanları məhduddur.

Sayt üçün html düymələri - bu düyməni bir neçə işçi intensiv animasiya yaratmaq üçün çox çətin bir iş deyil. "Yenidən canlanma" sözü, CSS-ni və ya JavaScript-dən istifadə etmək üçün lazım olan mətbuat anında basın, hover və ya dəyişdirmək üçün cavab verir.

Təsviri istifadə edərək düyməni

Sadə bir html düyməsinə bir şəkil bağlantısı kimi görünür və 'a' etiketi (istinad) img (image) etiketinə daxil edilərək yaradılır.

Bu nümunə, əslində, sadə bir şəkil linkidir, ancaq hər hansı bir şəkildə və mükəmməl dizayna uyğun ola bilər, ancaq bu html düyməsini "işləməyəcək", yəni fərqli vəziyyətlərdə görünüşü dəyişdirə bilməz.

Düymənin qeyri-standart görünüşü olması və vəziyyətdən asılı olaraq dəyişə bilməsi üçün, orijinal görünüşünü dəyişdirməlisiniz və CSS-ni əlavə etməlisiniz.

CSS istifadə edərək sayt üçün düymələr

CSS yalnız üslublar üçün cavab verən və cascading stil hesabatı adlanan bir proqramlaşdırma dilidir.

Html saytının kodu kodu belə görünür:

• <"A" h "r" e "f =" İnternet ünvanının ünvanını internetdə göstərməlisiniz "class =" ">"

Diqqət ! Nümunələri istifadə edərkən, bir və href almaq üçün "simvolunu çıxarın.

Yuxarıda göstərilən misal CSS-də istifadə olunan istənilən stilə çevriləcək sadə bir keçiddir, burada kodu css-də sinif adını təyin edər və kodu bu elementə səhifədə tətbiq olunur.

• .topbutton {/ * düyməsini sinif * /
• Genişlik: 111px; / * - düymənin eni 111 pikseldir * /
• Sərhəd: 1px bərk # 000; / * - düymə üçün sərhəd 1 piksel, bərk və qara * /
• Arka plan: #red; / * - düyməni doldurun - qırmızı * /
• Text-align: sol; / * - sol düyməyə mətnin hizalanması * /
• Padding: 10px; / * - səhifədə xarici elementlərdən indentlər * /
• Rəng: # ff; / * - mətn rəngli, bu vəziyyətdə ağ * /
• Font ailəsi: verdana; / * - mətn fontu (aça və Worddə seçilə bilər) * /
• Yazı tipi ölçüsü: 8px; / * - düymədəki mətnin ölçüsü * /
• Sərhəd radiusu: 3px; / * - düymənin guşələrini yuvarlaqlaşdırma * /
• }

Qeyd : / * Comment * / - belə ki, şərhləri CSS kodunda yaza bilərsiniz.

Şübhəsiz ki, ən başlanğıc kodlayıcı hətta bu nümunənin mənasını anlayır, ancaq burada ən sadə düyməni verməyə imkan verən kiçik bir kod istifadə edilir və fəaliyyətə hovering və ya əlaqə qurarkən üslub tətbiq etmək üçün əlavə etiketlər və parametrlər tətbiq etməlisiniz.

Sayt üçün daha mürəkkəb düymələr

Saytdakı düymələr yalnız onların görünüşü üçün CSS-ni deyil, html saytlarının yüksək keyfiyyətli düymələri, məsələn, daha güclü olan və sayt üçün daha maraqlı ideyaları tətbiq edə bilən yüksək keyfiyyətli düymələr yaratmağa imkan verən digər proqramlaşdırma dillərini istifadə edə bilər.

Proqramlaşdırma dilləri arasındakı yeganə fərq tətbiqin mürəkkəbliyi və əgər JavaScript daha güclü olsa və onun işi daha çox vaxt tələb edir.

Istifadəçiləri digər veb sayt ünvanlarına yönləndirmək şəklində sadə bir tapşırıq əlavə olaraq, html düyməsini də istifadəçi məlumatlarını, məsələn, qeydiyyatdan daxil olan formadan məlumatların göndərilməsindən ibarət olan daha ciddi işlər həyata keçirir.

Bu halda html düyməsinin kodu:

• <"Giriş" type = "botton" adı = "php üçün düymənin adı" value = "düymədə görünən mətn">

Diqqət ! Nümunələri istifadə edərkən, "giriş üçün" silmək.

Bu cür bir düyməni tətbiq etmək çox sadədir və nümunə giriş məlumatlarını formadan göndərən iş düyməsini göstərir.

• Tip - bu elementin bir düyməsidir.
• Ad - bu düyməni unikal edən elementdir.
• Dəyər - düymədəki yazıları göstərir.

Bütün problem düyməni html etmək deyil, daha mürəkkəb, lakin ən güclü, proqramlaşdırma dilindən biri olan məlumatı tələb edən istifadəçi göndərdiyi məlumatların emalının həyata keçirilməsidir. PHP sizə real saytlar yaratmağa imkan verir və məsələn, bəzi hazır CMS yazılır.

Formalara, eləcə də adi olanlara yazılan düymələr istənilən formana çevrilə bilər, lakin onların məqsədi böyük əhəmiyyət daşıyır və daha çox məsuliyyət daşıyır.

Düyməsini yaratmaq üçün əl yoluna əlavə olaraq, avtomatik olaraq müxtəlif düymələr yaratmaq və onları zövqünüzə uyğunlaşdırmaq üçün müxtəlif xidmətlər var, lakin bu metodun əhəmiyyətli bir mənfi cəhəti var - bu düymələri istifadə etmək üçün html öyrənməli olacaqsınız.

Saytın düyməsinin harada yerləşdiyini anlamaq üçün öyrənmə html tələb olunur - menyuda, məzmunu əks etdirən bloka və ya saytın alt hissəsinə (saytın alt hissəsinə).