વેબસાઇડ્સ સાથે એચટીએમએલ પ્રસ્તુતિઓ કેવી રીતે બનાવવી

એવી દુનિયામાં જ્યાં ઇન્ટરનેટ પર અમારા વિચારો બતાવો તે વધુને વધુ જરૂરી બન્યું છે અને જ્યાં સાધનોની વિવિધતા અમને આકર્ષક પ્રસ્તુતિઓ બનાવવા માટે દોરી છે, જે ઘણા કિસ્સાઓમાં કેટલાક મીડિયા સાથે અસંગત રહે છે, શંકા વિના, એચટીએમએલ પ્રસ્તુતિઓ તેઓ આ ક્ષેત્રમાં સાર્વત્રિક વિકલ્પ બનશે.

પરંતુ તે કોઈને માટે કોઈ રહસ્ય નથી કે સુંદર એચટીએમએલ પ્રસ્તુતિઓ બનાવવામાં લાંબો સમય લાગે છે અને એચટીએમએલ, સીએસએસ અને કેટલાક કિસ્સાઓમાં જાવાસ્ક્રિપ્ટનું અદ્યતન જ્ knowledgeાન જરૂરી છે. આ સમસ્યાઓમાંથી, એક ઉત્તમ સાધન કહેવાતું ઉભરી આવે છે વેબસ્લાઇડ્સ.

વેબસાઇલાઇડ શું છે?

તે તેને કોઈક રીતે ઓપન સોર્સ "ફ્રેમવર્ક" કહેવાનું છે, જે દ્વારા બનાવવામાં આવ્યું છે જોસ લુઇસ એન્ટ્યુનેઝ, તે અમને પરવાનગી આપે છે HTML પ્રસ્તુતિઓ બનાવો ઝડપથી અને સરળતાથી. આ સાધન તમારી પાસે તમારી પોતાની પ્રસ્તુતિઓ બનાવવા માટે આવશ્યક છે, તે જ રીતે, તમે ડેમો પ્રસ્તુતિઓમાંથી એક લઈ શકો છો અને તેને મિનિટની બાબતમાં તમારી રુચિ અનુસાર કસ્ટમાઇઝ કરી શકો છો.

મેં આ ટૂલ સાથે બનાવેલ HTML પ્રસ્તુતિઓમાં પ્રભાવશાળી સૌંદર્યલક્ષી હશે. તે નોંધવું યોગ્ય છે કે આ સાધનને એચટીએમએલ અને સીએસએસનું ખૂબ મૂળભૂત જ્ requiresાન જરૂરી છે, તેથી તે તમામ પ્રકારના વપરાશકર્તાઓ માટે આદર્શ છે, જેમણે ફક્ત સામગ્રી પર ધ્યાન કેન્દ્રિત કરવું જોઈએ અને તેઓ કેવી રીતે પ્રસ્તુતિ તૈયાર કરે છે તેના પર ખૂબ ઓછું ધ્યાન આપવું જોઈએ.

વેબસ્લાઇડ્સ કેવી રીતે ડાઉનલોડ કરવા?

વેબસ્લાઇડ્સને ડાઉનલોડ કરવા માટે, તમારી મનપસંદ ડિરેક્ટરીમાંથી ફક્ત નીચેનો આદેશ ચલાવો:

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

તમે તેની સાથે સત્તાવાર ભંડારની ક્લોન પણ કરી શકો છો

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

પ્રોજેક્ટ ફોલ્ડરની અંદર તમને તમારી પોતાની HTML પ્રસ્તુતિઓ સરળતાથી બનાવવાનું પ્રારંભ કરવા માટે જરૂરી જેએસ, સીએસએસ અને ડેમો મળશે.

વેબસ્લાઇડ્સનો ઉપયોગ કેવી રીતે કરવો?

વેબસ્લાઇડ્સનો સૌથી મોટો ફાયદો એ છે કે તેનો ઉપયોગ કરવાની સરળતા, આ સાધન ખરેખર વિવિધ ઉદ્દેશો સાથે પ્રસ્તુતિઓ બનાવવાનું સરળ બનાવે છે અને તેની ડેમો શ્રેણી પ્રસ્તુતિ બનાવટની પ્રક્રિયાને ખૂબ highંચા% દ્વારા ઝડપી બનાવે છે.

જ્યારે આપણે વેબસ્લાઇડ્સ ડાઉનલોડ કરીએ છીએ ત્યારે આપણને શું મળે છે?

