මුල්පිටු නිර්මාණය

මෙම ලිපියෙන් මම Gestaltung මුල් පිටුවේ වැදගත්ම කරුණු කිහිපයක් ආවරණය කරමි. මෙයට ඇතුළත් වේ: පිටු පෙනිය යුතු ආකාරය, අකුරු තෝරා ගන්නේ කෙසේද, භාවිතා කිරීමට වර්ණ, සහ පැති තීරු වල වැදගත්කම. නොමිලේ වෙබ් අඩවි නිර්මාණ මෘදුකාංග භාවිතා කරන්නේ කෙසේද යන්න ගැනද මම සාකච්ඡා කරමි. මෙම ලිපිය කියවීමෙන් පසු, ඔබේ මුල් පිටුව සැලසුම් කිරීම ආරම්භ කිරීමට ඔබ හොඳින් සන්නද්ධ විය යුතුය. මෙන්න ප්රයෝජනවත් උපදෙස් කිහිපයක්:

මුල් පිටුවක් සැලසුම් කිරීමේදී වැදගත් කරුණු

ඔබේ මුල් පිටුව සැලසුම් කිරීමේදී සලකා බැලිය යුතු වැදගත් අංග ගණනාවක් තිබේ. සලකා බැලිය යුතු පළමු දෙය නම් ඔබට කොපමණ අමුත්තන් ආකර්ෂණය කර ගැනීමට අවශ්‍යද යන්නයි. බොහෝ විකල්පයන් සමඟ අධික අමුත්තන් වළක්වා ගැනීම සඳහා, ඔබගේ මුල් පිටුව සැරිසැරීමට පහසු බව සහතික කර ගත යුතුය. පැහැදිලි භාවිතා කිරීමට වග බලා ගන්න, පහසුවෙන් සොයාගත හැකි පෙළ සහ සබැඳි. අතිරෙකව, ආරක්ෂක යාවත්කාලීන ක්රියාත්මක කිරීමට වග බලා ගන්න. බාහිර ප්‍රහාරවලින් ඔබේ වෙබ් අඩවිය ආරක්ෂා කිරීමට ආරක්ෂාව අත්‍යවශ්‍ය වේ.

ඔබගේ වෙබ් අඩවිය ඔන්ලයින් සඟරාවක් හෝ eBay ලැයිස්තුගත කිරීමක් මෙන් කියවිය යුතු නැති බව මතක තබා ගන්න. ඔබේ මුල් පිටුවේ පිරිසැලසුම සහ වර්ණ පටිපාටිය වැදගත් වන අතර, ඔබගේ මුල් පිටුවේ ඇති පාඨය අමුත්තන්ගේ හැඟීම් විදහා දැක්විය යුතු බව මතක තබා ගැනීම වැදගත් වේ. හොඳ පාඨ පාඨකයා තුළ අහිමි වීමේ හැඟීමක් සහ සංවේදනයක් ඇති කළ යුතුය. පාඨය ඔබේ නිෂ්පාදනයේ ප්‍රතිලාභ ප්‍රකාශ කළ යුතුය, ඔබේ ප්‍රේක්ෂකයින්, සහ ඔබේ මූලික කාර්ය සාධනය. ඔබට ඔබේ සෝපානයේ තණතීරුව නැමීමට ඉහළින් පිහිටා ඇති ශීර්ෂකයක් හෝ පාදයක් තුළ තැබීමෙන් මෙය කළ හැකිය..

ඔබේ මුල් පිටුව සැලසුම් කරන අතරතුර, සෞන්දර්යය විනිශ්චය කිරීමට අමුත්තන් ඔබේ වෙබ් අඩවියට නොපැමිණෙන බව මතක තබා ගන්න. ඔවුන් පැමිණෙන්නේ නිශ්චිත කාර්යයක් ඉටු කිරීමට ය. ඔවුන් වහාම හඳුනා නොගන්නේ නම්, බොහෝ නිර්මාණ මූලද්රව්ය සමඟ ඒවා ව්යාකූල කිරීම පහසුය. අමතරව, ඔබේ නිර්මාණයේ වර්ණ දෙකක් පමණක් භාවිතා කරන්න. පරිගණක-මානව අන්තර්ක්‍රියා අත්පොත වර්ණ දෙකකට වඩා භාවිතා නොකිරීමට නිර්දේශ කරයි. කෙසේවෙතත්, ඔබට තවත් වර්ණ හා තේමා භාවිතා කළ හැක, නමුත් අධික දීප්තිමත් වර්ණ වළක්වා ගන්න.

