സൈറ്റ് സ്വയം ഒരു തിരശ്ചീനമായി മെനു നിർമ്മിക്കുക

തിരശ്ചീന മെനു ഏത് സൈറ്റും - അത് അതിന്റെ രൂപം പ്രവർത്തന അതുപോലെ, ആകർഷിക്കാൻ അല്ലെങ്കിൽ സന്ദർശകരെ പേടിപ്പിച്ചോടിക്കാനോ കൂടെ കഴിയുന്നത്ര, ഒരു പ്രധാന ഭാഗമാണ്. സൃഷ്ടിക്കുന്നത് അടിസ്ഥാന കഴിവുകൾ അവഗാഹം, എച്ച്ടിഎംഎൽ അത് "അസ്ഥികൂടം" നൽകുക: ഒരു പ്രാഥമിക തിരശ്ചീന മെനു സൃഷ്ടിക്കാൻ എങ്ങനെ പഠിക്കാം. തീർച്ചയായും ഒരു തയ്യാറാണ് മെനു കണ്ടെത്താൻ കഴിയും, എന്നാൽ അത് സ്വയം വികസിപ്പിക്കാൻ മനസിലാക്കാൻ വളരെ റാംജീ. ഇത് തികച്ചും രസകരമാണ്.

മെനു നടത്താൻ അറിയുക

നാം ലേഔട്ട് മുൻനിരപ്രവർത്തകരിൽ ഇത് പാലിക്കുക ഏത് സെമാന്റിക്കുകൾക്കും, നിന്ന് തെറ്റിക്കരുതേ ശ്രമിക്കുക. ആദ്യം നിങ്ങൾ സ്വന്തം തിരശ്ചീനമായി മെനുകൾ ഞങ്ങൾ അടിസ്ഥാന കഴിവുകൾ പഠിക്കാൻ ഒരു എച്ച്ടിഎംഎൽ ഞങ്ങളുടെ മെനുകൾ വേണ്ടി "അസ്ഥികൂടം" ഇല്ല. പിന്നീട് അത് ശൈലി ഷീറ്റുകളുടെ ഉപയോഗിച്ച്, അലങ്കരിക്കാൻ ചെയ്യും. നമ്മുടെ തിരശ്ചീന മെനു 5 ഇനങ്ങൾ ഉൾപ്പെടുന്നു അനുവദിക്കുക. ആദ്യ ഇനം ഹോംപേജിൽ വഴിതിരിച്ചുവിടും. രണ്ടാമത്തെ പോയിന്റ് - "ഞങ്ങളെക്കുറിച്ച്". മൂന്നാം - "നമ്മുടെ പുരസ്കാരം". നാലാം - "ഇത് രസകരവും." അഞ്ചാം - "ഞങ്ങളെ ബന്ധപ്പെടുക".

എച്ച്ടിഎംഎൽ-കോഡ് ഇതു പോലെ:

ആർ അറിയുന്നു ഇല്ല: ഉൾ ടാഗ് ഉപയോഗിക്കുന്നു ബുള്ളറ്റ്, അതിന്റെ ഘടകങ്ങൾ ലി ആരംഭിക്കുന്നു. ലി ടാഗുകൾ ഉൾ പ്രയോഗിച്ചു എന്ന് ശൈലികൾ അവകാശമായി.

ഉൽ - ലിസ്റ്റിന്റെ ബ്ലോക്ക് ഘടകം, അത് വീതി നീട്ടി ചെയ്യും. ലി ഒരു ബ്ലോക്ക് ആണ്.

അതിനാൽ, ഒരു Thahseen: സൃഷ്ടിക്കുക. ഞങ്ങളുടെ കോഡ് ശേഖരിക്കും. ഈ ഘട്ടത്തിൽ, ബ്രൗസർ ഒരു ലംബമായ പകരം ഒരു തിരശ്ചീന മെനു ലഭ്യമാക്കുന്നു. സൈറ്റ് ഒരു തിരശ്ചീനമായി മെനു നടത്താൻ - എന്നാൽ നിങ്ങൾ ലക്ഷ്യം ഞങ്ങൾ. നമുക്ക് സി.എസ്.എസ് ആവശ്യമാണ്.