વેબસ્લાઇડ્સ ડાઉનલોડ કરતી વખતે, અમે વિવિધ ફોલ્ડર્સને .ક્સેસ કરીએ છીએ, જેમાં ડેમો અને છબીઓ (ઉપકરણો અને લોગો) શામેલ છે.

• સીએસએસ ફોલ્ડર આપણી પ્રસ્તુતિઓની શૈલીઓ સંગ્રહિત કરશે
• આવશ્યક જાવાસ્ક્રિપ્ટ્સ જેએસ ફોલ્ડરમાં સંગ્રહિત કરવામાં આવશે, જેમાં મૂળભૂત વેબસ્લાઇડ.જેઝ છે, જ્યાં મોટાભાગના જાદુ કરવામાં આવે છે.
• ડેમોની છબીઓ અને એચટીએમએલ ફાઇલો અનુક્રમે છબીઓ અને ડેમો ફોલ્ડર્સમાં સાચવવામાં આવશે.

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

વેબસ્લાઇડ્સ સાથે HTML પ્રસ્તુતિઓ બનાવવી

વેબસ્લાઇડ્સનો ઉપયોગ કરતી વખતે ત્યાં 2 મૂળભૂત ફાયદા છે, જેનો આપણે નીચે ઉલ્લેખ કરીએ છીએ:

• કોડ સ્વચ્છ અને સ્કેલેબલ છે. તેમાં સૌથી વધુ લોકપ્રિય નામના ઉપયોગ સાથે સાહજિક માર્કઅપ શામેલ છે. વર્ગો, અથવા વધુ પડતા માળખાંનો ઉપયોગ કરવાની જરૂર નથી.
• Cada <section> # વેબસ્લાઇડ્સમાં તે સ્લાઇડને રજૂ કરે છે. તેથી પૃષ્ઠ ક્રમાંકન ખૂબ જ સરળ છે.

સ્લાઇડ 1  સ્લાઇડ 1

તે જ રીતે આપણે slભી શૈલી ઉમેરીને vertભી સ્લાઇડ્સ બનાવી શકીએ છીએ

વર્ગો કે જે વેબસાઈટ્સ સીએસએસ બનાવે છે

• ટાઇપોગ્રાફી:. ટેક્સ્ટ-લેન્ડિંગ, ટેક્સ્ટ-ડેટા,. ટેક્સ્ટ-પ્રસ્તાવના ...
• પૃષ્ઠભૂમિ રંગ: .બીજી-પ્રાથમિક, .બીજી-એપલ, .બીજી-બ્લુ ...
• પૃષ્ઠભૂમિ છબીઓ: .બેકગ્રાઉન્ડ,. પૃષ્ઠભૂમિ-કેન્દ્ર-તળિયે ...
• કાર્ડ્સ: .કાર્ડ -50, .કાર્ડ -40 ...
• ફ્લેક્સિબલ બ્લ blocksક્સ: .ફ્લેક્સબ્લોક.ક્લિયન્ટ્સ, .ફ્લેક્સબ્લોક.મેટ્રિક્સ ...

વેબસ્લાઇડ્સમાં વિસ્તરણ

વેબસ્લાઇડ્સ અમને નવી શૈલીઓ અને વિધેયો ઉમેરવાની મંજૂરી આપે છે, ઉદાહરણ તરીકે આપણે નીચેનામાંથી કેટલાક સંસાધનો ઉમેરી શકીએ છીએ:

• અનસ્પ્લેશ
• એનિમેટ. સીએસએસ
• particles.js
• pt

એચટીએમએલ પ્રેઝન્ટેશન ડેમો

તમે વેબસાઇડ્સ સાથે બનાવેલ HTML પ્રસ્તુતિઓના ડેમોની શ્રેણી જોઈ શકો છો અહીં. તેવી જ રીતે, જ્યારે તમે ફ્રેમવર્કને ડાઉનલોડ કરો ત્યારે તમે આ દરેક ડેમોના કોડિંગને canક્સેસ કરી શકો છો.

આ એક સાધન છે જે અમને ઝડપથી અને મહાન સમાપ્ત સાથે HTML પ્રસ્તુતિઓ બનાવવાની મંજૂરી આપશે, પરંતુ તે સામગ્રી પર ધ્યાન કેન્દ્રિત કરવામાં અને પરિણામોની હાંસલ કરવામાં પણ મદદ કરશે જેની પહેલાં અમે કલ્પના નહોતી કરી.