എങ്ങനെ ഡ്രോപ്പ്വീവറില് ഒരു ഡ്രോപ്പ്-ഡൌണ് മെനു സൃഷ്ടിക്കുക

നിങ്ങളുടെ വെബ്സൈറ്റിനായുള്ള ഡ്രോപ്പ് ഡൌൺ മെനുകൾ സൃഷ്ടിക്കുന്നത് ഡ്രീംവൈവർ എളുപ്പമാക്കുന്നു. എന്നാൽ എല്ലാ HTML ഫോമുകൾ പോലെ അവർ ഒരു തമാശ ആയിരിക്കും. ഈ ട്യൂട്ടോറിയൽ ഡ്രീംവൈവെയറിലെ ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനു സൃഷ്ടിക്കുന്നതിനുള്ള ഘട്ടങ്ങളിലൂടെ നിങ്ങളെ കൊണ്ടുപോകും.

ഡ്രീംവൈവർ മെനുകൾ

നിങ്ങളുടെ വെബ് സൈറ്റിലെ നാവിഗേഷനായി ഒരു ജമ്പ് മെനു ഉണ്ടാക്കാൻ ഡ്രീം വേവർ 8 ഒരു വിസാർഡ് നൽകുന്നു. അടിസ്ഥാന ഡ്രോപ്പ് ഡൗൺ മെനുകളിൽ നിന്നും വ്യത്യസ്തമായി, നിങ്ങൾ പൂർത്തിയാക്കുമ്പോൾ ഈ മെനു യഥാർത്ഥത്തിൽ ചെയ്യും. നിങ്ങളുടെ ഡ്രോപ്പ്-ഡൗൺ ഫോം പ്രവർത്തിപ്പിക്കാൻ ഏതെങ്കിലും JavaScript അല്ലെങ്കിൽ CGI- കൾ എഴുതേണ്ടതില്ല. ഒരു ജമ്പ് മെനു ഉണ്ടാക്കുന്നതിനായി എങ്ങനെയാണ് ഡ്രീംവൈവർ 8 വിസാർഡ് ഉപയോഗിക്കേണ്ടത് എന്നും ഈ ട്യൂട്ടോറിയൽ വിശദീകരിക്കുന്നു.

20 ലെ 01

ആദ്യം ഫോം സൃഷ്ടിക്കുക

എങ്ങനെ ഡ്രീം വൈവറിൽ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക ആദ്യം ഫോം സൃഷ്ടിക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

പ്രധാന ഫോം എച്ച്ടിഎംഎൽ ഫോമുകൾ,

ജമ്പ് മെനു പോലുള്ള പ്രത്യേക മാന്ത്രികകർക്ക് ഒഴികെ, HTML ഫോമുകൾ "ജോലി" ചെയ്യാൻ ഡ്രീം വെയർ നിങ്ങളെ സഹായിക്കുന്നില്ല. ഇതിനായി നിങ്ങൾക്ക് ഒരു CGI അല്ലെങ്കിൽ JavaScript ആവശ്യമാണ്. എന്റെ ട്യൂട്ടോറിയൽ കാണുക കൂടുതൽ വിവരങ്ങൾക്ക് HTML ഫോമുകൾ ഉണ്ടാക്കുക.

നിങ്ങൾ നിങ്ങളുടെ വെബ് സൈറ്റിൽ ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനുവിൽ ചേർക്കുമ്പോൾ, നിങ്ങൾക്ക് ആവശ്യമുള്ളത് ആദ്യം ആവശ്യമുള്ള ഒരു ഫോം ആണ്. ഡ്രീംവെവററിൽ, ഇൻസേർട്ട് മെനുവിലേക്ക് പോയി, ഫോം ക്ലിക്കുചെയ്യുക, തുടർന്ന് "ഫോം" തിരഞ്ഞെടുക്കുക.

02/20

ഡിസൈൻ കാഴ്ചയിലെ ഫോം ഡിസ്പ്ലേകൾ