දැරිය හැකි මිලකට වෙබ් අඩවි නිර්මාණ මෘදුකාංග

නොමිලේ හෝ අඩු වියදම් සහිත වෙබ් අඩවි නිර්මාණ මෘදුකාංග වැඩසටහන් ගණනාවක් අද පවතී. Wix, උදාහරණ වශයෙන්, බොහෝ මිල සැලසුම් සහ දීමනා ඇත 500 කලින් සැලසුම් කළ සැකිලි. පරිශීලකයාට drag-and-drop සංස්කාරකයක් සමඟ තේමාව අභිරුචිකරණය කර පින්තූර එකතු කළ හැක, වීඩියෝ පසුබිම්, සජීවිකරණ, සමාජ මාධ්ය බොත්තම්, සහ තවත්. Wix සමඟ, ඔබට සරල බ්ලොග් එන්ජිමක් පවා නිර්මාණය කළ හැකිය, SEO-සහායකගෙන් ප්‍රයෝජන ගන්න, සහ තෙවන පාර්ශවීය ඒකාබද්ධ කිරීම් බාගන්න.

නොමිලේ රූප සංස්කරණ මෘදුකාංගයක් ද ඇත. GIMP මෙයින් එකකි. මෙම දිගුකාලීන වැඩසටහන වින්ඩෝස් සඳහා ලබා ගත හැකිය, Mac, සහ ලිනක්ස්. Photoshop වලට සමාන වුවත්, එයට එයටම ආවේණික වූ ශෛලියක් ඇත. එහි තනි-කවුළු මාදිලිය වඩාත් වින්ඩෝස් වැනි පෙනුමක් ලබා දෙන අතර පෙළ හැඩතල ගැන්වීමට ඉඩ දෙයි. අනෙකුත් ජනප්‍රිය වැඩසටහන් අතර Adobe Photoshop සහ Apple's iLife කට්ටලය ඇතුළත් වේ. එය වෘත්තීය මට්ටමේ වැඩසටහන් සඳහා පරිපූර්ණ ආදේශකයක් නොවූවත්, GIMP නොමිලේ වන අතර වැඩි තාක්ෂණික දැනුමකින් තොරව අලංකාර වෙබ් අඩවි නිර්මාණය කිරීමට ඔබට උපකාරී වනු ඇත.

විකල්පයක් ලෙස, ඔබට නොමිලේ මුල් පිටු සාදන්නා භාවිතා කළ හැක. මෙම මෙවලම නවකයන් අතර ඉතා ජනප්රියයි, සහ නොමිලේ වසමක් සහ සත්කාරකත්වය සමඟ පැමිණේ. කෙසේවෙතත්, මුල් පිටු බාස්කට් වල අවාසිය නම් නිර්මාණාත්මක නිදහස දැඩි ලෙස සීමා වීමයි. CMS යනු වඩාත් බහුකාර්ය මෙවලමකි, ඔබේ ව්‍යාපෘතිය අභිරුචිකරණය කිරීමට ඔබට යම් ක්‍රමලේඛන කුසලතා අවශ්‍ය වේ. හැබැයි සල්ලි ටිකක් වියදම් කරන්න පුළුවන් නම්, එය අනිවාර්යයෙන්ම ආයෝජනය වටී.

ප්රධාන මෙනුව

webshop හිමිකරුවෙකු ලෙස, ඔබ ඔබේ වෙබ් අඩවියේ සංචලනය සලකා බැලිය යුතුය. ඔබේ මෙනුව සියලු අන්තර්ගතයන් සඳහා පහසු ප්‍රවේශයක් සැපයිය යුතු අතර නූඩ්සර්-හිතකාමී විය යුතුය, නමුත් සමහර මූලද්රව්ය එකට මිශ්ර නොවිය යුතුය. අතිරෙකව, ඔබගේ ප්‍රධාන සංචාලනය ජංගම පරිශීලකයින්ට පහසුකම් සැලසීම සඳහා සරල හා කෙටි විය යුතුය. ඔබේ මෙනුව වඩාත් පරිශීලක-හිතකාමී කිරීමට ඔබට කෙටි සහ දිගු සංචාලන ලක්ෂ්‍යවල එකතුවක් ද භාවිතා කළ හැක. නමුත් අපේක්ෂිත බලපෑම ලබා ගැනීම සඳහා, ඔබේ වෙබ් අඩවිය සඳහා වඩාත් සුදුසු තේරීමක් කිරීමට ඔබට යම් කාලයක් ගත විය යුතුය.

