অ্যাডোব ড্রিমওয়েভার CS6 রিভিউ: মোবাইল অ্যাপ ডেভেলপমেন্ট, এইচটিএমএল 5 ওয়ে

ওয়েব পৃষ্ঠা নকশাতে, অ্যাডোব ফ্ল্যাশ মাল্টিমিডিয়া প্ল্যাটফর্মের জনপ্রিয়তা নাইক-ডাইভিং, যখন HTML5 একটি স্কেচেটিং হয়। যে পরিবর্তন ওয়েবসাইট এবং ওয়েবসাইট ডিজাইনারদের গতি এবং ইন্টারঅ্যাক্টিভিটি অন্তর্ভুক্ত ভাল উপায়, এবং অ্যাডোব এর নতুন ড্রিমওয়েভার CS6 (6/1/2012 হিসাবে একটি স্ট্যান্ড-একা প্রোগ্রাম হিসাবে $ 399, এছাড়াও অ্যাডোব ক্রিয়েটিভ স্যুট অংশ) একটি উপায় প্রদান করে তোলে স্মার্টফোন, ট্যাবলেট, এবং ডেস্কটপে HTML5- ভিত্তিক ডিজাইনগুলি সরবরাহ করার জন্য সরঞ্জামগুলির অ্যারের।

তরল লেআউট, ফ্লুইড ডিজাইন

সমস্ত ওয়েবসাইট ট্র্যাফিক ক্রমবর্ধমান হচ্ছে, কিন্তু মোবাইল ওয়েবসাইটের ট্র্যাফিকটি দ্রুততম ক্রমবর্ধমান হচ্ছে ড্রিমওয়েভার CS6 এর নতুন ফ্লুইড গ্রিড লেআউট টুলটি আপনাকে স্মার্টফোন থেকে ট্যাবলেটে ডেস্কটপে ট্যাবলেট থেকে সব পর্দার আকারের ডিভাইসগুলির জন্য ডিজাইন করতে সাহায্য করে। ড্রিমওয়েভারের পূর্ববর্তী সংস্করণটি আপনাকে "মিডিয়া ক্যোয়ারী" তৈরি করতে সাহায্য করেছে - বিভিন্ন স্ক্রিনের বিভিন্ন ডিভাইস থেকে বিভিন্ন সিএসএস ফাইলগুলিতে ট্র্যাফিকের সরাসরি ট্র্যাকিং করার জন্য একটি মাস্টার এইচটিএমএল ফাইলের কোড - কিন্তু এটি কিভাবে সেট আপ করা যায় তা খুঁজে বের করার জন্য অনেক সাহায্য প্রদান করেনি বিভিন্ন স্ক্রিনের জন্য প্রতিটি CSS ফাইলগুলি।

একটি তরল গ্রিড লেআউটের জন্য, আপনি একটি স্মার্টফোন, একটি ট্যাবলেট এবং একটি ডেস্কটপের জন্য কত কলম চান তা সেট করতে একটি সাধারণ উইজার্ড ব্যবহার করুন; কলামের আকার নির্দেশ করে; এবং ড্রিমওয়েভার HTML5 ফাইল এবং একটি সংযুক্ত CSS3 ফাইল তৈরি করে। তারপর আপনি কন্টেন্ট ব্লক জন্য পাত্রে যোগ করতে একটি মেনু কমান্ড ব্যবহার করুন এবং একটি গ্রিডে তাদের পুনরায় সাজানো। Dreamweaver কোডিং যত্ন নেয় - অন্তত, কিছুক্ষণের জন্য; প্রায় কোন ড্রিমওয়েভার অপারেশন হিসাবে, আপনি আপনার কন্টেন্ট পরিবর্তন করতে আবেদন এর কোড ভিউ উপর পোরানোর শেষ করব। ফ্লুগ্রিড গ্রিড লেআউট কোড-এর সাথে অ্যাডভোকে ক্ষোভের বিরুদ্ধে সতর্কতা - এটি স্ক্রু স্ক্র্যাশে খুব সহজ। উপায় দ্বারা, অ্যাডোবি টিভি এই নতুন বৈশিষ্ট্য এবং অনেক অন্যদের চমত্কার ভিডিও walkthroughs হয়।

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