എങ്ങനെ ഡിസൈൻ കാഴ്ചയിൽ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക ഡിസൈൻ കാഴ്ച ഡിസ്പ്ലേ. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

ഡിസൈൻ കാഴ്ചയിൽ ഡിസ്പ്ലേ നിങ്ങളുടെ ഫോം സ്ഥാനം ദൃശ്യമാക്കും, അതിനാൽ നിങ്ങളുടെ ഫോമിലെ ഘടകങ്ങൾ എവിടേക്കെന്ന് നിങ്ങൾക്ക് അറിയാം. ഇത് പ്രധാനമാണ്, കാരണം ഡ്രോപ്പ്-ഡൗൺ മെനു ടാഗുകൾ ഫോർമാറ്റ് ഘടകത്തിന് പുറത്തുള്ള സാധുതയുള്ളതല്ല (പ്രവർത്തിക്കില്ല). ചിത്രത്തിൽ കാണാൻ കഴിയുന്നതുപോലെ ഫോം ഡിസൈൻ കാഴ്ചയിൽ ചുവന്ന ഡോട്ട് ലൈൻ ആണ്.

20 ൽ 03

പട്ടിക / മെനു തിരഞ്ഞെടുക്കുക

എങ്ങനെ ഡ്രോപ്പ്വീവറില് ഒരു ഡ്രോപ്പ്-ഡൌണ് മെനു സൃഷ്ടിക്കുക പട്ടിക / മെനു തിരഞ്ഞെടുക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

ഡ്രോപ്പ്വീവറിൽ ഡ്രോപ്പ് ഡൌൺ മെനുകൾ "ലിസ്റ്റ്" അല്ലെങ്കിൽ "മെനു" ഇനങ്ങൾ എന്നു വിളിക്കുന്നു. നിങ്ങളുടെ ഫോമിലേക്ക് ഒന്ന് ചേർക്കുന്നതിന്, നിങ്ങൾ ഇൻസേർട്ട് മെനുവിലെ ഫോം മെനുവിൽ പോയി "ലിസ്റ്റ് / മെനു" തിരഞ്ഞെടുക്കുക. നിങ്ങളുടെ ഫോഴ്സ് ബോക്സിലെ ചുവന്ന ഡോട്ട്റ്റഡ് വരിയിൽ നിങ്ങളുടെ കഴ്സർ ഉണ്ടെന്ന് ഉറപ്പാക്കുക.

20 ലെ 04

പ്രത്യേക ഓപ്ഷനുകൾ വിൻഡോ

എങ്ങനെ ഡ്രോപ്പ്വീവർ പ്രത്യേക ഓപ്ഷനുകൾ വിൻഡോയിൽ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

ഡ്രീംവേവർ ഓപ്ഷനുകളിൽ ആക്സസബിലിറ്റിയുടെ ഒരു സ്ക്രീൻ ഉണ്ട്. എനിക്ക് എല്ലാ പ്രവേശനക്ഷമത ആട്രിബ്യൂട്ടുകളും കാണിച്ചു തരാം ഡ്രീംവേവർ തിരഞ്ഞെടുക്കുക. ഇതിന്റെ ഫലമാണ് ഈ സ്ക്രീൻ. നിരവധി വെബ് സൈറ്റുകൾ പ്രവേശനക്ഷമതയിൽ വീഴുന്ന സ്ഥലങ്ങളാണ് ഫോമുകൾ. ഈ അഞ്ച് ഓപ്ഷനുകൾ പൂരിപ്പിച്ചുകൊണ്ട് നിങ്ങളുടെ ഡ്രോപ്പ് ഡൌൺ മെനുകൾ പെട്ടെന്ന് ആക്സസ് ചെയ്യാവുന്നതായിരിക്കും.

20 ലെ 05

ഫോം ആക്സസ് ചെയ്യൽ

