CSS ലേഔട്ടിന് നിങ്ങളുടെ വെബ്സൈറ്റ് ലേഔട്ട് മൊത്തമായി നിങ്ങൾ ചിന്തിക്കണം, തുടർന്ന് കഷണങ്ങൾ എടുത്തു അവയെ ഇടുക. എങ്ങനെയാണ് ഒരു ലളിതമായ 3-നിര ലേഔട്ട് നിർമ്മിക്കുക എന്നറിയുക.
09 ലെ 01
നിങ്ങളുടെ ലേഔട്ട് വരയ്ക്കുക
പേപ്പർ അല്ലെങ്കിൽ ഗ്രാഫിക്സ് പ്രോഗ്രാമിൽ നിങ്ങളുടെ ലേഔട്ട് വരയ്ക്കാനാകും. നിങ്ങൾ ഇതിനകം ഒരു വയർ-ഫ്രെയിം അല്ലെങ്കിൽ കൂടുതൽ വിപുലമായ ഡിസൈൻ മനസിൽ ഉണ്ടെങ്കിൽ, സൈറ്റ് നിർമ്മിക്കുന്നതിനുള്ള അടിസ്ഥാന ബോക്സുകളിലേക്ക് ഇത് ലളിതമാക്കുക. ഈ ലേഖനത്തോടൊപ്പം ചേർക്കുന്ന ഈ ഡിസൈൻ പ്രധാന ഉള്ളടക്ക മേഖലയിലെ മൂന്ന് നിരകളും, തലക്കെട്ടും അടിക്കുറിപ്പും ഉണ്ട്. നിങ്ങൾ അടുത്തതായി നോക്കിയാൽ മൂന്നു നിരകൾ വീതിയിൽ തുല്യമല്ലെന്ന് നിങ്ങൾക്ക് കാണാൻ കഴിയും.
നിങ്ങളുടെ ലേഔട്ട് തീർന്ന ശേഷം, നിങ്ങൾക്ക് അളവുകൾ ചിന്തിക്കാൻ കഴിയും. ഈ ഉദാഹരണ ഡിസൈൻ ഇനിപ്പറയുന്ന അടിസ്ഥാന അളവുകൾ ഉണ്ടാകും:
- 900 പിക്സൽ വീതിയിലും കൂടുതലൊന്നുമില്ല
- ഇടതുവശത്ത് 20 px നീരാവി
- നിരകളും വരികളും തമ്മിൽ 10 px
- 250px, 300px, 300px വീതിയുള്ള നിരകൾ
- മുകളിലെ വരി 150px ഉയരമാണ്
- അടിവരയിട്ട് 100px വരെ ഉയരമുണ്ട്
02 ൽ 09
അടിസ്ഥാന HTML / CSS എഴുതുക, ഒരു കണ്ടൈനർ എലമെന്റ് സൃഷ്ടിക്കുക
ഈ പേജ് ഒരു സാധുവായ HTML പ്രമാണമായിരിക്കുന്നതിനാൽ, ഒരു ശൂന്യ HTML കണ്ടെയ്നർ ഉപയോഗിച്ച് ആരംഭിക്കുക