හැඩකාර මෙනුවක් නිර්මාණය කිරීම සඳහා, ඔබට සංස්කාරක X භාවිතා කළ හැකිය. මෙම මෙවලමට Inspector-Panel ඇතුළත් වේ, මෙනුව එහි තත්වය අනුව අභිරුචිකරණය කිරීමට ඔබට ඉඩ සලසයි. ඔබට විවිධ menueintrags එකතු කළ හැක, ඔවුන්ගේ භාෂා වෙනස් කර ඒ අනුව නැවත ස්ථානගත කරන්න. පරීක්ෂක මණ්ඩලය සැඟවීමට, අදාළ 'x' ක්ලික් කරන්න’ නිරූපකය. ඔබට තිරස් මෙනු ද සෑදිය හැකිය. ඔබට සම්පූර්ණ මෙනුව ප්රදර්ශනය කිරීමට අවශ්ය නම්, ඔබට පරීක්ෂක සංකේතය තෝරා ගත හැකිය.

පැති තීරු

ඔබට ඔබේ මුල් පිටුව වඩාත් පරිශීලක-හිතකාමී කිරීමට අවශ්‍ය නම්, ඔබ ඔබේ වෙබ් අඩවියේ පැති සලකා බැලිය යුතුය. සංචාලන මෙනුවට අමතරව, පාදක ප්‍රදේශයේ සම්බන්ධතා තොරතුරු අඩංගු විය යුතුය. මෝස්තරය වඩාත් ඒකාකාරී පෙනුමක් ඇති කිරීම සඳහා, ඔබට වෙබ් අඩවියේ ව්‍යුහය සටහන් කර කොටස් නම් ලියා ගත හැක. ඉන්පසු, ඔබට ඔබේ පිටු මත වැඩ කිරීමට පටන් ගත හැකිය. ඉන්පසු, ඔබ සෑහීමකට පත්වන තුරු ඔබේ නිර්මාණය පිරිපහදු කළ හැකිය.

මූලද්රව්යයක් එකතු කිරීමට, මත ක්ලික් කරන්න “+” සාදන්නා තුළ සංකේතය. එය ඔබට ඇදගෙන යා හැකි මූලද්‍රව්‍ය ලැයිස්තුවක් විවෘත කරනු ඇත. මුද්‍රිත මූසිකය භාවිතයෙන් ඔබට ඔබේ පිටුවේ ඇති මූලද්‍රව්‍ය ක්ලික් කර ඇදගෙන යා හැක. ඔබට දැනට පවතින කොටස් සංස්කරණය කිරීමට සහ Widgets එකතු කිරීමටද හැකිය. ඔබේ වෙබ් අඩවියට වෙනස්කම් කිරීමට වේගවත්ම සහ පහසුම ක්‍රමය මෙයයි. ඉන්පසු, ඔබට අවශ්‍ය පරිදි නව පිටු සහ අංග එකතු කළ හැක.

ඔබ පිහිටුවීම සම්පූර්ණ කළ පසු, ඔබේ වෙබ් අඩවිය සඳහා නිවැරදි පිරිසැලසුම තෝරා ගැනීමෙන් ඔබට ඔබේ මුල් පිටුව අභිරුචිකරණය කළ හැකිය. ඔබට තෝරා ගත හැකි Elementor හි පෙර සැලසුම් කළ සැකිලි තිබේ. කෙසේවෙතත්, සමහර අය තමන්ගේම දේ කිරීමට කැමැත්තක් දක්වයි. එය ඔබගේ වෙබ් අඩවිය පුරාවටම නිර්මාණය ස්ථාවර බව සහතික කිරීමට උපකාරී වේ. වර්ඩ්ප්‍රෙස්-ඒජන්සි සඳහා ද සැකිලි උපකාරී වේ. සැකිලි සමඟ, පාරිභෝගිකයින්ට මුහුණ දෙන අන්තර්ගතයන් සහ සැකසුම් පුස්තකාල නිර්මාණය කිරීමෙන් ඔවුන්ට නිර්මාණ ක්‍රියාවලිය වේගවත් කළ හැකිය. මෙම පුස්තකාල අනාගත ව්‍යාපෘති වලදී නැවත භාවිතා කළ හැක.