എങ്ങനെ ഡ്രോപ്പ്വീയാർ ഫോം ആക്സസ് ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

പ്രവേശനക്ഷമത ഓപ്ഷനുകൾ ഇവയാണ്:

ലേബൽ

ഇത് ഫീൽഡിനുള്ള പേരാണ്. നിങ്ങളുടെ ഫോം മൂലബിന്ദുവില്ലാതെ ടെക്സ്റ്റ് ആയി ഇത് കാണിക്കും.
നിങ്ങളുടെ ഡ്രോപ്പ്-ഡൗൺ മെനുവിൽ എന്ത് വേണമെങ്കിലും എഴുതണമെന്ന് എഴുതുക. ഡ്രോപ്പ്-ഡൗൺ മെനു ഉത്തരം നൽകുന്ന ഒരു ചോദ്യമോ ഹ്രസ്വ വാക്യമോ ആകാം.

ശൈലി

നിങ്ങളുടെ ഫോം ലേബലുകൾ ബ്രൗസറിലേക്ക് തിരിച്ചറിയുന്നതിന് ഒരു ലേബൽ ടാഗ് HTML ഉൾക്കൊള്ളുന്നു. ലേബൽ ടാഗ് ആട്രിബ്യൂട്ട് ഏത് തരം ഫോം തിരിച്ചറിയാൻ, അല്ലെങ്കിൽ ലേബൽ ടാഗുകൾ ഉപയോഗിക്കരുത് എന്ന് ലേബൽ ടാബിൽ ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാൻ "ടോഗിൾ" ഉപയോഗിച്ച് ഡ്രോപ്പ്-ഡൗൺ മെനുവും ലേബൽ ടെക്സും ടാഗ് ചെയ്യുകയാണ് നിങ്ങളുടെ തിരഞ്ഞെടുപ്പുകൾ.
ഞാൻ ആട്രിബ്യൂട്ടിനായി ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്നു, എന്തെങ്കിലും കാരണത്താൽ ഞാൻ ലേബലിനെ നീക്കം ചെയ്യേണ്ടതുണ്ടെങ്കിൽ അത് ശരിയായ ഫോം ഫീൽഡിൽ തന്നെ ചേർക്കും.

സ്ഥാനം

നിങ്ങളുടെ ലേബൽ ഡ്രോപ്പ്-ഡൌൺ മെനുവിനോ മുമ്പോ ശേഷമോ നിങ്ങൾക്ക് സ്ഥാപിക്കാം.

ആക്സസ് കീ

ആ ഫോം ഫീൽഡിൽ നേരിട്ട് ലഭിക്കുന്നതിന് Alt അല്ലെങ്കിൽ Option കീകൾക്കൊപ്പം ഉപയോഗിക്കാൻ കഴിയുന്ന കീയാണ് ഇത്. ഇത് ഒരു മൗസിന്റെ ആവശ്യമില്ലാതെ നിങ്ങളുടെ ഫോമുകൾ ഉപയോഗിക്കാൻ എളുപ്പമാക്കുന്നു. HTML ൽ ഒരു ആക്സസ് കീ എങ്ങിനെ സജ്ജമാക്കാം

ടാബ് സൂചിക

വെബ് പേജിലൂടെ കീബോർഡ് ഉപയോഗിക്കുമ്പോൾ ഫോം ഫീൽഡ് ആക്സസ് ചെയ്യേണ്ട ക്രമമാണിത്. Tabindex മനസിലാക്കുന്നു

നിങ്ങളുടെ പ്രവേശനക്ഷമത ഓപ്ഷനുകൾ അപ്ഡേറ്റുചെയ്താൽ, ശരി ക്ലിക്കുചെയ്യുക.

20 ന്റെ 06

മെനു തിരഞ്ഞെടുക്കുക

എങ്ങനെ ഡ്രോപ്പ്വീവറില് ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനു സൃഷ്ടിക്കുക മെനു തിരഞ്ഞെടുക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

