Your Message here

শুক্রবার, ৪ সেপ্টেম্বর, ২০১৫

Advance Level এর ওয়েব পেইজ ডিজাইন করুন! খুব সহজেই Wireframing Tools এর সাথে।

আসালামওলাইকুম!
আশাকরি সবাই ভাল আছেন। এটা আমার প্রথম টিউন। ভুলগুলো ক্ষমার নজরে দেখবেন।
আমি শিখছি আর তা থেকে সবার সাথে শেয়ার করার চেষ্টা করছি। জানিনা এই টিউন আপনাদের কতটা
উপকারে আসবে। আর যদি এই রকম টিউন আগে কেউ করে থাকেন, তাহকে আমি তার কাছে ক্ষমাপার্তি।
আর কথা বাড়াচ্ছিনা, কাজের কথায় আসি।
Google এ search দিলে অনেক wireframe পাওয়া।
আমি আপনাদের একটা wirefram tools সাথে পরিচয় করিয়ে দেব, যেটা দিয়ে আপনারা খুব সহজেই একটি
সুন্দর এবং সেরা ওয়েব পেইজ বানিয়ে পেলতে পারেন।
Wireframe এর নাম হল Mockflow। Mockflow এখানে গিয়ে রেজিস্টেশন করে নিন।
Mockflow একটি Wireframe যেখানে আপনি আপনার চিন্তা-ভাবনা প্রয়োগ করে করে আপনিও বানাতে পারেন সেরা ওয়েব পেইজ।
Mockflow দিয়ে দুই ভাবে পেজ তৈ্রী করতে পারবেনঃ
  1. Mockflow >htm
Mockflow দিয়ে আপনার চিন্তা ভাবনাকে সরাসরি html এ coding করে রূপান্তর করেতে পারেন।
2.mockflow >photoshop >html
আপনার পেইজ কে আরো দৃষ্টিনন্দন করার জন্যে এ পদ্দতি আবল্মবন করতে পারেন।
প্রথমে mockflow দিয়ে আপনার সৃষ্টিকৃ্ত সব পটো, আইকন, লগো, বেনার ইত্যাতি দিয়ে সুন্দর একটি পেইজ আকবেন।
পরে photoshop দিয়ে আপনার সৃষ্টিকৃ্ত সব পটো, আইকন, লগো, বেনার ইত্যাতি add করে সেটা PSD file তৈ্রী করবেন। এর পর সেটাকে html এ রুপান্ত্ করবেন।
আপনেকে অবশ্যই PSD to HTML জানতে হবে।
Step By Step:

Login

লগইন করার পর। add project এ জান…

অল্প লোড করবে।

এখানে আপনার চিন্তা ভাবনা প্রয়োগ করুন…

আমার তৈরী করা wirefram and PSD file....




ব্যবহার করেন দেখুন ওয়েব পেইজ ডিজাইন আপনার কাছে কেমন সহজ লাগছে।
ভাল পেইজ বানাতে হলে আপনাকে HTML,CSS,CSS3,HTML5 and Bootstrap ভালভাবে জানতে হবে।
শুভকামনা রইল……

Related Posts:

  • Custom rom/কাষ্টম রম কি? এর সুবিধা কি?? কেন কাষ্টম রম দিবেন আশা অরি আপনারা ইতিমধ্যে রুট রিকভারী সব কিছু নিয়ে রেডি হয়ে গেছেন… এবার আসেন মেইন কাজে অর্থাৎ কাষ্টম রম দেয়ার কাজে যাইহোক এখন আমরা কাষ্টম রম দিবো … এর জন্য প্রথমেই আপনার ফোনের জন্য কাষ্টম রম লাগবে ।। কাষ্টম রম এর জন্য আপনি … Read More
  • Computer এর জন্য আমার খুঁজে বের করা 3টি অসাধারণ Software ! একবার হলেও দেখা উচিৎ। এটি একটি দারুণ Software যা দ্বারা কিনা আপনি আপনার অতি প্রয়োজনীয় ও মুল্যবান ব্রাউজার অপরিচিত কারো হাত থেকে রক্ষা করতে পারবেন, ধরুন আপনার Computer এ একটি Browser আছে যা দিয়ে আপনি সবসময় ইন্টারনেট ব্যবহার করে থাকেন, তাহলে নিশ… Read More
  • Copy Bubble- অ্যান্ড্রয়েডের জন্য চমৎকার এক কাজের অ্যাপ!! অ্যান্ড্রয়েড ফোন চালাচ্ছেন তবে নিয়ে নিন আরেক চমক। যা দিয়ে সহজেই আপনার লেখালেখির ঝামেলা কমাতে পারবেন। এমনই এক চমৎকার অ্যাপ Copy Bubble। অনেক সময়ই আপনাকে অনলাইনে কোন না কোন সাইট থেকে কিছু লেখা কপি করে  তা আবার Edit ক… Read More
  • SYMPHONY Z3/ GIONEE ELIFE E7 Mini - ROMs ( 25 )+50 http://www.needrom.com/category/gionee/elife-e7-mini/ http://www.kaskus.co.id/show_post/5461dc041cbfaa44738b4573/232/official-custom-rom … Read More
  • Dual sim control. আসসালামু আলাইকুম,কেমন আছেন সবাই? আশা করি ভালো। আমার মনটা তেমন বেশি ভালো না হলেও খারাপ না। আকাশ খারাপ, তাই ভাবলাম বাহিরে না গিয়ে ঘরে বসে কিছু লেখালেখি করি। আজ আমি আপনাদের সাথে যে এপ্সটি শেয়ার করতে যাচ্ছি তার নাম হলো Dual sim… Read More