സി.എസ്.എസ് എന്താണ്?

നിങ്ങൾ സൈറ്റുകളുടെ ഡവലപ്മെന്റിന്റെ ഇനിയും ഉണ്ടെങ്കിൽ, അത് നിര്ഝരിതസംരക്ഷണത്തിനു സ്റ്റൈൽ ഷീറ്റുകൾ എന്ന ആശയം മനസ്സിലാക്കാൻ അത്യാവശ്യമാണ്. സത്യത്തിൽ, ഈ ഒരു വെബ്-സൈറ്റിന്റെ പേജുകളിൽ വ്യത്യസ്ത ഘടകങ്ങൾ പ്രയോഗിക്കുന്ന ഫോർമാറ്റിംഗ്, പ്രോസസ്സിംഗ്, നിയമങ്ങൾ ഉണ്ട്. ഞങ്ങൾ സാധാരണ എച്ച്ടിഎംഎൽ മൂലകങ്ങളുടെ പ്രോപ്പർട്ടികൾ വിശദീകരിക്കുമ്പോൾ, ഈ പല തവണ ആവർത്തിക്കാൻ വരും, കോഡിന്റെ അതേ കഷണങ്ങൾ ഒരു ഇരട്ടിക്കല് ലഭിക്കും. ഉപയോക്താവിന്റെ കമ്പ്യൂട്ടറിൽ പേജ് ലോഡ് സമയം വളരും. ഇത് ഒഴിവാക്കാൻ, സി.എസ്.എസ് ഇല്ല. ഇത് ഒരു ഘടകം ഒരിക്കൽ മാത്രം വിവരിക്കാൻ, എവിടെ ഒരു പ്രത്യേക രീതിയിൽ പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കാൻ തുടർന്ന് സൂചിപ്പിക്കുന്നു മതി. പേജിന്റെ തന്നെ മാത്രമല്ല ടെക്സ്റ്റ്, മാത്രമല്ല മറ്റൊരു ഫയലിൽ വിവരണം വരുത്തുവാൻ സാധ്യമാണ്. ഈ സൈറ്റിന്റെ എല്ലാ പേജുകളിൽ വ്യത്യസ്ത ശൈലികൾ വിവരണം പ്രയോഗിക്കാൻ അനുവദിക്കും. അത് സൗകര്യപ്രദമായ സിഎസ്എസ്-ഫയലിൽ മാറ്റം, ചില പേജുകൾ മാറ്റം എന്നതാണ്. സ്റ്റൈൽ ഷീറ്റുകൾ സൈറ്റിന്റെ ഗ്രാഫിക്സ് പേജുകൾ ദുരവസ്ഥയിലാവുമ്പോൾ ഒഴിവാക്കാൻ സഹായിക്കുന്നു, നിങ്ങൾക്ക് HTML മികച്ച ഒരു തലത്തിൽ ഫോണ്ടുകൾ പ്രവർത്തിക്കാൻ അനുവദിക്കുന്നതിന്.

മെനു വികസനത്തിന് സ്റ്റൈൽ ഷീറ്റുകൾ ഉപയോഗിക്കുന്നു

മെനു വേണ്ടി സിഎസ്എസ്-കോഡ്:

