એક HTML5 વેબસાઇટ બનાવો કેવી રીતે

HTML5, આગામી પેઢી વેબ સ્ટાન્ડર્ડ તરીકે, ખૂણે આસપાસ છે. તમે તમારી વેબસાઇટ પર HTML5 આધાર ઉમેરો કરશે? કદાચ તે ઓછામાં ઓછા તૈયાર કરવા માટે સમય છે. આ લેખ તમે તમારી વેબસાઇટ માટે HTML5 સ્લાઇડશો અને એમ્બેડ કરવા માટે 2 માર્ગો બતાવશે.

સ્વ ચાલી HTML5 વેબસાઇટ

HTML5 સૌથી સુધારો કે જે તમે સીધા એમ્બેડ અને ઉપયોગ કરીને વિડિઓઝ ઓનલાઇન રમી શકે છે. આ રીતે, મુલાકાતીઓ તરીકે લાંબા સમય સુધી તેમના બ્રાઉઝરમાં HTML5 આધાર આપે છે આ HTML5 વેબસાઇટ જોઈ શકો છો. કોઈ ફ્લેશ પ્લેયર જરૂરી છે. આ HTML5 તેના અંતિમ આવૃત્તિ માટે ન કરવામાં આવે છે, કારણ કે વિડિયો કોડેક કદાચ WebM, H264, Ogv અથવા બંને ઉપયોગ કરી શકે છે.

અહીં તમે એક HTML5 વેબસાઇટ વિડિઓ એમ્બેડ કરી શકો છો કેવી રીતે છે:

<વિડિઓ પોસ્ટર "movie.jpg" કન્ટ્રોલ => 
    <સ્ત્રોત src = 'movie.webm' પ્રકાર = 'વિડિઓ / WebM; કોડેક = "vp8.0, વોર્બિસ" /> 
    <સ્ત્રોત src = 'movie.ogv' પ્રકાર = 'વિડિઓ / ઓગ; કોડેક = "Theora, વોર્બિસ" /> 
    <સ્ત્રોત src = 'movie.mp4' પ્રકાર = 'વિડિઓ / MP4; કોડેક = "avc1.4D401E, mp4a.40.2" />
</ વીિડયો>

તમે નીચે વિડિયો જોઈ શકો છો, તમારા વેબ બ્રાઉઝર્સ પણ, HTML5 આધાર આપે છે. આજકાલ, સૌથી વધુ બ્રાઉઝર્સ પહેલેથી HTML5 વેબસાઇટ આધાર આપે છે. HTML5 બ્રાઉઝર્સ વિશે વધુ વિગતો જુઓ.

HTML5 વેબસાઇટ વિડિઓ સાથે બનાવવામાં DVD Slideshow Builder Deluxe - 100 કરતાં વધુ સંક્રમણો સમાવેશ થાય છે.

હવે તમે શું કરવાની જરૂર છે માત્ર એક HTML5 વેબસાઇટ સોફ્ટવેર અને સ્લાઇડશો વિડિઓ બનાવો એમપી 4 (AVC) ફોર્મેટ.

ઇન્ટરેક્ટિવ HTML5 વેબસાઇટ

વેબસાઇટ્સ પર હાલમાં ઉપયોગ ફ્લેશ સ્લાઇડશો જેમ, તમે પણ કંઈપણ ઇન્સ્ટોલ વગર HTML5 વેબસાઇટ ડિઝાઇન કરી શકે છે. અલબત્ત, તમે તમારી જાતને કોડેક લખવા માટે નથી. અહીં અમે કેવી રીતે HTML5 વેબસાઇટ એમ્બેડ કરવા માટે તમે બતાવવા માટે ઉદાહરણ માટે એક વહેંચાયા HTML5 વેબસાઇટ લે છે.

યોગ્ય જગ્યાએ ફાઈલોને મૂકવામાં 1..

તમે અહીં ના HTML5 પ્રોજેક્ટ ફાઇલ ડાઉનલોડ, ત્યારે તમારા કમ્પ્યુટર પર ફાઈલ ઝિપસાંકળ છોડવી, અને ખસેડવા અથવા તમારી વેબસાઇટ ફોલ્ડર અપલોડ કરો.

તેમના HTML5 વેબસાઇટ પ્રોજેક્ટ શેર અન્ય લોકો અમને પણ છે. એક અને ફેરફાર માટે Google ને તમારી જરૂરીયાતોને બંધબેસશે. તે લાયસન્સ નિવેદનો બીજાના કામ આભાર, અથવા અનુસરો કૉપિરાઇટ સૂચના મૂકવા માટે સારી છે.

2. બદલો કોડ તમારી જરૂરીયાતોને બંધબેસશે

સામાન્ય રીતે, તમે એક અલગ ફોલ્ડર માં મૂકી હોય, તો લિંક સરનામું સિવાય CSS અને જેએસ ફાઇલો કોડ બદલવા માટે જરૂર નથી. ઉદાહરણ માટે, તમે script.js 'સ્ક્રિપ્ટો' કહેવાય હાલની ફોલ્ડર માં ફાઇલ ખસેડવામાં આવ્યા છે, તો 'સ્ક્રિપ્ટો / script.js' માટે css ફાઇલ કડી સરનામું બદલવા જોઈએ. કડી સરનામું આ પ્રકારના અન્ય પ્રકાર આવા http://yoursite.com/scripts/script.js તરીકે ચોક્કસ લિંક છે, જ્યારે સંબંધિત લિંક કહેવામાં આવે છે. આ HTML5 વેબસાઇટ એક ફોલ્ડર માં પૃષ્ઠ પર એમ્બેડ હોય, તો તમે '../scripts/script.js' કંઈક ઉપયોગ કરવો જોઈએ. તમે તફાવત સાથે પરિચિત નહિં હોય, તો તમે વધુ સારી રીતે ચોક્કસ લિંક ઉપયોગ કરશો.

આ HTML5 વેબસાઇટ સૌથી મહત્વપૂર્ણ ભાગ લાલ બોક્સ ચિહ્નિત થયેલ છે. તમે HTML5 વેબસાઇટ પ્રદર્શિત અને ઉપર વર્ણવ્યા જેવી છબી સરનામું બદલવા માટે ઇચ્છો તે કોઇપણ પાનું માં આ કોડ નકલ.

માટે મોટું કરો ક્લિક કરો.

HTML5 બ્રાઉઝર્સ સાથે 3 પૂર્વદર્શન

છેલ્લે, HTML5 વેબસાઇટ તમારા HTML5 બ્રાઉઝર જેમ દેખાય છે કેવી રીતે જુઓ. સામાન્ય રીતે, તમે મળશે  . આ HTML5 વેબસાઇટ  આ પાનાં પર, તમે પણ HTML5 વેબસાઇટ ફાઈલો ડાઉનલોડ કરો અને Angelov સુધીમાં તેની રચના માટે વિગતવાર પ્રક્રિયા જોઈ શકે છે.

પણ તપાસો ફ્લેશ વેબસાઇટ નમૂનાઓ ક્લિક્સ વેબસાઇટ સ્લાઇડશૉઝ બનાવવા માટે.