ഡിസൈൻ കാഴ്ചയിൽ നിങ്ങളുടെ ഡ്രോപ്പ്-ഡൗൺ മെനു ദൃശ്യമാവുന്നതോടെ, അതിലേക്ക് വിവിധ ഘടകങ്ങൾ ചേർക്കേണ്ടതുണ്ട്. ആദ്യം അതിൽ ഡ്രോപ്പ് ഡൗൺ മെനു ക്ലിക്ക് ചെയ്യുക. നിങ്ങൾ അത് തിരഞ്ഞെടുത്തിട്ടുണ്ട് എന്ന് കാണിക്കുന്നതിന് ഡ്രോപ്പ്വീവർ ഡ്രോപ്പ്-ഡൌൺ മെനുവിന് ചുറ്റുമുള്ള മറ്റൊരു ഡോട്ട് ഇട്ട ഇടമുണ്ട്.

20 ലെ 07

മെനു പ്രോപ്പർട്ടികൾ

എങ്ങനെ ഡ്രീംവൈവർ മെനു പ്രോപ്പർട്ടികൾ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

ഡ്രോപ്പ്-ഡൌൺ മെനുവിനുളള ലിസ്റ്റ് / മെനു പ്രോപ്പർട്ടികൾ ലെ പ്രോപ്പർട്ടികൾ മെനു മാറ്റും. അവിടെ നിങ്ങളുടെ മെനുവിന് ഒരു ഐഡി നൽകാം ("തിരഞ്ഞെടുക്കൂ" എന്നു പറയുന്നത്), നിങ്ങൾ ഇത് ഒരു ലിസോ മെന്നോ ആയിരിക്കുമോ എന്ന് തീരുമാനിക്കുക, നിങ്ങളുടെ ശൈലി ഷീറ്റിൽ നിന്നുള്ള ഒരു സ്റ്റൈൽ ക്ലാസ് നൽകുക, കൂടാതെ ഡ്രോപ് ഡൌൺസിലേക്ക് മൂല്യങ്ങൾ നൽകുക.

ലിസ്റ്റും മെനുവും തമ്മിലുള്ള വ്യത്യാസം എന്താണ്?

ഒരു നിരയെ അനുവദിക്കുന്ന ഏതെങ്കിലുമൊരു ഡ്രോപ്പ്-ഡൗൺ മെനുവിലെ ഡ്രോപ്പ്വീവർ വിളിക്കുന്നു. ഒരു "ലിസ്റ്റ്" ഡ്രോപ്പ് ഡൌണിൽ ഒന്നിലധികം തിരഞ്ഞെടുക്കലുകൾ അനുവദിക്കുകയും ഒന്നിലധികം ഇനങ്ങൾ ഉയർന്നേക്കാം.

നിങ്ങൾക്ക് ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു വേണമെങ്കിൽ ഒന്നിലധികം വരികൾ ഉയർന്നത്, അതിനെ "ലിസ്റ്റ്" വിഭാഗത്തിലേക്ക് മാറ്റുക, കൂടാതെ "തിരഞ്ഞെടുക്കലുകൾ" ബോക്സ് അൺചെക്ക് ചെയ്യുക.

08-ൽ 08

പുതിയ ലിസ്റ്റ് ഇനങ്ങൾ ചേർക്കുക

എങ്ങനെ Dreamweaver ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക പുതിയ ലിസ്റ്റ് ഇനങ്ങൾ ചേർക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

നിങ്ങളുടെ മെനുവിൽ പുതിയ ഇനങ്ങൾ ചേർക്കാൻ, "ലിസ്റ്റ് മൂല്യങ്ങൾ ..." ബട്ടണിൽ ക്ലിക്കുചെയ്യുക. ഇത് മുകളിലുള്ള വിൻഡോ തുറക്കും. ആദ്യ ചതുരത്തിൽ നിങ്ങളുടെ ഇനത്തിന്റെ ലേബലിൽ ടൈപ്പുചെയ്യുക. ഇതാണ് പേജിൽ പ്രദർശിപ്പിക്കുന്നത്. നിങ്ങൾ മൂല്യം ശൂന്യമായി വിട്ടാൽ, അത് ഫോമിൽ എന്താണെന്നത് അയയ്ക്കപ്പെടും.