ලාංඡනයේ තේරුම

සන්නාම අනන්‍යතාවයට අමතරව, වෙබ් අඩවි නිර්මාණය සන්නාම නිර්මාණයේ වැදගත් අංගයකි. ඔබේ ලාංඡනය, වර්ණ පුවරුව, සහ සමස්ත සැලසුම මිනිසුන්ට ඔබේ සමාගම හඳුනා ගැනීමට සහ එය ඔබේ තරඟයෙන් වෙන්කර හඳුනා ගැනීමට උපකාරී වේ. එය අගයන් සහ ලක්ෂණ ද ප්‍රකාශ කළ හැකිය. ඒ හා සමානව, ඔබේ වෙළඳ නාමය ප්‍රකාශ කිරීමට ඔබ ඔබේ වෙබ් අඩවිය සඳහා භාවිතා කරන භාෂාව වැදගත් වේ. බොහෝ වචන භාවිතා නොකරන්න, ඔවුන් කෝපයක් ඇති කළ හැකි බැවින්. තවද, පිරිසැලසුම පිරිසිදුව හා සරලව තබා ගන්න.

විවිධ වර්ණ විවිධ පණිවිඩ ලබා දෙයි. අනුපූරක වර්ණ තෝරන්න. උදාහරණ වශයෙන්, නිල් සහ රතු අනුපූරක වර්ණ වේ. ස්ථාවරත්වය පිළිබඳ පණිවිඩය සන්නිවේදනය කිරීමට ඔබට රතු සහ කොළ යන දෙකම භාවිතා කළ හැකිය, වර්ධනය, සහ ප්රගතිය. ඔබේ ව්‍යාපාරයේ සංස්කෘතිය හෝ වටිනාකම් පිළිබිඹු කරන වර්ණ තෝරන්න. ඔබ තාක්ෂණික සමාගමක් නම්, ඔබේ නිෂ්පාදන පිළිබිඹු කරන වර්ණ තෝරන්න. උදාහරණ වශයෙන්, මයික්‍රොසොෆ්ට් ලාංඡනයේ නිල් වර්ණය සන්සුන් වේ. නමුත් ඔබ මෝටර් රථ විකුණන්නේ නම්, කොළ හෝ තැඹිලි භාවිතා කරන්න.

සංකේතාත්මක අර්ථය. වර්ධනය සහ චලනය පිළිබඳ හැඟීමක් ලබා දෙන හැඩතල භාවිතා කරන්න. සමහර සංකේත ආගමික හෝ සංස්කෘතික වැදගත්කමක් ඇත. සර්පිලාකාරයක්, උදාහරණ වශයෙන්, ශක්තිය නියෝජනය කරයි, වර්ධනය, සහ සාරවත් බව. වෙනත් හැඩතල, රවුම සහ ත්රිකෝණය වැනි, සමාන පණිවිඩයක් ලබා දෙන්න. තුන් පැත්තක කවයක් වර්ධනයේ පොදු සංකේතයකි. ඔබ තාක්ෂණික සමාගමක් නම්, ඔබගේ අගයන් නිරූපණය කරන අයිකනයක් භාවිතා කිරීම සලකා බලන්න.

පැති තීරු වල වැදගත්කම

ඔබේ වෙබ් අඩවියේ දෘශ්‍යතාව වැඩි කිරීම සඳහා, ඔබ පාන් කුඩු වැනි නාවික මෙවලමක් භාවිතා කළ යුතුය. මෙය අමුත්තන්ට වෙබ් අඩවියේ නිශ්චිත කොටස් වෙත ඔවුන්ගේ මාර්ගය සොයා ගැනීමට සහ විවිධ ප්‍රදේශ ගවේෂණය කිරීමට උපකාරී වනු ඇත. ඔබට HTML-curls භාවිතයෙන් මෙම සංචාලන මෙවලම සෑදිය හැක. වෙබ් අඩවියක් සඳහා හොඳ ආරම්භක ඡේදයක් වැදගත් වන අතර එය මාතෘකාවේ රූප සමඟ උච්චාරණය කළ යුතුය. සංචලනය පහසු කිරීමට, ඔබ ඔබේ වෙබ් අඩවිය කොටස් වලට බෙදිය යුතුය.

