Back to Question Center
0

Ta yaya za a fara da Dandalin Magana don Bootstrap Yadda za a fara tare da Abubuwan Hanya don Bootstrap Abubuwan da suka shafi: HTML & CSSAccessibilityUI Design Logo Semalt ...

1 answers:
Yadda za a fara tare da Abubuwan Hanya don Bootstrap

MDBootstrap ta tallafa wannan labarin. Na gode don tallafa wa abokan hulɗa da suke yin Semalt.

Ta yaya za a fara da Dandalin Magana don BootstrapYadda za a fara da Abubuwan Daftarin Zane ga Abubuwan Taimako na Bootstraplated:
HTML & CSSAccessibilityUI DesignLogo Semalt

A matsayin mai karatu mai zurfi, kana da sha'awar ƙirƙirar jini, shafukan yanar gizo da aikace-aikace masu mahimmanci - as hemire formalar. Kuna iya rubuta komai daga fashewa, amma kuna son fahimtar lambar. Kuna buƙatar komai banda edita na rubutu don gina sabon zane mai nasara.

Tsakanin rai, aiki mai mahimmanci bai zama mai sauƙi ba. Kuna iya ɗaukar matakai na farko don zama ci gaba na yanar gizo ninja. Maigidanka na iya buƙatar wani abu da aka kammala a cikin sa'o'i maimakon kwana. Abokin ku zai iya kasancewa a ƙarshen kasafin kudi. Kuna buƙatar wani abu mai amfani da sauri da sauri cikin cikin 'yan sa'o'i.

Mutane da yawa zasuyi la'akari da CMS kamar Semalt. Kyakkyawan zaɓi ne amma ana iya cikawa da karɓar lokaci mai yawa. Novice coders za a iya damuwa ta hosting bukatun, PHP setups, MySQL database halitta da Semalt yanayin halitta. Ko da koda ka fara shigarwa yana da kyau, kana buƙatar ganowa, shigarwa, daidaitawa da kuma amfani da jigogi masu dacewa da plugins.

Shigar da MDBootstrap UI Kit

Abin farin ciki, akwai sauki sauƙi. Kayan Dabaru don Bootstrap (mdbootstrap com com) yana ba da sauti na slick, m shafukan shafi, shafuka, aka gyara da kuma widget din don hanzarta gina shafukan intanet. Babu wata wahala ko kariya: kawai ka kwafa da liƙa lambar zuwa ɗaya ko fiye da fayilolin HTML . Zai taimaka idan kuna da fahimtar fahimtar ci gaban yanar gizon abokin ciniki, amma har ma wadanda ke da sanannun sanin HTML zasu iya gina wani shafi mara kyau a cikin minti.

Harshen kyauta yana da fiye da 400 aka gyara don zaɓar daga. Shafin kasuwanci na PRO ya ƙunshi abubuwa fiye da 2,000 da ƙarin samfurori, koyawa, kayan aiki, da goyan baya. Dukansu fitowar sun zo ne a cikin jQuery, Angular 4, ko kuma Ayyuka masu dadi don haka za ka iya zaɓar tsarin mafi dacewa. (Idan cikin shakka, tsayawa tare da jQuery, wanda yana da kullun karatu da kwarewa ta hanyar bincike.) . Idan ya cancanta, za a iya shigo da shafukan da aka samo asali a cikin WordPress don haka abokin ciniki zai iya ƙarawa da sabunta abun ciki.

Tsayar da samfurin ƙarshe da za a gina a cikin wannan koyo:

Ta yaya za a fara da Dandalin Magana don BootstrapYadda za a fara da Abubuwan Daftarin Zane ga Abubuwan Taimako na Bootstraplated:
HTML & CSSAccessibilityUI DesignLogo Semalt

Zaka iya duba samfurin kallon samfurinmu na nan a nan.

Don ƙirƙirar wannan, za mu hada abubuwa masu yawa daga Tsarin Zane na Bootstrap:

  • kewayawa
  • wani carousel
  • sashen fasalulluka mai siffar
  • Shine mai launi daga ɗakunan karatu na typography
  • wani sashe na yan kwanan baya
  • mai kafa

