Ewlenin html: applikazzjoni, il-produzzjoni

disinjaturi ta 'siti Jibdew (mhux dawk li jużaw lesti soluzzjonijiet, jiġifieri dawk li jixtiequ joħolqu siti tagħhom stess) html istudju, iżda mhux dejjem l-ewwel darba li wieħed jifhem l-sfumaturi tal-ħolqien ta' sit bl-idejn tiegħek.

buttuna html fid-disinn tas-sit menu stil

Rabtiet - l-unika ħaġa li jistgħu jippermettu transizzjoni minn paġna waħda għal oħra, madankollu, referenza sempliċi - hija n-nuqqas komplet ta 'mudelli tad-disinn, hekk ikollok bżonn biex tfittex għażliet dwar kif biex jeleva l-link u tagħtiha ħarsa beautiful.

Buttuna għal sit html jservu żewġ funzjonijiet: l-ewwel, dawn jipprovdu opportunità li jmorru fuq paġna partikolari, u t-tieni, għandhom disinn li joqgħod u hija f'armonija ma 'l-istil globali tal-paġna.

Button huwa intrinsikament-istess rabta biss għandu dehra pjaċevoli u, jekk mixtieq, jew jinbidlu forma sfumaturi ta 'klikk jew imbagħad jerġgħu fuqha.

Kif tagħmel buttuna fil html

Biex tagħmel buttuna f'żewġ modi: minnek stess jew jużaw is-servizzi li joħolqu buttuni.

L-ewwel metodu jippermetti li inti jitgħallmu u jifhmu l-essenza tal-ħidma kollha, u t-tieni - biss li tikseb riżultat, iżda wkoll limitati fl-iskop.

Buttuna html għal sit - mhijiex tant diffiċli taħdem biex tistabbilixxi kemm buttuna irkupru ħin. Il-kelma "qawmien mill-ġdid" huwa maħsub biex jagħmilha clickable, gwida jew bidla fil-ħin ta ippressar, li jeħtieġ li tuża CSS jew JavaScript.

użu ta 'buttuna immaġni

buttuna sempliċi għandha l-forma ta 'links html u stampi maħluqa billi tiddaħħal tikketta "a" (referenza) fuq il img tikketta (immaġini).

Dan l-eżempju huwa, fil-fatt, huwa biss stampa, rabta, imma tista 'tkun ta' kull tip, u perfettament tajbin fid-disinn, iżda din il-buttuna html ma tistax "xogħol", jiġifieri li jibdlu l-opinjoni f'sitwazzjonijiet differenti.

Biex il-buttuna għandha tfittex użanza u tista 'tbiddel skond is-sitwazzjoni, għandu timmodifika l-forma oriġinali tiegħu, u żid CSS.

Buttuna għal sit ma CSS

CSS - huwa lingwa ta 'programmar differenti, li huwa responsabbli biss għall-istili imsejħa Cascading Style Sheets.

buttuna kodiċi html għall-websajt se jkun:

• < "A" h "r" e "f =" Hawnhekk huwa meħtieġ li jiġi speċifikat l-indirizz tal-paġna tal-web "klassi =" ">

Twissija! Meta jintużaw eżempji, neħħi l-ikona "biex tikseb u href.

L-eżempju hawn fuq - rabta sempliċi li se jiġu konvertiti fil-istil mixtieqa jużaw CSS, fejn klassi tispeċifika l-isem tal-klassi fil-css, li l-kodiċi ġiet applikata speċifikament biex dak l-oġġett fuq il-paġna.