මුලින්ම, වෙබ් අඩවියක් ව්‍යුහගත වන්නේ කෙසේදැයි ඔබ තේරුම් ගත යුතුය. වෙබ් අඩවි සාමාන්‍යයෙන් ප්‍රධාන කොටස් හතරකින් සමන්විත වේ. මේ හේතුව නිසා, නිර්මාණකරු වෙබ් අඩවියේ ව්යුහයේ දළ සටහනක් නිර්මාණය කළ යුතුය. මීලඟ පියවර වන්නේ ඔබට භාවිතා කිරීමට අවශ්‍ය මෙම කොටස් වලින් කුමන කොටසද යන්න තීරණය කිරීමයි. පිටු සාදන්නා භාවිතා කිරීමේ වාසි සහ අවාසි ඇත. ඔබ පිටු සාදන්නෙකු තෝරා ගන්නේ නම්, මෘදුකාංගය බිල්ට්-ඉන් කර්තව්‍යයන් සමඟ පැමිණේදැයි පරීක්ෂා කරන්න. විකල්පයක් ලෙස, වෙබ් සංවර්ධන නියෝජිතායතනයක හෝ ඔබේ වෙබ් අඩවියේ පිරිසැලසුම අභිරුචිකරණය කළ හැකි විශේෂඥයෙකුගේ සේවය ලබාගන්න.

සංචලනය පහසු කිරීමට, ඔබ ඇලෙන සුළු සංචාලනයක් භාවිතා කළ යුතුය. Sticky navigation යනු පවතින වඩාත් ජනප්‍රිය නාවික මෙවලම්වලින් එකකි. සෑම අවස්ථාවකම එය මත ක්ලික් කිරීමකින් තොරව ඔබේ වෙබ් අඩවිය සැරිසැරීමට ඔබට එය භාවිතා කළ හැකිය. මෙම සංචලනය සමාජ මාධ්‍ය වෙබ් අඩවි සඳහා ඉතා ප්‍රයෝජනවත් වේ, නමුත් සෑම වෙබ් අඩවියකටම සුදුසු නොවේ. ඇලෙන සුළු සංචලනය බොත්තම් සහ පැති තීරු සඳහා ද භාවිතා කළ හැක. වැදගත්ම දෙය නම් ඔබේ සංචාලනයේ ඇලෙන සුළු බව ඔබේ මුල් පිටුවේ සැලසුමට අනුව සකස් කර තිබීමයි.

ඔබේ වෙබ් අඩවිය සඳහා පැති තීරු වල වැදගත්කම

පැති තීරු වල වැදගත්කම අවතක්සේරු කළ නොහැක, මෙම මූලද්‍රව්‍ය ඔබගේ Internetauftritt බවට පත් කිරීමට හෝ බිඳ දැමීමට හැකි බැවින්. ඔබට ඔබේ අමුත්තන්ට බුද්ධිමය සංචාලනයක් ලබා දීමට අවශ්‍ය නම්, ඔබට තිරස් මෙනු භාවිතා කළ හැකිය. වර්ග විශාල ප්‍රමාණයක් ඇති වෙබ් අඩවි සඳහා මේවා විශේෂයෙන් ප්‍රයෝජනවත් වේ. පරිශීලකයින්ට ඒවා සෙවීමකින් තොරව සියලුම උපප්‍රවර්ග වෙත සැරිසැරීමට හැකි වනු ඇත. මෙය වඩාත් පොදු මෙනු වර්ගයකි.

