ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳೊಂದಿಗೆ HTML ಪ್ರಸ್ತುತಿಗಳನ್ನು ಹೇಗೆ ಮಾಡುವುದು

ಜಗತ್ತಿನಲ್ಲಿ ನಮ್ಮ ಆಲೋಚನೆಗಳನ್ನು ಅಂತರ್ಜಾಲದಲ್ಲಿ ತೋರಿಸಿ ಇದು ಹೆಚ್ಚು ಅಗತ್ಯವಾಗಿದೆ ಮತ್ತು ಸಾಧನಗಳ ವೈವಿಧ್ಯತೆಯು ಅದ್ಭುತ ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಲು ನಮ್ಮನ್ನು ಕರೆದೊಯ್ಯುತ್ತದೆ, ಇದು ಅನೇಕ ಸಂದರ್ಭಗಳಲ್ಲಿ ಕೆಲವು ಮಾಧ್ಯಮಗಳೊಂದಿಗೆ ಹೊಂದಿಕೆಯಾಗುವುದಿಲ್ಲ, ನಿಸ್ಸಂದೇಹವಾಗಿ, ದಿ HTML ಪ್ರಸ್ತುತಿಗಳು ಅವರು ಈ ಪ್ರದೇಶದಲ್ಲಿ ಸಾರ್ವತ್ರಿಕ ಪರ್ಯಾಯವಾಗಿ ಮುಂದುವರಿಯುತ್ತಾರೆ.

ಆದರೆ ಸುಂದರವಾದ HTML ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಲು ಬಹಳ ಸಮಯ ತೆಗೆದುಕೊಳ್ಳಬಹುದು ಮತ್ತು HTML, CSS ಮತ್ತು ಕೆಲವು ಸಂದರ್ಭಗಳಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಗ್ಗೆ ಸ್ವಲ್ಪ ಸುಧಾರಿತ ಜ್ಞಾನದ ಅಗತ್ಯವಿರುತ್ತದೆ ಎಂಬುದು ಯಾರಿಗೂ ರಹಸ್ಯವಲ್ಲ. ಈ ಸಮಸ್ಯೆಗಳಿಂದ, ಒಂದು ಅತ್ಯುತ್ತಮ ಸಾಧನವು ಹೊರಹೊಮ್ಮುತ್ತದೆ ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳು.

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳು ಎಂದರೇನು?

ಇದನ್ನು ಹೇಗಾದರೂ ಓಪನ್ ಸೋರ್ಸ್ "ಫ್ರೇಮ್ವರ್ಕ್" ಎಂದು ಕರೆಯುವುದು ಜೋಸ್ ಲೂಯಿಸ್ ಆಂಟುನೆಜ್, ಅದು ನಮಗೆ ಅನುಮತಿಸುತ್ತದೆ HTML ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಿ ತ್ವರಿತವಾಗಿ ಮತ್ತು ಸುಲಭವಾಗಿ. ನಿಮ್ಮ ಸ್ವಂತ ಪ್ರಸ್ತುತಿಗಳನ್ನು ಮಾಡಲು ಉಪಕರಣವು ನಿಮಗೆ ಅಗತ್ಯವಾದ ವಸ್ತುಗಳನ್ನು ಹೊಂದಿದೆ, ಅಂತೆಯೇ, ನೀವು ಡೆಮೊ ಪ್ರಸ್ತುತಿಗಳಲ್ಲಿ ಒಂದನ್ನು ತೆಗೆದುಕೊಂಡು ಅದನ್ನು ಕೆಲವೇ ನಿಮಿಷಗಳಲ್ಲಿ ನಿಮ್ಮ ಇಚ್ to ೆಯಂತೆ ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು.

