Si të bëni prezantime HTML me rrëshqitje të rrjetave

Në një botë ku tregoni idetë tona në internet është bërë gjithnjë e më e nevojshme dhe ku shumëllojshmëria e mjeteve na ka bërë që të krijojmë prezantime të mahnitshme, të cilat në shumë raste përfundojnë të jenë të papajtueshme me disa media, pa dyshim, Prezantime HTML ato do të vazhdojnë të jenë alternativa universale në këtë fushë.

Por nuk është sekret për askënd që krijimi i prezantimeve të bukura HTML mund të zgjasë shumë dhe të kërkojë njohuri disi të përparuara të HTML, CSS dhe në disa raste JavaScript. Nga këto probleme, del një mjet i shkëlqyeshëm i quajtur rrëshqitjet në rrjetë.

Çfarë është rrëshqitja e rrjetave?

Do të thotë ta quash disi një "kornizë" me burim të hapur, të bërë nga Jose Luis Antunez, që na lejon krijoni prezantime HTML shpejt dhe lehtë. Mjeti ka gjërat thelbësore që ju të bëni prezantimet tuaja, gjithashtu, ju mund të merrni një nga prezantimet demo dhe ta personalizoni atë sipas dëshirës tuaj brenda pak minutash.

Prezantimet HTML që bëra me këtë mjet do të kenë një estetikë mbresëlënëse. Vlen të përmendet se ky mjet kërkon njohuri shumë themelore të HTML dhe CSS, kështu që është ideal për të gjitha llojet e përdoruesve, të cilët duhet të përqendrohen vetëm në përmbajtje dhe shumë pak në mënyrën se si ata përgatisin prezantimin.

Si të shkarkoni webslides?

Për të shkarkuar rrëshqitje të rrjetave, thjesht kryeni komandën e mëposhtme nga drejtoria juaj e preferuar:

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

Ju gjithashtu mund të klononi depon zyrtare me

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

Brenda dosjes së projektit do të merrni js, css dhe demo të nevojshme për të filluar krijimin e prezantimeve tuaja HTML me lehtësi.

Si të përdorim rrëshqitjet në internet?

Avantazhi më i madh i rrëshqitjeve të internetit është lehtësia e përdorimit, ky mjet me të vërtetë e bën të lehtë krijimin e prezantimeve me objektiva të ndryshëm dhe seritë e tij demonstruese përshpejtojnë procesin e krijimit të prezantimit me një% shumë të lartë.

Çfarë përfitojmë kur shkarkojmë rrëshqitjet në internet?

Kur shkarkojmë webslides, ne kemi qasje në dosje të ndryshme, të cilat përfshijnë demo dhe imazhe (pajisje dhe logo).

• Dosja css do të ruajë stilet e prezantimeve tona
• Në dosjen js do të ruhen javascript-et e nevojshme, duke përfshirë webslide.js themelore, e cila është vendi ku bëhet pjesa më e madhe e magjisë.
• Imazhet dhe skedarët html të demos do të ruhen përkatësisht në dosjet e imazheve dhe demos.

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

Krijimi i prezantimeve HTML me rrëshqitje të rrjetave

Ekzistojnë 2 avantazhe themelore kur përdorni rrëshqitjet, të cilat i përmendim më poshtë:

• Kodi është i pastër dhe i shkallëzuar. Ai gjithashtu përfshin shënime intuitive me përdorimin e nomenklaturave më të njohura. Nuk ka nevojë të përdorni klasa, ose të mbivendosni folezimin.
• Çdo <section> në # rrëshqitjet në internet paraqet një diapozitiv. Pra, faqosja është jashtëzakonisht e thjeshtë.

Rrëshqitje 1  Rrëshqitje 1

Në të njëjtën mënyrë ne mund të bëjmë diapozitivë vertikalë, duke shtuar një stil vertikal

Klasat që përbëjnë faqet e internetit CSS

• Tipografia: .teksti-ulje, .teksti-te dhenat, .teksti-intro ...
• Ngjyrat e sfondit: .bg-primare, .bg-apple, .bg-blue ...
• Imazhe Sfondi: .prapavijë, .prapavijë-fund-qendër
• Kartat: .karta-50, .karta-40 ...
• Blloqe fleksibël: .flexblock.klientë, .flexblock.metrike ...

Zgjatja në rrëshqitje të rrjetave

webslides na lejon të shtojmë stile dhe funksione të reja, për shembull mund të shtojmë disa nga burimet e mëposhtme:

• Unsplash
• gjallë.css
• grimcat.js
• pt

Demos prezantimi HTML të bëra me rrëshqitje në rrjet

Ju mund të shihni një seri demonstrimesh të prezantimeve HTML të bëra me rrëshqitje në rrjet këtu. Në të njëjtën mënyrë, kur shkarkoni kornizën, mund të përdorni kodimin e secilës prej këtyre demonstrimeve.

Ky është një mjet që do të na lejojë të krijojmë prezantime HTML shpejt dhe me përfundime të shkëlqyera, por gjithashtu do të na ndihmojë të përqendrohemi në përmbajtje dhe të arrijmë rezultate që nuk i imagjinonim më parë.