पेशेवर वेब डिज़ाइनर वेबसाइट टेम्पलेट विकसित करते हैं, आमतौर पर एडोब फोटोशॉप जैसे शक्तिशाली ग्राफिक्स संपादकों में। कार्य का परिणाम एक छवि वाली फ़ाइल है, जो इस रूप में ग्राहक को प्रदान की जाती है। तैयार डिज़ाइन का उपयोग करने के लिए, यानी वेब पेज को लेआउट करने के लिए, आपको टेम्पलेट को काटने की आवश्यकता है।
ज़रूरी
रेखापुंज ग्राफिक्स संपादक एडोब फोटोशॉप।
निर्देश
चरण 1
ग्राफिक्स एडिटर एडोब फोटोशॉप में टेम्प्लेट फ़ाइल खोलें। फ़ाइल का चयन करें और मेनू से खोलें, या कुंजी संयोजन Ctrl + O दबाएं। उसके बाद दिखाई देने वाले संवाद में, फ़ाइल के साथ निर्देशिका पर जाएं, इसे सूची में चुनें और "खोलें" बटन पर क्लिक करें।
चरण 2
टेम्पलेट छवि देखने के लिए एक सुविधाजनक पैमाना चुनें। ज़ूम टूल या प्रसंग मेनू आइटम का उपयोग करें। एक पैमाने का चयन करें जो आपको कर्सर को पिक्सेल परिशुद्धता के साथ रखने की अनुमति देता है। संदर्भ पंक्तियों को सटीक रूप से सेट करने के लिए यह आवश्यक है।
चरण 3
टेम्पलेट छवि के ऊपर संदर्भ पंक्तियों का एक सेट बनाएं। दस्तावेज़ विंडो में शासकों के प्रदर्शन को चालू करें यदि यह पहले से चालू नहीं है। ऐसा करने के लिए, Ctrl + R दबाएं या मेनू से देखें और शासक चुनें।
चरण 4
क्षैतिज संदर्भ रेखा जोड़ने के लिए माउस कर्सर को शीर्ष रूलर पर ले जाएँ। बाईं कुंजी को दबाकर रखें। माउस कर्सर को छवि क्षेत्र में नीचे ले जाएँ। इसी तरह, सही रूलर का उपयोग करके, आप क्षैतिज रेखाएँ जोड़ सकते हैं।
चरण 5
संदर्भ पंक्तियों की आवश्यक संख्या जोड़ें और उन्हें टेम्पलेट के क्षेत्रों के विभाजन की सीमाओं के साथ रखें। रेखाएँ उन सभी स्थानों से गुज़रनी चाहिए जहाँ आप टेम्पलेट को काटना चाहते हैं। उन्हें सभी छवियों और तार्किक क्षेत्रों (लोगो, साइट हेडर, क्षैतिज और लंबवत मेनू, आदि) को बाधित करना चाहिए जो एक वेब पेज पर प्रस्तुत किए जाएंगे।
चरण 6
स्लाइस टूल को सक्रिय करें। इसका बटन वर्टिकल टूलबार पर होता है।
चरण 7
स्लाइस टूल का उपयोग करके आवश्यक संख्या में कटिंग एरिया बनाएं। टेम्प्लेट प्रदर्शित करने के लिए एक सुविधाजनक पैमाना चुनें। क्षेत्रों की सीमाएं निर्धारित करने के लिए माउस का प्रयोग करें। तीसरे चरण में जोड़े गए दिशानिर्देश आपके द्वारा बनाई गई वस्तुओं की सीमाओं की सटीक स्थिति प्रदान करेंगे। यदि आवश्यक हो तो स्लाइस सेलेक्ट टूल का उपयोग करके मौजूदा क्षेत्रों को समायोजित करें।
चरण 8
आवश्यकतानुसार काटने वाले क्षेत्रों के गुणों को बदलें। स्लाइस सेलेक्ट टूल को सक्रिय करें। वांछित क्षेत्र पर राइट-क्लिक करें। संदर्भ मेनू में, स्लाइस विकल्प संपादित करें आइटम का चयन करें। दिखाई देने वाले स्लाइस विकल्प संवाद में, क्षेत्र के प्रकार (छवि, खाली क्षेत्र, तालिका), पृष्ठभूमि भरण मोड का चयन करें, यदि आवश्यक हो, तो नाम, लक्ष्य URL, alt की सामग्री = "छवि" विशेषता और अन्य मान निर्दिष्ट करें. ओके पर क्लिक करें।
चरण 9
टेम्पलेट काटें। मेनू से फ़ाइल और वेब और उपकरणों के लिए सहेजें चुनें, या Shift + Ctrl + Alt + S दबाएं। वेब और उपकरणों के लिए सहेजें संवाद में वह प्रारूप और छवि संपीड़न पैरामीटर निर्दिष्ट करें जिसमें टेम्पलेट काटा जाएगा। सेव बटन पर क्लिक करें। अनुकूलित के रूप में सहेजें संवाद प्रदर्शित किया जाएगा।
चरण 10
फ़ाइल प्रकार ड्रॉप-डाउन सूची में HTML और छवियां (*.html) चुनें, और फ़ाइल नाम फ़ील्ड में उस फ़ाइल का नाम दर्ज करें जहां टेम्पलेट HTML मार्कअप रखा जाएगा। स्लाइस सूची में, सभी स्लाइस का चयन करें। आउटपुट के लिए निर्देशिका निर्दिष्ट करें और "सहेजें" बटन पर क्लिक करें।
चरण 11
एक HTML फ़ाइल को लक्ष्य निर्देशिका में रखा जाएगा, जो वास्तव में, एक तैयार वेब पेज टेम्पलेट है। छवियों उपनिर्देशिका में छवियों का सेट होगा जिसमें मूल टेम्पलेट काटा गया था।