ಈ ಉಪಕರಣದೊಂದಿಗೆ ನಾನು ಮಾಡಿದ HTML ಪ್ರಸ್ತುತಿಗಳು ಆಕರ್ಷಕ ಸೌಂದರ್ಯವನ್ನು ಹೊಂದಿರುತ್ತದೆ. ಈ ಉಪಕರಣಕ್ಕೆ HTML ಮತ್ತು CSS ನ ಮೂಲಭೂತ ಜ್ಞಾನದ ಅಗತ್ಯವಿರುತ್ತದೆ ಎಂಬುದು ಗಮನಿಸಬೇಕಾದ ಸಂಗತಿ, ಆದ್ದರಿಂದ ಇದು ಎಲ್ಲಾ ರೀತಿಯ ಬಳಕೆದಾರರಿಗೆ ಸೂಕ್ತವಾಗಿದೆ, ಅವರು ಕೇವಲ ವಿಷಯದ ಮೇಲೆ ಮಾತ್ರ ಗಮನಹರಿಸಬೇಕು ಮತ್ತು ಅವರು ಪ್ರಸ್ತುತಿಯನ್ನು ಹೇಗೆ ತಯಾರಿಸುತ್ತಾರೆ ಎಂಬುದರ ಬಗ್ಗೆ ಬಹಳ ಕಡಿಮೆ.

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡುವುದು ಹೇಗೆ?

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಲು, ನಿಮ್ಮ ನೆಚ್ಚಿನ ಡೈರೆಕ್ಟರಿಯಿಂದ ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಕೈಗೊಳ್ಳಿ:

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

ನೀವು ಅಧಿಕೃತ ಭಂಡಾರವನ್ನು ಸಹ ಕ್ಲೋನ್ ಮಾಡಬಹುದು

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

ಪ್ರಾಜೆಕ್ಟ್ ಫೋಲ್ಡರ್ ಒಳಗೆ ನಿಮ್ಮ ಸ್ವಂತ HTML ಪ್ರಸ್ತುತಿಗಳನ್ನು ಸುಲಭವಾಗಿ ರಚಿಸಲು ಪ್ರಾರಂಭಿಸಲು ನೀವು ಅಗತ್ಯವಾದ ಜೆಎಸ್, ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಡೆಮೊಗಳನ್ನು ಪಡೆಯುತ್ತೀರಿ.

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು?

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳ ಅತಿದೊಡ್ಡ ಪ್ರಯೋಜನವೆಂದರೆ ಅದರ ಬಳಕೆಯ ಸುಲಭತೆ, ಈ ಉಪಕರಣವು ವಿವಿಧ ಉದ್ದೇಶಗಳೊಂದಿಗೆ ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಲು ನಿಜವಾಗಿಯೂ ಸುಲಭಗೊಳಿಸುತ್ತದೆ ಮತ್ತು ಅದರ ಡೆಮೊ ಸರಣಿಯು ಪ್ರಸ್ತುತಿ ರಚನೆ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಅತಿ ಹೆಚ್ಚು% ವೇಗಗೊಳಿಸುತ್ತದೆ.

ನಾವು ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿದಾಗ ನಮಗೆ ಏನು ಸಿಗುತ್ತದೆ?

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡುವಾಗ ನಾವು ಡೆಮೊಗಳು ಮತ್ತು ಚಿತ್ರಗಳನ್ನು (ಸಾಧನಗಳು ಮತ್ತು ಲೋಗೊಗಳು) ಒಳಗೊಂಡಿರುವ ವಿವಿಧ ಫೋಲ್ಡರ್‌ಗಳನ್ನು ಪ್ರವೇಶಿಸುತ್ತೇವೆ.

  • CSS ಫೋಲ್ಡರ್ ನಮ್ಮ ಪ್ರಸ್ತುತಿಗಳ ಶೈಲಿಗಳನ್ನು ಸಂಗ್ರಹಿಸುತ್ತದೆ
  • ಅಗತ್ಯವಾದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ಗಳನ್ನು ಮೂಲಭೂತ ವೆಬ್‌ಸ್ಲೈಡ್.ಜೆಎಸ್ ಸೇರಿದಂತೆ ಜೆಎಸ್ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಸಂಗ್ರಹಿಸಲಾಗುತ್ತದೆ, ಅಲ್ಲಿಯೇ ಹೆಚ್ಚಿನ ಮ್ಯಾಜಿಕ್ ಮಾಡಲಾಗುತ್ತದೆ.
  • ಚಿತ್ರಗಳು ಮತ್ತು ಡೆಮೊಗಳ HTML ಫೈಲ್‌ಗಳನ್ನು ಕ್ರಮವಾಗಿ ಚಿತ್ರಗಳು ಮತ್ತು ಡೆಮೊಗಳ ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಉಳಿಸಲಾಗುತ್ತದೆ.