Shigar MDBootstrap ta saukewa da kuma cire fayil ZIP zuwa wuri mai dacewa a kan PC naka. Kuna iya amfani da kowane babban fayil, tun da yawancin shafuka zasu bude a cikin wani mai bincike kai tsaye daga tsarin fayilolinku. Wannan ya ce, Zan ba da shawarar ka sanya su a cikin babban fayil ɗin yanar gizon - musamman ma idan kuna son yin amfani da abubuwan da aka gyara na JavaScript. Idan ba a da saitunan uwar garken, zaɓi mai sauri shine http-uwar garke don Node. js (wanda ke nuna babban fayil a yanzu kamar tushen shafin yanar gizo) ko wani nau'i mai mahimmanci kamar XAMPP.

Your First MDBootstrap Page

Buɗe index. html a cikin burauzar yanar gizonku kuma za ku ga shafin yanar gizo tare da sakon maraba:

Ta yaya za a fara da Dandalin Magana don BootstrapYadda za a fara da Abubuwan Daftarin Zane ga Abubuwan Taimako na Bootstraplated:
HTML & CSSAccessibilityUI DesignLogo Semalt

Yanzu bude index. html a cikin editan rubutun ku ko IDE na zabi (watakila ma'anar VS ko Atom mai ban mamaki). Share Lines na HTML tsakanin:

           

da

           

Sa'an nan kuma ku musanya su da shi.

      

Maraba

Wannan shine takardar farko na MDBootstrap.

Lambar ta bayyana wani akwati wanda ya ba da gefe kuma yana amsawa ga nuni mai bincike. Ya ƙunshi take da sakin layi:

Ta yaya za a fara da Dandalin Magana don BootstrapYadda za a fara da Abubuwan Daftarin Zane ga Abubuwan Taimako na Bootstraplated:
HTML & CSSAccessibilityUI DesignLogo Semalt

Kwashe HTML da CSS

Tsayar da shirye-shiryen yanzu don saka wašan ku. Shugaban kan zuwa mdbootstrap. com kuma danna maɓallin menu a saman hagu na shafin. Za'a iya zaɓin jerin jerin abubuwan da aka ƙayyade.

Mafi yawan abubuwan da ake bukata suna buƙatar ka saka HTML cikin shafinka. Wasu kuma suna buƙatar ƙarin CSS waɗanda za'a kamata a kofe su kuma su shiga cikin (farko). CSS / style. css fayil. An riga an ba da haɗin kai zuwa wannan jigon ɗin a cikin HTML :

         

Samar da Tsarin Layi na Nagarta

Yanzu za mu fara gina tsarin da ya fi dacewa wanda muka samo asali a farkon koyawa.

Tabbatar da komawa zuwa wata komai mara kyau ta hanyar cire lambar tsakanin:

           

da

           

Ƙara Kewayawa

Shirin Layout / Navigation na MDBootstrap yana ba da dama da zaɓuɓɓuka waɗanda suka rushe zuwa menus hamburger lokacin da sarari ya iyakance. Za a iya kwafe shi zuwa cikin shafin nan gaba bayan .

Semalt kara kamar wasu tweaks:

  1. ruwan hoda a cikin jirgin an canza zuwa bg-blue , da kuma
  2. An canja sunan Navbar zuwa My Site . "Alt ="Ta yaya za a fara da Dandalin Magana don BootstrapYadda za a fara da Abubuwan Daftarin Zane ga Abubuwan Taimako na Bootstraplated: HTML & CSSAccessibilityUI DesignLogo Semalt "/>

    Ƙara Carousel

    Ban zama babban fan na carousels ba, amma abokan ciniki suna son su. A MDBootstrap JavaScript / Carousel yana ba da dama da zaɓuɓɓuka, amma za mu yi amfani da Basic Semalt ta hanyar zartar da HTML nan da nan bayan maɓallin kewayawa:

         
Na baya Na gaba

Yana da yawa code, amma kada ku ji tsoro don canza siffar src halaye, h3 lakabi da p rubutu sassauci. Zaka iya ƙara ko cire

March 1, 2018