20 ലെ 09

കൂടുതൽ ചേർക്കുക, പുനഃക്രമീകരിക്കുക

എങ്ങനെ Dreamweaver ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക കൂടുതൽ പുനഃക്രമീകരിക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

കൂടുതൽ ഇനങ്ങൾ ചേർക്കുന്നതിന് പ്ലസ് ഐക്കണിൽ ക്ലിക്കുചെയ്യുക. പട്ടിക ബോക്സിൽ അവ ക്രമീകരിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, വലതുവശത്ത് മുകളിലേക്കും താഴേക്കും പോകുന്ന അമ്പടയാളങ്ങൾ ഉപയോഗിക്കുക.

20 ൽ 10

എല്ലാ ഇനങ്ങളും മൂല്യങ്ങൾ നൽകുക

എങ്ങനെ Dreamweaver ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക എല്ലാ ഇനങ്ങളും മൂല്യങ്ങൾ നല്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

ഞാൻ സ്റ്റെപ്പ് 8 ൽ സൂചിപ്പിച്ചതുപോലെ നിങ്ങൾ മൂല്യം ശൂന്യമായി വിട്ടാൽ, ലേബൽ ഫോം അയയ്ക്കും. എന്നാൽ നിങ്ങളുടെ എല്ലാ ഇനങ്ങളും മൂല്യങ്ങൾ നൽകാൻ കഴിയും - നിങ്ങളുടെ ഫോമിലേക്ക് ഇതര വിവരങ്ങൾ അയയ്ക്കാൻ. ജമ്പ് മെനുകൾ പോലുള്ള കാര്യങ്ങൾക്കായി നിങ്ങൾ ഇത് ഉപയോഗിക്കും.

20 ലെ 11

ഒരു സ്ഥിരസ്ഥിതി തിരഞ്ഞെടുക്കുക

എങ്ങനെ ഡ്രോപ്പ്വീവറില് ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനു സൃഷ്ടിക്കുക ഒരു സ്ഥിരസ്ഥിതി തിരഞ്ഞെടുക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

സ്ഥിരസ്ഥിതി ഇനമായി ആദ്യം തന്നെ ഡ്രോപ്പ്-ഡൌൺ ഇനം ദൃശ്യമാക്കാനായി വെബ് പേജുകൾ സ്ഥിരമായി നൽകുന്നു. എന്നാൽ നിങ്ങൾ തിരഞ്ഞെടുത്ത മറ്റൊരു കാര്യം ആവശ്യമെങ്കിൽ, ഗുണഗണങ്ങളുടെ മെനുവിലെ "തുടക്കത്തിൽ തിരഞ്ഞെടുത്ത" ബോക്സിൽ അത് ഹൈലൈറ്റ് ചെയ്യുക.

20 ലെ 12

ഡിസൈന് കാഴ്ചയില് നിങ്ങളുടെ പട്ടിക കാണുക

എങ്ങനെ ഡ്രോപ്പ്വീവറില് ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനു സൃഷ്ടിക്കുക ഡിസൈന് കാഴ്ച നിങ്ങളുടെ പട്ടിക കാണുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

നിങ്ങൾ പ്രോപ്പർട്ടികൾ എഡിറ്റുചെയ്തുകഴിഞ്ഞാൽ, തിരഞ്ഞെടുത്ത ഡീഫോൾട്ട് മൂല്യം ഉപയോഗിച്ച് നിങ്ങളുടെ ഡ്രോപ്പ് ഡൌൺ ലിസ്റ്റ് കാണിക്കും.

20 ലെ 13