webslides/
├── index.html
├── css/
│   ├── base.css
│   └── colors.css
│   └── svg-icons.css (optional)
├── js/
│   ├── webslides.js
│   └── svg-icons.js (optional)
└── demos/
└── images/

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳೊಂದಿಗೆ HTML ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸುವುದು

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳನ್ನು ಬಳಸುವಾಗ 2 ಮೂಲಭೂತ ಅನುಕೂಲಗಳಿವೆ, ಅದನ್ನು ನಾವು ಕೆಳಗೆ ಉಲ್ಲೇಖಿಸುತ್ತೇವೆ:

  • ಕೋಡ್ ಸ್ವಚ್ clean ಮತ್ತು ಸ್ಕೇಲೆಬಲ್ ಆಗಿದೆ. ಇದು ಅತ್ಯಂತ ಜನಪ್ರಿಯ ನಾಮಕರಣಗಳ ಬಳಕೆಯೊಂದಿಗೆ ಅರ್ಥಗರ್ಭಿತ ಮಾರ್ಕ್ಅಪ್ ಅನ್ನು ಸಹ ಒಳಗೊಂಡಿದೆ. ತರಗತಿಗಳನ್ನು ಬಳಸುವ ಅಗತ್ಯವಿಲ್ಲ, ಅಥವಾ ಅತಿಯಾದ ಗೂಡುಕಟ್ಟುವಿಕೆ.
  • ಪ್ರತಿಯೊಂದೂ <section> # ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳಲ್ಲಿ ಇದು ಸ್ಲೈಡ್ ಅನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. ಆದ್ದರಿಂದ ವಿನ್ಯಾಸವು ತುಂಬಾ ಸರಳವಾಗಿದೆ.
ಸ್ಲೈಡ್ 1  ಸ್ಲೈಡ್ 1

ಅದೇ ರೀತಿಯಲ್ಲಿ ನಾವು ಲಂಬವಾದ ಸ್ಲೈಡ್‌ಗಳನ್ನು ಮಾಡಬಹುದು, ಲಂಬ ಶೈಲಿಯನ್ನು ಸೇರಿಸಬಹುದು


ವೆಬ್ಸೈಡ್ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ರಚಿಸುವ ತರಗತಿಗಳು

  • ಮುದ್ರಣಕಲೆ: .ಟೆಕ್ಸ್ಟ್-ಲ್ಯಾಂಡಿಂಗ್, .ಟೆಕ್ಸ್ಟ್-ಡೇಟಾ, .ಟೆಕ್ಸ್ಟ್-ಪರಿಚಯ ...
  • ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳು: .ಬಿಜಿ-ಪ್ರಾಥಮಿಕ, .ಬಿಜಿ-ಆಪಲ್, .ಬಿಜಿ-ನೀಲಿ ...
  • ಹಿನ್ನೆಲೆ ಚಿತ್ರಗಳು:. ಹಿನ್ನೆಲೆ, .ಬ್ಯಾಕ್ಗ್ರೌಂಡ್-ಸೆಂಟರ್-ಬಾಟಮ್ ...
  • ಕಾರ್ಡ್‌ಗಳು: .ಕಾರ್ಡ್ -50, .ಕಾರ್ಡ್ -40 ...
  • ಹೊಂದಿಕೊಳ್ಳುವ ಬ್ಲಾಕ್ಗಳು: .flexblock.clients, .flexblock.metrics ...

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳಿಗೆ ವಿಸ್ತರಿಸಲಾಗುತ್ತಿದೆ

ವೆಬ್‌ಲೈಡ್‌ಗಳು ಹೊಸ ಶೈಲಿಗಳು ಮತ್ತು ಕ್ರಿಯಾತ್ಮಕತೆಯನ್ನು ಸೇರಿಸಲು ನಮಗೆ ಅನುಮತಿಸುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ನಾವು ಈ ಕೆಳಗಿನ ಕೆಲವು ಸಂಪನ್ಮೂಲಗಳನ್ನು ಸೇರಿಸಬಹುದು:

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳೊಂದಿಗೆ ಮಾಡಿದ HTML ಪ್ರಸ್ತುತಿ ಡೆಮೊಗಳು