1. # മ്യ്_൧മെനു {പട്ടിക-ശൈലി: ആരും; പാഡിംഗ്: 6; വീതി: 800px; മാർജിൻ: ഓട്ടോ;}
2. # മ്യ്_൧മെനു ലി {ഫ്ലോട്ട്: ഇടത്; ഫോണ്ട്: ഇറ്റാലിക്ക് 18px ഏരിയൽ;}
3. # മ്യ്_൧മെനു ഒരു {നിറം: # 756; ഡിസ്പ്ലേ: ബ്ലോക്ക്; ഉയരം: ൫൫പ്ക്സ; ലൈൻ-ഉയരം: ൫൫പ്ക്സ; പാഡിംഗ്: ൦പ്ക്സ 15px ൦പ്ക്സ 15px; പശ്ചാത്തലം: #ദ്ഫ്ച്; ടെക്സ്റ്റ്-ഡെക്കറേഷൻ: ആരും;}
4. # മ്യ്_൧മെനു ഒരു: ഹോവർ {നിറം: #ഫൊഅ; പശ്ചാത്തലം: # 788;}

ഇനി ഫലമായി തിരശ്ചീന സി.എസ്.എസ് മെനു നോക്കാം.

# മ്യ്_൧മെനു - അങ്ങനെ ഐഡി = മ്യ്_൧മെനു, പട്ടിക-ശൈലി കൊണ്ട് ഉല്- ഘടകത്തിനായുള്ള രീതിയിൽ നിയമനം ഇല്ല: ആരും - ഈ കമാൻഡ് ഷെഡ്യൂൾ ഇനങ്ങൾ പ്രകാരം അവശേഷിക്കുന്നു മാർക്ക് നീക്കം.

വീതി: 800px - നമ്മുടെ മെനു വീതി 800 പിക്സൽ ആണ്.

പാഡിംഗ്: 0 - ഈ ഉള്ളിൽ പാഡിംഗ് നീക്കം.

മാർജിൻ: ഓട്ടോ - ജീവസുറ്റ കേന്ദ്രത്തിൽ തിരശ്ചീനമായി മെനു വ്യ്രവ്നിവ്നിഎ.

# മ്യ്_൧മെനു ലി - ശൈലികൾ ലി-ഘടകങ്ങൾ ഒരോ.

ഉയരം: ൫൫പ്ക്സ - മെനു ഉയരം.

# മ്യ്_൧മെനു ഒരു: ഹോവർ - മൂലകം ശൈലികൾ ഒരോ ഉള്ളപ്പോഴും ആഘാതമായിരുന്നു ആണ് മൗസ്.

നാം ഓരോ ഡവലപ്പർ ഇവിടെ അതിന്റെ പരാമീറ്ററുകൾ നൽകുക പോലെ, വിശദമായി ഓരോ ലൈൻ സംതൃപ്തയായിരിക്കുന്നു. വെബ്സൈറ്റിൽ മെനുവിലെ ശൈലികളുടെ ഉപയോഗത്തിനായി ഈ അടിസ്ഥാനത്തിൽ. ചിത്രങ്ങൾ ഉപയോഗിച്ച്, അത് കൂടുതൽ പൂർത്തിയായി മനോഹരമായ രൂപം നൽകാൻ കഴിയും. URL (ഇമ്ഗ്൧.പ്ന്ഗ്) ആവർത്തിച്ച്-എക്സ്: ഘടകം എന്നാൽ, ഉദാഹരണത്തിന്, പശ്ചാത്തലം നിയോഗിക്കുക. URL (ഇമ്ഗ്൨.പ്ന്ഗ്) ആവർത്തിക്കുക-X ഒരു വേണ്ടി: ഹോവർ പശ്ചാത്തല ഇല്ല.

നിങ്ങളുടെ ഭാവന, സൃഷ്ടിപരമായ മുൻഗണനകൾ ഉപയോഗിക്കുക. അപ്പോൾ വെബ്സൈറ്റിൽ ഒരു ലളിതമായ മെനു സൃഷ്ടിക്കാൻ എങ്ങനെ ആ അറിവ് അടിസ്ഥാനമാക്കി, അതിന്റേതായ അതുല്യമായ ഡിസൈൻ ഒരു പേജ് വികസനത്തിൽ.