আমি তৈরি ফ্লুইড গ্রিড লেআউট সহজ যথেষ্ট, কিন্তু আমি পাত্রে আকারে একটি sluggishly কাজ করে দেখা যায় যে, এবং পূর্বাবস্থা ফাংশন ঘন ঘন কাজ না। ড্রিমওয়েয়ারের ইন্টারফেসে নতুন, দরকারী ডিজাইন উইন্ডোটির নীচে বোতাম আছে যা আপনি স্মার্টফোন, ট্যাবলেট, এবং ডেস্কটপ স্ক্রিন দেখার পোর্টফোনে দেখানোর জন্য ক্লিক করতে পারেন এবং আপনার সামগ্রী কীভাবে প্রদর্শিত হবে তা দেখতে খুবই সহায়ক। এছাড়াও, ড্রিমওয়েভারের লাইভ ভিউটি উন্নত করা হয়েছে, যাতে আপনার ওয়েব পৃষ্ঠাটি প্রকৃত ব্রাউজারের মত দেখতে কেমন হবে তা বাস্তবতার কাছাকাছি (কিন্তু শুধুমাত্র ওয়েবকিট-ভিত্তিক ব্রাউজারগুলির কাছেই - মানে, Safari এবং Chrome - দেখবে যেমন; ফায়ারফক্স এবং ইন্টারনেট এক্সপ্লোরার নাটকীয়ভাবে ভিন্ন হতে পারে)। এখনও, আপনি লাইভ ভিউ সক্রিয় থাকলে কোডে কিছু পরিবর্তন করতে পারবেন এবং ডিজাইন প্যানে আপনার পরিবর্তনগুলি প্রতিফলিত হবে, আপনি যা করতে পারবেন না তার আগে

নতুন সিএসএস ট্রান্সমিশন টুলের ডায়ালগ বাক্স।

একটি নতুন প্যালেট এবং সংশ্লিষ্ট ডায়লগ বক্স আপনাকে সিএসএস ট্রান্সিশন তৈরি করতে সহায়তা করে, যা মোশন ইফেক্ট যা জাভাস্ক্রিপ্ট (বা ফ্ল্যাশ, অবশ্যই) এর প্রয়োজন হয় না। একবার তারা কিভাবে কাজ করে নিচে নেমে এসেছেন, আপনি spiffy ক্রিয়া তৈরি করতে পারেন, যেমন rollovers এবং অন্যান্য আন্দোলন সুন্দরভাবে। যে কোডটি ড্রিমওয়েভার জেনারেট করেছে সেটিও সহজ, কারণ এটি যে আচরণগুলি বর্ণনা করে তা হল সংক্ষিপ্ত CSS3 কোডের গুরুত্ব, যা জাভাস্ক্রিপ্ট নয়। ড্রিমওয়েভার ব্রাউজারের জন্য প্রয়োজনীয় সব ব্রাউজার-নির্দিষ্ট কোড তৈরি করে (পুরানো এবং নতুন) এই কোডটি ব্যবহার করতে; যে, আপনার সেট করা প্রতিটি অ্যাকশন ড্রিমওয়েভারকে CSS কোড তৈরি করতে দেয় যা বুঝতে সহজ।

পরিবর্তে মান, Ariel, Tahoma, এবং অনুরূপ সঙ্গে বিরক্তিকর, যা সব ব্রাউজার মধ্যে নির্মিত হয় এবং একটি ওয়েব পৃষ্ঠাতে উল্লেখ নিরাপদ হয়, আপনি Google বা অন্যান্য outfits থেকে বিনামূল্যে ফন্ট কিনতে বা খুঁজে পেতে পারেন, তাদের উপর লোড আপনার ওয়েব সার্ভার, এবং তারপর ড্রিমওয়েভার CS6 এর নতুন ওয়েব ফন্ট ম্যানেজার ব্যবহার করে তাদের আপনার পৃষ্ঠাগুলিতে প্রয়োগ করুন। এটি দুর্দান্ত, কিন্তু আপনার নিজস্ব সার্ভারে ফন্টগুলি ডাউনলোড করতে হবে, কারণ এডটিউনটি আপনাকে ফন্টগুলি পরিচালনা করতে সহায়তা করে না যা বহির্বিশ্বে বহন করা উচিত, যেমন অ্যাডোব এর নিজস্ব TypeKit লাইব্রেরি থেকে, যদিও অ্যাডোব প্রকারকিত ফন্টগুলি অন্তর্ভুক্ত করার জন্য সমর্থন সমর্থন করে আসছে। এবং ড্রিমওয়েভার CS6 এর জন্য প্রয়োজন যে আপনি ওয়েব ফন্ট ম্যানেজার ইন্টারফেসে এক সময়ে ফন্টগুলি একবার লোড করেন, এবং তারপর আপনাকে তাদের ফন্ট ফ্যামিলিজ তালিকায় যুক্ত করতে হবে। অ্যাডোব জানায় যে লাইসেন্সিং বিষয়গুলির কারণে, কিন্তু আমি মনে করি প্রক্রিয়াটি এখনও একটু কম কষ্টকর হতে পারে। ফন্টগুলি ব্যবহার করতে, আপনি কিছু পাঠ্য নির্বাচন করুন, তারপর CSS ড্রপ-ডাউন মেনু থেকে ফন্টের নাম নির্বাচন করুন। আপনি যদি আপনার ওয়েব ফন্ট ব্যবহার করেন বা আপনার সাইটের বাইরে বহিরাগতভাবে হোস্ট করেন তবে আপনি দেখতে পাবেন ড্রিমওয়েভারের লাইভ ভিউতে সেগুলি সঠিকভাবে রেন্ডার করে।