ವೆಬ್‌ಸ್ಲೈಡ್‌ಗಳೊಂದಿಗೆ ಮಾಡಿದ HTML ಪ್ರಸ್ತುತಿಗಳ ಡೆಮೊಗಳ ಸರಣಿಯನ್ನು ನೀವು ನೋಡಬಹುದು ಇಲ್ಲಿ. ಅಂತೆಯೇ, ನೀವು ಫ್ರೇಮ್‌ವರ್ಕ್ ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿದಾಗ ಈ ಪ್ರತಿಯೊಂದು ಡೆಮೊಗಳ ಕೋಡಿಂಗ್ ಅನ್ನು ನೀವು ಪ್ರವೇಶಿಸಬಹುದು.

ಡೆಮೊ HTML ಪ್ರಸ್ತುತಿಗಳು

ಡೆಮೊಸ್ ಪೋರ್ಟ್ಫೋಲಿಯೊಗಳು 2

ಇದು HTML ಪ್ರಸ್ತುತಿಗಳನ್ನು ತ್ವರಿತವಾಗಿ ಮತ್ತು ಉತ್ತಮ ಪೂರ್ಣಗೊಳಿಸುವಿಕೆಗಳೊಂದಿಗೆ ರಚಿಸಲು ನಮಗೆ ಅನುಮತಿಸುವ ಒಂದು ಸಾಧನವಾಗಿದೆ, ಆದರೆ ಇದು ವಿಷಯದ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸಲು ಮತ್ತು ನಾವು ಮೊದಲು imagine ಹಿಸದ ಫಲಿತಾಂಶಗಳನ್ನು ಸಾಧಿಸಲು ಸಹ ಸಹಾಯ ಮಾಡುತ್ತದೆ.


ನಿಮ್ಮ ಅಭಿಪ್ರಾಯವನ್ನು ಬಿಡಿ

ನಿಮ್ಮ ಈಮೇಲ್ ವಿಳಾಸ ಪ್ರಕಟವಾದ ಆಗುವುದಿಲ್ಲ. ಅಗತ್ಯವಿರುವ ಜಾಗ ಗುರುತಿಸಲಾಗಿದೆ *

*

