কিভাবে অ্যাডোব এক্সডি এইচটিএমএল রফতানি করতে

অ্যাডোব এক্সডি একটি আশ্চর্যজনক ডিজাইনের সরঞ্জাম যা আপনাকে কোনও পূর্ববর্তী ওয়েব বিকাশের অভিজ্ঞতা ছাড়াই সহজেই দুর্দান্ত ওয়েবসাইট ডিজাইন তৈরি করতে দেয়। আপনি কেবল ফটোশপ থেকে আপনার ডিজাইনের পিএসডি ফাইলগুলি আমদানি করতে পারেন এবং একটি আকর্ষণীয় ওয়েবসাইট ইউআই তৈরি করতে পারেন।

এই ডিজাইনগুলি বিকাশকারীদের আপনি কীভাবে আপনার ওয়েবসাইটটি দেখতে চান এবং বিকাশ প্রক্রিয়াটি তাদের পক্ষে কিছুটা সহজ করে তুলতে চান তা বুঝতে সাহায্য করার ক্ষেত্রে অনেক এগিয়ে যায়। তবে, সফ্টওয়্যার থেকে ডিজাইনগুলি রফতানি করতে কেবলমাত্র সীমিত সংখ্যক উপায় রয়েছে।

আপনি এগুলিকে একটি এক্সডি ফাইল হিসাবে সংরক্ষণ করতে এবং আশা করতে পারেন যে বিকাশকারী ইতিমধ্যে তার সিস্টেমে সফ্টওয়্যার ইনস্টল করেছেন বা প্রতিটি আর্টবোর্ডকে পৃথক পিএনজি ফাইল হিসাবে রফতানি করতে পারেন যা ব্যবহারে কিছুটা অসুবিধে হতে পারে।

গাইডিং টেক-এও রয়েছে

মকআপস এবং ওয়্যারফ্রেম তৈরির জন্য সেরা 3 ডিজাইন সরঞ্জাম

ধন্যবাদ, একটি দুর্দান্ত তৃতীয় পক্ষের প্লাগইন রয়েছে যা আপনাকে আর্টবোর্ডগুলি এইচটিএমএল ফাইল হিসাবে রফতানি করতে দেয় এবং আমি এ বিষয়েই কথা বলব। তবে আমরা এটিতে পৌঁছানোর আগে আপনার কিছু জানা দরকার।

দ্রষ্টব্য: এই পদ্ধতিটি ব্যবহার করে উত্পন্ন এইচটিএমএল ফাইলটিকে কোনওভাবেই কোনও সম্পূর্ণ ওয়েব পৃষ্ঠার ভিত্তি হিসাবে বিবেচনা করা উচিত নয়। এই পদ্ধতিটি সহজেই কোনও বিকাশকারীর সাথে আপনার ডিজাইনগুলি ভাগ করে নেওয়ার জন্য একটি কার্যকরী ওয়েবসাইট বিকাশ প্রক্রিয়া নয়।

প্লাগইনগুলি ব্যবহার করে এইচডিএমএলে অ্যাডোব এক্সডি ফাইলগুলি রফতানি করুন

এখন যে আমরা এটি সরিয়ে ফেলেছি, প্রয়োজনীয় প্লাগইন ডাউনলোড করার জন্য এই সাধারণ পদক্ষেপগুলি অনুসরণ করুন এবং তারপরে অ্যাডোব এক্সডি ফাইলগুলি এইচটিএমএলে রফতানি করুন:

পদক্ষেপ 1: সফ্টওয়্যারটির উপরের বাম কোণে হ্যামবার্গার মেনু বোতামটি ক্লিক করুন।

পদক্ষেপ 2: সমস্ত ভাবে নীচে স্ক্রোল করুন এবং তারপরে প্লাগইন বিকল্পে ক্লিক করুন। এটি মূল মেনুর ডানদিকে একটি নতুন প্লাগইন প্যানেল খুলবে।

পদক্ষেপ 3: প্লাগইন প্যানেল থেকে আবিষ্কার প্লাগইন বিকল্পটি নির্বাচন করুন।

পদক্ষেপ 4: নিম্নলিখিত পৃষ্ঠায়, HTML অনুসন্ধান করুন এবং তারপরে ওয়েব রফতানি প্লাগইনের পাশের ইনস্টল বোতামটি ক্লিক করুন।

একবার প্রয়োজনীয় প্লাগইন ইনস্টল হয়ে গেলে আপনি এইচটিএমএলে রফতানি করতে চান এমন প্রকল্পটি খুলুন এবং তারপরে নিম্নলিখিত পদক্ষেপগুলি দিয়ে চালিয়ে যান। এই নিবন্ধটির জন্য আমি অনলাইনে পাওয়া একটি নিখরচায় অ্যাডোব এক্সডি আর্টবোর্ড ব্যবহার করব।

পদক্ষেপ 5: আপনি যে আর্টবোর্ডটি রপ্তানি করতে চান তাতে ক্লিক করে এটি নির্বাচন করুন।

পদক্ষেপ:: এখন মেনু বোতামে ক্লিক করুন, প্লাগইন প্যানেলে নেভিগেট করুন এবং তারপরে নতুন ওয়েব এক্সপোর্ট প্লাগইন সেটিংস থেকে এক্সপোর্ট আর্টবোর্ড বিকল্পটি নির্বাচন করুন।

