બ્લોક લેઆઉટ શું છે? કેવી રીતે તેમના પોતાના પર તમારી સાઇટની એક પાનું લાદી?

તમારા પોતાના પૃષ્ઠો સાઇટ્સ કરવું તે જાણવા માટે ઇચ્છા છે? પછી શું બ્લોક લેઆઉટ mastered છે દો. લેઆઉટને શિખાઉ મુશ્કેલીઓ એક નંબર મળે છે, તેઓ ઘણાં બધા પ્રશ્નો હોય છે. ધ્યાનમાં બ્લોક કોડિંગ શું.

એક મહત્વની ટિપ

વાપરો WYSIWYG સંપાદક, જેથી બધું સ્પષ્ટ હતી. જેઓ નોટબુકમાં એચટીએમએલ સારી રીતે, કામ ખબર છે, કારણ કે તેઓ બધું સમજે છે. અને શરૂઆત લાભ આવા ફ્રન્ટપેજને કારણ કે કાર્યક્રમો ઉદાહરણ માટે, Dreamweaver લેવા અથવા શકો છો.

લેઆઉટ સાઇટ્સ પ્રકાર

ત્યાં લેઆઉટ વિવિધ પ્રકારો છે:

1. કોઠા.
2. બ્લોક.
3. મિશ્ર.

અમે બ્લોક લેઆઉટમાં રસ હોય છે. તે ટેબલ પરથી શું અલગ? DIV ટેગ ઉપયોગ કરીને બ્લોક લેઆઉટ પર ચોક્કસ લાભ ધરાવે છે:

1. બ્લોક્સ ઝડપી ડિઝાઇન સાથે લોડ કરો.
2. સામગ્રી પ્રદર્શિત બ્લોકો (કોષ્ટકો વિપરીત) ડાઉનલોડ થાય છે. તરીકે ઓળખાય છે, આ કોષ્ટકો માત્ર સમગ્ર ટેબલ પછી પ્રદર્શિત કરશે.
3. સાથે div એસ સરળ કોડ વાંચવા માટે.

તે બધા ફાયદા નહી, જેમાં બ્લોક લેઆઉટ માટે વિખ્યાત છે.

કેવી રીતે સ્થાન div-બ્લોક્સ બદલવા માટે?

આ અમને મદદ કરશે તરતા માટે - આ મિલકત, જે નીચેના સક્ષમ છે:

1. ડાબે સંરેખિત - બાકી છે.
2. જમણે સંરેખિત કરો કરવા માટે - અધિકાર.
3. એલિમેન્ટ રહે જ્યાં તેમણે હતો, તે જો કોઈ આપેલ ખસેડવા નહીં. આ કિંમત મૂળભૂત હશે.

અન્ય મહત્વનું લક્ષણ છે કે આપણે જરૂર છે - સ્પષ્ટ છે. તેમણે 4 મૂલ્યો ધરાવતા હોય શકે:

1. પહેલાની આઇટમ હેઠળ સ્થાપન માટે, અધિકાર, બ્લોક ખસેડવા - જમણે.
2. અગાઉના તત્વ છે, જે ડાબી ખસેડવામાં છે અને તે નીચે ડાબી સેટ.
3. બંને - અગાઉના વિસ્થાપિત બ્લોકના સ્થાપન.
4. કંઈ તે તત્વો કે ખસેડવામાં આવે બ્લોક સંબંધિત સ્થિતિ પર પ્રતિબંધ ગેરહાજરીમાં સૂચવે છે.

ઉદાહરણ

તે બ્લોક જેવો દેખાશે કેવી રીતે નક્કી કરો લેઆઉટ div. અમે અમારી કોડ લખો:

કોડ હેઠળ તમે પરિણામ જુઓ. આમ, અનેક ગુણધર્મો આધારે બ્લોક વ્યવસ્થા નિયંત્રિત કરી શકાય છે કારણ કે ઇચ્છા રાખી હતી. આગામી ક્ષણ પર જાઓ. , કેન્દ્ર કોઈપણ બ્રાઉઝરથી માટે દરેક બ્લોક સંરેખિત કરવા: અમે text-align ઉપયોગ કર્યો છે.

તમે જોઈ શકો છો, તે સાઇટ તદ્દન સરળ બ્લોક લેઆઉટ છે. તે અભ્યાસ અને વધુ મિલકતો કે પૃષ્ઠોની એક વધુ લવચીક માળખું બનાવશે પ્રેક્ટિસ માટે મહત્વપૂર્ણ છે.

કંઈક વધારે મહત્વનું

એક લોકપ્રિય લક્ષણ એ છે કે લેઆઉટ ઉપયોગ કરવામાં આવે છે છે - સ્થિતિ, તે સ્થિતિ વપરાય છે.

સ્થિતિ ગુણધર્મો માટે મૂલ્યો:

1. સંબંધિત - તત્વો તેમના મૂળ સ્થાનો પર સંબંધિત સ્થિતિ નક્કી કરે છે. એપ્લિકેશન છોડી, ટોચે, righ ચોક્કસ દિશામાં તળિયે તત્વ રેલાય છે.
2. સ્થિર - સામાન્ય પ્રદર્શન આઇટમ નથી. તે / અધિકાર બાકી, ટોચ / નીચે વાપરવા માટે કોઈ અર્થમાં બનાવે છે - તે કશું થઈ શકે છે.
3. સંપૂર્ણ - નિરપેક્ષ સ્થિતિ તત્વ હોય.
4. સ્થિર - સમાન નિરપેક્ષ. તે સ્ક્રીન પર અમુક ચોક્કસ બિંદુ સુધી બંધાયેલા છે, પરંતુ તે તેની સ્થિતિ બદલી શકતું નથી, પછી ભલે પાનું ફ્લિપિંગ.

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

3 બ્લોક્સ બનાવો. આગળ, ચોક્કસ સ્થિતિ સાથે પ્રયોગ.

તમે જોઈ શકો છો, તે બ્લોક સ્થિતિ બદલવા માટે સરળ છે. હકીકત એ છે કે તમે હવે સક્ષમ છે આધારે, કોઈપણ પ્રાથમિક બ્લોક લેઆઉટ પાનું બનાવવા માટે. વધુ મિલકતો અરજી તમે તમારી કુશળતા સુધારો થશે.