অ্যাপটি যেখানে রয়েছে সেখানে

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

ডিজাইন করার বোতামগুলির জন্য একটি jQuery স্কেচ প্যানেল।

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

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

আপনার অ্যাপ তৈরির জন্য PhoneGap বিল্ড সার্ভিস প্যালেটের একটি বোতামটি ক্লিক করুন, এবং এটি সম্পন্ন হলে, আপনি অ্যাপ্লিকেশনটি ডাউনলোড করতে পারেন এবং তারপরে আপনার ডিভাইসে আপলোড করতে পারেন, যদি আপনার উপযুক্ত আপলোড ইউটিলিটি থাকে সুবিধাজনকভাবে, প্যালেট প্রতিটি OS বিল্ডের জন্য QR কোড প্রদান করে যা আপনি QR কোড পাঠকদের সাথে এটি ডাউনলোড করার জন্য আপনার ফোনকে বলতে পারেন।

এইগুলি আপনাকে ফোন অ্যাপ্লিকেশানগুলি বিকাশে সাহায্য করার জন্য নিখুঁত উপায়। যাইহোক, কিছু জিনিস এখনও এটি একটি উন্নত টাস্ক করা। আপনি যদি আপনার উইন্ডোজ সিস্টেমে iOS অ্যাপস ডিজাইন করতে চান তবে আপনাকে এখনও $ 99-এর প্রতি বছরে অ্যাপল ডেভেলপার একাউন্টের প্রয়োজন হবে, এবং আপনাকে আপেলের জন্য গুরুত্বপূর্ণ ফাইল আপলোড করার জন্য ম্যাক ব্যবহার করতে হবে এবং তারপরে অন্য ফাইল ডাউনলোড করতে হবে। (এটি ফোনগাপের কমিউনিটি ফোরামে একটি উইন্ডোজ মেশিনে এটি করার উপায় খুঁজে পেয়েছে; এটি কাজ করেছে, কিন্তু এটি কঠিন ছিল।) তারপর আপনি সেই ফাইলগুলিকে PhoneGap.com এ আপলোড করতে হবে। এটি শুধুমাত্র আপনার অ্যাপের উন্নয়নের জন্য নয়, আইটিউনস এর সাথে ইন্টারঅ্যাক্ট করার জন্য নয়। এটা এডওয়ার্ড এর ফল্ট নয় মনে রাখবেন যে গুরুত্বপূর্ণ; আইওএস অ্যাপসগুলির উপর অ্যাপল এর কঠোর নিয়ন্ত্রণ মানে উইন্ডোজ-এ iOS অ্যাপস বিকাশের একমাত্র উপায় PhoneGap। আপেল এর অনমনীয়তারও উপকারিতা রয়েছে, এটিতেও এটি iOS অ্যাপস পুলিশে সহায়তা করে, তাই অ্যাপলকে সমালোচনা করা কঠিন।

অন্যান্য নতুন বা উন্নত বৈশিষ্ট্যগুলি: Adobe বলছে যে এফটিপি কর্মক্ষমতা উন্নত হয়েছে এবং আমি নিশ্চিত করতে পারি যে সিঙ্কিং ফাইলগুলো দ্রুত। অ্যাডোবি বিজনেস ক্যাটালস্টের সাথে একীকরণ, একটি অনলাইন হোস্টিং, কনটেন্ট ম্যানেজমেন্ট সিস্টেম এবং ই-কমার্স সার্ভিস, এখন ডাইমাইভারের CS6 এর মধ্যে নির্মিত। এই পরিষেবাটিতে অনেকগুলি সুবিধাজনক বৈশিষ্ট্য রয়েছে, অনলাইন ফর্ম তৈরি এবং ইমেইল তালিকার রক্ষণাবেক্ষণ।

HTML5 এর সাথে প্রাসঙ্গিক থাকা

সমস্ত ক্রিয়েটিভ সুইট অ্যাপ্লিকেশনের মধ্যে, ড্রিমওয়েভার CS6 হল এমন একটি জিনিস যা সর্বাধিক সুবিন্যস্ত করা হয় - নতুন সমন্বিত সরঞ্জামগুলি এবং নতুন অনলাইন সরঞ্জামগুলি অ্যাক্সেস পাওয়ার উপায়। এটি স্যুটের অ্যাপ্লিকেশন হিসাবে দাঁড়িয়ে থাকে যেটি দ্রুততম হয়ে উঠছে, এবং এটা অনলাইনে ঘটতে যাচ্ছে এমন এক্সপোনেনশিয়াল সৃজনশীলতার সাথে অব্যাহত রাখতে প্রয়োজনীয় প্রয়োজনীয় বৈশিষ্ট্যগুলি প্রদান করে।