ඔබගේ වෙබ් අඩවිය සඳහා පහත දැමීමේ මෙනුව නිර්මාණය කිරීම පහසු කිරීම සඳහා Dreamweaver පහසු කරයි. නමුත් සියලුම HTML ආකෘති මෙන් ඔවුන් ඉතා සුළු දෙයක් විය හැක. මෙම නිබන්ධනය Dreamweaver හි drop-down මෙනුව නිර්මාණය කිරීමට පියවර හරහා ඔබව ගමන් කරයි.
ඩ්රීමීවීවර් විනිවිදක මෙනු
Dreamweaver 8 ඔබේ වෙබ් අඩවිය තුළ සංචාලනය සඳහා පැනීමේ මෙනුවක් නිර්මාණය කිරීමට ද සපයා ඇත. මූලික පහළ පහළ මෙනුව මෙන් නොව, මෙම මෙනුව ඔබ අවසන් කළ විට යමක් සිදු කරනු ඇත. ඔබගේ ඩවුන්ලෝඩ් පෝරමය වැඩ කිරීමට ඔබට ඕනෑම JavaScript හෝ CGI සටහන් ලිවීමට ඔබට සිදු නොවේ. මෙම නිබන්ධනය මගින් ඩ්රීම් මෙනුව නිර්මාණය කිරීම සඳහා Dreamweaver 8 wizard භාවිතා කරන ආකාරය විස්තර කරයි.
20 න් 01
ආකෘති පළමුව නිර්මාණය කරන්න
HTML ආකෘති සහ Dreamweaver පිළිබඳ වැදගත් සටහන:
පැනපු මෙනුව වැනි විෙශේෂ විචලනයන් හැරුණු විට Dreamweaver මඟින් ඔබට HTML ආකාර "වැඩ" කිරීමට උපකාරී නොවේ. මෙය සඳහා CGI හෝ JavaScript එකක් අවශ්යය. කරුණාකර මගේ නිබන්ධනය බලන්න වැඩිදුර තොරතුරු සඳහා HTML ආකෘති පත්රයක් නිර්මාණය කිරීම.
ඔබ ඔබේ වෙබ් අඩවියට පහතට ඇදීමේ මෙනුවක් එකතු කරන විට, ඔබට අවශ්ය පළමු දෙය එය වටා ආකෘතියක් වේ. Dreamweaver හි, Insert මෙනුවට ගොස් පෝරමය ක්ලික් කරන්න, ඉන්පසු "Form" තෝරා ගන්න.
20 න් 02
නිර්මාණ ආකෘතියේ ආකෘති පත්රිකා
ඩ්රම්වීවර් නිර්මාණ ආකෘතියේ දෘශ්යමය ආකාරයෙන් ඔබේ ආකෘතියේ පිහිටීම පෙන්වයි, එබැවින් ඔබේ ආකෘති අංගයන් තැබිය යුතු ආකාරය ඔබ දන්නවා. මෙය වැදගත්ය. මන්ද, පතන සුළු මෙනු ටූල් වල ආකෘතියට පිටතින් වලංගු නොවන (සහ ක්රියා නොකරනු ඇත). රූපය තුළ ඔබට පෙනෙන පරිදි, ආකෘති පත්රයෙහි රතු පැහැති තිත් රේඛාව වේ.
20 දින 03
ලැයිස්තුව / මෙනුවෙන් තෝරන්න
Drop-down menus "Dreamweaver" හි "ලැයිස්තුව" හෝ "මෙනු" අයිතම ලෙස හැඳින්වේ. ඒ නිසා ඔබේ පෝරමය එක් කිරීමට, ඉන්ටර්නෙට් මෙනුවේ පෝරමය මෙනුව වෙත ගොස් "ලැයිස්තුව / මෙනුව" තෝරන්න. ඔබගේ කර්සරය ඔබේ ආකෘති පෙට්ටියේ රතු තිත් රේඛාව තුළ තබා ඇති බවට වග බලා ගන්න.
20 න් 04
විශේෂ විකල්ප කවුළුව
ඩ්රයි ඩ්රයිවර් විකල්පයන් තුළ ප්රවේශ්යතාවය පිළිබඳ ප්රවේශය තිබේ. මම සියලු දෙනාටම ප්රවේශ වීමේ ගුණාංග පෙන්වන්න Dreamweaver මට පෙන්වීමට. මෙම තිරය එහි ප්රතිඵලයයි. ආකෘති පත්ර බොහෝ වෙබ් අඩවි ප්රවේශ්යතාවයෙන් බැහැර වන ස්ථානයක් වන අතර මෙම පහේම පිරික්සුම් පිරවීම මගින් ඔබගේ පහළම මෙනු ක්ෂණිකව ප්රවේශ විය හැකිය.
20 න් 05
ප්රවේශය ලබාගැනීම
ප්රවේශ්යතා විකල්පයන් වන්නේ:
ලේබල්
ක්ෂේත්රයේ නම මෙයයි. එය ඔබේ ආකෘතියේ අංගයට අමතරව පෙළ ලෙස පෙන්වනු ඇත.
ඔබේ drop-down මෙනුව ඇමතීමට ඔබට අවශ්ය දේ ලියන්න. පහතට පැකිළුම් මෙනුව පිළිතුරු දෙන බව ප්රශ්නයක් හෝ කෙටි අදහසක් විය හැකිය.
ස්ටයිල්
ඔබගේ ආකෘති ලේබල බ්රව්සරයට හඳුනාගැනීමට ලේබලයක් ලේබලයක් ඇතුළත් වේ. ඔබගේ තේරීම් ලේබල මෙනුව හා ලේබලය සහිත ලේබලය ලේබලය සමඟ ආයාත කිරීම සඳහා, ලේබල ලේබලයෙහි "සඳහා" ලක්ෂණය භාවිතා කිරීමට හෝ එය ලේබල ලේබලයක් භාවිතා නොකරන්න.
මා විසින් මාදිලි සඳහා භාවිතා කිරීමට කැමති, ඊළඟට මා විසින් කිසියම් හේතුවක් සඳහා ලේබල මාරු කර ඇත්නම්, එය නිවැරදි ආකෘති ක්ෂේත්රයට අනුයුක්ත කරනු ඇත.
පිහිටීම
ඔබ විසින් ඊලගට පහළින් මෙනුව ඉදිරියෙන් හෝ පසුව ඔබට ඔබේ ලේබලය තැබිය හැකිය.
ප්රවේශ යතුර
මෙම ආකෘති ක්ෂේත්රය වෙත සෘජුව ලබා ගැනීමට Alt හෝ Option යතුරු සමඟ භාවිතා කළ හැකි යතුර මෙයයි. මෙය ඔබේ මූසිකය මූසිකයක් අවශ්ය නොමැතිව භාවිතා කිරීමට ඉතා පහසු වේ. HTML හි ප්රවේශ යතුරක් සකසන්නේ කෙසේද?
ටැබ් දර්ශකය
වෙබ් පිටුව හරහා ටැබ් එකට යතුරු පුවරුව භාවිතා කිරීමේදී ආකෘති ක්ෂේත්රයට පිවිසිය යුතු වේ. ටැබින්ඩේක්ස් තේරුම් ගැනීම
ඔබ ප්රවේශ්යතා විකල්පයන් යාවත්කාලීන කළ විට, හරි ක්ලික් කරන්න.
20 න් 06
මෙනුව තෝරන්න
ඔබ නිර්මාණ පේ්රක්ෂතයේ ප්රදර්ශනය කර ඇති ඔබේ පහළ මෙනුවෙහි පසු එය ඔබට විවිධ අංග එක් කිරීමට අවශ්ය වේ. මුලින්ම එය මත ක්ලික් කිරීමෙන් පහළට පහළින් මෙනුව තෝරන්න. Dreamweaver විසින් ඔබ විසින් එය තෝරාගෙන තිබෙන බව පෙන්නුම් කිරීම සඳහා පහතට ගත් මෙනුව පමණි.
20 න් 07
මෙනු ගුණාංග
ගුණාංග මෙනුව එම drop-down මෙනුව සඳහා ලැයිස්තුව / මෙනු ගුණාංග වෙත වෙනස් වනු ඇත. එහිදී ඔබට ඔබේ මෙනුව හැඳුනුම් පතක් ලබාදිය හැකිය (එය තෝරන්න), ඔබට එය ලීස් හෝ මෙනුවක් වීමට අවශ්යදැයි තීරණය කරන්න, ඔබේ ශෛල පත්රය වෙතින් ශෛල පන්තිය ලබා දෙන්න, පහළට අගයන් නියම කරන්න.
ලැයිස්තුව සහ මෙනුව අතර වෙනස කුමක්ද?
Dreamweaver විසින් එක් එක් තේරීමකට ඉඩ දෙන මෙනුවක පහළ මෙනුවක් ඕනෑම පහලට බැලිය හැක. "ලැයිස්තුවක්" drop-down තුළ බහු තේරීම් ලබා දෙයි, සහ එක් අයිතමයකට වැඩි විය හැකිය.
ඔබට පහත දැක්වෙන බොත්තමේ බොත්තමක් ඉහළින් තිබිය යුතු අතර, එය "ලැයිස්තුවක්" ටයිප් කිරීමට සහ "තේරීම්" කොටුව නොසලකන්න.
20 න් 08
නව ලැයිස්තුව අයිතම එකතු කරන්න
ඔබගේ මෙනුවට නව අයිතම එකතු කිරීම සඳහා, "ලැයිස්තුගත කළ අගයන් ..." බොත්තම මත ක්ලික් කරන්න. මෙම කවුළුව විවෘත කරනු ඇත. පළමු කොටුව තුළ ඔබේ අයිතම ලේබලයේ ටයිප් කරන්න. පිටුවෙහි පෙන්වනු ඇත්තේ මෙයයි. ඔබ අගය හිස්ව තැබුවහොත්, එය ආකෘති පත්රයෙහි යවනු ලැබේ.
20 න් 09
තවත් වැඩිපුර එකතු කරන්න
තවත් භාණ්ඩ එක් කිරීමට ප්ලස් අයිකනය මත ක්ලික් කරන්න. ඔබට ලැයිස්තු කොටුව තුළ ඒවා නැවත ඇණවුම් කිරීමට අවශ්ය නම්, දකුණු පස උඩ සහ පහලට ඊතලය භාවිතා කරන්න.
20 න් 10
සියල්ල අයිතම අගයන් ලබා දෙන්න
8 වන පියවරේදී මා සඳහන් කළ පරිදි, ඔබ අගය හිස්ව තැබුවහොත් ලේබලය ආකෘතියට යවනු ලැබේ. එහෙත් ඔබේ භාණ්ඩයේ වටිනාකම් ඔබට ලබා දිය හැකිය - ඔබේ ආකෘතියට විකල්ප තොරතුරු යැවීම. ඔබ පැන පැන යාම් වැනි දේවල් සඳහා මෙය ගොඩක් භාවිතා කරයි.
20 න් 11
පෙරනිමිය තෝරන්න
පෙරනිමි අයිතමයක් ලෙස මුලින්ම ලැයිස්තුගත අයිතමය දර්ශණය වන වෙබ් පිටු වලට මුලින් ලැයිස්තුගත කර ඇත. නමුත් ඔබ තෝරාගත් වෙනත් එකක් අවශ්ය නම්, ප්රොපටීස් මෙනුවෙහි "මුලින්ම තෝරාගත්" කොටුව තුළ එය අවධාරණය කරන්න.
12 න් 20
නිර්මාණ දසුන් තුළ ඔබගේ ලැයිස්තුව බලන්න
ඔබ ගුණාංග සංස්කරණය කිරීම සිදු කළ පසු, Dreamweaver තෝරාගත් පෙරනිමි අගය සමඟ ඔබගේ පහළට ඇති ලැයිස්තුව පෙන්වන්න.
13 න් 20
කේත ලැයිස්තුවේ ඔබගේ ලැයිස්තුව බලන්න
ඔබ කේත කේතය වෙත මාරු වුවහොත්, ඔබට ඩ්රම්වීවර් ඔබේ ප්ලේඩ් මෙනුව ඉතා පිරිසිදු කේතයකින් ඇතුලත් කරයි. අතිරේක ගුණාංග අප විසින් ප්රවේශ්යතා විකල්පයන් සමඟ එකතු කරන ලද ඒවා වේ. මෙම කේතය සියල්ලම වෙන් කර ඇති අතර පහසුවෙන් කියවීමට සහ තේරුම් ගැනීමට පහසුය. එය තෝරාගත් = "තෝරාගත්" ගති ලක්ෂණ තුළ පවා XHTML ලිවීම සඳහා පෙරනිමි බව මා විසින් Dreamweaver වෙත දැනුම් දී ඇති බැවිනි.
20 න් 14
බ්රවුසරයේ සුරකින්න සහ දර්ශනය කරන්න
ඔබ ලේඛනය සුරකින අතර වෙබ් බ්රවුසරයක් තුළ එය බැලුවහොත්, ඔබගේ පතන මෙනුව මෙනුව ඔබ අපේක්ෂා කරන ආකාරයටම පෙනේ.
20 න් 15
නමුත් එය කිසිවක් නොකරයි
අප විසින්ම නිර්මාණය කළ මෙනුව හොඳින් පෙනෙනවා, නමුත් එය කිසිවක් නොකරයි. යම් දෙයක් කිරීමට එය ලබා ගැනීම සඳහා, ඔබ විසින්ම ආකෘතියේ ආකෘති ක්රියාමාර්ගයක් සකස් කළ යුතුය, සම්පූර්ණයෙන්ම වෙනත් නිබන්ධනයකි.
කනගාටුයි, ඩ්රම්වීවර් වලට ආකෘති, CGIs හෝ විධානාවලි ඉගෙන ගැනීමට අවශ්ය නැතිව ඔබගේ වෙබ් අඩවියේ වහාම භාවිතා කළ හැකි පහතට ගත් පතන ලද මෙනු ආකෘතිය ඇත. එය පැනීමේ මෙනුව ලෙස හැඳින්වේ.
ඩ්රම් ඩයර් බ්ලොක් මෙනුව නම් සහ නම සහිත URL එකේ පහළට මෙනුව සකස් කරයි. එවිට ඔබට මෙනුවෙහි අයිතමයක් තෝරාගත හැකි අතර ඔබ සබැඳියක් ක්ලික් කර ඇත්නම්, වෙබ් අඩවියේ එම ස්ථානයට මාරු වනු ඇත.
Insert මෙනුවට ගොස් පෝරමය තෝරා ඉන්පසු පැන මෙනු වෙත යන්න.
20 න් 16
පැනල මෙනු කවුළුව
සම්මත පතන මෙනුව මෙන් නොව, ඔබ විසින් මෙනු අයිතමයන් නම් කිරීම සඳහා ප්ලේන් මෙනුව නව කවුළුවක් විවෘත කරයි.
පළමුවැනි අයිතමය සඳහා ඔබට "untitled1" පාඨය කියවීමට අවශ්ය වන පරිදි සහ එම සබැඳිය වෙත යා යුතු URL එකක් එක් කරන්න.
17 න් 20
ඔබේ පැන නගින මෙනුවට භාණ්ඩ එක් කරන්න
ඔබගේ ජම්ප් මෙනුවට නව අයිතමයක් එක් කිරීමට එකතු කරන අයිතමය මත ක්ලික් කරන්න. ඔබ කැමති තරම් අයිතම එකතු කරන්න.
18 න් 20
පැන මෙනු විකල්පයන්
ඔබට අවශ්ය සියලු සබැඳි එකතු කළ පසු, ඔබේ විකල්පයන් තෝරාගත යුතුය:
විවෘත URL වල
ඔබට රාමුසට් එකක් තිබේ නම්, ඔබට වෙනත් රාමුවක් තුළ සබැඳි විවෘත කළ හැකිය. නැතහොත්, ප්රධාන කවුළුවේ විකල්පය විශේෂ ඉලක්කයකට මාරු කළ හැකිය, එම URL එක නව කවුළුවක හෝ වෙනයම් ස්ථානයක දී විවෘත වනු ඇත.
මෙනු නම
ඔබේ මෙනුව පිටුව සඳහා සුවිශේෂී හැඳුනුමක් ලබා දෙන්න. මෙම කේත රචනය නිවැරදිව වැඩ කරනු ඇත. එය ඔබට එක් ආකාරයකින් කිහිපයක බහුවිධ මෙනුව ඇති කිරීමට ඉඩ සලසයි - ඔවුන් සියලු වෙනස් නම් ලබා දෙන්න.
මෙනුවෙන් පසු Go බොත්තම ඇතුල් කරන්න
සමහර අවස්ථාවලදී ස්ක්රිප්ට් එක ක්රියාත්මක වන්නේ නැත. එය වඩාත් පහසුවෙන් ප්රවේශ විය හැකිය.
URL එක වෙනස් කිරීමෙන් පසු පළමු අයිතමය තෝරන්න
පළමු මෙනු අයිතමය ලෙස ඔබට "එකක් තෝරාගන්න" වැනි විමසුමක් තිබේ නම් මෙය තෝරන්න. මෙම අයිතමයේ එම අයිතමයේ පෙරනිමිය ලෙස අනිවාර්යයෙන්ම රක්ෂණය වනු ඇත.
19 න් 20
පැනලය මෙනුව නිර්මාණ දසුන
ඔබගේ පළමු මෙනුව සමඟ මෙන්, Dreamweaver ප්රකෘති අයිතමය දෘශ්යමාන අයිතමයක් සමඟ නිර්මාණ ප්රස්ථාරයේ ඔබේ පැන පැන මෙනුව සකස් කරයි. ඔබට පසුව වෙනත් ඕනෑම ආකාරයක පහතට එබූ මෙනුව සංස්කරණය කළ හැකිය.
ඔබ එය සංස්කරණය කරන්නේ නම්, අයිතමයන්හි ඕනෑම ID වල වෙනස් නොකිරීමට වග බලා ගන්න, එසේ නොමැති නම් ස්ක්රිප්ට් එක ක්රියා නොකරනු ඇත.
20 න් 20
බ්රවුසරයේ මෙනුව ක්ලික් කරන්න
ගොනුව සුරැකීම හා F12 පහර ගැසීමෙන් ඔබගේ කැමතිම බ්රව්සරයේ පිටුව ප්රදර්ශනය කෙරේ. එහිදී ඔබට විකල්පයක් තේරිය හැකිය, "යන්න" ක්ලික් කරන්න, පැනළ මෙනුව ක්රියාත්මක වේ!