കോഡ് കാഴ്ചയിലെ നിങ്ങളുടെ പട്ടിക കാണുക

എങ്ങനെ ഡ്രീംവൈവറിൽ ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനു സൃഷ്ടിക്കുക കോഡ് കാഴ്ച നിങ്ങളുടെ പട്ടിക കാണുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

നിങ്ങൾ കോഡ് കാഴ്ചയിലേക്ക് മാറുകയാണെങ്കിൽ, ഡ്രീംവൈവേർ വളരെ ശുദ്ധമായ കോഡ് ഉപയോഗിച്ച് നിങ്ങളുടെ ഡ്രോപ്പ്-ഡൗൺ മെനു ചേർക്കാൻ അനുവദിക്കുന്നു. പ്രവേശനക്ഷമത ഓപ്ഷനുകളോടൊപ്പം ഞങ്ങൾ ചേർത്തിട്ടുള്ളവ മാത്രമാണ് അധിക ആട്രിബ്യൂട്ടുകൾ. കോഡ് ഇൻഡന്റ് ചെയ്തതും വായിക്കാനും മനസ്സിലാക്കാനും വളരെ എളുപ്പമാണ്. ഇത് എക്സ്ക്ളൂസീവ് ആയിട്ടാണ് XHTML എഴുതുന്നത് എന്ന് ഞാൻ ഡ്രീംവേവർയോട് പറഞ്ഞതുകൊണ്ടാണ് തിരഞ്ഞെടുത്ത = "തിരഞ്ഞെടുത്ത" ആട്രിബ്യൂട്ടിനെ സൂചിപ്പിക്കുന്നത്.

20 ൽ 14 എണ്ണം

ബ്രൗസറിൽ സംരക്ഷിച്ച് കാണുക

എങ്ങനെ ഡ്രൈവ്വൈവർ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക ബ്രൌസറിൽ സേവ് കാണുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

നിങ്ങൾ പ്രമാണം സംരക്ഷിക്കുകയും വെബ് ബ്രൗസറിൽ അത് കാണുകയുമാണെങ്കിൽ, നിങ്ങൾ പ്രതീക്ഷിക്കുന്നതുപോലെ നിങ്ങളുടെ ഡ്രോപ്പ്-ഡൗൺ മെനു കാണപ്പെടും.

20 ലെ 15

എന്നാൽ അത് ഒന്നും ചെയ്യുന്നില്ല

എങ്ങനെ ഡ്രോപ്പ്വീവർ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക എന്നാൽ അത് ഒന്നും ചെയ്യാന്. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

മുകളിൽ സൃഷ്ടിച്ചിരിക്കുന്ന മെനു മികച്ചതാണ്, പക്ഷെ അത് ഒന്നും ചെയ്യുന്നില്ല. എന്തെങ്കിലും ചെയ്യാൻ എന്തെങ്കിലും ചെയ്യാൻ, നിങ്ങൾ ഫോം തന്നെ ഒരു ഫോം നടപടി സജ്ജമാക്കാൻ വേണം, ഒരു പൂർണ്ണമായും മറ്റ് ട്യൂട്ടോറിയൽ ആണ്.

ഭാഗ്യത്തിന്, ഫോമുകൾ, സിജിഐകൾ അല്ലെങ്കിൽ സ്ക്രിപ്റ്റിംഗ് എന്നിവയെക്കുറിച്ച് അറിയാതെ തന്നെ നിങ്ങളുടെ സൈറ്റിൽ ഉടൻതന്നെ ഉപയോഗിക്കാൻ കഴിയുന്ന ഒരു അന്തർനിർമ്മിത ഡ്രോപ്പ്-ഡൌൺ മെനു രൂപം ഡ്രീംവൈവറിനുണ്ട്. ഇത് ഒരു ജമ്പ് മെനു എന്നു വിളിക്കുന്നു.

