કોમ્પ્યુટર્સ, પ્રોગ્રામિંગ
HTML: નવા નિશાળીયા માટે બેઝિક્સ
HTML - હાઇપરટેક્સ્ટ માર્કઅપ લેંગ્વેજ ઇન્ટરનેટ કરી છે કારણ કે આપણે જાણીએ છીએ અને પ્રેમ. તે આ અદ્ભુત સાધન સાઇટ્સ માટે આભાર સરસ અને આધુનિક જોવા છે અને તેમની ઉપયોગની સુવિધા પૂરી પાડે છે. એચટીએમએલ ફક્ત એક વપરાશકર્તા મૈત્રીપૂર્ણ વિકલ્પ વેબ પૃષ્ઠ તત્વો ભેગા. તેમનું કાર્ય હકીકત એ છે કે આમ કરવા માટે તુલનાત્મક છે લખાણ સંપાદકો જેમ એમએસ વર્ડ અથવા OpenOffice તરીકે. તેઓ ફકરા, બોલ્ડ લખાણ, ત્રાંસા અક્ષરો, કોષ્ટકો, અને તે પણ છબીઓ છે કે દસ્તાવેજમાં અક્ષરોનું faceless સમૂહ ચાલુ કરો. આશરે સરખું જ વસ્તુ એચટીએમએલ માત્ર તફાવત એ છે કે તેના દસ્તાવેજો બ્રાઉઝર માં દર્શાવવામાં આવે છે, અને આ સાધન શક્યતાઓ લખાણ સંપાદક કરતાં વધુ વ્યાપક છે બનાવે છે,. ખાસ આદેશો કે જે વેબ પાનું માળખું વર્ણવે - ટૅગ્સ ચિહ્નિત માટે વપરાય છે. <ટેગ> બ્રાઉઝર તેમને લખાણ કુલ સમૂહ અલગ કરી શકે છે - તેઓ કોણ કૌંસ બંધ કરવામાં આવે છે. ત્યાર બાદ અમે નવા નિશાળીયા માટે HTML ની બેઝિક્સ પર દેખાશે.
દ્રશ્ય સંપાદકો
પ્રારંભિક માત્ર HTML અભ્યાસ માટે માર્ગ જડવા, ઘણી વખત કાર્યક્રમો સાથે તેમના કામ શરૂ કોઈપણ જ્ઞાન વગર વેબસાઇટ્સ બનાવવા માટે. તેઓ ફક્ત સ્ક્રીન પર આઇટમ્સ મૂકો કારણ કે તેઓ બ્રાઉઝરમાં દેખાશે કરી શકો છો. એવું જણાય છે, અહીં તે છે - શાશ્વત ગ્રેસ સ્ત્રોત, વેબ ડેવલપર્સ સૌથી છુટકારો મેળવવા માટે પરવાનગી આપે છે. પરંતુ ખૂબ સરળ નથી, કારણ કે દ્રશ્ય સંપાદકો અનેક ખામીઓ કે બનાવવા હોય તે અશક્ય તેમને ગંભીર પ્રોજેક્ટમાં ઉપયોગ.
આ કાર્યક્રમો પાનું આખરી આવૃત્તિ અતિ મોટા અને શ્રેષ્ઠત્તમ કરતા નીચી બનાવવા બિનજરૂરી ટૅગ્સ ઘણો બનાવો. અલબત્ત, હાઇ-સ્પીડ ઇન્ટરનેટ આ યુગમાં તે ભૂતકાળમાં કરતાં ઓછી મહત્વ છે, પરંતુ સંખ્યાબંધ કારણો શા સંક્ષિપ્ત અને સારી રીતે લખાયેલો વેબસાઇટ તેના પ્રતિરૂપ, દ્રશ્ય સંપાદક માં બનાવવામાં કરતાં વધુ વ્યવહારુ છે હોય છે. વેબ પેજ આવા કાર્યક્રમ કરવામાં ખરાબ સિમેન્ટીક ભૂલો એક સમૂહ સાથે કોડ અને અતિ મોટા અને અતાર્કિક કોડ દરેક કિલોબાઇટ્સ તેમને મહત્વપૂર્ણ તરીકે શોધ એન્જિન દ્વારા ગણવામાં આવશે ભાગ્યે જ તેમને સ્વાદ હોય છે. વધુમાં, સંપાદકો વારંવાર વખત પાછળ, અપ્રસ્તુત બની જાય છે, અને સંસાધનો ખર્ચવા પર તેમના વિકાસ અવ્યવહારુ છે, કારણ કે કોઈ વ્યાવસાયિક આ ઉત્પાદનો ઉપયોગ કરશો નહીં. તેથી, કોઈપણ કે જે સાઇટ્સ બનાવટ કામ કરવા માંગે છે, HTML ના બેઝિક્સ ખબર હોવી જોઇએ.
ટૅગ્સ
ઉપર દર્શાવ્યા મુજબ, ટેગ્સ વેબ બ્રાઉઝર પાનું માળખું વર્ણવે છે. તેમાંના મોટા ભાગના ઉદઘાટન અને બંધ ટૅગ્સ હોય છે, પરંતુ તમામ નથી. ઉદાહરણ માટે,
ત્યાં પણ એક ટેગ્સ, જે બંધ કરવાની જરૂર નથી. તેમને તે અંદર હતો, તેમજ લક્ષણો. લક્ષણ એચટીએમએલ-ટૅગ્સ મોટા ભાગના લોકો માટે સ્થાપિત કરી શકાય અને તત્વ ગુણધર્મો નક્કી કરે છે. તેને ખોલ્યા ટેગમાં નિયુક્ત આ જેમ દેખાય છે: લક્ષણ = "...", તેના બદલે પોઈન્ટ જ્યાં લક્ષણ મૂલ્ય છે. ટેગ જ્ઞાન એચટીએમએલ વિકાસ માટે પ્રથમ અને સૌથી મહત્વપૂર્ણ પગલું છે. આ કલા ની મૂળભૂત વાતો પણ વેબ પેજ માળખું સમજ સૂચિત.
દસ્તાવેજ માળખું
દરેક HTML દસ્તાવેજ અનુરૂપ વિસ્તરણ, ઉદાહરણ તરીકે, Index.html માટે છે. તેથી બ્રાઉઝર સમજી શકે તે શું છે, અને યોગ્ય રીતે પાનું પ્રદર્શિત કરે છે. બધા સાઇટ બનાવવા માટે ઉપયોગમાં ફાઇલો, તે જ તે નિર્દેશિકાને ભવિષ્યમાં મોટા પ્રમાણમાં તમારી જીવન સરળ બનાવવા કરશે રાખવા સલાહભર્યું છે. હાઇપરટેક્સ્ટ માર્કઅપ લેંગ્વેજ HTML ની સ્થાપનાઓ દસ્તાવેજનું માળખું સ્પષ્ટ સમજ સમાવેશ થાય છે. તે ટેગ સાથે શરૂ થાય છે , એચટીએમએલ, કે જે આ દસ્તાવેજમાં ઉપયોગ કરવામાં આવે છે બ્રાઉઝર આવૃત્તિ કહે છે. આ ક્ષણે, ભાષાના પ્રસંગોચિત પાંચમી આવૃત્તિ છે, તેથી ત્યાં કંઈપણ શોધ કરવાની જરૂર નથી, અમે સુરક્ષિત રીતે કોઇપણ પૃષ્ઠના ટોચ ઉપર ટેગ સામેલ કરી શકો છો.
પછી મુખ્ય જોડી બનાવી માળખું પર જાઓ, સાઇટના "હાડપિંજર" રચનાર. જેમાં પ્રથમ ટેગ બાકીની તમામ મૂકી - ... html>. તે બધું જ બહાર છે, વેબ પૃષ્ઠ તરીકે બ્રાઉઝર દ્વારા ઓલખી કઢાયા નથી જેથી તે ખોલે અને દસ્તાવેજ બંધ છે. આ ટૅગ કોઈપણ દસ્તાવેજ માટે જરૂરી છે. તે પણ અનેક ફરજિયાત ટેગ્સ, કે જેની નીચે ચર્ચા કરવામાં આવશે સમાવે છે.
હેડ
ટેગ અંદર
... head> તકનીકી કે કુદરત, જેના પૃષ્ઠ પર પ્રદર્શિત કરવામાં આવશે નહીં, પરંતુ તેમ છતાં, દસ્તાવેજ HTML ની એક મહત્વપૂર્ણ ભાગ છે માહિતી સમાવે છે. સાઇટે આ જગ્યાએ નાખ્યો નોટિસ, તો પસંદ કરેલ અને પાનું નામના એન્કોડિંગ માં કરવામાં આવે છે. તે ફરજિયાત ટેગલિંક
HTML ની મૂળભૂત જ્ઞાન પણ અસ્ખલિત શૈલીઓ, અથવા સીએસએસ ઉપયોગ થાય છે. તેઓ તત્વો કે પૃષ્ઠ પર પ્રદર્શિત થશે ગુણધર્મો સેટ કરો. આ સમસ્યા માટે આધુનિક અભિગમ રંગ, ઉંચાઈ અને આઇટમ સ્થાન જેમ કે લક્ષણો લાદવી ઉમેર્યું અનુકૂળતા માટે બાહ્ય ફાઇલમાં સમાવેશ થાય છે. સીએસએસ ફાઇલ ટેગ <લિંક /> નો ઉપયોગ કનેક્ટ કરો. ફિનિશ્ડ સ્વરૂપમાં, તે કંઈક આના જેવી દેખાય છે: , કે જે href સૂચવે તેના પ્રકાર પર - ફાઇલ, અને પ્રકાર સ્થાન પર.
શારીરિક
તે એચટીએમએલ-દસ્તાવેજ પાનું દૃશ્યમાન ભાગ દ્વારા બનાવવામાં આ ભાગ છે. બધા કે "શરીર" અંદર કરવામાં આવે છે બ્રાઉઝર દ્વારા પ્રદર્શિત કરવામાં આવશે.
- - એક સબસ્ટ્રિંગ કાઢવા માટે ચોક્કસ શૈલી, સીએસએસ વર્ણવેલ સોંપેલ કરી શકાય ઉપયોગ થાય છે;
- - એક વેબ પૃષ્ઠ પર એક લિંક બનાવે છે; આવો સરનામા લક્ષણ href સ્પષ્ટ છે;
- - સૌથી વધુ લોકપ્રિય આધુનિક ટૅગ્સ એક; કોઈપણ જે ભાષા HTMLl ની મૂળભૂત વાતો જાણવા માટે, તે માટે ખાસ ધ્યાન ચૂકવણી કરવી જોઇએ કારણ કે તે એક બ્લોક તત્વ છે, જે આજના વેબસાઇટ્સ (બ્લોક માટે પરિમાણોCSS માં સુયોજિત છે, અને અન્ય એકમો આ ટેગ અંદર મૂકી શકાય છે) ની સિંહ શેર આધારે કરવામાં આવે છે નિર્ણય કર્યો હતો
- લખાણ ફકરા પસંદ; ફકરો સમાવિષ્ટો ઉદઘાટન અને બંધ ટૅગ્સ વચ્ચે આવેલું છે;
- - ક્રમાંકિત સૂચી ઘટકો છે કે જે ટેગ જોડી છે
- ;
-
- - એક બુલેટ યાદી, જે, તેમજ ક્રમાંકિત તત્વોમાં ટેગ દ્વારા વ્યકત કરાય છે
- ;
-
-
- દસ્તાવેજ મથાળાઓ (- મુખ્ય શીર્ષક, અને અનુગામી વિવિધતા, હેડર સ્તર
ઇન્ટરનેટ પર શોધવા માટે લગભગ અશક્ય છે માર્ગ દ્વારા, તેના સબટાઈટલ છે આકૃતિ હેડર, એટલે
સ્તર સૂચવે છે) તે પણ યાદ કરવા માટે એક પાનું એક જ હેડર હોઈ શકે છે કે જે મહત્વપૂર્ણ છે
;
- - બોલ્ડ ટેક્સ્ટ;
- - ઇટાલિક;
-
- વેબ પાનું (તે એક ટેગ, તે શટ ડાઉન થવા જરૂર નથી, પરંતુ તે Alt લક્ષણ, જે એક છબી માટે લખાણ સ્પષ્ટ કરે સ્પષ્ટ કરવા માટે જરૂરી છે) પર ચિત્રો સામેલ; - <ઓડિયો> - ટેગ દસ્તાવેજ ઓડિયો ફાઇલમાં શામેલ છે.
આ બધા તમારા પોતાના વેબ પાનું બનાવવા માટે જરૂરી ટૅગ્સ હોય છે, પરંતુ તેઓ નવા નિશાળીયા માટે HTML પાયા મૂકે કરવા માટે પૂરતી છે.
સીએસએસ
એચટીએમએલ ભાષા વિકાસ કે દરેક ટેગ obzavolsya વજન શ્રેય હકીકત તરફ દોરી જાય છે, અને વેબ પૃષ્ઠો દેખાવ માટે જરૂરિયાતો નોંધપાત્ર વધારો થાય છે. સંહિતા અતિ મોટા અને પ્રતિકૂળ બની ગયું છે, તે વાંચવા માટે એકલા દો સ્વીકારવાનું અથવા બદલવા માટે મુશ્કેલ હતું. ઉપરાંત, પછી પરસેવો હોય, તમારી સાઇટ દસ પાના, જેના પર હેડલાઇન્સ ઘણો, લીલા ચિહ્નિત જો દરેક બાજુ બદલીને, અને તમે અચાનક તેમને લાલ બનાવવા માગતા હતા. કાસ્કેડિંગ સ્ટાઇલ શીટ્સ આગમન સાથે, આ પ્રક્રિયા સરળ અને લોજિકલ બની ગયું છે, અને HTML કોડ વધુ ભરોસાપાત્ર બની ગયું છે.
અરજી સીએસએસ
વેબ પૃષ્ઠો બનાવવા માટે, તમારે HTML અને CSS ની મૂળભૂત વાતો જાણવું જોઈએ, જેથી તે કેસ્કેડીંગ સ્ટાઇલ શીટ્સ જ્ઞાન આ વિસ્તારમાં કરવા જેવું કશું છે વગર હવે છે. તેઓ દરેક તત્વ માટે એટ્રીબ્યૂટ્સ, જે સમગ્ર દસ્તાવેજ માટે અરજી સેટ કરો. આમ, તમે બધા
ક્રમમાં દસ્તાવેજ માટે css ફાઇલ સાથે જોડાવા માટે, ત્યાં એક ટૅગ કડી છે. સહેજ ઉપર તેના ઉપયોગ સિદ્ધાંત વર્ણન કર્યું, પરંતુ તે માત્ર એક જ જગ્યાએ તમામ શૈલીઓ સંયુક્ત વિકલ્પ નથી. ત્યાં ટેગ <શૈલી> છે, કે જે દસ્તાવેજ "માથા" નો સ્થિત છે અને તમે સીએસએસ ફાઈલો ઉપયોગ કર્યા વગર શૈલીઓ નોંધણી કરવા માટે પરવાનગી આપે છે છે. જરૂરી નથી કોઈ પણ એક પદ્ધતિ અથવા અન્ય ઉપયોગ કરવાની ક્ષમતા. તેઓ સફળતાપૂર્વક શ્રેષ્ઠ પરિણામ પેદા કરવા માટે જોડી શકાય છે. સ્ટાઇલ શીટ્સ સાથે ફાઇલને બનાવવા માટે ફાઇલ એક્સ્ટેંશન સીએસએસ સાથે દા.ત. styles.css બનાવવા માટે જરૂર છે.
જાવાસ્ક્રિપ્ટ
ઘણીવાર જે વ્યક્તિ વેબ પૃષ્ઠો વિકાસ શરૂ કરવા માટે નિર્ણય લીધો છે, ખબર પડે છે કે તેના કાર્ય ભંડોળ એચટીએમએલ દ્વારા ઓફર પૂરતી નથી. ફંડામેન્ટલ્સ એક સુંદર પાનું બનાવવા કરશે, પરંતુ તમે શું અચાનક તે અરસપરસ કરવાની જરૂર છે તો શું? આ હેતુઓ માટે, ત્યાં એક અનન્ય દૃશ્ય પ્રોગ્રામીંગ ભાષા એચટીએમએલ સાથે ક્રિયાપ્રતિક્રિયા કરે છે. તે જાવાસ્ક્રિપ્ટ કહેવાય છે, કારણ કે તે લોકપ્રિય જાવા લેંગ્વેજ એક નાનો ભાઈ તરીકે કલ્પના કરવામાં આવી હતી. આજે, આ ભાષાઓ નોંધપાત્ર તફાવત મળી છે, અને તેમની વચ્ચેના તફાવત માત્ર વધે છે.
જાવાસ્ક્રિપ્ટ એચટીએમએલ સશક્તિકરણ કરી શકો છો, તે તમને બનાવવા અને સંપાદિત ટૅગ્સ પરવાનગી આપે છે. પણ આ અદ્ભુત સાધન ની મદદ સાથે, તમે Cokie સાથે કામ કરી શકે છે, આ સાઇટ વધુ ઇન્ટરેક્ટિવ કરતાં એચટીએમએલ ક્ષમતાઓ માટે પરવાનગી આપે છે તેની ખાતરી કરવા માટે પૃષ્ઠને ફરીથી લોડ કરવું વિના સર્વર માંથી ડેટા ડાઉનલોડ કરવા. તે ભાષા અને મર્યાદાઓ સુરક્ષા સાથે સંકળાયેલ હોય છે. જાવાસ્ક્રિપ્ટ સર્વર બાજુ પર વાપરી ન હોય તો, તે હુમલાખોરો કોઈપણ કમ્પ્યુટર પર દૂષિત કોડ ઉપયોગ કરી શકે છે જે સ્થિતિએ તેની ક્ષમતાને પ્રતિબંધિત હાથ ધરાયેલી આવશે.
સંપાદકો
શિખાઉ માણસ માટે HTML બેઝિક્સ વેબ પૃષ્ઠો બનાવવા માટે સૌથી અનુકૂળ અને વ્યવહારુ કાર્યક્રમ જ્ઞાન ગ્રહણ કરો છો. ઉપર વર્ણવ્યા છે, જેમ કે Dreamweaver અને જેમ દ્રશ્ય સંપાદકો આ હેતુઓ માટે યોગ્ય નથી. તેથી, એક સામાન્ય નોટબુકમાં ટૅગ્સ લખવા? આ વિકલ્પ થી ધોરણ નોટબુક લેઆઉટ માટે કોઇ ખાસ સાધનો નથી, શંકાસ્પદ પણ છે. આ કાર્ય સારી રીતે નોટપેડ ++ સામનો કરી શકે છે. આ ઉત્પાદન એક મોટી વત્તા તે ઓપન સોર્સ છે અને વિના મૂલ્યે વિતરણ કરવામાં આવે છે છે. તે ત્યાં એક અનુકૂળ સિન્ટેક્સ હાઇલાઇટિંગ અને ઓટો બંધ ટૅગ્સ છે. નોટપેડ ++ માટે પણ ઈન્ટરફેસ ભાષાઓ વિશાળ શ્રેણી છે, અને સરળતાથી અસંખ્ય ઉમેરા ની મદદ સાથે વિસ્તૃત કરવા માટે ક્ષમતા પૂરી પાડે છે.
સબલાઈમ લખાણ 3 - એક કાર્યક્રમ નોટપેડ ++ સમાન હોય છે પરંતુ ફી ધોરણે ફેલાય છે. કે તેણી સૌથી વિકાસકર્તાઓ હૃદય જીતી લીધી હતી. જાવાસ્ક્રિપ્ટ, CSS અને HTML માટે સબલાઈમ લખાણ 3 આદર્શ. તેની સાથે કામ બેસિક્સ પોતાની શીખવા પડશે, પરંતુ તે વર્થ છે. તે દંડ-ટ્યુનીંગ કાર્યક્રમ તમારી જરૂરિયાતો ફિટ સંતુલિત મહત્તમ કે ખરેખર અમર્યાદિત શક્યતાઓ ધરાવે છે.
HTML ની બેઝિક્સ અને નવા નિશાળીયા માટે સીએસએસ
તમે જોઈ શકો છો તરીકે, જાણવા વેબ પૃષ્ઠો બનાવવાની કલા જેથી મુશ્કેલ નથી કારણ કે તે પ્રથમ નજરમાં લાગે છે. જસ્ટ થોડા મહિના વ્યવહારુ તાલીમ વિકાસકર્તાને એક ડરપોક શિખાઉ વપરાશકર્તા પાસેથી તમે ચાલુ કરશે. ખૂબ સરળ કોઇ પ્રોગ્રામિંગ લેંગ્વેજ અથવા Linux જાણવા કરતાં જાણવા Vorstke. હકીકતમાં, HTML ટૅગ્સ ખૂબ તેમની અરજી વ્યવહારૂ મુદ્દાઓનું સમજવા માટે મહત્વનું છે.
આ ધંધામાં અજુગતું ન કરો એડોબ ફોટોશોપ નોકરી કુશળતા છે. આ કાર્યક્રમ તમે ફોટા, ચિત્રો અને વેબ પૃષ્ઠોની અન્ય ગ્રાફિક તત્વો સાથે કામ કરવા માટે પરવાનગી આપે છે. ક્ષણ તે "ફોટોશોપ" શ્રેષ્ઠ જેવી સમસ્યાઓ સાથે સામનો કરવા માટે છે, હરીફો થોડો હતી. જેઓ કંપનીના એડોબ ઉત્પાદન છે તેમની પસંદગીમાં નથી આવ્યા, ત્યાં Lightroom, GIMP, ઇલસ્ટ્રેટર અને સમાન વિધેયો સાથે અન્ય કાર્યક્રમો.
એચટીએમએલ જ્ઞાન આપે
વેબ પૃષ્ઠો બનાવવામાં સ્કિલ્સ ઈન્ટરનેટ કૂદકે ને ભૂસકે દ્વારા વિસ્તરણ કરી રહી છે ખૂબ જ સુસંગત આજે છે. દરેક એન્ટરપ્રાઇઝ, કોઈપણ, પણ નાના દુકાન, વર્કશોપ અને સ્પોર્ટ્સ ક્લબોમાં - બધા તમારી પોતાની વેબસાઇટ હોય માંગો છો. અને અલબત્ત, આ માટે તેઓ ડેવલપર જે CSS અને HTML ધરાવે જરૂર છે. ધ બેસિક્સ સરળ જાણવા માટે, અને પછી તેને પ્રેક્ટિસ કરે છે. ત્યારથી લેઆઉટ ટેકનોલોજી સતત વિકસતી છે, ફ્રન્ટ એન્ડ ડેવલપર્સ માંગ હંમેશા છે. કોઈપણ જે પોતે આ ઉત્તેજક ઉદ્યોગને ફાળવવાનું નક્કી, કામ વગર ક્યારેય હશે.
Similar articles
Trending Now