*

  1. ಡೇಟಾಗೆ ಜವಾಬ್ದಾರಿ: ಮಿಗುಯೆಲ್ ಏಂಜೆಲ್ ಗಟಾನ್
  2. ಡೇಟಾದ ಉದ್ದೇಶ: ನಿಯಂತ್ರಣ SPAM, ಕಾಮೆಂಟ್ ನಿರ್ವಹಣೆ.
  3. ಕಾನೂನುಬದ್ಧತೆ: ನಿಮ್ಮ ಒಪ್ಪಿಗೆ
  4. ಡೇಟಾದ ಸಂವಹನ: ಕಾನೂನುಬದ್ಧ ಬಾಧ್ಯತೆಯನ್ನು ಹೊರತುಪಡಿಸಿ ಡೇಟಾವನ್ನು ಮೂರನೇ ವ್ಯಕ್ತಿಗಳಿಗೆ ಸಂವಹನ ಮಾಡಲಾಗುವುದಿಲ್ಲ.
  5. ಡೇಟಾ ಸಂಗ್ರಹಣೆ: ಆಕ್ಸೆಂಟಸ್ ನೆಟ್‌ವರ್ಕ್‌ಗಳು (ಇಯು) ಹೋಸ್ಟ್ ಮಾಡಿದ ಡೇಟಾಬೇಸ್
  6. ಹಕ್ಕುಗಳು: ಯಾವುದೇ ಸಮಯದಲ್ಲಿ ನೀವು ನಿಮ್ಮ ಮಾಹಿತಿಯನ್ನು ಮಿತಿಗೊಳಿಸಬಹುದು, ಮರುಪಡೆಯಬಹುದು ಮತ್ತು ಅಳಿಸಬಹುದು.

  1.   ಅಲನ್ ಫ್ಯುಯೆಂಟೆಸ್ ಡಿಜೊ

    ತುಂಬಾ ಒಳ್ಳೆಯದು, ನನ್ನ ರುಚಿಗೆ ತಕ್ಕಂತೆ ನಾನು ಉಪಕರಣವನ್ನು ತುಂಬಾ ಆಸಕ್ತಿದಾಯಕವೆಂದು ಕಂಡುಕೊಂಡಿದ್ದೇನೆ. ಇದು ಎಚ್‌ಟಿಎಮ್ಎಲ್, ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಜೆಎಸ್ ನಂತಹ ವೆಬ್ ತಂತ್ರಜ್ಞಾನಗಳನ್ನು ಆಧರಿಸಿದ ಸಾಧನವಾಗಿರುವುದರಿಂದ ಬಳಸಲು ಸುಲಭವಾಗಿದೆ, ಈ ತಂತ್ರಜ್ಞಾನಗಳ ಬಗ್ಗೆ ಮೂಲಭೂತ ಜ್ಞಾನವನ್ನು ಹೊಂದಿರುವ ನಿಮ್ಮ ಪ್ರಸ್ತುತಿಯನ್ನು ನೀವು ಕಾಣುವಂತೆ ಮಾಡಬಹುದು ಹೆಚ್ಚು ಆಸಕ್ತಿದಾಯಕವಾಗಿದೆ.

    ಗ್ರೀಟಿಂಗ್ಸ್.

  2.   ಅನಾಮಧೇಯ ಡಿಜೊ

    ತುಂಬಾ ಮೂಲ ವಿಷಯವನ್ನು ಆಚರಿಸಲು ಸಂತೋಷವಾಗಿದೆ
    https://www.genbeta.com/web/crea-bonitas-presentaciones-en-html-de-forma-rapida-y-sencilla-con-webslides

    1.    ಹಲ್ಲಿ ಡಿಜೊ

      ಅನಾಮಧೇಯ ಪ್ರೊಫೈಲ್‌ನಲ್ಲಿ ಅಡಗಿಕೊಳ್ಳುವುದು ನಿಮಗೆ ಬೇಕಾದುದನ್ನು ಟೀಕಿಸುವುದು ಮತ್ತು ಹೇಳುವುದು ತುಂಬಾ ಸುಲಭ, ಆದರೆ ದುರದೃಷ್ಟವಶಾತ್ ನಿಮ್ಮ ಗುಣಾಂಕವು ನಿಮ್ಮ ಕಣ್ಣುಗಳು ನೋಡುವ ಸ್ಥಳವನ್ನು ಮೀರಿ ಕಾಣುವುದಿಲ್ಲ ಎಂಬುದು ಅರ್ಥವಾಗುವಂತಹದ್ದಾಗಿದೆ, ಈ ಲೇಖನವನ್ನು ಅಧಿಕೃತ ದಸ್ತಾವೇಜನ್ನು ಆಧರಿಸಿ ನಾನು ಸಂಪೂರ್ಣವಾಗಿ ಬರೆದಿದ್ದೇನೆ ಮತ್ತು ವಿಮರ್ಶೆಯಲ್ಲಿ ನಾನು ಉಪಕರಣದಲ್ಲಿ ಮಾಡಿದ್ದೇನೆ. ನಿಮಗೆ ಯಾವುದು ಕಲ್ಪನೆಯನ್ನು ನೀಡಬೇಕೆಂದರೆ, ಗಿಥಬ್‌ನಲ್ಲಿ ಇತ್ತೀಚಿನ ದಿನಗಳಲ್ಲಿ ಇದು ಹೆಚ್ಚು ಮತ ಚಲಾಯಿಸಿದ ಅಪ್ಲಿಕೇಶನ್ ಎಂಬ ಕಾರಣಕ್ಕೆ ನಾನು ಅದನ್ನು ತಿಳಿದುಕೊಂಡೆ https://github.com/jlantunez/webslides... ಆದಾಗ್ಯೂ, ಅವರು ನಮ್ಮಂತೆಯೇ ಬರೆಯುವ ಬೇರೆ ಯಾವುದಾದರೂ ಸೈಟ್‌ಗಾಗಿ ನೀವು ಸಮಯ ತೆಗೆದುಕೊಂಡಿದ್ದೀರಿ ಎಂಬುದು ನಮಗೆ ಬಹಳ ಮುಖ್ಯ, ಆದ್ದರಿಂದ ನೀವು ವಿಮರ್ಶಕರ ಖಾಲಿ ಹುದ್ದೆಗೆ ಅರ್ಜಿ ಸಲ್ಲಿಸಬಹುದು, ಅದು ಅರ್ಜಿದಾರರಾಗಿ ಮಾತ್ರ ಉಳಿಯುತ್ತದೆ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ ಏಕೆಂದರೆ ಸೂಕ್ತವಾದದ್ದನ್ನು ನಿರ್ಧರಿಸುವ ಮಾನದಂಡ ನಿಮ್ಮಲ್ಲಿದೆ ಎಂದು ನನಗೆ ಅನುಮಾನವಿದೆ.