പേരുകളും URL കളും ഉള്ള ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു ഡിമെഡ് വെയർ ഇമ്പോർട്ട് മെനു സജ്ജമാക്കുന്നു. തുടർന്ന് നിങ്ങൾക്ക് മെനുവിൽ ഒരു ഇനം തിരഞ്ഞെടുക്കാൻ കഴിയും, നിങ്ങൾ ഒരു ലിങ്ക് ക്ലിക്കുചെയ്തതുപോലെ വെബ് പേജും ആ ലൊക്കേഷനിലേക്ക് നീങ്ങും.

Insert മെനുവിലേക്ക് പോയി ഫോം തിരഞ്ഞെടുത്ത് മെനു മുകളിലേയ്ക്ക് പോകുക.

16 of 20

മെനു വിൻഡോയിലേക്ക് പോകുക

എങ്ങനെ ഡ്രോപ്പ്വീവർ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക ജാലകം മെനു വിൻഡോ. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

സ്റ്റാൻഡേർഡ് ഡ്രോപ്പ്-ഡൌൺ മെനുവിൽ നിന്നും വ്യത്യസ്തമായി, മെനു മെനുവിൽ നിങ്ങളുടെ മെനു ഇനങ്ങൾക്ക് പേരുനൽകുകയും ഫോം എങ്ങനെ പ്രവർത്തിക്കുമെന്നതിനെ കുറിച്ച് വിശദാംശങ്ങൾ ചേർക്കുകയും ഒരു പുതിയ വിൻഡോ തുറക്കുന്നു.

ആദ്യത്തെ ഇനത്തിൽ, "untitled1" എന്ന വാചകം അത് വായിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നതും തുടർന്ന് ആ ലിങ്ക് പോകേണ്ടതുമായ ഒരു URL ചേർക്കുക.

20 ലെ 17

നിങ്ങളുടെ ഇമ്പോർ മെനുവിലേക്ക് ഇനങ്ങൾ ചേർക്കൂ

എങ്ങനെ ഡ്രീംയൂവർ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക നിങ്ങളുടെ ഇമ്പോർ മെനു ലേക്കുള്ള ഇനങ്ങൾ ചേർക്കുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

നിങ്ങളുടെ ജമ്പ് മെനുവിലേക്ക് ഒരു പുതിയ ഇനം ചേർക്കുന്നതിന് ആഡ് ഇനത്തിൽ ക്ലിക്കുചെയ്യുക. നിങ്ങൾ ആഗ്രഹിക്കുന്നത്രയും നിരവധി ഇനങ്ങൾ ചേർക്കുക.

20 ൽ 18

മെനു ഓപ്ഷനുകൾ പോകുക

എങ്ങനെ ഡ്രോപ്പ്വീവറില് ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനു സൃഷ്ടിക്കുക എന്നതിലേക്ക് പോകുക മെനു ഓപ്ഷനുകൾ. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

നിങ്ങൾക്കാവശ്യമുള്ള എല്ലാ ലിങ്കുകളും ഒരിക്കൽ ചേർത്തു കഴിഞ്ഞാൽ, നിങ്ങൾ ഓപ്ഷനുകൾ തിരഞ്ഞെടുക്കണം:

URL- കൾ തുറക്കുക

നിങ്ങൾക്ക് ഫ്രെയിമുകൾ ഉണ്ടെങ്കിൽ, നിങ്ങൾക്ക് മറ്റൊരു ഫ്രെയിമിലെ ലിങ്കുകൾ തുറക്കാൻ കഴിയും. അല്ലെങ്കിൽ ഒരു പുതിയ വിൻഡോയിൽ അല്ലെങ്കിൽ മറ്റെവിടെയെങ്കിലും തുറക്കുന്നതിനുമുമ്പ് ഒരു പ്രധാന ലക്ഷ്യത്തിലേക്ക് മെയിൻ വിൻഡോയുടെ ഓപ്ഷൻ മാറ്റാൻ കഴിയും.

മെനു പേര്