පැති තීරුව ඔබේ වෙබ් අඩවියේ තවත් වැදගත් කොටසකි, විශේෂයෙන්ම ඔබට ඔබේ ව්‍යාපාරය ප්‍රවර්ධනය කිරීමට අවශ්‍ය නම්. Pagestiles ඔබට වැදගත් තොරතුරු ඇතුළත් කිරීමට ඉඩ සලසයි, සම්බන්ධතා තොරතුරු සහ විවෘත වේලාවන් වැනි, අධික අමුත්තන් නොමැතිව. ඔබට මෙම ප්‍රදේශය සමාජ මාධ්‍ය සබැඳි සහ පුවත් පත්‍ර අත්සන් කිරීම් සඳහා ද භාවිතා කළ හැක. කෙසේවෙතත්, පැති තීරු සමස්ත පිරිසැලසුමේ එක් කොටසක් පමණක් බව මතක තබා ගැනීම වැදගත්ය. මේ හේතුව නිසා, ඔබගේ අමුත්තන් යටපත් කිරීම වළක්වා ගැනීම සඳහා බහු පැති තීරු භාවිතා කිරීම වඩාත් සුදුසුය.

ඔබ ඔබේ අන්තර්ගතය එහි වැදගත්කම අනුව කණ්ඩායම් කර වර්ග කළ යුතුය. ඔබේ අමුත්තන්ට සැරිසැරීමට සහ ඔවුන්ට අවශ්‍ය තොරතුරු සොයා ගැනීමට පහසු කරන්න. ඔබේ අමුත්තන්ට ඔවුන් උනන්දුවක් දක්වන අන්තර්ගතය සොයා ගත හැකි ස්ථාන දැක්වීමට සංචාලනය භාවිතා කරන්න. අන්තර්ගතය වෙබ් අඩවියක හරය වේ, එබැවින් එය සිත් ඇදගන්නාසුළු සහ තොරතුරු සපයන බවට වග බලා ගන්න. සංචලනය වැදගත් අංගයක් වන අතර, එය නොමැතිව ඔබේ වෙබ් අඩවිය සම්පූර්ණ නොවේ. ඔබේ අමුත්තන් අගය කරන අන්තර්ගතයක් ඔබ සතුව තිබේ නම්, පින්තූර භාවිතයෙන් ඔබට එය පහසුවෙන් දෘශ්‍යමාන කළ හැකිය.

වෙබ් ප්‍රමිතීන්හි වැදගත්කම

අන්තර්ජාලය නිර්මාණය කර ඇත්තේ වෙබ් ප්‍රමිතීන් මනසේ තබාගෙන ය, සහ W3C විසින් වෙබ් අන්තර්ගත ප්‍රවේශ්‍යතා මාර්ගෝපදේශ ප්‍රකාශයට පත් කරන ලදී (WCAG) 1.0 අවුරුද්දට පෙර 2000. මෙම ලේඛනය වෙබ් අඩවි සඳහා බාධාවකින් තොරව මාර්ගෝපදේශ නිර්වචනය කර ඇත. වෙබ් ප්‍රමිතීන් තිර කියවනය සහ බ්‍රවුසර සමඟ අනුකූල විය යුතුය. ඉලක්කය වන්නේ වෙබ් අන්තර්ගතය සෑම කෙනෙකුටම ප්‍රවේශ විය හැකි වීමයි, හැකියාව හෝ පසුබිම කුමක් වුවත්. W3C ප්‍රමිතීන් ගණනාවක් ප්‍රකාශයට පත් කර ඇත, නමුත් ඒවා සියල්ලම එක හා සමානව ඵලදායී නොවේ.

ලෝක ව්‍යාප්ත වෙබ් භාවිතය සඳහා වෙබ් ප්‍රමිතීන් පරිණාමය වෙමින් පවතී. ඔවුන් වෙබ් සංවර්ධනයේ අංශ පාලනය කරයි, ප්‍රවේශ්‍යතාව ඇතුළුව, උපයෝගීතාවය, සහ අන්තර් ක්රියාකාරී හැකියාව. ඒවා ප්‍රමිති සංවිධාන විසින් සංවර්ධනය කරනු ලැබේ, තනි සමාගම් හෝ පුද්ගලයන් විසින් නොවේ. වෙබ් ප්‍රමිතීන් සඳහා විවිධ පරිණත මට්ටම් කිහිපයක් තිබියදී, W3C ප්‍රමිතීන් වඩාත්ම පරිණත වේ. W3C ක්‍රියාවලියට ලබා දී ඇති වෙබ් සම්මතයක් සම්පූර්ණයෙන් ක්‍රියාත්මක කිරීමට බ්‍රව්සර් දෙකක් අවශ්‍ය වේ.