• .topbutton {/ * klassi buttuna * /
• wisa ': 111px; / * - buttuni wisa '111 pixels * /
• transkonfinali: 1px solida # 000; / * - Qafas buttuna fil 1 pixel, * solidu u iswed /
• isfond: #red; / * - priming buttuna - * aħmar /
• test allinjament: xellug; / * - allinjament tat-test fuq il-buttuna fuq il-tarf tax-xellug * /
• ikkuttunar: 10px; / * - l-kumpens mill-elementi barra fuq il-paġna * /
• Kulur: #fff; / * - kulur tat-test, f'dan il-każ abjad * /
• font-familja: Verdana; / * - il-font test (inti tista 'tiftaħ u jagħżlu Kelma) * /
• font-size: 8px; / * - id-daqs tat-test fuq il-buttuna * /
• fruntiera-raġġ: 3px; / * - buttuni rounding kantunieri * /
• }

Nota. / * Kumment * / - sabiex inti tista 'tħalli l-kummenti fil-kodiċi CSS.

Żgur anke l-Coder aktar novizzi mifhum it-tifsira ta 'dan l-eżempju, iżda huwa min qal li juża kodiċi żgħira li tippermetti li inti tagħmel l-buttuna aktar sempliċi, u għall-użu ta' stili addizzjonali ta 'tikketti u l-parametri li għandhom jiġu applikati meta tiċċaqlaq jew attività rabta.

buttuna aktar kumplessi għas-sit

Buttuni fuq is-sit jista 'jintuża mhux biss CSS għad-dehra tagħhom, ukoll, jippermettilek li tagħmel kwalità għolja siti html buttuna, bħal JavaScript u użati lingwi oħra ta' programmazzjoni, li hija aktar qawwija u tista tirrealizza l-ideat aktar interessanti għall-sit.

L-unika differenza bejn lingwi ta 'programmar - hija d-diffikultà fl-implimentazzjoni, u jekk JavaScript - aktar qawwija, rispettivament, u li tieħu aktar ħin għall-istudju.

Minbarra l-kompitu sempliċi ta 'indirizzar mill-ġdid lill-utenti biex indirizzi oħra tas-sit, buttuna html għandha xogħol aktar serji, li hija li jibgħat id-data mill-formola li fih l-utent jidħol data tagħhom, bħal reġistrazzjoni.

html kodiċi buttuna f'dan il-każ għandha l-forma:

• < "Input" Tip =-isem "batuti" = "isem tal-buttuna għall PHP" valur = "test li jidher fuq il-buttuna">

Twissija! Meta jintużaw eżempji, neħħi "biex tirċievi kontribut.

Jimplimentaw ewlieni ta 'dan it-tip hija sempliċi ħafna, u l-eżempju juri l-buttuna operazzjoni, li se jwettqu l-input tad-data jibgħat mill-formola.

• Tip - jiddetermina li l-oġġett huwa buttuna.
• Isem - huwa l-element li jagħmilha buttuna uniku.
• Valur - displays tikketta il-buttuna s.

Il-problema kollha ma tistax kif tagħmel buttuna html, u biex tirrealizza l-ipproċessar tad-dejta li l-utent ikun bagħat, li teħtieġ għarfien ta 'l-aktar kumplessi, iżda wieħed mill-lingwa ta' programmar aktar qawwija. PHP tippermetti li inti tagħmel dawn is-siti u, per eżempju, xi CMS lesti bil-miktub dwar dan.

Buttuni huma miktuba għall-forom, kif ukoll bħas-soltu, jista 'jiġi konvertit fil-forma mixtieqa, iżda funzjoni tagħhom hija ta' importanza kbira u huwa aktar responsabbli.

Minbarra l-metodu manwali tal-ħolqien buttuni, hemm diversi servizzi li awtomatikament jistgħu joħolqu buttuni differenti u jaġġustaw biex togħma tiegħek, iżda dan il-metodu għandha żvantaġġ sinifikanti - għall-użu ta 'dawn il-buttuni jkollhom biex jitgħallmu html.

Il html istudju jeħtieġ li jifhmu fejn jiġu stabbiliti buttuna sit --menu, l-unità li outputs kontenut, jew fil-footer (il-qiegħ tas-sit) sit.