একই উইন্ডো থেকে, আপনি একাধিক আর্টবোর্ডগুলি বা আপনার সম্পাদিত শেষ আর্টবোর্ড রফতানি করতে চয়ন করতে পারেন।

পদক্ষেপ:: রফতান আর্টবোর্ড পপ-আপে, ফাইলটির জন্য একটি নাম যুক্ত করুন এবং তারপরে যে ফোল্ডারে আপনি ফাইলটি সংরক্ষণ করতে চান সেটি এক্সপোর্ট ফোল্ডার বিকল্পের পাশের ছোট্ট ফোল্ডার আইকনে ক্লিক করে নির্বাচন করুন।

পদক্ষেপ 8: এখন, আপনি যদি রফতানি করা ফাইলটিতে কোনও বাহ্যিক স্ক্রিপ্ট, স্টাইলশিট বা বিকল্প ফন্ট যুক্ত করতে চান তবে আপনি একই উইন্ডোতে এগুলি যুক্ত করতে পারেন।

পদক্ষেপ 9: তারপরে, আপনি আকার বিকল্পের পাশের ফাঁকা জায়গায় মান টাইপ করে আউটপুট এইচটিএমএল ফাইলের মাত্রাগুলি চয়ন করতে পারেন।

পদক্ষেপ 10: প্রকল্পটি সঠিকভাবে স্কেল হয় তা নিশ্চিত করার জন্য, আপনি প্রতিটি বিকল্পের পাশের বাক্সটি চেক করে একই উইন্ডো থেকে বিভিন্ন স্কেলিং সেটিংস নির্বাচন করতে পারেন।

পদক্ষেপ 11: তদ্ব্যতীত, বিকল্পগুলির পাশের বাক্সগুলি পরীক্ষা করে আপনি কোনও অতিরিক্ত সেটিংস যেমন কীবোর্ড নেভিগেশন, অটো-রিফ্রেশ ইত্যাদি চয়ন করতে পারেন।

পদক্ষেপ 12: একবার আপনি সমস্ত সেটিংস চূড়ান্ত করে নিলে, কেবল নীল রফতানি বোতামটি ক্লিক করুন এবং আপনার কাজ শেষ। আপনার আর্টবোর্ডটি আপনি পূর্বে নির্বাচিত গন্তব্য ফোল্ডারে কোনও HTML ফাইল হিসাবে উপস্থিত হবে।

একই উইন্ডো থেকে আপনি নিজের আর্টবোর্ডের সিএসএস এবং মার্কআপ অনুলিপি করতে সক্ষম হবেন যদি আপনিও এই তথ্যটি আপনার বিকাশকারীদের সাথে ভাগ করতে চান।

আবার, নোট করুন যে রফতানি করা এইচটিএমএল কোনওভাবেই পুরোপুরি কার্যকরী ওয়েবসাইট বিকাশের জন্য ব্যবহার করা যাবে না। আপাতত, ওয়েবে আপনার অ্যাডোব এক্সডি প্রজেক্টটি সরাসরি প্রকাশের উপায় নেই এবং অ্যাডোব ফোরামের বিভিন্ন আলোচনার মতে, শীঘ্রই আর কোনও কিছু হবে না।

অ্যাডোব এক্সডি কেবল একটি প্রোটোটাইপিং সরঞ্জাম যা আপনাকে কোড ছাড়াই প্রাথমিক নকশা তৈরি করতে দেয়। আপনার একবার ডিজাইন প্রস্তুত হয়ে গেলে, আপনি নিজের নকশাকে ওয়েবসাইটে রূপান্তর করতে ড্রিমওয়েভারের মতো প্ল্যাটফর্ম ব্যবহার করতে পারেন। তবে তার জন্য আপনার কিছু পূর্ব ওয়েব বিকাশের অভিজ্ঞতা প্রয়োজন হবে বা আপনাকে এমন কাউকে ভাড়া দেওয়ার দরকার আছে।

গাইডিং টেক-এও রয়েছে

#design

আমাদের নকশা নিবন্ধ পৃষ্ঠা দেখতে এখানে ক্লিক করুন

আপনার অ্যাডোব এক্সডি ফাইলটি এইচটিএমএলে রফতানি করুন

সুতরাং, এখন আপনি কীভাবে আপনার অ্যাডোব এক্সডি ফাইলটি এইচটিএমএলে রফতানি করতে জানেন তা আমি নিশ্চিত যে আপনি সহজেই আপনার আর্টবোর্ডগুলি বিকাশকারী বা ক্লায়েন্টের সাথে ভাগ করতে সক্ষম হবেন। এবং আপনাকে কোনও সামঞ্জস্যের সমস্যা নিয়ে চিন্তা করতে হবে না। এখনই প্লাগইন ইনস্টল করুন এবং সহজেই আপনার আর্টবোর্ডগুলি রফতানি শুরু করুন।

পরবর্তী আপ: কয়েকটি নিখরচায় ইন্টারেক্টিভ ওয়েবসাইটের জন্য নিম্নলিখিত নিবন্ধটি পরীক্ষা করে দেখুন যার উপর আপনি কীভাবে নিজের নিজস্ব এইচটিএমএল ওয়েবসাইট কোড করতে এবং লিখতে শিখতে পারেন।