শুক্রবার, ৪ সেপ্টেম্বর, ২০১৫

Advance Level এর ওয়েব পেইজ ডিজাইন করুন! খুব সহজেই Wireframing Tools এর সাথে।

আসালামওলাইকুম!
আশাকরি সবাই ভাল আছেন। এটা আমার প্রথম টিউন। ভুলগুলো ক্ষমার নজরে দেখবেন।
আমি শিখছি আর তা থেকে সবার সাথে শেয়ার করার চেষ্টা করছি। জানিনা এই টিউন আপনাদের কতটা
উপকারে আসবে। আর যদি এই রকম টিউন আগে কেউ করে থাকেন, তাহকে আমি তার কাছে ক্ষমাপার্তি।
আর কথা বাড়াচ্ছিনা, কাজের কথায় আসি।
Google এ search দিলে অনেক wireframe পাওয়া।
আমি আপনাদের একটা wirefram tools সাথে পরিচয় করিয়ে দেব, যেটা দিয়ে আপনারা খুব সহজেই একটি
সুন্দর এবং সেরা ওয়েব পেইজ বানিয়ে পেলতে পারেন।
Wireframe এর নাম হল Mockflow। Mockflow এখানে গিয়ে রেজিস্টেশন করে নিন।
Mockflow একটি Wireframe যেখানে আপনি আপনার চিন্তা-ভাবনা প্রয়োগ করে করে আপনিও বানাতে পারেন সেরা ওয়েব পেইজ।
Mockflow দিয়ে দুই ভাবে পেজ তৈ্রী করতে পারবেনঃ
  1. Mockflow >htm
Mockflow দিয়ে আপনার চিন্তা ভাবনাকে সরাসরি html এ coding করে রূপান্তর করেতে পারেন।
2.mockflow >photoshop >html
আপনার পেইজ কে আরো দৃষ্টিনন্দন করার জন্যে এ পদ্দতি আবল্মবন করতে পারেন।
প্রথমে mockflow দিয়ে আপনার সৃষ্টিকৃ্ত সব পটো, আইকন, লগো, বেনার ইত্যাতি দিয়ে সুন্দর একটি পেইজ আকবেন।
পরে photoshop দিয়ে আপনার সৃষ্টিকৃ্ত সব পটো, আইকন, লগো, বেনার ইত্যাতি add করে সেটা PSD file তৈ্রী করবেন। এর পর সেটাকে html এ রুপান্ত্ করবেন।
আপনেকে অবশ্যই PSD to HTML জানতে হবে।
Step By Step:

Login

লগইন করার পর। add project এ জান…

অল্প লোড করবে।

এখানে আপনার চিন্তা ভাবনা প্রয়োগ করুন…

আমার তৈরী করা wirefram and PSD file....




ব্যবহার করেন দেখুন ওয়েব পেইজ ডিজাইন আপনার কাছে কেমন সহজ লাগছে।
ভাল পেইজ বানাতে হলে আপনাকে HTML,CSS,CSS3,HTML5 and Bootstrap ভালভাবে জানতে হবে।
শুভকামনা রইল……

কোন মন্তব্য নেই: