തടയൽ ലേഔട്ട് എന്താണ്? സ്വന്തം നിങ്ങളുടെ സൈറ്റിന്റെ ഒരു പേജ് ഏർപ്പെടുത്താനുള്ള എങ്ങനെ?

നിങ്ങളുടെ സ്വന്തം പേജുകൾ സൈറ്റുകൾ നടത്താൻ മനസ്സിലാക്കാൻ ഒരു ആഗ്രഹം ഉണ്ട്? പിന്നെ ന്റെ എന്തു തടയൽ ലേഔട്ട് വൈദഗ്ദ്യം ചെയ്യട്ടെ. ലേഔട്ട് ആണാണോ, ബുദ്ധിമുട്ടുകൾ ഒരു എണ്ണം കണ്ടുമുട്ടുന്ന അവർ ധാരാളം ചോദ്യങ്ങൾ ഉണ്ട്. ബ്ലോക്ക് കോഡിംഗ് എന്താണെന്ന് ചിന്തിക്കുക.

ഒരു പ്രധാന ടിപ്പ്

ഉപയോഗിക്കുക വൈസിവിഗ് എഡിറ്റർ, അങ്ങനെ എല്ലാം വ്യക്തമാകും ആയിരുന്നു. നന്നായി എച്ച്ടിഎംഎൽ അറിയാവുന്നവർക്ക്, അവർ എല്ലാം മനസ്സിലാക്കാൻ കാരണം, നോട്ട്ബുക്ക് ജോലി. തുടക്കക്കാർ അത്തരം ലക്ഷ്യമേയുള്ളൂ അല്ലെങ്കിൽ, ഉദാഹരണത്തിന്, ദ്രെഅമ്വെഅവെര് എന്ന പ്രോഗ്രാം മുതലെടുക്കാൻ കഴിയും.

ലേഔട്ട് സൈറ്റുകൾ തരം

ലേഔട്ട് വിവിധ തരം ഉണ്ട്:

1. പട്ടികാ.
2. തടയുക.
3. മിക്സഡ്.

ഞങ്ങൾ ബ്ലോക്ക് ലേഔട്ട് താൽപ്പര്യമുള്ള. എന്താണ് പട്ടികയിൽ നിന്നും ഇത് വേറിട്ടു? ബ്ലോക്ക് ലേഔട്ട് ന് DIV ടാഗ് ഉപയോഗിച്ച് ചില ഗുണങ്ങളുണ്ട്:

1. വേഗത്തിൽ ബ്ലോക്കുകളിൽ ഡിസൈന് ലോഡ്.
2. ഡൗൺലോഡ് ഉണ്ടാകുമ്പോൾ തന്നെ ഉള്ളടക്ക ബ്ലോക്കുകൾ (പട്ടികകൾ വ്യത്യസ്തമായി) പ്രദർശിപ്പിക്കാൻ. എന്നറിയപ്പെടുന്നു ഈ പട്ടികകൾ മാത്രമേ മുഴുവൻ പട്ടിക ശേഷം പ്രദർശിപ്പിക്കും.
3. DIV-ന്റെ കൂടെ കോഡ് വായിക്കാൻ എളുപ്പം.

ബ്ളോക്ക് ലേഔട്ട് പേരുകേട്ട ആണ്, എല്ലാ ഗുണങ്ങളും ആണ്.

എങ്ങനെ ലൊക്കേഷൻ DIV-ബ്ലോക്കുകൾ മാറ്റാൻ?

ഈ ഒഴുകി നമ്മെ സഹായിക്കും -, ഈ പ്രോപ്പർട്ടി താഴെ ശേഷിയുള്ള ആണ്:

1. ഇടത് വിന്യസിക്കുക - വിട്ടു.
2. റൈറ്റ് - വിന്യസിക്കാം.
3. എവിടെ ആർക്കും നൽകിയ എങ്കിൽ അതൊക്കെ ഇല്ല, ആയിരുന്നു എലമെന്റ് തുടരുന്നു. ഈ മൂല്യം സ്ഥിരമായിരിക്കില്ല.

ഞങ്ങൾ ചെയ്യേണ്ട മറ്റൊരു പ്രധാന സവിശേഷത - വ്യക്തമായ. അവൻ 4 മൂല്യങ്ങൾ:

1. വലത് - മുൻ ഇനം കീഴിൽ ഇൻസ്റ്റലേഷനായി, അവകാശം, ബ്ലോക്ക് നീങ്ങുക.
2. ഇടതുപക്ഷ ഇടത് മാറ്റി ഏത് മുമ്പത്തെ ഘടകം, താഴെ സജ്ജമാക്കുന്നു.
3. രണ്ടും - മുൻ നാടുവിട്ടുപോയ തടയൽ ഇൻസ്റ്റലേഷൻ.
4. ഒന്നും നീക്കി ആ ഘടകങ്ങൾ ആപേക്ഷിക ബ്ലോക്ക് സ്ഥാനം നിയന്ത്രണങ്ങൾ അഭാവം സൂചിപ്പിക്കുന്നു.

ഉദാഹരണം

ഒരു തടയൽ പോലെ അത് എങ്ങനെ നോക്കും ചിന്തിക്കുക ലേഔട്ട് DIV. ഞങ്ങളുടെ കോഡ് എഴുതുക:

കോഡ് കീഴിൽ നിങ്ങൾ ഫലം കാണുന്നു. ആവശ്യമുള്ള പോലെ അങ്ങനെ, നിരവധി ഉള്ള അടിസ്ഥാനത്തിൽ ബ്ലോക്ക് ക്രമീകരണം നിയന്ത്രിക്കാം. അടുത്ത നിമിഷം പോകുക. ഏത് ബ്രൗസറിൽ ഓരോ ബ്ലോക്ക് വിന്യസിക്കാൻ കേന്ദ്രം, ഞങ്ങൾ ടെക്സ്റ്റ്-വിന്യാസം ഉപയോഗിച്ചു.

നിങ്ങൾക്ക് കാണാൻ കഴിയുന്ന പോലെ, അത് സൈറ്റിൽ തികച്ചും ലളിതമായ ബ്ലോക്ക് ലേഔട്ട് ആണ്. അത് പഠിക്കാനും പേജുകൾ കൂടുതൽ വഴങ്ങുന്ന ഘടന സൃഷ്ടിക്കും എന്ന് കൂടുതൽ സ്ഥലങ്ങൾ പ്രായോഗികമാക്കാൻ പ്രധാനമാണ്.

കൂടുതൽ പ്രധാനപ്പെട്ട എന്തോ

അത് സ്ഥാനനിർണ്ണയം ഉപയോഗിക്കുന്നു, സ്ഥാനം - ഉണ്ട് ലേഔട്ട് ഉപയോഗിക്കുന്ന ഒരു പ്രശസ്തമായ സവിശേഷതയാണ്.

അവസ്ഥയുടെ സ്ഥലങ്ങളും മൂല്യങ്ങൾ:

1. ആപേക്ഷിക - യഥാർത്ഥ സ്ഥാനങ്ങളിലേക്ക് ആപേക്ഷിക മൂലകങ്ങളുടെ എന്ന് നിർദ്ദേശിക്കുന്നു. അപേക്ഷാ ഇടത്, മുകളിൽ, അത്യാവശ്യം, താഴെ ഘടകം ഒരു ദിശയിൽ നീങ്ങുന്നു.
2. സ്റ്റാറ്റിക് - സാധാരണ ഡിസ്പ്ലേ ഇനം. അത് ഒന്നും നയിച്ചേക്കാം - അതു ഇടത് / വലത്, മുകളിൽ / താഴെ ഉപയോഗിക്കാൻ ആരും വന്നില്ല.
3. കേവല - കേവല ഘടകം.
4. നിശ്ചിത - സമാനമായ കേവല. ഇത് സ്ക്രീനിൽ ഒരു പോയിന്റ് ഒരാളുണ്ട്, എന്നാൽ പോലും പേജ് ഫ്ലിപ്പുചെയ്യൽ എങ്കിൽ അതിന്റെ സ്ഥാനം മാറ്റില്ല.

പല ലേഔട്ട് ബ്ലോക്കുകൾ ഒരു നിശ്ചിത സമ്പൂർണവും ബന്ധു സ്ഥാനനിർണ്ണയം ഉപയോഗിക്കുമ്പോൾ സ്വഭവാമുള്ളതോ ഞങ്ങൾ കണ്ടെത്തി. തുടർന്ന് മുകളിലുള്ള, ചുവടെ ബ്ലോക്കുകൾ ഏതാണ് രസകരമായ. ഈ ചോദ്യത്തിന് ഉത്തരം, നിങ്ങൾ ഇസഡ് സൂചിക പ്രോപ്പർട്ടി ആവശ്യമാണ്. ഒരു പുതിയ തലത്തിലേക്ക് ലേഔട്ട് ബ്ലോക്കുകൾ കൊണ്ടുവന്നു. ഇത് സാധ്യമായ വിമാനം സ്ഥാനനിർണ്ണയം നടത്താൻ, മാത്രമല്ല മൂന്നാം അച്ചുതണ്ട് Z അമർത്തുക അത്തരം ഒരു പ്രോപ്പർട്ടി മൂല്യം അനുകൂലമോ പ്രതികൂലമോ ആകാം മുഖാന്തരം മാത്രമല്ല ചെയ്യുന്നു.

3 ബ്ലോക്കുകൾ സൃഷ്ടിക്കുക. അടുത്തത്, കേവല കൂടെ പരീക്ഷണം.

നിങ്ങൾക്ക് കാണാൻ കഴിയുന്ന പോലെ, അത് ബ്ലോക്കുകൾ സ്ഥാനം മാറ്റാൻ എളുപ്പമാണ്. നിങ്ങൾ ഇപ്പോൾ ഏതെങ്കിലും പ്രാഥമിക ബ്ലോക്ക് ലേഔട്ട് പേജ് വരുത്തുവാൻ, കഴിയും വസ്തുത അടിസ്ഥാനത്തിൽ. കൂടുതൽ സ്ഥലങ്ങൾ പ്രയോഗിക്കുന്നു നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്താൻ ചെയ്യും.