Awesome! টিউনস
সকল Awesome! টিউনস

নতুন ওয়েব ডিজাইনারদের জন্য মারাত্মক টিপস,,, মিস করলে লস !!!

2,897 দেখা 8 টিউমেন্টস জোসস
টিউন বিভাগ ওয়েব ডিজাইন
প্রকাশিত
Level 2

81 টিউনস 316 টিউমেন্টস 20 ফলোয়ার

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

<html>
<body bgcolor="red">
<a href="http://www.arindampaul.com/index.php">Home</a>- 
<a href="http://www.arindampaul.com/about.php">About Us</a> - 
<a href="http://www.arindampaul.com/links.php">Tutorial</a> - 
<a href="http://www.arindampaul.com/contact.php">Contact Us</a> <br />
</body>
</html>

এবার ধরুণ আপনি এই লেআউট টিকে আপনার বাদবাকি সব পেজে ব্যবহার করবেন । তাহলে কী করতে হবে । এই কোড গুলোকে নোটপ্যাডে লিখে .php ফরম্যাটে সেভ করুন । যেমন : menu.php ।
এবার আপনাকে এই কোড আর দ্বিতীয় বার লেখা লাগবে না । এর জন্য আপনাকে ইউজ করতে হবে ছোট্ট একটা কোড । পরবর্তীতে আপনি যখন আরেকটি ওয়েবপেজ নিয়ে কাজ করা শুরু করবেন তখন লিখুন :

<html>
<body>
<?php include("menu.php"); ?>
<p>Content goes here!</p>
</body>
</html>

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

<html>
<body bgcolor="red">
<a href="http://www.arindampaul.com">Home</a> - 
<a href="http://www.arindampaul.com/about.php">About Us</a> - 
<a href="http://www.arindampaul.com/links.php">Tutorial</a> - 
<a href="http://www.arindampaul.com/contact.php">Contact</a> <br />
<p>Content goes here!</p>
</body>
</html>

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

বি:দ্র: = "এটি শুধুমাত্র এই লাইনে নতুনদের জন্য । অভিজ্ঞরা যারা এ সম্পর্কে জানেন তারা দয়া করে এড়িয়ে যান । "

Level 2

আমি অরিন্দম পাল। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 81 টি টিউন ও 316 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 20 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

মানসিক ভাবে দূর্বল । কোন কাজই কনফিডেন্টলি করতে পারি না , তবুও দেখি কাজ শেষ পর্যন্ত হয়ে যায় । নিজের সম্পর্কে এক এক সময় ধারণা এক এক রকম হয় । আমার কোন বেল ব্রেক নেই । সকালে যে কাজ করব ঠিক করি , বিকালে তা করতে পারি না । নিজের...

টিউনস

আরও টিউনস

টিউনারের আরও টিউনস

টিউমেন্টস

Level 0

thanks for this post, visit this link- http://bit.ly/17xAVjw and know how u can add skype button in your website and your visitor can chat with you from your website…

Level 2

Thanks

Level 2

আপনাকেও ধন্যবাদ ।

Level 0

আজব!!!
নিজের সাইটের ইনবন্ড লিঙ্কে কেউ rel=”nofollow” ইউস করে?????
আর ইনবন্ড লিঙ্কে ডোমেইন না লিখে যেমন /index.php দিলে কষ্ট কম হবে এবং ডোমেইন পাল্টালেও লিঙ্ক ঠিক থাকে। রিম্যাপ করা লাগে না। আশা করি অরিন্দম ভাই বিষয়দুটি ঠিক করবেন।

Level 2

vai, asole site ta amar na. Ai nam e kno site e nai. Ami just akta exmpl disi. Ar oi gulo ami likhi ni. Post korar somoy auto add hoya gasa. Advice er jonno thanks.

Level 0

মারাত্মক কথাটার অর্থ কি??? এই মারাত্মক এর ইংরেজি শব্দটা কি?? বলবেন কি?

Level 0

অসংখ্য ধন্যবাদ। এই কাজটির জন্যই আমি আমার সাইটের কাজ বন্ধ করে রেখেছি। আজকে থেকে আবার এই টিপ্সটি কাজে লাগিয়ে continue করব ইনশা আল্লাহ। এর >>> http://www.amaderprojukti.tk জন্য দোয়া কইরেন।

Level 2

hum, vai apner site ta valo. Carry on bro…