Kaip pateikti HTML pristatymus naudojant interneto skaidres

Pasaulyje, kuriame parodykite savo idėjas internete tai tapo vis labiau reikalinga ir ten, kur įrankių įvairovė paskatino kurti nuostabius pristatymus, kurie daugeliu atvejų galiausiai yra nesuderinami su kai kuriomis žiniasklaidos priemonėmis, be jokios abejonės, HTML pristatymai jie ir toliau bus universali alternatyva šioje srityje.

Bet niekam ne paslaptis, kad gražių HTML pristatymų kūrimas gali užtrukti ilgai ir reikalauti šiek tiek pažangių HTML, CSS ir kai kuriais atvejais „JavaScript“ žinių. Iš šių problemų atsiranda puiki priemonė, vadinama interneto skaidrės.

Kas yra žiniatinklio skaidrės?

Tai kažkaip vadinama atvirojo kodo „sistema“, kurią sukūrė Chosė Luisas Antunezas, tai leidžia mums kurti HTML pristatymus greitai ir lengvai. Šis įrankis yra būtiniausias dalykas, kad galėtumėte patys kurti savo pristatymus, taip pat galite atlikti vieną iš demonstracinių pristatymų ir pritaikyti jį savo nuožiūra per kelias minutes.

HTML pristatymai, kuriuos padariau naudodamas šį įrankį, turės įspūdingą estetiką. Verta paminėti, kad šiam įrankiui reikalingos labai paprastos žinios apie HTML ir CSS, todėl jis idealiai tinka visų tipų vartotojams, kurie turėtų sutelkti dėmesį tik į turinį ir labai mažai į tai, kaip jie ruošia pristatymą.

Kaip atsisiųsti internetines skaidres?

Norėdami atsisiųsti internetines skaidres, tiesiog atlikite šią komandą iš savo mėgstamo katalogo:

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

Taip pat galite klonuoti oficialią saugyklą naudodami

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

Projekto aplanke gausite reikiamus js, css ir demonstracinius failus, kad galėtumėte lengvai kurti savo HTML pristatymus.

Kaip naudotis interneto skaidrėmis?

Didžiausias interneto svetainių skaidrių privalumas yra patogumas naudoti, šis įrankis tikrai leidžia lengvai kurti pristatymus su įvairiais tikslais, o jo demonstracinės serijos labai greitai paspartina pristatymo kūrimo procesą.

Ką gauname atsisiųsdami internetines skaidres?

Atsisiųsdami žiniatinklio skaidres mes pasiekiame įvairius aplankus, kuriuose yra demonstracinės versijos ir vaizdai (įrenginiai ir logotipai).

• Aplanke css bus saugomi mūsų pristatymų stiliai
• Būtini „javascripts“ bus saugomi aplanke „js“, įskaitant pagrindinį „webslide.js“, kuriame atliekama didžioji magija.
• Demonstracijų vaizdai ir HTML failai bus atitinkamai išsaugoti vaizdų ir demonstracinių aplankų aplankuose.

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

HTML pristatymų kūrimas naudojant interneto skaidres

Naudojant internetines skaidres yra 2 pagrindiniai pranašumai, kuriuos mes paminėjame toliau:

• Kodas yra švarus ir keičiamas. Tai taip pat apima intuityvų žymėjimą naudojant populiariausias nomenklatūras. Nereikia naudoti klasių ar per daug naudoti lizdą.
• Kiekvienas <section> #webslides reiškia skaidrę. Taigi puslapiavimas labai paprastas.

1 skaidrė  1 skaidrė

Tuo pačiu būdu mes galime padaryti vertikalias skaidres, pridedant vertikalų stilių

Klasės, sudarančios žiniatinklio CSS

• Tipografija: .text-landing, .text-data, .text-intro ...
• Fono spalvos: .bg-primary, .bg-apple, .bg-blue ...
• Fono vaizdai: .background, .background-centre-bottom ...
• Kortelės: .card-50, .card-40 ...
• Lankstūs blokai: .flexblock.clients, .flexblock.metrics ...

Išplečiama į internetines skaidres

žiniatinklio skaidrės leidžia mums pridėti naujų stilių ir funkcijų, pavyzdžiui, mes galime pridėti keletą šių šaltinių:

• Unsplash
• animuoti.css
• dalelės.js
• pt

HTML pateikimo demonstracinės versijos, sukurtos naudojant interneto skaidres

Galite pamatyti HTML pristatymų demonstracinių serijų, sukurtų naudojant interneto skaidres, seriją čia. Lygiai taip pat atsisiųsdami sistemą galite pasiekti kiekvieno iš šių demonstracinių elementų kodavimą.

Tai įrankis, kuris leis greitai ir puikiai užbaigti HTML pristatymų kūrimą, tačiau taip pat padės sutelkti dėmesį į turinį ir pasiekti rezultatus, kurių anksčiau neįsivaizdavome.