നിങ്ങൾ വെബ് ഡിസൈനും ഫ്രണ്ട് എൻഡ് ഡവലപ്പ്മെന്റും (HTML, CSS, Javascript) ആണെങ്കിൽ നിങ്ങൾക്ക് ഒരു WYSIWYG എഡിറ്റർ ഉപയോഗിച്ച് ആരംഭിക്കാം. ഈ മിശ്രണം "നിങ്ങൾ എന്ത് കാണുന്നുവെന്നാണ് നിങ്ങൾ കാണുന്നത്" എന്നത് വ്യക്തമാണ്. നിങ്ങൾ അടിസ്ഥാനപരമായി ദൃശ്യമാകുന്ന സോഫ്റ്റ്വെയറിനെ സൂചിപ്പിക്കുന്നു, അത് നിങ്ങൾ സൃഷ്ടിക്കുന്നതിനെ അടിസ്ഥാനമാക്കി സോഫ്റ്റ്വെയർ ചില കോഡ് രേഖപ്പെടുത്തുന്ന സമയത്ത് ദൃശ്യ ഉപകരണങ്ങളിലൂടെ ഒരു വെബ് പേജ് സൃഷ്ടിക്കാൻ അനുവദിക്കുന്നു. ലഭ്യമായ ഏറ്റവും ജനപ്രിയമായ WYSIWYG ഉപകരണം Adobe- ന്റെ ഡ്രീംവൈവറാണ് .
പ്രാരംഭം തുടങ്ങുന്നവർക്ക് നല്ല ഓപ്ഷനാണ് ഡ്രീംവൈവർ
കൂടുതൽ പരിഷ്കൃത വൈദഗ്ധ്യമുള്ള ധാരാളം വെബ് വെബ് വിദഗ്ധർ ഡ്രീംവൈവറിന്റെയും അതിരൂക്ഷമായ HTML മാർക്ക്അപ്പ്, സി.എസ്.എസ് ശൈലികളുടെയും പ്രവണതയെ കുറിച്ചു നോക്കുമ്പോൾ, ലളിതമായ സത്യമാണ് വെബ്സൈറ്റ് ഡിസൈനിലൂടെ ആരംഭിക്കുന്നതിനുള്ള മികച്ച ഓപ്ഷൻ. നിങ്ങൾ ഒരു വെബ് പേജ് നിർമ്മിക്കുന്നതിന് ഡ്രീംവൈവറിന്റെ "ഡിസൈൻ കാഴ്ച" ഓപ്ഷൻ ഉപയോഗിച്ചുതുടങ്ങിയാൽ, നിങ്ങൾക്ക് ഉണ്ടാകുന്ന ചോദ്യങ്ങളിൽ ഒന്ന്, ആ വീക്ഷണത്തിൽ ഉള്ളടക്കത്തിന് ഒറ്റ വരി ബ്രേക്ക് എങ്ങനെ സൃഷ്ടിക്കണം എന്നതാണ്.
നിങ്ങൾ ഒരു വെബ് പേജിലേക്ക് HTML ടെക്സ്റ്റ് ചേർക്കുമ്പോൾ, ബ്രൗസർ വിൻഡോയുടെ അല്ലെങ്കിൽ അതിന്റെ കണ്ടെയ്നർ ഘടകം എത്തുന്നതുവരെ അത് ദീർഘ വരിയായി വെബ് ബ്രൗസർ പ്രദർശിപ്പിക്കും. ആ ഘട്ടത്തിൽ, ടെക്സ്റ്റ് അടുത്ത വരിയിലേക്ക് പൊതിഞ്ഞ് വരും. മൈക്രോസോഫ്റ്റ് വേർഡ് അല്ലെങ്കിൽ ഗൂഗിൾ ഡോക്സ് പോലെയുള്ള ഏതെങ്കിലും വേഡ് പ്രോസസ്സിംഗ് സോഫ്റ്റ്വെയറിൽ എന്താണ് സംഭവിക്കുന്നത് എന്നതിന് സമാനമാണിത്. ഒരു വരിയുടെ വരിയിൽ ഒരു തിരശ്ചീന രേഖയിൽ കൂടുതൽ മുറിയില്ലെങ്കിൽ, ഇത് മറ്റൊരു വരി തുടങ്ങാൻ ശ്രമിക്കും. ഒരു ലൈൻ പൊട്ടിയിടാൻ നിങ്ങൾക്ക് പറയാൻ ആഗ്രഹിക്കുന്നെങ്കിൽ എന്ത് സംഭവിക്കും?
ഡ്രീംവൈവറിന്റെ ഡിസൈൻ കാഴ്ചയിൽ നിങ്ങൾ [ENTER] കീ അമർത്തുമ്പോൾ, നിലവിലെ ഖണ്ഡിക അടച്ച ശേഷം ഒരു പുതിയ ഖണ്ഡിക ആരംഭിക്കുന്നു. കാഴ്ചപ്പാടിൽ, ഈ രണ്ട് വരികൾ ലംബ സ്പെയ്സിംഗ് കൊണ്ട് വേർതിരിക്കപ്പെടുന്നു എന്നാണ് അർത്ഥമാക്കുന്നത്. അതിനാലാണ്, സ്ഥിരമായി HTML ഖണ്ഡികകളായി പാഡിംഗ് അല്ലെങ്കിൽ മാർജിനുകൾ (ബ്രൌസറിനെ ആശ്രയിക്കുന്ന ഒന്ന്) പേജിന് ചുവടെ പ്രയോഗിക്കുന്നു, അത് ആ സ്പെയ്സിംഗ് കൂട്ടുന്നു.
ഇത് CSS ഉപയോഗിച്ച് ക്രമീകരിക്കാം, പക്ഷെ സത്യം വായിക്കുന്നതാണ്, വായനാക്ഷമതയുള്ള പാരാമെഡുകള്ക്ക് ഇടയിലുള്ള സ്പേസ്ക്കിടയിലുള്ള ഇടങ്ങള് ഉണ്ടായിരിക്കണമെന്ന് നിങ്ങള് ആഗ്രഹിക്കുന്നുണ്ടെങ്കില്, നിങ്ങള്ക്ക് ഒരു വരിയും ലൈനുകള്ക്കിടയില് വിപുലമായ ലംബമായ ഇടവേളകളും ആവശ്യമില്ലെങ്കില്, [ENTER] ആ വരികൾ നിങ്ങൾക്ക് ഓരോ വ്യക്തിഗത ഖണ്ഡികകളും ആവശ്യമില്ല.
ഒരു പുതിയ ഖണ്ഡിക ആരംഭിക്കാതിരിക്കുന്നതിന് ഈ സമയങ്ങളിൽ, നിങ്ങൾ HTML ൽ ടാഗ് ചേർക്കും. ഇത് പലപ്പോഴും
ആയി എഴുതുന്നു. പ്രത്യേകിച്ച് എക്സ്എച്ച്ടിഎംഎൽ പതിപ്പിന്റെ എല്ലാ പതിപ്പുകളും അടയ്ക്കേണ്ടതാണ്. ഈ ടാഗ് ഇല്ലെങ്കിൽ, ആ സ്ട്രിംഗിൽ അടയാളം / അടയാളം എടുക്കുക. ഇത് നല്ലതും നല്ലതുമാണ്, എന്നാൽ നിങ്ങൾ ഡ്രീംവേവറിലെ ഡിസൈൻ കാഴ്ചയിൽ പ്രവർത്തിക്കുന്നു. നിങ്ങൾക്ക് കോഡിലേക്ക് കയറാനും ഈ ബ്രേക്കുകൾ ചേർക്കാനും ആഗ്രഹമില്ല. അത് നല്ലതാണ്, കാരണം, നിങ്ങൾക്ക് തീർച്ചയായും ഡ്രീം വേവറയിൽ ഒരു ലൈൻ ബ്രേക്ക് കോഡ് കോഡിലേക്ക് സ്വാഗതം ചെയ്യാതെ ചേർക്കാനാകും.
ഡ്രീംവൈവറിന്റെ ഡിസൈൻ കാഴ്ചയിൽ ഒരു ലൈൻ ബ്രേക്ക് ചേർക്കുക:
- പുതിയ വരി തുടങ്ങാൻ ആഗ്രഹിക്കുന്ന സ്ഥലത്ത് നിങ്ങളുടെ കഴ്സർ വയ്ക്കുക.
- ഷിഫ്റ്റ് കീ അമർത്തിപ്പിടിക്കുക [ENTER] അമർത്തുക.
അത്രയേയുള്ളൂ! ഒരു പുതിയ ഖണ്ഡികയ്ക്ക് പകരം "ENTER" എന്നതിനൊപ്പം "shift" കീയുടെ ലളിതമായ കൂട്ടിച്ചേർക്കൽ ചേർക്കുന്നു. ഇപ്പോൾ ഇതെങ്ങനെ എന്ന് നിങ്ങൾക്കറിയാം, അത് എവിടെയാണ്, എങ്ങനെ ഒഴിവാക്കാം എന്നത് നിങ്ങൾ ചിന്തിക്കണം. ഓർക്കുക, HTML എന്നത് ഒരു സൈറ്റിന്റെ ഘടന സൃഷ്ടിക്കാൻ ഉദ്ദേശിച്ചുകൊണ്ടുള്ളതാണ്, ദൃശ്യ ദൃശ്യത അല്ല. നിങ്ങളുടെ രൂപകൽപ്പനയിൽ ചുവടെയുള്ള ലംബ പാറ്റേണുകൾ സൃഷ്ടിക്കാൻ ഒന്നിലധികം ടാഗുകൾ ഉപയോഗിക്കരുത്.
പാഡിംഗ്, മാർജിനുകൾ എന്നിവയ്ക്കായുള്ള CSS വസ്തുതകൾ ഇതാണ്. നിങ്ങൾക്ക് ഒറ്റ വരി ബ്രേക്ക് ആവശ്യമുള്ളപ്പോൾ ഒരു ടാഗ് ഉപയോഗിക്കാം. ഉദാഹരണത്തിന്, നിങ്ങൾ ഒരു മെയിലിംഗ് കോഡാണ് കോഡുചെയ്ത് നിങ്ങൾ ഒരു ഖണ്ഡിക ഉപയോഗിക്കാനാണ് തീരുമാനിച്ചിരിക്കുന്നതെങ്കിൽ, നിങ്ങൾക്ക് ഈ ടാഗുകൾ ചേർക്കാൻ കഴിയും:
കമ്പനിയുടെ പേര്
വിലാസ ലൈൻ -
നഗരം, സംസ്ഥാനം, പിൻ
വിലാസത്തിനായുള്ള ഈ കോഡ് ഒരൊറ്റ ഖണ്ഡികയാണ്, എന്നാൽ ഓരോ വരിയിലും ഓരോ ലൈനുകൾക്കും ഇടയിൽ ഒരു ചെറിയ ഇടം ദൃശ്യമാകും.