Adduun meesha fikradaheena ku muujino internetka waxay noqotay mid sii kordheysa oo lama huraan ah iyo halka kala duwanaanta qalabka ay noo horseeday inaan abuurno bandhigyo la yaab leh, taas oo xaalado badan aakhirka aan la jaan qaadi karin warbaahinta qaar, shaki la'aan, Bandhigyada HTML waxay kusii socon doonaan inay noqdaan beddelka guud ee aaggan.
Laakiin wax qarsoodi ah uma ahan qof walba in abuurista bandhigyada quruxda badan ee HTML ay qaadan karto waqti dheer waxayna u baahan tahay xoogaa aqoon sare oo HTML ah, CSS, iyo mararka qaarkood JavaScript. Dhibaatooyinkaas, qalab aad u fiican ayaa soo baxa oo loo yaqaan shabakadda.
Waa maxay webslides?
Waa in loogu yeero si uun isha furan "qaab", oo ay samaysay Jose Luis Antunez, taas ayaa noo ogolaaneysa Abuur bandhigyo HTML ah si dhakhso leh oo fudud. Qalabku wuxuu leeyahay waxyaabaha lagama maarmaanka u ah inaad sameyso bandhigyo kuu gaar ah, sidoo kale, waxaad qaadan kartaa mid ka mid ah bandhigyada demo oo aad u habeyn kartaa sidaad u jeceshahay daqiiqado gudahood.
Bandhigyada HTML ee aan ku sameeyay qalabkan waxay lahaan doonaan bilic qurxoon. Waxaa xusid mudan in qalabkani u baahan yahay aqoon aasaasi ah oo HTML iyo CSS ah, sidaa darteed waxay ku habboon tahay dhammaan noocyada isticmaaleyaasha, kuwaasoo ah inay xoogga saaraan oo keliya waxyaabaha ay ka kooban yihiin oo ay aad ugu yar yihiin sida ay u diyaarinayaan soo bandhigidda.
Sidee loo soo degsadaa webslides?
Si aad u soo dejiso webslides, kaliya ka dhaqan amarka soo socda galka aad jeceshahay:
wget https://github.com/jlantunez/webslides/archive/master.zip
Waxaad sidoo kale ku dhejin kartaa kaydinta rasmiga ah
git clone https://github.com/jlantunez/webslides.git
Gudaha galka mashruuca waxaad ka heli doontaa js, css iyo demos lagama maarmaan ah si aad u bilowdo sameynta bandhigyadaada HTML si fudud.
Sidee loo isticmaalaa webslides?
Faa'iidada ugu weyn ee webslides waa fududaanta adeegsiga, qalabkani wuxuu runtii ka dhigayaa mid fudud in la abuuro bandhigyo ujeedooyin kala duwan leh iyo taxanaheeda demo waxay dedejisaa habka abuurista soo bandhigidda% aad u sarreeya.
Maxaan helnaa markaan soo degsano webslides?
Markii aan soo dejineyno webslides waxaan marinnaa faylal kala duwan, oo ay ku jiraan demos iyo sawirro (aalado iyo astaamo).
- Css galka ayaa kaydin doona qaababka soo bandhigeenna
- Faylka 'js' javascriptcript lagama maarmaan ah ayaa lagu keydin doonaa, oo ay ku jiraan aasaasiga webslide.js oo ah halka ugu badan ee sixirka lagu sameeyo.
- Sawirada iyo faylasha html ee kombuyuutarrada ayaa lagu keydin doonaa sawirrada iyo faylasha demos siday u kala horreeyaan.
webslides/
├── index.html
├── css/
│ ├── base.css
│ └── colors.css
│ └── svg-icons.css (optional)
├── js/
│ ├── webslides.js
│ └── svg-icons.js (optional)
└── demos/
└── images/Abuuritaanka bandhigyada HTML ee webslides
Waxaa jira 2 faa iidooyin aasaasi ah markaad isticmaaleyso webslides, oo aan hoos ku xusnay:
- Koodhku waa nadiif waana la qaadi karaa. Waxa kale oo ku jira calaamadeynta dareenka leh iyadoo la adeegsanayo nomenclatures ugu caansan. Looma baahna in la isticmaalo fasallo, ama buul si xad dhaaf ah loo isticmaalo.
- Mid kasta
<section># Websaydhadu waxay u taagan tahay bogsiin. Marka pagination waa mid aad u fudud.
Islaaydh 1 Islaaydh 1
Si la mid ah waxaan u sameyn karnaa bogagga toosan, annagoo ku darna qaab toosan
Fasallo ka kooban websaydhka CSS
- Qaab-dhismeedka: .text-ka degitaan, .text-data, .text-intro ...
- Midabada Taariikhda: .bg-hoose, .bg-tufaax, .bg-buluug ...
- Sawirada hore:. Gadaal,. Gadaal-xarun-hoose…
- Kaararka: .kaarka-50, .kaarka-40 ...
- Baloogyada rogrogmi kara: .flexblock.clients, .flexblock.metrics ...
Kordhinta webslides
webslides waxay noo ogolaaneysaa inaan ku darno qaabab cusub iyo shaqeyn, tusaale ahaan tan waxaan ku dari karnaa qaar ka mid ah ilaha soo socda:
Demos soo bandhigida HTML oo lagu sameeyay webslides
Waxaad arki kartaa taxane ah demos oo bandhigyo HTML ah oo lagu sameeyay webslides Halkan. Si la mid ah, markaad soo degsato qaab-dhismeedka waxaad marin ka heli kartaa habka loo yaqaan 'encoding of each of demos'.
Kani waa aalad noo ogolaan doonta inaan si dhakhso leh oo dhameystir leh u abuurno bandhigyada HTML, laakiin waxay sidoo kale naga caawin doontaa inaan diirada saarno waxa ku jira isla markaana aan gaarno natiijooyin aanan horay u maleynaynin.
Aad u fiican, waxaan u arkaa aalad aad u xiiso badan inkasta oo dhadhankeyga shaaca ka qaadayo.js waa wax aad u fudud in la isticmaalo maaddaama ay tahay aalad ku saleysan tikniyoolajiyadda websaydhka sida HTML, CSS iyo JS oo leh aqoonta aasaasiga ah ee teknoolojiyadan waxaad horeyba uga dhigi kartaa bandhiggaaga aad u xiiso badan.
Thanks.
Way fiicantahay in loo dabaaldego waxyaabo badan oo asal ah
https://www.genbeta.com/web/crea-bonitas-presentaciones-en-html-de-forma-rapida-y-sencilla-con-webslides
Ku dhuumashada astaan qarsoodi ah waa mid aad u fudud in la dhaleeceeyo oo la yiraahdo waxaad rabto, laakiin nasiib darro waa la fahmi karaa in isku-darkaagu uusan eegin meel ka baxsan halka ay indhahaagu wax ka arki karaan, qodobkan aniga ayaa si buuxda u qoray aniga oo ku saleysan dukumiintiyada rasmiga ah iyo dib-u-eegista Waxaan ku sameeyay qalabka. Kee ayaan kaa siinayaa fikrad, waxaan ku gartay iyada oo ay ugu wacan tahay xaqiiqda ah in ay tahay codsi ugu codeyn badnaa maalmihii la soo dhaafay github https://github.com/jlantunez/webslides... Si kastaba ha noqotee, aad ayey muhiim noogu tahay inaad waqti siiso si aad u raadiso goob kale oo ay iyaguna wax ka qoraan isla annaga, sidaa darteed waxaad codsan kartaa kaaliyaha bannaan, oo aan u maleynayo inuu kaliya sii ahaan doono codsade maxaa yeelay waxaan ka shakisanahay inaad leedahay shuruud lagu go'aaminayo wax ku habboon.