Maitiro ekugadzira mharidzo dzeHTML neweblides

Munyika mune ratidza mazano edu pa internet Izvo zvave kuwedzera kudikanwa uye uko kusiana kwezvishandiso kwakatitungamira kuti tigadzire mharidzo dzinoshamisa, idzo muzviitiko zvakawanda dzinopedzisira dzisingapindirane nevamwe vezvenhau, pasina kupokana, iyo Mharidzo dzeHTML ivo vacharamba vachiita sarudzo yepasirese munzvimbo ino.

Asi hazvisi chakavanzika kune chero munhu kuti kugadzira mharidzo dzakanaka dzeHTML kunogona kutora nguva yakareba uye kunoda ruzivo rwemberi rweHTML, CSS, uye mune dzimwe nguva JavaScript. Kubva pamatambudziko aya, chishandiso chakanakisa chinobuda chinodaidzwa webslides.

Chii chinonzi webslides?

Ndokuidaidza neimwe nzira yakavhurwa sosi "sisitimu", yakagadzirwa na Jose Luis Antunez, izvo zvinotibvumidza isu gadzira mharidzo dzeHTML nekukurumidza uye nyore. Chishandiso chine zvakakosha kuti iwe ugadzire mharidzo dzako, saizvozvowo, iwe unogona kutora imwe yeiyo demo mharidzo uye wozvigadzirisa iwe sezvaunoda mune imwe maminetsi.

Idzo mharidzo dzeHTML dzandakaita nechishandiso ichi chichava neinonakidza yekushongedza. Izvo zvakakosha kuti uzive kuti chishandiso ichi chinoda ruzivo rwepamoyo rweHTML neCSS, saka rakanakira kune ese marudzi evashandisi, avo vanofanirwa kungotarisa pane zvirimo uye zvishoma kwazvo pamabatiro avanogadzirira mharidzo.

Sei kurodha pasi webslides?

Kuti utore mawebhusaiti, ingoite unotevera kuraira kubva kune yaunoda dhairekitori:

wget https://github.com/jlantunez/webslides/archive/master.zip

Iwe unogona zvakare kuumbiridza repamutemo repamutemo ne

git clone https://github.com/jlantunez/webslides.git

Mukati meiyo purojekita dhairekitori iwe unowana iwo anodiwa js, css uye mademo kuti utange kugadzira yako wega HTML mharidzo zviri nyore.

Mashandisiro aungaita webslides?

Mukana wakakura wewebllides ndiko kushandisa kwayo nyore, chishandiso ichi chinoita kuti zvive nyore kugadzira mharidzo ine zvinangwa zvakasiyana uye demo rayo rinomhanyisa maitiro ekugadzira mharidzo neakanyanya%.

Chii chatinowana patinotora pasi webslides?

Kana tichitsvaga mawebhusaiti tinowana akasiyana maforodha, ayo anosanganisira mademo nemifananidzo (zvishandiso nemalogo).

• Iyo css dura inochengeta masitaera emharidzo yedu
• Iwo anodikanwa emajavascript anochengetwa mujs dhairekitori, kusanganisira yakakosha webslide.js ndipo panowanzoitwa mashiripiti mazhinji.
• Iyo mifananidzo uye html mafaera emadhora anozochengetwa mumifananidzo uye mademo maforodha zvakateerana.

webslides/
├── index.html
├── css/
│   ├── base.css
│   └── colors.css
│   └── svg-icons.css (optional)
├── js/
│   ├── webslides.js
│   └── svg-icons.js (optional)
└── demos/
└── images/

Kugadzira zvirevo zveHTML nemawebhuwadhi

Iko kune maviri akakosha mabhenefiti kana uchishandisa webslides, iyo yatinotaura pazasi:

• Iyo kodhi yakachena uye inotyisa. Iyo zvakare inosanganisira enuitive markup pamwe nekushandiswa kweanozivikanwa mazita. Iko hakuna kudikanwa kwekushandisa makirasi, kana kunyanyisa kushandisa nesting.
• Mumwe nomumwe <section> mu #webslides inomiririra slide. Saka kufungidzira kuri nyore kwazvo.

Kudzidza 1  Kudzidza 1

Nenzira imwecheteyo isu tinogadzira masiraidhi akatwasuka, tichiwedzera yakatwasuka

Makirasi anoumba iyo websides CSS

• Typography: .text-kumhara, .text-data, .text-intro ...
• Background Colors: .bg-primary, .bg-apple, .bg-bhuruu ...
• Mifananidzo yekumashure: .pashure nzvimbo, .remberi -pakati-pasi ...
• Makadhi: .kadhi -50, .kadhi-40 ...
• Flexible block: .flexblock.clients, .flexblock.metrics ...

Kuwedzera kune webslides

webslides inotibvumidza isu kuwedzera matsva uye mashandiro, semuenzaniso tinogona kuwedzera zvimwe zvinotevera zviwanikwa.

• Unsplash
• hai.css
• zvidimbu.js
• pt

HTML yekuratidzira mademo akagadzirwa newebhu webhu

Iwe unogona kuona akateedzana emadhemoni eHTML mharidzo dzakagadzirwa newebhu webhu pano. Saizvozvo, kana iwe uchirodha pasi fomati iwe unokwanisa kuwana iko kukodha kweimwe yeaya madhemoni.

Ichi chishandiso chinotibvumidza kuti tigadzire mharidzo dzeHTML nekukurumidza uye nekupedzisa kukuru, asi zvichatibatsirawo kutarisa pane izvo zvirimo uye kuwana mhedzisiro yatisina kumbofungidzira kare.