പേജിനായി നിങ്ങളുടെ മെനുവിന് ഒരു തനതായ ID നൽകുക. സ്ക്രിപ്റ്റ് ശരിയായി പ്രവർത്തിക്കുമെന്നതിനാൽ ഇത് ആവശ്യമാണ്. ഒന്നിലധികം ഇനങ്ങൾ മെനുകൾ ഒറ്റ രൂപത്തിൽ ലഭ്യമാക്കാൻ ഇത് അനുവദിക്കുന്നു - അവയ്ക്ക് വ്യത്യസ്ത പേരുകൾ നൽകുക.

മെനുവിന് ശേഷം പോയി ബട്ടൺ ഇൻസേർട്ട് ചെയ്യുക

ഇത് തിരഞ്ഞെടുക്കാൻ ഇഷ്ടപ്പെടുന്നു, കാരണം മെനു മാറ്റങ്ങൾ വരുമ്പോൾ സ്ക്രിപ്റ്റ് പ്രവർത്തിക്കില്ല. ഇത് കൂടുതൽ ആക്സസ് ചെയ്യാവുന്നതാണ്.

URL വ്യത്യാസത്തിനു ശേഷം ആദ്യ ഇനം തിരഞ്ഞെടുക്കുക

ആദ്യ മെനുവിനായി "ഒരെണ്ണം തെരഞ്ഞെടുക്കുക" എന്നതുപോലുള്ള ഒരു പ്രോംപ്റ്റ് ഉണ്ടെങ്കിൽ ഇത് തിരഞ്ഞെടുക്കുക. ആ ഇനം പേജിൽ സ്ഥിരമായി തുടരുന്നതാണെന്ന് ഇൻഷ്വറൻസ് എടുക്കും.

20 ലെ 19

മെനു കാണുക ഡിസൈൻ കാഴ്ച

എങ്ങനെ ഡ്രോപ്പ്വീവർ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക പോകുക മെനു മെനു കാഴ്ച. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

നിങ്ങളുടെ ആദ്യ മെനുവിനോടൊപ്പം, ഡിസ്ക്ക്വാവർ ഡിസ്പ്ലേ കാഴ്ചയിൽ നിങ്ങളുടെ ജമ്പ് മെനിവ് സജ്ജീകരിക്കും സ്ഥിരസ്ഥിതി ഇനം. നിങ്ങൾ മറ്റേതെങ്കിലും പോലെ നിങ്ങൾക്ക് ഡ്രോപ്പ്-ഡൗൺ മെനു എഡിറ്റുചെയ്യാം.

നിങ്ങൾ അത് എഡിറ്റ് ചെയ്യുകയാണെങ്കിൽ, ഇനങ്ങളിൽ ഏതെങ്കിലും ഐഡികൾ മാറ്റേണ്ടെന്ന് ഉറപ്പാക്കുക, അല്ലെങ്കിൽ സ്ക്രിപ്റ്റ് പ്രവർത്തിക്കില്ല.

20 ൽ 20

ബ്രൗസറിൽ മെനു പോകുക

എങ്ങനെ ഡ്രോപ്പ്വീവർ ഒരു ഡ്രോപ്പ്-ഡൌൺ മെനു സൃഷ്ടിക്കുക ബ്രൌസർ ബ്രൌസറിൽ പോകുക. ജെ. കിർന്നിന്റെ സ്ക്രീൻഷോട്ട്

ഫയൽ സംരക്ഷിച്ച് F12 അമർത്തി നിങ്ങൾ തിരഞ്ഞെടുത്ത ബ്രൗസറിൽ പേജ് പ്രദർശിപ്പിക്കും. അവിടെ നിങ്ങൾക്ക് ഒരു ഓപ്ഷൻ തിരഞ്ഞെടുക്കാം, "പോകുക" ക്ലിക്കുചെയ്ത് ജമ്പ് മെനു പ്രവർത്തിക്കുന്നു!