Adobe Muse සමග Responsive වෙබ් අඩවියක් සාදාගන්නා ආකාරය
වෙබ් අඩවියක් පරිගණකයක පමණක් නොව ස්මාර්ට්ෆෝන් සහ ටැබ්ලට් උපාංගවලද නිවැරදිව දිස්වීම අද අත්යවශ්ය කරුණකි. මෙවැනි තිර ප්රමාණවලට ස්වයංක්රීයව හැඩගැසෙන වෙබ් අඩවියක් responsive වෙබ් අඩවියක් ලෙස හැඳින්වේ. කේත ලිවීම පිළිබඳ ගැඹුරු දැනුමක් නොමැති අයටද Adobe Muse භාවිතයෙන් මෙවැනි නිර්මාණයක් සැලසුම් කළ හැක.
Adobe Muse මඟින් පිටු සැලසුම් කිරීම, මෙනු සකස් කිරීම, රූප එක් කිරීම සහ විවිධ තිර ප්රමාණ සඳහා වෙනස්කම් යෙදීම දෘශ්යමය ආකාරයෙන් සිදු කළ හැක. එහෙත් මෙය නව වෙබ් ව්යාපෘති සඳහා Adobe විසින් තවදුරටත් සංවර්ධනය නොකරන මෘදුකාංගයක් බැවින්, පවතින ස්ථාපන ගොනු සහ අමතර widget භාවිතයේදී සැලකිලිමත් විය යුතුය.
වෙබ් අඩවියේ සැලසුම සකස් කිරීම
මුලින්ම වෙබ් අඩවියට අවශ්ය පිටු තීරණය කරන්න. මුල් පිටුව, අප ගැන, සේවා, ලිපි සහ සම්බන්ධතා වැනි පිටු ලැයිස්තුවක් සකස් කිරීමෙන් පසුව Adobe Muse හි නව වෙබ් අඩවියක් ආරම්භ කළ හැක. මෙහිදී පිටු අතර සම්බන්ධතාව පැහැදිලිව සැලසුම් කිරීම පරිශීලක අත්දැකීමට වැදගත් වේ.
වර්ණ, අකුරු සහ රූප සඳහා එකිනෙකට ගැළපෙන දෘශ්ය තේමාවක් තෝරන්න. ශ්රී ලාංකික පාඨකයන් ඉලක්ක කරන්නේ නම් සිංහල අකුරු නිවැරදිව පෙන්වන වෙබ් අකුරු භාවිත කරන්න. අකුරු විශාලත්වය සහ පසුබිම් වර්ණය කියවීමට පහසුදැයි මුල් අවස්ථාවේදීම පරීක්ෂා කරන්න.
නව ව්යාපෘතියක් ආරම්භ කිරීම
Adobe Muse විවෘත කර නව වෙබ් අඩවියක් තෝරාගත් පසු, මුල් පිටුව සඳහා පිටු පළල, උස සහ ආන්තික සැකසුම් සකස් කළ හැක. පරිගණක තිර සඳහා සාමාන්ය පළලක් තෝරාගත්තද, අන්තර්ගතය තිරයේ මැදට නිවැරදිව ස්ථානගත වීමට සැලසුම් කරන්න.
මුල් පිටුවේ ශීර්ෂ කොටස, ප්රධාන රූපය, කෙටි විස්තරයක් සහ ක්රියාකාරී බොත්තමක් තැබීම සුදුසුය. උදාහරණයක් ලෙස තාක්ෂණික දැනුම බෙදාගන්නා හවුල්කරුවන්ගේ පිටුව වෙත සබැඳියක් එක් කිරීමෙන් අදාළ සම්පත් වෙත පරිශීලකයා යොමු කළ හැක.
අන්තර්ගතය සහ දෘශ්ය අංග එක් කිරීම
Text Tool භාවිතයෙන් මාතෘකා, උපමාතෘකා සහ විස්තර එක් කරන්න. දිගු ඡේද වෙනුවට කෙටි කොටස් භාවිත කිරීමෙන් ජංගම උපාංගයකදී කියවීම පහසු වේ. රූප එක් කරන විට ඒවායේ ගොනු ප්රමාණය අඩු කරගන්න, නැතිනම් පිටුව පූරණය වීමට වැඩි වේලාවක් ගත විය හැක.
රූපයකට විකල්ප විස්තරයක් එක් කිරීම ද ප්රයෝජනවත්ය. එමඟින් රූපය නොපෙනෙන අවස්ථාවක එහි අර්ථය තේරුම් ගැනීමට හැකි වන අතර සෙවුම් යන්ත්රවලටද අන්තර්ගතය හඳුනාගත හැක. සියලුම පිටුවල ශීර්ෂය සහ පහළ කොටස එකම ආකාරයෙන් පෙන්වීමට Master Page භාවිත කරන්න.
විවිධ තිර ප්රමාණ සඳහා සැකසීම
Responsive සැලසුමක් සෑදීමේදී Desktop, Tablet සහ Phone යන තිර පළල සඳහා වෙන වෙනම breakpoint සකස් කළ යුතුය. Adobe Muse හි මෙම පළල වෙනස් කරමින් අන්තර්ගතයේ පිහිටීම පරීක්ෂා කරන්න. රූප සහ පෙළ කොටස් තිරයෙන් පිටතට නොයන බවට වග බලා ගන්න.
ජංගම තිරයකදී තීරු දෙකක සැලසුමක් තනි තීරුවක් බවට පත් කිරීම බොහෝ විට සුදුසුය. බොත්තම් කුඩා නොකර, ඇඟිල්ලෙන් පහසුවෙන් තෝරාගත හැකි ප්රමාණයක් තබන්න. අකුරු සහ රේඛා අතර ඉඩ ප්රමාණවත් වීමද පරිශීලක පහසුව වැඩි කරයි.
මෙනු සහ සබැඳි නිවැරදිව සකස් කිරීම
Menu Widget එකක් භාවිතයෙන් ප්රධාන මෙනුව එක් කළ හැක. මෙනුවේ නාම පැහැදිලිව තබා, සෑම පිටුවකටම යන සබැඳියක් තිබේදැයි පරීක්ෂා කරන්න. ජංගම ආකෘතියේදී මෙනුව හැකිළෙන ආකාරයක් තෝරාගැනීමෙන් තිර ඉඩ ඉතිරි වේ.
බොත්තම්වලට අදාළ පිටු සබැඳි එක් කිරීමේදී වැරදි ලිපිනයන් නොයෙදීමට සැලකිලිමත් වන්න. උදාහරණයක් ලෙස වැඩසටහන් සංවර්ධනයට උනන්දුවක් දක්වන අයට VB.NET පාඩම වෙත යොමු වන සබැඳියක් අදාළ ලිපියක් තුළ තැබිය හැක.
පෙරදසුන සහ දෝෂ පරීක්ෂාව
Adobe Muse හි Preview පහසුකම භාවිතයෙන් පිටුව බ්රවුසරයක් තුළ පරීක්ෂා කරන්න. පරිගණකයක පමණක් නොව, සැබෑ ජංගම දුරකථනයකින්ද වෙබ් අඩවිය විවෘත කර මෙනු, රූප, බොත්තම් සහ පාඨ නිවැරදිව පෙන්වනවාද බලන්න.
පිටුවේ පූරණ වේගය අඩු නම් විශාල රූප සම්පීඩනය කරන්න, අනවශ්ය widget ඉවත් කරන්න සහ අධික සජීවිකරණ භාවිතයෙන් වළකින්න. සබැඳි ක්රියා නොකරනවාද, සිංහල අකුරු කැඩී පෙනෙනවාද සහ පිටු නාම නිවැරදිද යන්නද අවසාන පරීක්ෂාවේදී බලන්න.
වෙබ් අඩවිය ප්රකාශයට පත් කිරීම
සැලසුම සම්පූර්ණ වූ පසු File මෙනුවෙන් Export as HTML තෝරා වෙබ් ගොනු ලබාගත හැක. එම ගොනු වෙබ් සත්කාරක සේවාවකට උඩුගත කිරීමට පෙර index ගොනුව සහ සියලු රූප ෆෝල්ඩර නිවැරදිව ඇතුළත් වී ඇති බව තහවුරු කරන්න.
ඩොමේනය, සත්කාරක සේවාව සහ ආරක්ෂිත සම්බන්ධතාවක් සඳහා SSL සහතිකයද සලකා බලන්න. වෙබ් නිර්මාණ සහ තාක්ෂණික දැනුම පිළිබඳ වැඩි තාක්ෂණික ලිපි කියවීමෙන් පසු ප්රකාශනය කළ වෙබ් අඩවිය නිරන්තරයෙන් යාවත්කාලීන කර පරීක්ෂා කරන්න.
ඔබේ Adobe Muse ව්යාපෘතියේදී මෙම පියවර අනුගමනය කර, පරිගණකයටත් ජංගම උපාංගවලටත් ගැළපෙන පිරිසිදු වෙබ් අඩවියක් නිර්මාණය කරන්න. Davisනය කළ සැලසුමක් වෙනුවට පහසු සංචාලනය, වේගවත් පූරණය සහ පැහැදිලි අන්තර්ගතය ප්රමුඛ කරමින් ඔබේ වෙබ් අඩවිය ප්රකාශයට පත් කරන්න.